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

package/components/Search/Search.js

@@ -1,421 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useState, useRef, useCallback, useEffect, useMemo, cloneElement } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import { isEmpty, debounce } from 'lodash';
-import { Autocomplete } from '@material-ui/lab';
-import { Chip, TextField, InputAdornment, CircularProgress, FormControlLabel, Checkbox, MenuItem } from '@material-ui/core';
-import { Close, CheckBoxOutlineBlank, CheckBox } from '@material-ui/icons';
-import IconButton from '../IconButton/index.js';
-import ListboxComponent from './components/Listbox.js';
-import Paper from './components/Paper.js';
-import './components/RecentSearches.js';
-import './components/InputAdornmentLeft.js';
-import './components/Groups.js';
-import { truncateString } from './utils/truncate.js';
-import { PaperContext } from './context/index.js';
-import useStyles from './styles.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var _excluded = ["classes", "AutocompleteProps", "value", "disableClearable", "onChange", "onInputChange", "loading", "options", "optionSize", "placeholder", "onGroupChange", "disabled", "multiple", "groups", "GroupsComponent", "recentSearchesMaxCount", "dataStorageKey", "RecentSearchesComponent", "dataStorage", "onInputReset", "getOptionLabel", "TextFieldProps", "truncateSettings", "renderCustomOption", "isHiddenAllOption", "selectedGroup", "onGroupReset", "onClose"];
-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 icon = /*#__PURE__*/jsx(CheckBoxOutlineBlank, {
-  style: {
-    fontSize: 20
-  }
-});
-var checkedIcon = /*#__PURE__*/jsx(CheckBox, {
-  style: {
-    fontSize: 20
-  }
-});
-var Search = function Search(_ref) {
-  var classes = _ref.classes,
-    _ref$AutocompleteProp = _ref.AutocompleteProps,
-    AutocompleteProps = _ref$AutocompleteProp === void 0 ? {} : _ref$AutocompleteProp,
-    value = _ref.value,
-    disableClearable = _ref.disableClearable,
-    onChange = _ref.onChange,
-    onInputChange = _ref.onInputChange,
-    loading = _ref.loading,
-    options = _ref.options,
-    optionSize = _ref.optionSize,
-    placeholder = _ref.placeholder,
-    onGroupChange = _ref.onGroupChange,
-    disabled = _ref.disabled,
-    multiple = _ref.multiple,
-    groups = _ref.groups,
-    GroupsComponent = _ref.GroupsComponent,
-    recentSearchesMaxCount = _ref.recentSearchesMaxCount,
-    dataStorageKey = _ref.dataStorageKey,
-    RecentSearchesComponent = _ref.RecentSearchesComponent,
-    dataStorage = _ref.dataStorage,
-    onInputReset = _ref.onInputReset,
-    getOptionLabel = _ref.getOptionLabel,
-    TextFieldProps = _ref.TextFieldProps,
-    truncateSettings = _ref.truncateSettings,
-    renderCustomOption = _ref.renderCustomOption,
-    isHiddenAllOption = _ref.isHiddenAllOption,
-    selectedGroup = _ref.selectedGroup,
-    onGroupReset = _ref.onGroupReset,
-    onClose = _ref.onClose,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    debouncedInputValue = _useState4[0],
-    setDebouncedInputValue = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isOpened = _useState6[0],
-    setIsOpened = _useState6[1];
-  var inputRef = useRef();
-  var styles = useStyles();
-  var autocompleteClasses = {
-    popper: classNames(styles.popper, classes.popper),
-    listbox: classNames(styles.listbox, classes.listbox),
-    popupIndicator: classNames(styles.popupIndicator, classes.popupIndicator),
-    popupIndicatorOpen: classNames(styles.popupIndicatorOpen, classes.popupIndicatorOpen)
-  };
-  var isGroupped = (options === null || options === void 0 ? void 0 : options.some(function (option) {
-    return option.group;
-  })) || !isEmpty(groups);
-  var groupBy = function groupBy(_ref2) {
-    var group = _ref2.group;
-    return group;
-  };
-  var handleInputChange = function handleInputChange(event, newInputValue) {
-    setInputValue((event === null || event === void 0 ? void 0 : event.target.value) || (event === null || event === void 0 ? void 0 : event.target.innerText) || newInputValue);
-  };
-  var handleDebouncedInputChange = function handleDebouncedInputChange(inputValue) {
-    return setDebouncedInputValue(inputValue);
-  };
-  var onDebouncedInputChange = useCallback(debounce(handleDebouncedInputChange, 500), []);
-  var handleSelectedGroupChange = function handleSelectedGroupChange(selectedGroupId) {
-    var selectedGroup = groups.find(function (_ref3) {
-      var id = _ref3.id;
-      return id === selectedGroupId;
-    });
-    setInputValue('');
-    onGroupChange(selectedGroup);
-  };
-  useEffect(function () {
-    if (isOpened) {
-      inputRef.current.focus();
-    }
-  });
-  var sortedOptionsByGroup = options === null || options === void 0 ? void 0 : options.sort(function (curr, next) {
-    var _next$group, _curr$group;
-    return (_next$group = next.group) === null || _next$group === void 0 ? void 0 : _next$group.toString().localeCompare((_curr$group = curr.group) === null || _curr$group === void 0 ? void 0 : _curr$group.toString());
-  });
-  var formattedOptions = isEmpty(selectedGroup) ? sortedOptionsByGroup : options === null || options === void 0 ? void 0 : options.filter(function (option) {
-    return option.group === selectedGroup.name;
-  });
-  var allSelected = multiple && (formattedOptions === null || formattedOptions === void 0 ? void 0 : formattedOptions.length) === (value === null || value === void 0 ? void 0 : value.length);
-  var onAllSelectClick = function onAllSelectClick() {
-    setInputValue('');
-    if (AutocompleteProps.getOptionDisabled && allSelected) return onChange(null, [options[options.length - 1]]);
-    return onChange(null, allSelected ? [] : formattedOptions);
-  };
-  useEffect(function () {
-    onDebouncedInputChange(inputValue);
-    if (!onInputChange) return;
-    onInputChange(inputValue);
-  }, [inputValue]);
-  var handleAutocompleteChange = function handleAutocompleteChange(event, selected) {
-    setInputValue('');
-    onChange(event, selected);
-  };
-  var handleSearchOpen = function handleSearchOpen() {
-    setIsOpened(true);
-  };
-  var handleSearchClose = function handleSearchClose(_, reason) {
-    if (reason !== 'blur') {
-      onClose();
-      setIsOpened(false);
-    }
-  };
-  var renderGroup = function renderGroup(_ref4) {
-    var key = _ref4.key,
-      group = _ref4.group,
-      children = _ref4.children;
-    if (!group || !isEmpty(selectedGroup) && multiple) {
-      return children;
-    }
-    return /*#__PURE__*/jsxs("div", {
-      className: styles.group,
-      children: [/*#__PURE__*/jsx(Chip, {
-        "data-not-migrated-MuiChip": true,
-        className: classNames(styles.groupChip, classes.groupChip),
-        variant: "outlined",
-        label: group
-      }, key), children]
-    });
-  };
-  var getSelectedLabel = function getSelectedLabel(value) {
-    if (allSelected) return 'All';
-    return (value === null || value === void 0 ? void 0 : value.length) === 1 ? value[0].label || value[0].name : "".concat(value === null || value === void 0 ? void 0 : value.length, " Selected");
-  };
-  var renderInput = function renderInput(params) {
-    var _params$InputProps$en, _params$InputProps$en2, _params$InputProps$en3, _props$InputProps;
-    var defaultEndAdornment = ((_params$InputProps$en = params.InputProps.endAdornment) === null || _params$InputProps$en === void 0 ? void 0 : (_params$InputProps$en2 = _params$InputProps$en.props) === null || _params$InputProps$en2 === void 0 ? void 0 : (_params$InputProps$en3 = _params$InputProps$en2.children) === null || _params$InputProps$en3 === void 0 ? void 0 : _params$InputProps$en3.length) > 1 ? cloneElement(params.InputProps.endAdornment, {
-      // remove clear button, popupIcon is left
-      children: params.InputProps.endAdornment.props.children.slice(1)
-    }) : params.InputProps.endAdornment;
-    return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread(_objectSpread({}, params), TextFieldProps), {}, {
-      inputRef: inputRef,
-      placeholder: placeholder,
-      classes: {
-        root: styles.searchInput
-      },
-      InputProps: _objectSpread(_objectSpread(_objectSpread({
-        classes: {
-          root: styles.textField
-        }
-      }, params.InputProps), props.InputProps), {}, {
-        startAdornment: /*#__PURE__*/jsxs(Fragment, {
-          children: [(_props$InputProps = props.InputProps) === null || _props$InputProps === void 0 ? void 0 : _props$InputProps.startAdornment, selectedGroup && /*#__PURE__*/jsx(Chip, {
-            className: styles.selectedGroup,
-            "data-not-migrated-MuiChip": true,
-            variant: "outlined",
-            label: /*#__PURE__*/jsxs("div", {
-              className: styles.selectedGroupLabel,
-              children: [selectedGroup.name, /*#__PURE__*/jsx(Close, {
-                id: "removeGroupIcon",
-                className: styles.removeIcon,
-                onClick: onGroupReset
-              })]
-            })
-          }, selectedGroup.id), multiple && !isEmpty(value) && /*#__PURE__*/jsx("div", {
-            className: styles.selectedLabel,
-            children: getSelectedLabel(value)
-          })]
-        }),
-        endAdornment: /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsxs(InputAdornment, {
-            className: classNames(_defineProperty({}, styles.removeIconWithDropdown, AutocompleteProps.forcePopupIcon)),
-            position: "end",
-            children: [TextFieldProps.endAdornment, loading && /*#__PURE__*/jsx(CircularProgress, {
-              color: "primary",
-              size: 20
-            }), inputValue && !disableClearable && /*#__PURE__*/jsx(IconButton, {
-              size: "small",
-              className: styles.iconButton,
-              onClick: function onClick() {
-                setInputValue('');
-                if (onInputReset) {
-                  onInputReset();
-                  return;
-                }
-                onChange(null, []);
-              },
-              tooltipProps: {
-                title: 'Clear'
-              },
-              children: /*#__PURE__*/jsx(Close, {
-                className: styles.closeIcon
-              })
-            })]
-          }), AutocompleteProps.forcePopupIcon && defaultEndAdornment]
-        })
-      })
-    }));
-  };
-  var AllSelectComponent = function AllSelectComponent() {
-    return /*#__PURE__*/jsx(FormControlLabel, {
-      id: "selectAllLabel",
-      className: styles.selectAllCheckbox,
-      onClick: onAllSelectClick,
-      control: /*#__PURE__*/jsx(Checkbox, {
-        icon: icon,
-        style: {
-          fontSize: 20
-        },
-        indeterminate: !allSelected,
-        checkedIcon: checkedIcon,
-        checked: true,
-        inputProps: {
-          'aria-label': 'All'
-        }
-      }),
-      label: "All"
-    });
-  };
-  var renderOption = function renderOption(_ref5, _ref6) {
-    var label = _ref5.label,
-      id = _ref5.id;
-    var selected = _ref6.selected;
-    if (!multiple) return /*#__PURE__*/jsx(MenuItem, {
-      className: styles.menuItem,
-      value: id,
-      children: label
-    }, id);
-    return /*#__PURE__*/jsxs("div", {
-      className: classNames(styles.option, optionSize),
-      children: [/*#__PURE__*/jsx(Checkbox, {
-        disableRipple: true,
-        icon: icon,
-        className: styles.checkbox,
-        checkedIcon: checkedIcon,
-        checked: selected
-      }), truncateString(label, truncateSettings)]
-    }, id);
-  };
-  var paperContext = useMemo(function () {
-    return {
-      onOutsideClick: handleSearchClose,
-      isEmptyOptions: isEmpty(formattedOptions),
-      loading: loading,
-      AllSelectComponent: !isHiddenAllOption && multiple && !isEmpty(formattedOptions) && /*#__PURE__*/jsx(AllSelectComponent, {}),
-      RecentSearchesComponent: RecentSearchesComponent && /*#__PURE__*/jsx(RecentSearchesComponent, {
-        dataStorage: dataStorage,
-        dataStorageKey: dataStorageKey,
-        maxCount: recentSearchesMaxCount,
-        isHidden: !isEmpty(inputValue),
-        onInputChange: function onInputChange(value) {
-          return setInputValue(value);
-        },
-        inputValue: debouncedInputValue
-      }),
-      GroupsComponent: !selectedGroup && isGroupped && GroupsComponent && /*#__PURE__*/jsx(GroupsComponent, {
-        onGroupClick: handleSelectedGroupChange,
-        groups: groups
-      })
-    };
-  }, [selectedGroup, loading, isGroupped, inputValue, allSelected, debouncedInputValue, onClose, isHiddenAllOption]);
-  return /*#__PURE__*/jsx(PaperContext.Provider, {
-    value: paperContext,
-    children: /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, props), {}, {
-      disableClearable: disableClearable,
-      onClose: handleSearchClose,
-      onOpen: handleSearchOpen,
-      open: isOpened,
-      onChange: handleAutocompleteChange,
-      forcePopupIcon: AutocompleteProps.forcePopupIcon,
-      fullWidth: true,
-      disabled: disabled,
-      value: value,
-      classes: autocompleteClasses,
-      renderInput: renderInput,
-      loading: loading,
-      options: formattedOptions,
-      renderGroup: renderGroup,
-      disableCloseOnSelect: multiple,
-      multiple: multiple,
-      renderOption: renderCustomOption || renderOption,
-      groupBy: isGroupped && groupBy,
-      PaperComponent: Paper,
-      ListboxComponent: ListboxComponent,
-      inputValue: inputValue,
-      getOptionLabel: getOptionLabel,
-      getOptionDisabled: AutocompleteProps.getOptionDisabled,
-      onInputChange: handleInputChange,
-      loadingText: /*#__PURE__*/jsx("div", {
-        className: styles.label,
-        children: "Loading ..."
-      }),
-      noOptionsText: /*#__PURE__*/jsx("div", {
-        className: styles.label,
-        children: "No Options"
-      })
-    }))
-  });
-};
-var searchPropTypes = {
-  AutocompleteProps: PropTypes.shape({
-    forcePopupIcon: PropTypes.bool,
-    getOptionDisabled: PropTypes.func
-  }),
-  allChecked: PropTypes.bool,
-  TextFieldProps: PropTypes.shape({
-    label: PropTypes.string,
-    endAdornment: PropTypes.node
-  }),
-  truncateSettings: PropTypes.shape({
-    maxChars: PropTypes.number,
-    charsNumFromStart: PropTypes.number,
-    charsNumFromEnd: PropTypes.number
-  }),
-  selectedGroup: PropTypes.shape({
-    name: PropTypes.string,
-    id: PropTypes.string
-  }),
-  onGroupReset: PropTypes.func,
-  onClose: PropTypes.func,
-  disableClearable: PropTypes.bool,
-  value: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
-  onChange: PropTypes.func.isRequired,
-  onInputChange: PropTypes.func,
-  getOptionLabel: PropTypes.func,
-  onGroupChange: PropTypes.func,
-  loading: PropTypes.bool,
-  disabled: PropTypes.bool,
-  multiple: PropTypes.bool,
-  options: PropTypes.array,
-  optionSize: PropTypes.string,
-  InputProps: PropTypes.shape({
-    startAdornment: PropTypes.number
-  }),
-  classes: PropTypes.shape({
-    popper: PropTypes.string,
-    listbox: PropTypes.string,
-    popupIndicator: PropTypes.string,
-    popupIndicatorOpen: PropTypes.string,
-    groupChip: PropTypes.string
-  }),
-  placeholder: PropTypes.string,
-  RecentSearchesComponent: PropTypes.elementType,
-  recentSearchesMaxCount: PropTypes.number,
-  dataStorageKey: PropTypes.string,
-  dataStorage: PropTypes.shape({}),
-  groups: PropTypes.array,
-  GroupsComponent: PropTypes.elementType,
-  renderCustomOption: PropTypes.func,
-  onInputReset: PropTypes.func,
-  isHiddenAllOption: PropTypes.bool
-};
-Search.propTypes = searchPropTypes;
-Search.defaultProps = {
-  InputProps: null,
-  onInputChange: null,
-  onGroupChange: function onGroupChange() {},
-  getOptionLabel: function getOptionLabel(option) {
-    return option.label || '';
-  },
-  renderCustomOption: null,
-  onInputReset: null,
-  options: [],
-  groups: [],
-  classes: {},
-  disabled: false,
-  isHiddenAllOption: false,
-  disableClearable: false,
-  multiple: false,
-  loading: false,
-  placeholder: 'Search...',
-  recentSearchesMaxCount: 3,
-  dataStorageKey: 'Search:recentSearches',
-  dataStorage: sessionStorage,
-  RecentSearchesComponent: null,
-  TextFieldProps: {
-    endAdornment: null
-  },
-  GroupsComponent: null,
-  truncateSettings: {
-    maxChars: 22,
-    charsNumFromStart: 9,
-    charsNumFromEnd: 9
-  },
-  onGroupReset: function onGroupReset() {},
-  onClose: function onClose() {},
-  selectedGroup: null
-};
-
-export { Search as default };
-//# sourceMappingURL=Search.js.map
+import{__rest as e,__assign as n}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as l,useRef as i,useCallback as a,useEffect as p,useMemo as s,cloneElement as u}from"react";import c from"classnames";import d from"prop-types";import{isEmpty as m,debounce as g}from"lodash";import{Autocomplete as h}from"@material-ui/lab";import{Chip as f,TextField as C,InputAdornment as b,CircularProgress as v,FormControlLabel as I,Checkbox as S,MenuItem as O}from"@material-ui/core";import{CheckBoxOutlineBlank as x,CheckBox as P,Close as A}from"@material-ui/icons";import G from"../IconButton/index.js";import y from"./components/Listbox.js";import N from"./components/Paper.js";import"./components/RecentSearches.js";import"./components/InputAdornmentLeft.js";import"./components/Groups.js";import{truncateString as R}from"./utils/truncate.js";import{PaperContext as k}from"./context/index.js";import L from"./styles.js";var j=o(x,{style:{fontSize:20}}),T=o(P,{style:{fontSize:20}}),F=function(d){var x=d.classes,P=d.AutocompleteProps,F=void 0===P?{}:P,z=d.value,M=d.disableClearable,D=d.onChange,H=d.onInputChange,K=d.loading,B=d.options,E=d.optionSize,q=d.placeholder,V=d.onGroupChange,W=d.disabled,w=d.multiple,_=d.groups,J=d.GroupsComponent,Q=d.recentSearchesMaxCount,U=d.dataStorageKey,X=d.RecentSearchesComponent,Y=d.dataStorage,Z=d.onInputReset,$=d.getOptionLabel,ee=d.TextFieldProps,ne=d.truncateSettings,oe=d.renderCustomOption,te=d.isHiddenAllOption,re=d.selectedGroup,le=d.onGroupReset,ie=d.onClose,ae=e(d,["classes","AutocompleteProps","value","disableClearable","onChange","onInputChange","loading","options","optionSize","placeholder","onGroupChange","disabled","multiple","groups","GroupsComponent","recentSearchesMaxCount","dataStorageKey","RecentSearchesComponent","dataStorage","onInputReset","getOptionLabel","TextFieldProps","truncateSettings","renderCustomOption","isHiddenAllOption","selectedGroup","onGroupReset","onClose"]),pe=l(""),se=pe[0],ue=pe[1],ce=l(""),de=ce[0],me=ce[1],ge=l(!1),he=ge[0],fe=ge[1],Ce=i(),be=L(),ve={popper:c(be.popper,x.popper),listbox:c(be.listbox,x.listbox),popupIndicator:c(be.popupIndicator,x.popupIndicator),popupIndicatorOpen:c(be.popupIndicatorOpen,x.popupIndicatorOpen)},Ie=(null==B?void 0:B.some((function(e){return e.group})))||!m(_),Se=a(g((function(e){return me(e)}),500),[]),Oe=function(e){var n=_.find((function(n){return n.id===e}));ue(""),V(n)};p((function(){he&&Ce.current.focus()}));var xe=null==B?void 0:B.sort((function(e,n){var o,t;return null===(o=n.group)||void 0===o?void 0:o.toString().localeCompare(null===(t=e.group)||void 0===t?void 0:t.toString())})),Pe=m(re)?xe:null==B?void 0:B.filter((function(e){return e.group===re.name})),Ae=w&&(null==Pe?void 0:Pe.length)===(null==z?void 0:z.length),Ge=function(){return ue(""),F.getOptionDisabled&&Ae?D(null,[B[B.length-1]]):D(null,Ae?[]:Pe)};p((function(){Se(se),H&&H(se)}),[se]);var ye=function(e,n){"blur"!==n&&(ie(),fe(!1))},Ne=function(){he?(fe(!1),ie()):fe(!0)},Re=function(e){return Ae?"All":1===(null==e?void 0:e.length)?e[0].label||e[0].name:"".concat(null==e?void 0:e.length," Selected")},ke=function(){return o(I,{id:"selectAllLabel",className:be.selectAllCheckbox,onClick:Ge,control:o(S,{icon:j,style:{fontSize:20},indeterminate:!Ae,checkedIcon:T,checked:!0,inputProps:{"aria-label":"All"}}),label:"All"})},Le=s((function(){return{onOutsideClick:ye,isEmptyOptions:m(Pe),loading:K,AllSelectComponent:!te&&w&&!m(Pe)&&o(ke,{}),RecentSearchesComponent:X&&o(X,{dataStorage:Y,dataStorageKey:U,maxCount:Q,isHidden:!m(se),onInputChange:function(e){return ue(e)},inputValue:de}),GroupsComponent:!re&&Ie&&J&&o(J,{onGroupClick:Oe,groups:_})}}),[re,K,Ie,se,Ae,de,ie,te]);return o(k.Provider,n({value:Le},{children:o(h,n({},ae,{disableClearable:M,onClose:ye,onOpen:function(){fe(!0)},open:he,onChange:function(e,n){ue(""),D(e,n)},forcePopupIcon:F.forcePopupIcon,fullWidth:!0,disabled:W,value:z,classes:ve,renderInput:function(e){var l,i,a,p,s,d=(null===(p=null===(a=null===(i=e.InputProps.endAdornment)||void 0===i?void 0:i.props)||void 0===a?void 0:a.children)||void 0===p?void 0:p.length)>1?u(e.InputProps.endAdornment,{children:e.InputProps.endAdornment.props.children.slice(1)}):e.InputProps.endAdornment;return o(C,n({},e,ee,{inputRef:Ce,placeholder:q,classes:{root:be.searchInput},InputProps:n(n(n({classes:{root:be.textField}},e.InputProps),ae.InputProps),{startAdornment:t(r,{children:[null===(s=ae.InputProps)||void 0===s?void 0:s.startAdornment,re&&o(f,{className:be.selectedGroup,"data-not-migrated-MuiChip":!0,variant:"outlined",label:t("div",n({className:be.selectedGroupLabel},{children:[re.name,o(A,{id:"removeGroupIcon",className:be.removeIcon,onClick:le})]}))},re.id),w&&!m(z)&&o("div",n({onClick:Ne,id:"selectedOptions",className:be.selectedLabel},{children:Re(z)}))]}),endAdornment:t(r,{children:[t(b,n({className:c((l={},l[be.removeIconWithDropdown]=F.forcePopupIcon,l)),position:"end"},{children:[ee.endAdornment,K&&o(v,{color:"primary",size:20}),se&&!M&&o(G,n({size:"small",className:be.iconButton,onClick:function(){ue(""),Z?Z():D(null,[])},tooltipProps:{title:"Clear"}},{children:o(A,{className:be.closeIcon})}))]})),F.forcePopupIcon&&d]})})}))},loading:K,options:Pe,renderGroup:function(e){var r=e.key,l=e.group,i=e.children;return!l||!m(re)&&w?i:t("div",n({className:be.group},{children:[o(f,{"data-not-migrated-MuiChip":!0,className:c(be.groupChip,x.groupChip),variant:"outlined",label:l},r),i]}))},disableCloseOnSelect:w,multiple:w,renderOption:oe||function(e,r){var l=e.label,i=e.id,a=r.selected;return w?t("div",n({className:c(be.option,E)},{children:[o(S,{disableRipple:!0,icon:j,className:be.checkbox,checkedIcon:T,checked:a}),R(l,ne)]}),i):o(O,n({className:be.menuItem,value:i},{children:l}),i)},groupBy:Ie&&function(e){return e.group},PaperComponent:N,ListboxComponent:y,inputValue:se,getOptionLabel:$,getOptionDisabled:F.getOptionDisabled,onInputChange:function(e,n){ue((null==e?void 0:e.target.value)||(null==e?void 0:e.target.innerText)||n)},loadingText:o("div",n({className:be.label},{children:"Loading ..."})),noOptionsText:o("div",n({className:be.label},{children:"No Options"}))}))}))},z={AutocompleteProps:d.shape({forcePopupIcon:d.bool,getOptionDisabled:d.func}),allChecked:d.bool,TextFieldProps:d.shape({label:d.string,endAdornment:d.node}),truncateSettings:d.shape({maxChars:d.number,charsNumFromStart:d.number,charsNumFromEnd:d.number}),selectedGroup:d.shape({name:d.string,id:d.string}),onGroupReset:d.func,onClose:d.func,disableClearable:d.bool,value:d.arrayOf(d.shape({})).isRequired,onChange:d.func.isRequired,onInputChange:d.func,getOptionLabel:d.func,onGroupChange:d.func,loading:d.bool,disabled:d.bool,multiple:d.bool,options:d.array,optionSize:d.string,InputProps:d.shape({startAdornment:d.number}),classes:d.shape({popper:d.string,listbox:d.string,popupIndicator:d.string,popupIndicatorOpen:d.string,groupChip:d.string}),placeholder:d.string,RecentSearchesComponent:d.elementType,recentSearchesMaxCount:d.number,dataStorageKey:d.string,dataStorage:d.shape({}),groups:d.array,GroupsComponent:d.elementType,renderCustomOption:d.func,onInputReset:d.func,isHiddenAllOption:d.bool};F.propTypes=z,F.defaultProps={InputProps:null,onInputChange:null,onGroupChange:function(){},getOptionLabel:function(e){return e.label||""},renderCustomOption:null,onInputReset:null,options:[],groups:[],classes:{},disabled:!1,isHiddenAllOption:!1,disableClearable:!1,multiple:!1,loading:!1,placeholder:"Search...",recentSearchesMaxCount:3,dataStorageKey:"Search:recentSearches",dataStorage:sessionStorage,RecentSearchesComponent:null,TextFieldProps:{endAdornment:null},GroupsComponent:null,truncateSettings:{maxChars:22,charsNumFromStart:9,charsNumFromEnd:9},onGroupReset:function(){},onClose:function(){},selectedGroup:null};export{F as default};

