@corva/ui 0.65.0-1-test → 0.65.0-2

package/components/Search/components/RecentSearches.js

@@ -1,97 +1 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { useEffect } from 'react';
-import { isEmpty, take } from 'lodash';
-import { makeStyles, Typography } from '@material-ui/core';
-import TimeIcon from '@material-ui/icons/AccessTime';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    recentSearchesWrapper: {
-      paddingBottom: '8px'
-    },
-    option: {
-      display: 'flex',
-      alignItems: 'center',
-      padding: '0 16px',
-      '&:hover': {
-        cursor: 'pointer',
-        backgroundColor: 'rgba(255, 255, 255, 0.16)'
-      }
-    },
-    label: {
-      lineHeight: '36px',
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    },
-    caption: {
-      color: palette.primary.text6,
-      fontSize: '12px',
-      padding: '16px 0 8px 16px'
-    },
-    recentSearchesIcon: {
-      width: '16px',
-      height: '16px',
-      color: palette.primary.text6,
-      marginRight: '16px'
-    }
-  };
-});
-var getRecentSearchesFromStorage = function getRecentSearchesFromStorage(dataStorage, key) {
-  return JSON.parse(dataStorage.getItem(key)) || [];
-};
-var setRecentSearchesToStorage = function setRecentSearchesToStorage(dataStorage, key, recentSearches) {
-  dataStorage.setItem(key, JSON.stringify(recentSearches));
-};
-var RecentSearches = function RecentSearches(_ref2) {
-  var onInputChange = _ref2.onInputChange,
-    inputValue = _ref2.inputValue,
-    isHidden = _ref2.isHidden,
-    maxCount = _ref2.maxCount,
-    dataStorageKey = _ref2.dataStorageKey,
-    dataStorage = _ref2.dataStorage;
-  var recentSearches = getRecentSearchesFromStorage(dataStorage, dataStorageKey);
-  var classes = useStyles();
-  var handleRecentSearchesChange = function handleRecentSearchesChange(searchValue) {
-    setRecentSearchesToStorage(dataStorage, dataStorageKey, take([searchValue].concat(_toConsumableArray(recentSearches)), maxCount));
-  };
-  var handleRecentSearchesClick = function handleRecentSearchesClick(label) {
-    setRecentSearchesToStorage(dataStorage, dataStorageKey, recentSearches.filter(function (searchItem) {
-      return searchItem !== label;
-    }));
-    onInputChange(label);
-  };
-  useEffect(function () {
-    if (!(inputValue !== null && inputValue !== void 0 && inputValue.trim()) || recentSearches.includes(inputValue)) {
-      return;
-    }
-    handleRecentSearchesChange(inputValue);
-  }, [inputValue]);
-  if (isEmpty(recentSearches) || isHidden) return null;
-  var recentSearchesContent = recentSearches === null || recentSearches === void 0 ? void 0 : recentSearches.map(function (label) {
-    return /*#__PURE__*/jsxs("div", {
-      className: classes.option,
-      onClick: function onClick() {
-        handleRecentSearchesClick(label);
-      },
-      children: [/*#__PURE__*/jsx(TimeIcon, {
-        className: classes.recentSearchesIcon
-      }), /*#__PURE__*/jsx("div", {
-        className: classes.label,
-        children: label
-      })]
-    }, label);
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.recentSearchesWrapper,
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: classes.caption,
-      children: "Recent Searches"
-    }), recentSearchesContent]
-  });
-};
-
-export { RecentSearches as default };
-//# sourceMappingURL=RecentSearches.js.map
+import e from"@babel/runtime/helpers/toConsumableArray";import{useEffect as r}from"react";import{isEmpty as t,take as n}from"lodash";import{makeStyles as i,Typography as a}from"@material-ui/core";import o from"@material-ui/icons/AccessTime";import{jsxs as c,jsx as l}from"react/jsx-runtime";var p=i((function(e){var r=e.palette;return{recentSearchesWrapper:{paddingBottom:"8px"},option:{display:"flex",alignItems:"center",padding:"0 16px","&:hover":{cursor:"pointer",backgroundColor:"rgba(255, 255, 255, 0.16)"}},label:{lineHeight:"36px",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},caption:{color:r.primary.text6,fontSize:"12px",padding:"16px 0 8px 16px"},recentSearchesIcon:{width:"16px",height:"16px",color:r.primary.text6,marginRight:"16px"}}})),m=function(e,r,t){e.setItem(r,JSON.stringify(t))},s=function(i){var s=i.onInputChange,u=i.inputValue,d=i.isHidden,f=i.maxCount,h=i.dataStorageKey,x=i.dataStorage,g=function(e,r){return JSON.parse(e.getItem(r))||[]}(x,h),v=p();if(r((function(){null!=u&&u.trim()&&!g.includes(u)&&m(x,h,n([u].concat(e(g)),f))}),[u]),t(g)||d)return null;var S=null==g?void 0:g.map((function(e){return c("div",{className:v.option,onClick:function(){!function(e){m(x,h,g.filter((function(r){return r!==e}))),s(e)}(e)},children:[l(o,{className:v.recentSearchesIcon}),l("div",{className:v.label,children:e})]},e)}));return c("div",{className:v.recentSearchesWrapper,children:[l(a,{className:v.caption,children:"Recent Searches"}),S]})};export{s as default};

