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

package/components/Search/components/Listbox.js

@@ -1 +1,73 @@
-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};
+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

package/components/Search/components/Listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.js","sources":["../../../../src/components/Search/components/Listbox.js"],"sourcesContent":["import { useEffect, useRef, useState, memo } from 'react';\nimport classNames from 'classnames';\nimport { List, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  list: {\n    fontSize: 16,\n    '& .MuiAutocomplete-option': {\n      display: 'block',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      textOverflow: 'ellipsis',\n\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.16)',\n      },\n    },\n    '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n      backgroundColor: 'initial',\n    },\n    '& .MuiAutocomplete-option:active': {\n      backgroundColor: 'initial',\n    },\n  },\n  withShadow: {\n    '&::after': {\n      content: \"''\",\n      position: 'sticky',\n      width: '100%',\n      display: 'block',\n      bottom: '-8px',\n      height: 8,\n      backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${palette.background.b9} 100%)`,\n    },\n    '&::before': {\n      content: \"''\",\n      position: 'sticky',\n      width: '100%',\n      display: 'block',\n      height: 8,\n      top: '-8px',\n      backgroundImage: `linear-gradient(0deg, rgba(65, 65, 65, 0) 0%, ${palette.background.b9} 100%)`,\n    },\n  },\n}));\n\nconst Listbox = props => {\n  const [isScrollable, setIsScrollable] = useState(false);\n  const listRef = useRef();\n  const classes = useStyles();\n\n  useEffect(() => {\n    setIsScrollable(listRef.current?.scrollHeight > listRef.current?.clientHeight);\n  });\n\n  return (\n    <List\n      {...props}\n      className={classNames(props.className, classes.list, isScrollable && classes.withShadow)}\n      ref={listRef}\n      role=\"listbox\"\n    />\n  );\n};\n\nexport default memo(Listbox);\n"],"names":["useStyles","makeStyles","palette","list","fontSize","display","overflow","whiteSpace","textOverflow","backgroundColor","withShadow","content","position","width","bottom","height","backgroundImage","background","b9","top","Listbox","props","useState","isScrollable","setIsScrollable","listRef","useRef","classes","useEffect","current","scrollHeight","clientHeight","_jsx","classNames","className","memo"],"mappings":"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"}

package/components/Search/components/Paper.js

@@ -1 +1,51 @@
-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",".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};
+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