package/components/Search/components/Groups.js

@@ -1,58 +1 @@
-import PropTypes from 'prop-types';
-import { makeStyles, Typography, Chip } from '@material-ui/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    selectorWrapper: {
-      padding: '16px 0 12px 16px'
-    },
-    description: {
-      color: palette.primary.text6,
-      fontWeight: 500,
-      fontSize: '13px',
-      lineHeight: '17px',
-      paddingBottom: '8px'
-    },
-    chip: {
-      marginRight: '8px',
-      color: palette.primary.text6,
-      '&:last-child': {
-        marginRight: '0px'
-      }
-    }
-  };
-});
-var Groups = function Groups(_ref2) {
-  var onGroupClick = _ref2.onGroupClick,
-    groups = _ref2.groups;
-  var classes = useStyles();
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.selectorWrapper,
-    children: [/*#__PURE__*/jsx(Typography, {
-      className: classes.description,
-      children: "I'm looking for..."
-    }), /*#__PURE__*/jsx("div", {
-      children: groups === null || groups === void 0 ? void 0 : groups.map(function (_ref3) {
-        var id = _ref3.id,
-          name = _ref3.name;
-        return /*#__PURE__*/jsx(Chip, {
-          className: classes.chip,
-          variant: "outlined",
-          label: name,
-          onClick: function onClick() {
-            return onGroupClick(id);
-          }
-        }, id);
-      })
-    })]
-  });
-};
-Groups.propTypes = {
-  onGroupClick: PropTypes.func.isRequired,
-  groups: PropTypes.arrayOf(PropTypes.string).isRequired
-};
-
-export { Groups as default };
-//# sourceMappingURL=Groups.js.map
+import r from"prop-types";import{makeStyles as i,Typography as e,Chip as t}from"@material-ui/core";import{jsxs as o,jsx as p}from"react/jsx-runtime";var n=i((function(r){var i=r.palette;return{selectorWrapper:{padding:"16px 0 12px 16px"},description:{color:i.primary.text6,fontWeight:500,fontSize:"13px",lineHeight:"17px",paddingBottom:"8px"},chip:{marginRight:"8px",color:i.primary.text6,"&:last-child":{marginRight:"0px"}}}})),a=function(r){var i=r.onGroupClick,a=r.groups,c=n();return o("div",{className:c.selectorWrapper,children:[p(e,{className:c.description,children:"I'm looking for..."}),p("div",{children:null==a?void 0:a.map((function(r){var e=r.id,o=r.name;return p(t,{className:c.chip,variant:"outlined",label:o,onClick:function(){return i(e)}},e)}))})]})};a.propTypes={onGroupClick:r.func.isRequired,groups:r.arrayOf(r.string).isRequired};export{a as default};