package/components/Search/context/index.js

@@ -1,13 +1 @@
-import { createContext, useContext } from 'react';
-
-var PaperContext = createContext({});
-var usePaperContext = function usePaperContext() {
-  var context = useContext(PaperContext);
-  if (!context) {
-    console.warn('PaperContext cannot be used outside Provider');
-  }
-  return context;
-};
-
-export { PaperContext, usePaperContext as default };
-//# sourceMappingURL=index.js.map
+import{createContext as r,useContext as e}from"react";var o=r({}),t=function(){var r=e(o);return r||console.warn("PaperContext cannot be used outside Provider"),r};export{o as PaperContext,t as default};

package/components/Search/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,yYA+HZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Search/styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,yYAmIZ,CAAC;AAEJ,eAAe,SAAS,CAAC"}

package/components/Search/styles.js

@@ -1,139 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    searchInput: {
-      '&::before': {
-        borderColor: palette.primary.text9
-      },
-      '&:hover .MuiInputAdornment-root svg': {
-        fill: "".concat(palette.primary.contrastText, " !important")
-      },
-      '&:hover .MuiInput-underline:not(.Mui-disabled):before': {
-        borderBottom: "2px solid ".concat(palette.primary.contrastText, " !important")
-      },
-      '& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root': {
-        fill: "".concat(palette.primary.main, " !important")
-      }
-    },
-    popper: {
-      top: '8px !important'
-    },
-    popupIndicator: {
-      color: palette.primary.text6,
-      '&:hover': {
-        backgroundColor: 'transparent'
-      }
-    },
-    popupIndicatorOpen: {
-      color: palette.primary.main
-    },
-    label: {
-      textAlign: 'center',
-      fontStyle: 'italic',
-      fontSize: 12,
-      fontWeight: 400
-    },
-    listbox: {
-      maxHeight: 160,
-      position: 'relative'
-    },
-    textField: {
-      paddingRight: '0px !important'
-    },
-    searchIcon: {
-      fill: "".concat(palette.primary.text6, " !important"),
-      width: '24px',
-      height: '24px'
-    },
-    closeIcon: {
-      fill: "".concat(palette.primary.text6, " !important"),
-      '&:hover': {
-        fill: "".concat(palette.primary.contrastText, " !important")
-      }
-    },
-    iconButton: {
-      '&:hover': {
-        backgroundColor: 'transparent'
-      }
-    },
-    option: {
-      '&.large': {
-        padding: '9px 0'
-      }
-    },
-    group: {
-      padding: '4px 0'
-    },
-    groupChip: {
-      margin: '0 16px 4px',
-      color: palette.primary.text6,
-      border: "1px solid ".concat(palette.primary.text9),
-      fontSize: 14,
-      '&:hover': {
-        backgroundColor: 'initial'
-      }
-    },
-    selectedGroup: {
-      padding: '4px 2px',
-      marginRight: 8,
-      color: palette.primary.text6,
-      border: "1px solid ".concat(palette.primary.text9),
-      height: 20,
-      fontSize: 14,
-      '& .MuiChip-label': {
-        padding: '0px 0px 0px 8px'
-      }
-    },
-    selectedGroupLabel: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    removeIcon: {
-      fontSize: '16px',
-      margin: '0 4px',
-      cursor: 'pointer'
-    },
-    removeIconWithDropdown: {
-      marginRight: 20,
-      zIndex: 1
-    },
-    checkbox: {
-      padding: '0 8px 0 0',
-      '&:hover': {
-        backgroundColor: 'initial !important'
-      }
-    },
-    selectAllCheckbox: {
-      margin: 0,
-      padding: '6px 0',
-      width: '100%',
-      borderBottom: "1px solid ".concat(palette.primary.text9),
-      '& .MuiCheckbox-root .MuiSvgIcon-root': {
-        fontSize: '20px !important'
-      },
-      '& .Mui-checked': {
-        padding: '0 8px 0 16px'
-      },
-      '& .Mui-checked:hover': {
-        backgroundColor: 'initial !important'
-      },
-      '& .Mui-checked:active': {
-        backgroundColor: 'initial !important'
-      }
-    },
-    selectedLabel: {
-      padding: '0 4px'
-    },
-    menuItem: {
-      padding: 0,
-      '&:hover': {
-        backgroundColor: 'initial'
-      }
-    }
-  };
-});
-
-export { useStyles as default };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as t}from"@material-ui/core";var o=t((function(t){var o=t.palette;return{searchInput:{"& .MuiAutocomplete-input":{padding:"5px !important"},"&::before":{borderColor:o.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(o.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(o.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(o.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:o.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:o.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative"},textField:{paddingRight:"0px !important",paddingBottom:"0px !important"},searchIcon:{fill:"".concat(o.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(o.primary.text6," !important"),"&:hover":{fill:"".concat(o.primary.contrastText," !important")}},iconButton:{"&:hover":{backgroundColor:"transparent"}},option:{"&.large":{padding:"9px 0"}},group:{padding:"4px 0"},groupChip:{margin:"0 16px 4px",color:o.primary.text6,border:"1px solid ".concat(o.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:o.primary.text6,border:"1px solid ".concat(o.primary.text9),height:20,fontSize:14,"& .MuiChip-label":{padding:"0px 0px 0px 8px"}},selectedGroupLabel:{display:"flex",alignItems:"center"},removeIcon:{fontSize:"16px",margin:"0 4px",cursor:"pointer"},removeIconWithDropdown:{marginRight:20,zIndex:1},checkbox:{padding:"0 8px 0 0","&:hover":{backgroundColor:"initial !important"}},selectAllCheckbox:{margin:0,padding:"8px 0",height:54,width:"100%",borderBottom:"1px solid ".concat(o.primary.text9),"& .MuiCheckbox-root .MuiSvgIcon-root":{fontSize:"20px !important"},"& .Mui-checked":{padding:"0 8px 0 16px"},"& .Mui-checked:hover":{backgroundColor:"initial !important"},"& .Mui-checked:active":{backgroundColor:"initial !important"}},selectedLabel:{padding:"0 4px"},menuItem:{padding:0,"&:hover":{backgroundColor:"initial"}}}}));export{o as default};

package/components/Search/utils/truncate.js

@@ -1,10 +1 @@
-var truncateString = function truncateString(label, truncateOptions) {
-  var maxChars = truncateOptions.maxChars,
-    charsNumFromStart = truncateOptions.charsNumFromStart,
-    charsNumFromEnd = truncateOptions.charsNumFromEnd;
-  if (label.length > maxChars) return "".concat(label.slice(0, charsNumFromStart), "...").concat(label.slice(label.length - charsNumFromEnd));
-  return label;
-};
-
-export { truncateString };
-//# sourceMappingURL=truncate.js.map
+var r=function(r,a){var c=a.maxChars,t=a.charsNumFromStart,n=a.charsNumFromEnd;return r.length>c?"".concat(r.slice(0,t),"...").concat(r.slice(r.length-n)):r};export{r as truncateString};

package/components/SearchInput/index.js

@@ -1,90 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useCallback } from 'react';
-import { debounce } from 'lodash';
-import { makeStyles, Paper, InputBase } from '@material-ui/core';
-import SearchIcon from '@material-ui/icons/Search';
-import CloseIcon from '@material-ui/icons/Close';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      display: 'flex',
-      alignItems: 'center',
-      height: 30,
-      paddingLeft: 19,
-      borderRadius: 30,
-      boxShadow: 'none',
-      '&:focus-within': {
-        boxShadow: "inset 0 0 0 2px ".concat(theme.palette.primary.main)
-      }
-    },
-    input: {
-      flex: 1,
-      fontFamily: 'Roboto',
-      fontSize: 14,
-      fontWeight: 200
-    },
-    searchIcon: {
-      height: 16,
-      width: 16,
-      color: theme.palette.primary.contrastText,
-      marginRight: 9
-    },
-    closeIcon: {
-      height: 16,
-      width: 16,
-      margin: '0 10px',
-      color: theme.palette.primary.text6,
-      cursor: 'pointer'
-    }
-  };
-});
-function SearchInput(_ref) {
-  var handleSearch = _ref.handleSearch,
-    className = _ref.className;
-  var styles = useStyles();
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);
-  var handleInputChange = function handleInputChange(targetValue) {
-    setInputValue(targetValue);
-    handleChangeDebounced(targetValue);
-  };
-  return /*#__PURE__*/jsxs(Paper, {
-    className: classNames(styles.root, className),
-    children: [/*#__PURE__*/jsx(SearchIcon, {
-      className: styles.searchIcon
-    }), /*#__PURE__*/jsx(InputBase, {
-      className: styles.input,
-      placeholder: "Search ...",
-      value: inputValue,
-      inputProps: {
-        'aria-label': 'search'
-      },
-      onChange: function onChange(e) {
-        return handleInputChange(e.target.value);
-      }
-    }), inputValue && /*#__PURE__*/jsx(CloseIcon, {
-      className: styles.closeIcon,
-      onClick: function onClick() {
-        handleSearch('');
-        setInputValue('');
-      }
-    })]
-  });
-}
-SearchInput.propTypes = {
-  handleSearch: PropTypes.func.isRequired,
-  className: PropTypes.string
-};
-SearchInput.defaultProps = {
-  className: ''
-};
-
-export { SearchInput as default };
-//# sourceMappingURL=index.js.map
+import r from"@babel/runtime/helpers/slicedToArray";import{useState as e,useCallback as a}from"react";import{debounce as o}from"lodash";import{makeStyles as t,Paper as i,InputBase as n}from"@material-ui/core";import c from"@material-ui/icons/Search";import s from"@material-ui/icons/Close";import l from"prop-types";import m from"classnames";import{jsxs as p,jsx as h}from"react/jsx-runtime";var u=t((function(r){return{root:{display:"flex",alignItems:"center",height:30,paddingLeft:19,borderRadius:30,boxShadow:"none","&:focus-within":{boxShadow:"inset 0 0 0 2px ".concat(r.palette.primary.main)}},input:{flex:1,fontFamily:"Roboto",fontSize:14,fontWeight:200},searchIcon:{height:16,width:16,color:r.palette.primary.contrastText,marginRight:9},closeIcon:{height:16,width:16,margin:"0 10px",color:r.palette.primary.text6,cursor:"pointer"}}}));function f(t){var l=t.handleSearch,f=t.className,d=u(),g=e(""),x=r(g,2),y=x[0],b=x[1],N=a(o(l,500),[]);return p(i,{className:m(d.root,f),children:[h(c,{className:d.searchIcon}),h(n,{className:d.input,placeholder:"Search ...",value:y,inputProps:{"aria-label":"search"},onChange:function(r){return e=r.target.value,b(e),void N(e);var e}}),y&&h(s,{className:d.closeIcon,onClick:function(){l(""),b("")}})]})}f.propTypes={handleSearch:l.func.isRequired,className:l.string},f.defaultProps={className:""};export{f as default};

package/components/Select/SelectFilterBy.js

@@ -1,69 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { makeStyles, InputAdornment } from '@material-ui/core';
-import { Layers, LayersClear } from '@material-ui/icons';
-import Select from './index.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    emptyItem: {
-      color: theme.palette.primary.text6
-    },
-    formControlRoot: {
-      '&:hover': {
-        '& .MuiFormLabel-root': {
-          color: theme.palette.primary.text6
-        },
-        '& .MuiFormLabel-root.Mui-focused': {
-          color: theme.palette.primary.main
-        }
-      },
-      '& .MuiFormLabel-root': {
-        color: theme.palette.primary.text6
-      },
-      '& .MuiSelect-filled': {
-        paddingLeft: 0
-      },
-      '& .MuiSelect-select:focus': {
-        backgroundColor: 'transparent'
-      },
-      '& .MuiFilledInput-root': {
-        backgroundColor: '#FFFFFF10',
-        '&:hover': {
-          backgroundColor: '#FFFFFF20'
-        },
-        '&.Mui-disabled': {
-          backgroundColor: '#FFFFFF10'
-        }
-      }
-    }
-  };
-});
-var SelectFilterBy = function SelectFilterBy(props) {
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(Select, _objectSpread({
-    disableUnderline: true,
-    displayEmpty: true,
-    FormControlProps: {
-      variant: 'filled',
-      classes: {
-        root: classes.formControlRoot
-      }
-    },
-    renderValue: function renderValue(value) {
-      return value ? value : /*#__PURE__*/jsx("span", {
-        className: classes.emptyItem,
-        children: "None"
-      });
-    },
-    startAdornment: /*#__PURE__*/jsx(InputAdornment, {
-      position: "start",
-      children: props.value ? /*#__PURE__*/jsx(Layers, {}) : /*#__PURE__*/jsx(LayersClear, {})
-    })
-  }, props));
-};
-
-export { SelectFilterBy };
-//# sourceMappingURL=SelectFilterBy.js.map
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{makeStyles as t,InputAdornment as e}from"@material-ui/core";import{Layers as i,LayersClear as l}from"@material-ui/icons";import a from"./index.js";var n=t((function(o){return{emptyItem:{color:o.palette.primary.text6},formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main}},"& .MuiFormLabel-root":{color:o.palette.primary.text6},"& .MuiSelect-filled":{paddingLeft:0},"& .MuiSelect-select:focus":{backgroundColor:"transparent"},"& .MuiFilledInput-root":{backgroundColor:"#FFFFFF10","&:hover":{backgroundColor:"#FFFFFF20"},"&.Mui-disabled":{backgroundColor:"#FFFFFF10"}}}}})),m=function(t){var m=n();return r(a,o({disableUnderline:!0,displayEmpty:!0,FormControlProps:{variant:"filled",classes:{root:m.formControlRoot}},renderValue:function(t){return t||r("span",o({className:m.emptyItem},{children:"None"}))},startAdornment:r(e,o({position:"start"},{children:t.value?r(i,{}):r(l,{})}))},t))};export{m as SelectFilterBy};

