chore: use proper name convention for build tools

new-lamassu-admin/src/components/inputs/base/Autocomplete.js

@@ -1,140 +0,0 @@
-import { Box } from '@material-ui/core'
-import MAutocomplete from '@material-ui/lab/Autocomplete'
-import sort from 'match-sorter'
-import * as R from 'ramda'
-import React from 'react'
-
-import { HoverableTooltip } from 'src/components/Tooltip'
-import { P } from 'src/components/typography'
-import { errorColor, orangeYellow, spring4 } from 'src/styling/variables'
-
-import TextInput from './TextInput'
-
-const Autocomplete = ({
-  optionsLimit = 5, // set limit = null for no limit
-  limit,
-  options,
-  label,
-  valueProp,
-  multiple,
-  onChange,
-  labelProp,
-  shouldStayOpen,
-  value: outsideValue,
-  error,
-  fullWidth,
-  textAlign,
-  size,
-  autoFocus,
-  ...props
-}) => {
-  const mapFromValue = options => it => R.find(R.propEq(valueProp, it))(options)
-  const mapToValue = R.prop(valueProp)
-
-  const getValue = () => {
-    if (!valueProp) return outsideValue
-
-    const transform = multiple
-      ? R.map(mapFromValue(options))
-      : mapFromValue(options)
-
-    return transform(outsideValue)
-  }
-
-  const value = getValue()
-
-  const innerOnChange = (evt, value) => {
-    if (!valueProp) return onChange(evt, value)
-
-    const rValue = multiple ? R.map(mapToValue)(value) : mapToValue(value)
-    onChange(evt, rValue)
-  }
-
-  const valueArray = () => {
-    if (R.isNil(value)) return []
-    return multiple ? value : [value]
-  }
-
-  const filter = (array, input) => {
-    if (!input) return array
-    return sort(array, input, { keys: [valueProp, labelProp] })
-  }
-
-  const filterOptions = (array, { inputValue }) =>
-    R.union(
-      R.isEmpty(inputValue) ? valueArray() : [],
-      filter(array, inputValue)
-    ).slice(
-      0,
-      R.defaultTo(undefined)(limit) &&
-        Math.max(limit, R.isEmpty(inputValue) ? valueArray().length : 0)
-    )
-
-  return (
-    <MAutocomplete
-      options={options}
-      multiple={multiple}
-      value={value}
-      onChange={innerOnChange}
-      getOptionLabel={R.path([labelProp])}
-      forcePopupIcon={false}
-      filterOptions={filterOptions}
-      openOnFocus
-      autoHighlight
-      disableClearable
-      ChipProps={{ onDelete: null }}
-      clearOnEscape
-      getOptionSelected={R.eqProps(valueProp)}
-      {...props}
-      renderInput={params => {
-        return (
-          <TextInput
-            {...params}
-            autoFocus={autoFocus}
-            label={label}
-            value={outsideValue}
-            error={error}
-            size={size}
-            fullWidth={fullWidth}
-            textAlign={textAlign}
-          />
-        )
-      }}
-      renderOption={props => {
-        if (!props.warning && !props.warningMessage)
-          return R.path([labelProp])(props)
-
-        const warningColors = {
-          clean: spring4,
-          partial: orangeYellow,
-          important: errorColor
-        }
-
-        const hoverableElement = (
-          <Box
-            width={18}
-            height={18}
-            borderRadius={6}
-            bgcolor={warningColors[props.warning]}
-          />
-        )
-
-        return (
-          <Box
-            width="100%"
-            display="flex"
-            flexDirection="row"
-            justifyContent="space-between"
-            alignItems="center">
-            <Box>{R.path([labelProp])(props)}</Box>
-            <HoverableTooltip parentElements={hoverableElement} width={250}>
-              <P>{props.warningMessage}</P>
-            </HoverableTooltip>
-          </Box>
-        )
-      }}
-    />
-  )
-}
-
-export default Autocomplete