package/components/Search/components/InputAdornmentLeft.js

@@ -1,28 +1 @@
-import { makeStyles, InputAdornment } from '@material-ui/core';
-import { Search } from '@material-ui/icons';
-import { jsx } from 'react/jsx-runtime';
-
-var useStyles = makeStyles(function (_ref) {
-  var palette = _ref.palette;
-  return {
-    searchIcon: {
-      fontSize: '24px !important',
-      fill: "".concat(palette.primary.text6, " !important")
-    }
-  };
-});
-var InputAdornmentLeft = function InputAdornmentLeft(_ref2) {
-  var className = _ref2.className,
-    children = _ref2.children;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(InputAdornment, {
-    className: className,
-    position: "start",
-    children: children || /*#__PURE__*/jsx(Search, {
-      className: classes.searchIcon
-    })
-  });
-};
-
-export { InputAdornmentLeft as default };
-//# sourceMappingURL=InputAdornmentLeft.js.map
+import{makeStyles as r,InputAdornment as t}from"@material-ui/core";import{Search as a}from"@material-ui/icons";import{jsx as e}from"react/jsx-runtime";var i=r((function(r){var t=r.palette;return{searchIcon:{fontSize:"24px !important",fill:"".concat(t.primary.text6," !important")}}})),o=function(r){var o=r.className,n=r.children,c=i();return e(t,{className:o,position:"start",children:n||e(a,{className:c.searchIcon})})};export{o as default};