package/components/Search/components/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/Search/components/Paper.js"],"sourcesContent":["import { useRef } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport useOutsideClick from '~effects/useOutsideClick';\nimport usePaperContext from '../context';\n\nconst useStyles = makeStyles(() => ({\n  paper: {\n    boxShadow:\n      '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%)',\n    backgroundColor: '#424242',\n    transition: 'box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n    borderRadius: 5,\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n  },\n}));\n\nconst Paper = ({\n  className,\n  children,\n\n  ...otherProps\n}) => {\n  const classes = useStyles();\n  const paperRef = useRef();\n\n  const {\n    loading,\n    AllSelectComponent,\n    RecentSearchesComponent,\n    GroupsComponent,\n    isEmptyOptions,\n    onOutsideClick,\n  } = usePaperContext();\n\n  useOutsideClick(paperRef, onOutsideClick, [\n    '#removeGroupIcon',\n    '#selectAllLabel',\n    '.MuiInput-input',\n  ]);\n\n  return (\n    <div {...otherProps} ref={paperRef} className={classNames(className, classes.paper)}>\n      {!loading && (\n        <>\n          {GroupsComponent} {RecentSearchesComponent} {AllSelectComponent}\n        </>\n      )}\n      {isEmptyOptions && GroupsComponent ? null : children}\n    </div>\n  );\n};\n\nexport default Paper;\n"],"names":["useStyles","makeStyles","paper","boxShadow","backgroundColor","transition","borderRadius","position","top","left","width","Paper","className","children","otherProps","classes","paperRef","useRef","usePaperContext","loading","AllSelectComponent","RecentSearchesComponent","GroupsComponent","isEmptyOptions","onOutsideClick","useOutsideClick","_jsxs","classNames","_Fragment"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC,YAAA;EAAA,OAAO;AAClCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EACP,uGAAuG;AACzGC,MAAAA,eAAe,EAAE,SAAS;AAC1BC,MAAAA,UAAU,EAAE,mDAAmD;AAC/DC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,KAAK,EAAE,MAAA;AACT,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,KAAK,GAAG,SAARA,KAAK,CAKL,IAAA,EAAA;EAAA,IAJJC,SAAS,QAATA,SAAS;AACTC,IAAAA,QAAQ,QAARA,QAAQ;IAELC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEb,IAAMC,OAAO,GAAGf,SAAS,EAAE,CAAA;EAC3B,IAAMgB,QAAQ,GAAGC,MAAM,EAAE,CAAA;AAEzB,EAAA,IAAA,gBAAA,GAOIC,eAAe,EAAE;AANnBC,IAAAA,OAAO,oBAAPA,OAAO;AACPC,IAAAA,kBAAkB,oBAAlBA,kBAAkB;AAClBC,IAAAA,uBAAuB,oBAAvBA,uBAAuB;AACvBC,IAAAA,eAAe,oBAAfA,eAAe;AACfC,IAAAA,cAAc,oBAAdA,cAAc;AACdC,IAAAA,cAAc,oBAAdA,cAAc,CAAA;AAGhBC,EAAAA,eAAe,CAACT,QAAQ,EAAEQ,cAAc,EAAE,CACxC,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,CAClB,CAAC,CAAA;AAEF,EAAA,oBACEE,4CAASZ,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE,IAAA,GAAG,EAAEE,QAAS;IAAC,SAAS,EAAEW,UAAU,CAACf,SAAS,EAAEG,OAAO,CAACb,KAAK,CAAE;IAAA,QACjF,EAAA,CAAA,CAACiB,OAAO,iBACPO,IAAA,CAAAE,QAAA,EAAA;AAAA,MAAA,QAAA,EAAA,CACGN,eAAe,EAAA,GAAA,EAAGD,uBAAuB,EAAA,GAAA,EAAGD,kBAAkB,CAAA;AAAA,KAAA,CAElE,EACAG,cAAc,IAAID,eAAe,GAAG,IAAI,GAAGT,QAAQ,CAAA;GAChD,CAAA,CAAA,CAAA;AAEV;;;;"}

package/components/Search/components/RecentSearches.js

@@ -1 +1,97 @@
-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};
+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

package/components/Search/components/RecentSearches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentSearches.js","sources":["../../../../src/components/Search/components/RecentSearches.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { take, isEmpty } from 'lodash';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport TimeIcon from '@material-ui/icons/AccessTime';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  recentSearchesWrapper: {\n    paddingBottom: '8px',\n  },\n  option: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 16px',\n    '&:hover': {\n      cursor: 'pointer',\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n  },\n  label: {\n    lineHeight: '36px',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n  },\n  caption: {\n    color: palette.primary.text6,\n    fontSize: '12px',\n    padding: '16px 0 8px 16px',\n  },\n  recentSearchesIcon: {\n    width: '16px',\n    height: '16px',\n    color: palette.primary.text6,\n    marginRight: '16px',\n  },\n}));\n\nconst getRecentSearchesFromStorage = (dataStorage, key) => {\n  return JSON.parse(dataStorage.getItem(key)) || [];\n};\n\nconst setRecentSearchesToStorage = (dataStorage, key, recentSearches) => {\n  dataStorage.setItem(key, JSON.stringify(recentSearches));\n};\n\nconst RecentSearches = ({\n  onInputChange,\n  inputValue,\n  isHidden,\n  maxCount,\n  dataStorageKey,\n  dataStorage,\n}) => {\n  const recentSearches = getRecentSearchesFromStorage(dataStorage, dataStorageKey);\n\n  const classes = useStyles();\n\n  const handleRecentSearchesChange = searchValue => {\n    setRecentSearchesToStorage(\n      dataStorage,\n      dataStorageKey,\n      take([searchValue, ...recentSearches], maxCount)\n    );\n  };\n\n  const handleRecentSearchesClick = label => {\n    setRecentSearchesToStorage(\n      dataStorage,\n      dataStorageKey,\n      recentSearches.filter(searchItem => searchItem !== label)\n    );\n    onInputChange(label);\n  };\n\n  useEffect(() => {\n    if (!inputValue?.trim() || recentSearches.includes(inputValue)) {\n      return;\n    }\n\n    handleRecentSearchesChange(inputValue);\n  }, [inputValue]);\n\n  if (isEmpty(recentSearches) || isHidden) return null;\n\n  const recentSearchesContent = recentSearches?.map(label => (\n    <div\n      className={classes.option}\n      key={label}\n      onClick={() => {\n        handleRecentSearchesClick(label);\n      }}\n    >\n      <TimeIcon className={classes.recentSearchesIcon} />\n      <div className={classes.label}>{label}</div>\n    </div>\n  ));\n\n  return (\n    <div className={classes.recentSearchesWrapper}>\n      <Typography className={classes.caption}>Recent Searches</Typography>\n      {recentSearchesContent}\n    </div>\n  );\n};\n\nexport default RecentSearches;\n"],"names":["useStyles","makeStyles","palette","recentSearchesWrapper","paddingBottom","option","display","alignItems","padding","cursor","backgroundColor","label","lineHeight","overflow","whiteSpace","textOverflow","caption","color","primary","text6","fontSize","recentSearchesIcon","width","height","marginRight","getRecentSearchesFromStorage","dataStorage","key","JSON","parse","getItem","setRecentSearchesToStorage","recentSearches","setItem","stringify","RecentSearches","onInputChange","inputValue","isHidden","maxCount","dataStorageKey","classes","handleRecentSearchesChange","searchValue","take","handleRecentSearchesClick","filter","searchItem","useEffect","trim","includes","isEmpty","recentSearchesContent","map","_jsxs","_jsx"],"mappings":"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"}

package/components/Search/context/index.js

@@ -1 +1,13 @@
-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};
+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

package/components/Search/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Search/context/index.js"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst PaperContext = createContext({});\n\nconst usePaperContext = () => {\n  const context = useContext(PaperContext);\n\n  if (!context) {\n    console.warn('PaperContext cannot be used outside Provider');\n  }\n\n  return context;\n};\n\nexport { PaperContext };\nexport default usePaperContext;\n"],"names":["PaperContext","createContext","usePaperContext","context","useContext","console","warn"],"mappings":";;AAEA,IAAMA,YAAY,GAAGC,aAAa,CAAC,EAAE,EAAC;AAEtC,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;AAC5B,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACJ,YAAY,CAAC,CAAA;EAExC,IAAI,CAACG,OAAO,EAAE;AACZE,IAAAA,OAAO,CAACC,IAAI,CAAC,8CAA8C,CAAC,CAAA;AAC9D,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAChB;;;;"}