package/components/Select/index.js

@@ -1,216 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useMemo } from 'react';
-import { makeStyles, FormControl, InputLabel, Select as Select$1, FormHelperText } from '@material-ui/core';
-import uuidV4 from 'uuid/v4';
-import classNames from 'classnames';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["FormControlProps", "InputLabelProps", "label", "formHelperText"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var DISABLED_OPACITY = '0.4';
-var useStyles = makeStyles(function (theme) {
-  return {
-    formControlRoot: {
-      '&:hover': {
-        '& .MuiFormLabel-root, & .MuiInputAdornment-root, & .MuiSvgIcon-root.MuiSelect-icon': {
-          color: theme.palette.primary.contrastText
-        },
-        '& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)': {
-          '&::before': {
-            borderBottom: "2px solid ".concat(theme.palette.primary.contrastText)
-          }
-        }
-      },
-      '& .MuiInputBase-root.Mui-focused': {
-        '& .MuiSvgIcon-root.MuiSelect-icon': {
-          color: theme.palette.primary.main
-        }
-      },
-      '& .MuiInput-underline, & .MuiFilledInput-underline': {
-        '&::before': {
-          borderBottom: "1px solid ".concat(theme.palette.primary.text6)
-        },
-        '&.Mui-disabled': {
-          '&::before': {
-            opacity: DISABLED_OPACITY,
-            borderBottom: "1px solid ".concat(theme.palette.primary.text6)
-          },
-          '&::after': {
-            opacity: DISABLED_OPACITY
-          }
-        }
-      },
-      '& .MuiSelect-root': {
-        '&.Mui-disabled': {
-          color: theme.palette.primary.contrastText,
-          opacity: DISABLED_OPACITY
-        }
-      },
-      '& .MuiFormLabel-root': {
-        color: theme.palette.primary.text6,
-        '&.Mui-focused': {
-          color: theme.palette.primary.main
-        },
-        '&.Mui-disabled.MuiInputLabel-root': {
-          color: theme.palette.primary.text6,
-          opacity: DISABLED_OPACITY
-        }
-      },
-      '& .MuiSelect-icon.Mui-disabled': {
-        color: theme.palette.primary.contrastText,
-        opacity: DISABLED_OPACITY
-      },
-      '& .MuiFormHelperText-root': {
-        color: theme.palette.primary.text6,
-        '&.Mui-disabled': {
-          opacity: DISABLED_OPACITY
-        }
-      },
-      '& .MuiFilledInput-root': {
-        backgroundColor: theme.palette.background.b6,
-        '&:hover': {
-          backgroundColor: theme.palette.background.b7
-        },
-        '&.Mui-disabled': {
-          backgroundColor: theme.palette.background.b6,
-          opacity: DISABLED_OPACITY
-        }
-      },
-      '& .MuiInputLabel-filled': {
-        left: 2
-      },
-      '& .MuiSelect-filled': {
-        paddingLeft: 14
-      },
-      '& .MuiSvgIcon-root.MuiSelect-icon': {
-        color: theme.palette.primary.text6
-      },
-      '& .MuiInputBase-root': {
-        '& .MuiInputAdornment-root': {
-          color: theme.palette.primary.text6,
-          '& svg': {
-            height: 16,
-            width: 16
-          }
-        },
-        '&.Mui-error': {
-          '& .MuiInputAdornment-root': {
-            color: theme.palette.error.main
-          }
-        },
-        '&.Mui-disabled': {
-          '& .MuiInputAdornment-root': {
-            opacity: DISABLED_OPACITY
-          }
-        },
-        '&.Mui-focused': {
-          '& .MuiInputAdornment-root': {
-            color: theme.palette.primary.main
-          }
-        }
-      }
-    },
-    menuList: {
-      backgroundColor: theme.palette.background.b9,
-      '& .MuiMenuItem-root': {
-        '&.Mui-selected': {
-          backgroundColor: theme.palette.primary.text9
-        }
-      }
-    },
-    error: {
-      '&:hover': {
-        '& .MuiInput-underline, & .MuiFilledInput-underline': {
-          '&::after': {
-            borderBottom: "2px solid ".concat(theme.palette.error.main)
-          }
-        },
-        '& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled': {
-          '&::before': {
-            borderBottom: "1px solid ".concat(theme.palette.error.main)
-          },
-          '&::after': {
-            display: 'none'
-          }
-        },
-        '& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline': {
-          borderWidth: 2
-        }
-      },
-      '& .MuiFormLabel-root.MuiInputLabel-root': {
-        color: theme.palette.error.main,
-        '&.Mui-focused': {
-          color: theme.palette.error.main
-        },
-        '&.Mui-disabled': {
-          color: theme.palette.error.main
-        }
-      },
-      '& .MuiFormHelperText-root': {
-        color: theme.palette.error.main
-      },
-      '& .MuiInput-underline, & .MuiFilledInput-underline': {
-        '&::after': {
-          borderBottom: "1px solid ".concat(theme.palette.error.main)
-        },
-        '&.Mui-disabled::after': {
-          display: 'none'
-        },
-        '&.Mui-disabled::before': {
-          borderBottom: "1px solid ".concat(theme.palette.error.main)
-        }
-      },
-      '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {
-        borderColor: theme.palette.error.main,
-        opacity: DISABLED_OPACITY
-      }
-    }
-  };
-});
-var Select = function Select(props) {
-  var _FormControlProps$cla, _SelectProps$MenuProp, _SelectProps$MenuProp2, _SelectProps$MenuProp3, _SelectProps$MenuProp4, _SelectProps$MenuProp5;
-  var FormControlProps = props.FormControlProps,
-    InputLabelProps = props.InputLabelProps,
-    label = props.label,
-    formHelperText = props.formHelperText,
-    SelectProps = _objectWithoutProperties(props, _excluded);
-  var labelId = useMemo(uuidV4, []);
-  var styles = useStyles();
-  return /*#__PURE__*/jsxs(FormControl, _objectSpread(_objectSpread({}, FormControlProps), {}, {
-    classes: _objectSpread(_objectSpread({}, FormControlProps.classes), {}, {
-      root: classNames((_FormControlProps$cla = FormControlProps.classes) === null || _FormControlProps$cla === void 0 ? void 0 : _FormControlProps$cla.root, styles.formControlRoot, _defineProperty({}, styles.error, SelectProps.error))
-    }),
-    disabled: FormControlProps.disabled || SelectProps.disabled,
-    children: [label && /*#__PURE__*/jsx(InputLabel, _objectSpread(_objectSpread({
-      id: labelId
-    }, InputLabelProps), {}, {
-      children: label
-    })), /*#__PURE__*/jsx(Select$1, _objectSpread(_objectSpread({}, SelectProps), {}, {
-      labelId: labelId
-      // NOTE: label should be explicitly set for outlined select
-      // https://github.com/mui-org/material-ui/issues/14530#issuecomment-620974845
-      ,
-      label: label,
-      MenuProps: _objectSpread(_objectSpread({}, SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.MenuProps), {}, {
-        classes: _objectSpread(_objectSpread({}, SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp = SelectProps.MenuProps) === null || _SelectProps$MenuProp === void 0 ? void 0 : _SelectProps$MenuProp.classes), {}, {
-          paper: SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp2 = SelectProps.MenuProps) === null || _SelectProps$MenuProp2 === void 0 ? void 0 : (_SelectProps$MenuProp3 = _SelectProps$MenuProp2.classes) === null || _SelectProps$MenuProp3 === void 0 ? void 0 : _SelectProps$MenuProp3.paper,
-          list: classNames(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp4 = SelectProps.MenuProps) === null || _SelectProps$MenuProp4 === void 0 ? void 0 : (_SelectProps$MenuProp5 = _SelectProps$MenuProp4.classes) === null || _SelectProps$MenuProp5 === void 0 ? void 0 : _SelectProps$MenuProp5.list, styles.menuList)
-        })
-      })
-    })), formHelperText && /*#__PURE__*/jsx(FormHelperText, {
-      children: formHelperText
-    })]
-  }));
-};
-Select.defaultProps = {
-  FormControlProps: {},
-  InputLabelProps: {},
-  label: null,
-  formHelperText: null,
-  error: false
-};
-
-export { Select as default };
-//# sourceMappingURL=index.js.map
+import{__rest as o,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{makeStyles as l,FormControl as n,InputLabel as u,Select as a,FormHelperText as d}from"@material-ui/core";import p from"uuid/v4";import c from"classnames";var s=l((function(o){return{formControlRoot:{"&:hover":{"& .MuiFormLabel-root, & .MuiInputAdornment-root, & .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.contrastText},"& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)":{"&::before":{borderBottom:"2px solid ".concat(o.palette.primary.contrastText)}}},"& .MuiInputBase-root.Mui-focused":{"& .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.main}},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::before":{borderBottom:"1px solid ".concat(o.palette.primary.text6)},"&.Mui-disabled":{"&::before":{opacity:"0.4",borderBottom:"1px solid ".concat(o.palette.primary.text6)},"&::after":{opacity:"0.4"}}},"& .MuiSelect-root":{"&.Mui-disabled":{color:o.palette.primary.contrastText,opacity:"0.4"}},"& .MuiFormLabel-root":{color:o.palette.primary.text6,"&.Mui-focused":{color:o.palette.primary.main},"&.Mui-disabled.MuiInputLabel-root":{color:o.palette.primary.text6,opacity:"0.4"}},"& .MuiSelect-icon.Mui-disabled":{color:o.palette.primary.contrastText,opacity:"0.4"},"& .MuiFormHelperText-root":{color:o.palette.primary.text6,"&.Mui-disabled":{opacity:"0.4"}},"& .MuiFilledInput-root":{backgroundColor:o.palette.background.b6,"&:hover":{backgroundColor:o.palette.background.b7},"&.Mui-disabled":{backgroundColor:o.palette.background.b6,opacity:"0.4"}},"& .MuiInputLabel-filled":{left:2},"& .MuiSelect-filled":{paddingLeft:14},"& .MuiSvgIcon-root.MuiSelect-icon":{color:o.palette.primary.text6},"& .MuiInputBase-root":{"& .MuiInputAdornment-root":{color:o.palette.primary.text6,"& svg":{height:16,width:16}},"&.Mui-error":{"& .MuiInputAdornment-root":{color:o.palette.error.main}},"&.Mui-disabled":{"& .MuiInputAdornment-root":{opacity:"0.4"}},"&.Mui-focused":{"& .MuiInputAdornment-root":{color:o.palette.primary.main}}}},menuList:{backgroundColor:o.palette.background.b9,"& .MuiMenuItem-root":{"&.Mui-selected":{backgroundColor:o.palette.primary.text9}}},error:{"&:hover":{"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"2px solid ".concat(o.palette.error.main)}},"& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid ".concat(o.palette.error.main)},"&::after":{display:"none"}},"& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline":{borderWidth:2}},"& .MuiFormLabel-root.MuiInputLabel-root":{color:o.palette.error.main,"&.Mui-focused":{color:o.palette.error.main},"&.Mui-disabled":{color:o.palette.error.main}},"& .MuiFormHelperText-root":{color:o.palette.error.main},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"1px solid ".concat(o.palette.error.main)},"&.Mui-disabled::after":{display:"none"},"&.Mui-disabled::before":{borderBottom:"1px solid ".concat(o.palette.error.main)}},"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:o.palette.error.main,opacity:"0.4"}}}})),m=function(l){var m,M,b,f,I,v,x,y=l.FormControlProps,g=l.InputLabelProps,F=l.label,h=l.formHelperText,L=o(l,["FormControlProps","InputLabelProps","label","formHelperText"]),P=i(p,[]),C=s();return r(n,e({},y,{classes:e(e({},y.classes),{root:c(null===(M=y.classes)||void 0===M?void 0:M.root,C.formControlRoot,(m={},m[C.error]=L.error,m))}),disabled:y.disabled||L.disabled},{children:[F&&t(u,e({id:P},g,{children:F})),t(a,e({},L,{labelId:P,label:F,MenuProps:e(e({},null==L?void 0:L.MenuProps),{classes:e(e({},null===(b=null==L?void 0:L.MenuProps)||void 0===b?void 0:b.classes),{paper:null===(I=null===(f=null==L?void 0:L.MenuProps)||void 0===f?void 0:f.classes)||void 0===I?void 0:I.paper,list:c(null===(x=null===(v=null==L?void 0:L.MenuProps)||void 0===v?void 0:v.classes)||void 0===x?void 0:x.list,C.menuList)})})})),h&&t(d,{children:h})]}))};m.defaultProps={FormControlProps:{},InputLabelProps:{},label:null,formHelperText:null,error:!1};export{m as default};