package/components/Search/components/Listbox.js

@@ -1,73 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { memo, useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { makeStyles, List } from '@material-ui/core';
-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 (_ref) {
-  var palette = _ref.palette;
-  return {
-    list: {
-      fontSize: 16,
-      '& .MuiAutocomplete-option': {
-        display: 'block',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        '&:hover': {
-          backgroundColor: 'rgba(255, 255, 255, 0.16)'
-        }
-      },
-      '& .MuiAutocomplete-option[aria-selected="true"]': {
-        backgroundColor: 'initial'
-      },
-      '& .MuiAutocomplete-option:active': {
-        backgroundColor: 'initial'
-      }
-    },
-    withShadow: {
-      '&::after': {
-        content: "''",
-        position: 'sticky',
-        width: '100%',
-        display: 'block',
-        bottom: '-8px',
-        height: 8,
-        backgroundImage: "linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(palette.background.b9, " 100%)")
-      },
-      '&::before': {
-        content: "''",
-        position: 'sticky',
-        width: '100%',
-        display: 'block',
-        height: 8,
-        top: '-8px',
-        backgroundImage: "linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(palette.background.b9, " 100%)")
-      }
-    }
-  };
-});
-var Listbox = function Listbox(props) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isScrollable = _useState2[0],
-    setIsScrollable = _useState2[1];
-  var listRef = useRef();
-  var classes = useStyles();
-  useEffect(function () {
-    var _listRef$current, _listRef$current2;
-    setIsScrollable(((_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.scrollHeight) > ((_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.clientHeight));
-  });
-  return /*#__PURE__*/jsx(List, _objectSpread(_objectSpread({}, props), {}, {
-    className: classNames(props.className, classes.list, isScrollable && classes.withShadow),
-    ref: listRef,
-    role: "listbox"
-  }));
-};
-var ListboxComponent = memo(Listbox);
-
-export { ListboxComponent as default };
-//# sourceMappingURL=Listbox.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{memo as r,useState as o,useRef as i,useEffect as n}from"react";import c from"classnames";import{makeStyles as a,List as l}from"@material-ui/core";import{jsx as p}from"react/jsx-runtime";function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function s(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?u(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var b=a((function(e){var t=e.palette;return{list:{fontSize:16,"& .MuiAutocomplete-option":{display:"block",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:hover":{backgroundColor:"rgba(255, 255, 255, 0.16)"}},'& .MuiAutocomplete-option[aria-selected="true"]':{backgroundColor:"initial"},"& .MuiAutocomplete-option:active":{backgroundColor:"initial"}},withShadow:{"&::after":{content:"''",position:"sticky",width:"100%",display:"block",bottom:"-8px",height:8,backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(t.background.b9," 100%)")},"&::before":{content:"''",position:"sticky",width:"100%",display:"block",height:8,top:"-8px",backgroundImage:"linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ".concat(t.background.b9," 100%)")}}}})),d=r((function(e){var r=o(!1),a=t(r,2),u=a[0],d=a[1],f=i(),m=b();return n((function(){var e,t;d((null===(e=f.current)||void 0===e?void 0:e.scrollHeight)>(null===(t=f.current)||void 0===t?void 0:t.clientHeight))})),p(l,s(s({},e),{},{className:c(e.className,m.list,u&&m.withShadow),ref:f,role:"listbox"}))}));export{d as default};

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Search/components/Paper.js"],"names":[],"mappings":";AAqBA;;;;gBAkCC"}
+{"version":3,"file":"Paper.d.ts","sourceRoot":"","sources":["../../../../src/components/Search/components/Paper.js"],"names":[],"mappings":";AAqBA;;;;gBAmCC"}

package/components/Search/components/Paper.js

@@ -1,51 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useRef } from 'react';
-import classNames from 'classnames';
-import { makeStyles } from '@material-ui/core';
-import useOutsideClick from '../../../effects/useOutsideClick.js';
-import usePaperContext from '../context/index.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _excluded = ["className", "children"];
-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 () {
-  return {
-    paper: {
-      boxShadow: '0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)',
-      backgroundColor: '#424242',
-      transition: 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
-      borderRadius: 5,
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%'
-    }
-  };
-});
-var Paper = function Paper(_ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var classes = useStyles();
-  var paperRef = useRef();
-  var _usePaperContext = usePaperContext(),
-    loading = _usePaperContext.loading,
-    AllSelectComponent = _usePaperContext.AllSelectComponent,
-    RecentSearchesComponent = _usePaperContext.RecentSearchesComponent,
-    GroupsComponent = _usePaperContext.GroupsComponent,
-    isEmptyOptions = _usePaperContext.isEmptyOptions,
-    onOutsideClick = _usePaperContext.onOutsideClick;
-  useOutsideClick(paperRef, onOutsideClick, ['#removeGroupIcon', '#selectAllLabel', '.MuiInput-input']);
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: paperRef,
-    className: classNames(className, classes.paper),
-    children: [!loading && /*#__PURE__*/jsxs(Fragment, {
-      children: [GroupsComponent, " ", RecentSearchesComponent, " ", AllSelectComponent]
-    }), isEmptyOptions && GroupsComponent ? null : children]
-  }));
-};
-
-export { Paper as default };
-//# sourceMappingURL=Paper.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useRef as t}from"react";import o from"classnames";import{makeStyles as n}from"@material-ui/core";import i from"../../../effects/useOutsideClick.js";import p from"../context/index.js";import{jsxs as c,Fragment as s}from"react/jsx-runtime";var a=["className","children"];function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function m(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?l(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var u=n((function(){return{paper:{boxShadow:"0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)",backgroundColor:"#424242",transition:"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",borderRadius:5,position:"absolute",top:0,left:0,width:"100%"}}})),b=function(e){var n=e.className,l=e.children,b=r(e,a),f=u(),O=t(),d=p(),x=d.loading,h=d.AllSelectComponent,j=d.RecentSearchesComponent,y=d.GroupsComponent,g=d.isEmptyOptions,P=d.onOutsideClick;return i(O,P,["#removeGroupIcon","#selectAllLabel","#selectedOptions",".MuiInput-input"]),c("div",m(m({},b),{},{ref:O,className:o(n,f.paper),children:[!x&&c(s,{children:[y," ",j," ",h]}),g&&y?null:l]}))};export{b as default};