package/components/Search/styles.js

@@ -1 +1,139 @@
-import{makeStyles as o}from"@material-ui/core";var t=o((function(o){var t=o.palette;return{searchInput:{"&::before":{borderColor:t.primary.text9},"&:hover .MuiInputAdornment-root svg":{fill:"".concat(t.primary.contrastText," !important")},"&:hover .MuiInput-underline:not(.Mui-disabled):before":{borderBottom:"2px solid ".concat(t.primary.contrastText," !important")},"& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root":{fill:"".concat(t.primary.main," !important")}},popper:{top:"8px !important"},popupIndicator:{color:t.primary.text6,"&:hover":{backgroundColor:"transparent"}},popupIndicatorOpen:{color:t.primary.main},label:{textAlign:"center",fontStyle:"italic",fontSize:12,fontWeight:400},listbox:{maxHeight:160,position:"relative"},textField:{paddingRight:"0px !important"},searchIcon:{fill:"".concat(t.primary.text6," !important"),width:"24px",height:"24px"},closeIcon:{fill:"".concat(t.primary.text6," !important"),"&:hover":{fill:"".concat(t.primary.contrastText," !important")}},iconButton:{"&:hover":{backgroundColor:"transparent"}},option:{"&.large":{padding:"9px 0"}},group:{padding:"4px 0"},groupChip:{margin:"0 16px 4px",color:t.primary.text6,border:"1px solid ".concat(t.primary.text9),fontSize:14,"&:hover":{backgroundColor:"initial"}},selectedGroup:{padding:"4px 2px",marginRight:8,color:t.primary.text6,border:"1px solid ".concat(t.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(t.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{t as default};
+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

package/components/Search/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Search/styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(({ palette }) => ({\n  searchInput: {\n    '&::before': {\n      borderColor: palette.primary.text9,\n    },\n    '&:hover .MuiInputAdornment-root svg': {\n      fill: `${palette.primary.contrastText} !important`,\n    },\n    '&:hover .MuiInput-underline:not(.Mui-disabled):before': {\n      borderBottom: `2px solid ${palette.primary.contrastText} !important`,\n    },\n    '& .Mui-focused .MuiInputAdornment-positionStart svg.MuiSvgIcon-root': {\n      fill: `${palette.primary.main} !important`,\n    },\n  },\n  popper: {\n    top: '8px !important',\n  },\n  popupIndicator: {\n    color: palette.primary.text6,\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n  popupIndicatorOpen: {\n    color: palette.primary.main,\n  },\n  label: {\n    textAlign: 'center',\n    fontStyle: 'italic',\n    fontSize: 12,\n    fontWeight: 400,\n  },\n  listbox: {\n    maxHeight: 160,\n    position: 'relative',\n  },\n  textField: { paddingRight: '0px !important' },\n  searchIcon: {\n    fill: `${palette.primary.text6} !important`,\n    width: '24px',\n    height: '24px',\n  },\n  closeIcon: {\n    fill: `${palette.primary.text6} !important`,\n    '&:hover': {\n      fill: `${palette.primary.contrastText} !important`,\n    },\n  },\n  iconButton: {\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n  option: {\n    '&.large': { padding: '9px 0' },\n  },\n  group: {\n    padding: '4px 0',\n  },\n  groupChip: {\n    margin: '0 16px 4px',\n    color: palette.primary.text6,\n    border: `1px solid ${palette.primary.text9}`,\n    fontSize: 14,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n  selectedGroup: {\n    padding: '4px 2px',\n    marginRight: 8,\n    color: palette.primary.text6,\n    border: `1px solid ${palette.primary.text9}`,\n    height: 20,\n    fontSize: 14,\n\n    '& .MuiChip-label': {\n      padding: '0px 0px 0px 8px',\n    },\n  },\n  selectedGroupLabel: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  removeIcon: {\n    fontSize: '16px',\n    margin: '0 4px',\n    cursor: 'pointer',\n  },\n  removeIconWithDropdown: {\n    marginRight: 20,\n    zIndex: 1,\n  },\n  checkbox: {\n    padding: '0 8px 0 0',\n    '&:hover': {\n      backgroundColor: 'initial !important',\n    },\n  },\n  selectAllCheckbox: {\n    margin: 0,\n    padding: '6px 0',\n    width: '100%',\n    borderBottom: `1px solid ${palette.primary.text9}`,\n    '& .MuiCheckbox-root .MuiSvgIcon-root': {\n      fontSize: '20px !important',\n    },\n    '& .Mui-checked': {\n      padding: '0 8px 0 16px',\n    },\n    '& .Mui-checked:hover': {\n      backgroundColor: 'initial !important',\n    },\n    '& .Mui-checked:active': {\n      backgroundColor: 'initial !important',\n    },\n  },\n  selectedLabel: {\n    padding: '0 4px',\n  },\n  menuItem: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'initial',\n    },\n  },\n}));\n\nexport default useStyles;\n"],"names":["useStyles","makeStyles","palette","searchInput","borderColor","primary","text9","fill","contrastText","borderBottom","main","popper","top","popupIndicator","color","text6","backgroundColor","popupIndicatorOpen","label","textAlign","fontStyle","fontSize","fontWeight","listbox","maxHeight","position","textField","paddingRight","searchIcon","width","height","closeIcon","iconButton","option","padding","group","groupChip","margin","border","selectedGroup","marginRight","selectedGroupLabel","display","alignItems","removeIcon","cursor","removeIconWithDropdown","zIndex","checkbox","selectAllCheckbox","selectedLabel","menuItem"],"mappings":"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"}

package/components/Search/utils/truncate.js

@@ -1 +1,10 @@
-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};
+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

package/components/Search/utils/truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.js","sources":["../../../../src/components/Search/utils/truncate.ts"],"sourcesContent":["export type TruncateOptions = {\n  maxChars: number;\n  charsNumFromStart: number;\n  charsNumFromEnd: number;\n};\n\ntype TruncateString = (label: string, truncateOptions: TruncateOptions) => string;\n\nexport const truncateString: TruncateString = (label, truncateOptions) => {\n  const { maxChars, charsNumFromStart, charsNumFromEnd } = truncateOptions;\n\n  if (label.length > maxChars)\n    return `${label.slice(0, charsNumFromStart)}...${label.slice(label.length - charsNumFromEnd)}`;\n\n  return label;\n};\n"],"names":["truncateString","label","truncateOptions","maxChars","charsNumFromStart","charsNumFromEnd","length","slice"],"mappings":"AAQO,IAAMA,cAA8B,GAAG,SAAjCA,cAA8B,CAAIC,KAAK,EAAEC,eAAe,EAAK;AACxE,EAAA,IAAQC,QAAQ,GAAyCD,eAAe,CAAhEC,QAAQ;IAAEC,iBAAiB,GAAsBF,eAAe,CAAtDE,iBAAiB;IAAEC,eAAe,GAAKH,eAAe,CAAnCG,eAAe,CAAA;EAEpD,IAAIJ,KAAK,CAACK,MAAM,GAAGH,QAAQ,EACzB,OAAUF,EAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAACM,KAAK,CAAC,CAAC,EAAEH,iBAAiB,CAAC,EAAMH,KAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAK,CAACM,KAAK,CAACN,KAAK,CAACK,MAAM,GAAGD,eAAe,CAAC,CAAA,CAAA;AAE9F,EAAA,OAAOJ,KAAK,CAAA;AACd;;;;"}

package/components/SearchInput/index.js

@@ -1 +1,90 @@
-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};
+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

package/components/SearchInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/SearchInput/index.js"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { debounce } from 'lodash';\nimport { Paper, InputBase, makeStyles } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    height: 30,\n    paddingLeft: 19,\n    borderRadius: 30,\n    boxShadow: 'none',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n  },\n  input: {\n    flex: 1,\n    fontFamily: 'Roboto',\n    fontSize: 14,\n    fontWeight: 200,\n  },\n  searchIcon: {\n    height: 16,\n    width: 16,\n    color: theme.palette.primary.contrastText,\n    marginRight: 9,\n  },\n  closeIcon: {\n    height: 16,\n    width: 16,\n    margin: '0 10px',\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n  },\n}));\n\nfunction SearchInput({ handleSearch, className }) {\n  const styles = useStyles();\n\n  const [inputValue, setInputValue] = useState('');\n\n  const handleChangeDebounced = useCallback(debounce(handleSearch, 500), []);\n\n  const handleInputChange = targetValue => {\n    setInputValue(targetValue);\n\n    handleChangeDebounced(targetValue);\n  };\n\n  return (\n    <Paper className={classNames(styles.root, className)}>\n      <SearchIcon className={styles.searchIcon} />\n      <InputBase\n        className={styles.input}\n        placeholder=\"Search ...\"\n        value={inputValue}\n        inputProps={{ 'aria-label': 'search' }}\n        onChange={e => handleInputChange(e.target.value)}\n      />\n      {inputValue && (\n        <CloseIcon\n          className={styles.closeIcon}\n          onClick={() => {\n            handleSearch('');\n            setInputValue('');\n          }}\n        />\n      )}\n    </Paper>\n  );\n}\n\nSearchInput.propTypes = {\n  handleSearch: PropTypes.func.isRequired,\n  className: PropTypes.string,\n};\n\nSearchInput.defaultProps = {\n  className: '',\n};\n\nexport default SearchInput;\n"],"names":["useStyles","makeStyles","theme","root","display","alignItems","height","paddingLeft","borderRadius","boxShadow","palette","primary","main","input","flex","fontFamily","fontSize","fontWeight","searchIcon","width","color","contrastText","marginRight","closeIcon","margin","text6","cursor","SearchInput","handleSearch","className","styles","useState","inputValue","setInputValue","handleChangeDebounced","useCallback","debounce","handleInputChange","targetValue","_jsxs","classNames","_jsx","e","target","value","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":";;;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,MAAM,EAAE,EAAE;AACVC,MAAAA,WAAW,EAAE,EAAE;AACfC,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,SAAS,EAAE,MAAM;AACjB,MAAA,gBAAgB,EAAE;AAChBA,QAAAA,SAAS,4BAAqBP,KAAK,CAACQ,OAAO,CAACC,OAAO,CAACC,IAAI,CAAA;AAC1D,OAAA;KACD;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,GAAA;KACb;AACDC,IAAAA,UAAU,EAAE;AACVZ,MAAAA,MAAM,EAAE,EAAE;AACVa,MAAAA,KAAK,EAAE,EAAE;AACTC,MAAAA,KAAK,EAAElB,KAAK,CAACQ,OAAO,CAACC,OAAO,CAACU,YAAY;AACzCC,MAAAA,WAAW,EAAE,CAAA;KACd;AACDC,IAAAA,SAAS,EAAE;AACTjB,MAAAA,MAAM,EAAE,EAAE;AACVa,MAAAA,KAAK,EAAE,EAAE;AACTK,MAAAA,MAAM,EAAE,QAAQ;AAChBJ,MAAAA,KAAK,EAAElB,KAAK,CAACQ,OAAO,CAACC,OAAO,CAACc,KAAK;AAClCC,MAAAA,MAAM,EAAE,SAAA;AACV,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASC,WAAW,CAA8B,IAAA,EAAA;EAAA,IAA3BC,YAAY,QAAZA,YAAY;AAAEC,IAAAA,SAAS,QAATA,SAAS,CAAA;EAC5C,IAAMC,MAAM,GAAG9B,SAAS,EAAE,CAAA;EAE1B,IAAoC+B,SAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAzCC,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMC,qBAAqB,GAAGC,WAAW,CAACC,QAAQ,CAACR,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAA;AAE1E,EAAA,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiB,CAAGC,WAAW,EAAI;IACvCL,aAAa,CAACK,WAAW,CAAC,CAAA;IAE1BJ,qBAAqB,CAACI,WAAW,CAAC,CAAA;GACnC,CAAA;AAED,EAAA,oBACEC,KAAC,KAAK,EAAA;IAAC,SAAS,EAAEC,UAAU,CAACV,MAAM,CAAC3B,IAAI,EAAE0B,SAAS,CAAE;AAAA,IAAA,QAAA,EAAA,cACnDY,IAAC,UAAU,EAAA;MAAC,SAAS,EAAEX,MAAM,CAACZ,UAAAA;KAAc,CAAA,eAC5CuB,IAAC,SAAS,EAAA;MACR,SAAS,EAAEX,MAAM,CAACjB,KAAM;AACxB,MAAA,WAAW,EAAC,YAAY;AACxB,MAAA,KAAK,EAAEmB,UAAW;AAClB,MAAA,UAAU,EAAE;AAAE,QAAA,YAAY,EAAE,QAAA;OAAW;MACvC,QAAQ,EAAE,kBAAAU,CAAC,EAAA;AAAA,QAAA,OAAIL,iBAAiB,CAACK,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAAA,OAAA;AAAC,KAAA,CACjD,EACDZ,UAAU,iBACTS,GAAA,CAAC,SAAS,EAAA;MACR,SAAS,EAAEX,MAAM,CAACP,SAAU;AAC5B,MAAA,OAAO,EAAE,SAAM,OAAA,GAAA;QACbK,YAAY,CAAC,EAAE,CAAC,CAAA;QAChBK,aAAa,CAAC,EAAE,CAAC,CAAA;AACnB,OAAA;KAEH,CAAA,CAAA;GACK,CAAA,CAAA;AAEZ,CAAA;AAEAN,WAAW,CAACkB,SAAS,GAAG;AACtBjB,EAAAA,YAAY,EAAEkB,SAAS,CAACC,IAAI,CAACC,UAAU;EACvCnB,SAAS,EAAEiB,SAAS,CAACG,MAAAA;AACvB,CAAC,CAAA;AAEDtB,WAAW,CAACuB,YAAY,GAAG;AACzBrB,EAAAA,SAAS,EAAE,EAAA;AACb,CAAC;;;;"}