@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/RangeSlider/utils.js

@@ -1,49 +1 @@
-var calculatePercentForValue = function calculatePercentForValue(arg, min, max) {
-  return (arg - min) * 100 / (max - min);
-};
-var calculateValueFromPercent = function calculateValueFromPercent(arg, min, max) {
-  return min + arg * (max - min) / 100;
-};
-var updateFromValue = function updateFromValue(newFrom, from, to, min, minRange) {
-  if (newFrom < min) {
-    return {
-      from: min,
-      to: to
-    };
-  }
-
-  if (newFrom > to - minRange) {
-    return {
-      from: to - minRange,
-      to: to
-    };
-  }
-
-  return {
-    from: newFrom,
-    to: to
-  };
-};
-var updateToValue = function updateToValue(newTo, from, to, max, minRange) {
-  if (newTo > max) {
-    return {
-      from: from,
-      to: max
-    };
-  }
-
-  if (newTo < from + minRange) {
-    return {
-      from: from,
-      to: from + minRange
-    };
-  }
-
-  return {
-    from: from,
-    to: newTo
-  };
-};
-
-export { calculatePercentForValue, calculateValueFromPercent, updateFromValue, updateToValue };
-//# sourceMappingURL=utils.js.map
+var o=function(o,r,t){return 100*(o-r)/(t-r)},r=function(o,r,t){return r+o*(t-r)/100},t=function(o,r,t,n,f){return o<n?{from:n,to:t}:o>t-f?{from:t-f,to:t}:{from:o,to:t}},n=function(o,r,t,n,f){return o>n?{from:r,to:n}:o<r+f?{from:r,to:r+f}:{from:r,to:o}};export{o as calculatePercentForValue,r as calculateValueFromPercent,t as updateFromValue,n as updateToValue};

package/components/ResizableTable/ResizableTable.js

@@ -1,97 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
-import { useState } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import ResizableTableHeaderCell from './ResizableTableHeaderCell.js';
-import ResizableTableCell from './ResizableTableCell.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var ResizableTable = function ResizableTable(_ref) {
-  var _tableBody$props, _tableHeader$props, _tableHeader$props$ch, _tableHeader$props$ch2, _tableHeader$props$ch3;
-
-  var children = _ref.children,
-      rest = _objectWithoutProperties(_ref, ["children"]);
-
-  var _children = _slicedToArray(children, 2),
-      tableHeader = _children[0],
-      tableBody = _children[1];
-
-  var tableBodyRows = tableBody === null || tableBody === void 0 ? void 0 : (_tableBody$props = tableBody.props) === null || _tableBody$props === void 0 ? void 0 : _tableBody$props.children;
-  var tableHeaderCells = tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : (_tableHeader$props$ch = _tableHeader$props.children) === null || _tableHeader$props$ch === void 0 ? void 0 : (_tableHeader$props$ch2 = _tableHeader$props$ch.props) === null || _tableHeader$props$ch2 === void 0 ? void 0 : (_tableHeader$props$ch3 = _tableHeader$props$ch2.children) === null || _tableHeader$props$ch3 === void 0 ? void 0 : _tableHeader$props$ch3.reduce(function (accum, current) {
-    if (Array.isArray(current)) {
-      accum.push.apply(accum, _toConsumableArray(current));
-    } else {
-      accum.push(current);
-    }
-
-    return accum;
-  }, []);
-
-  var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      widths = _useState2[0],
-      setWidths = _useState2[1];
-
-  var handleWidthsUpdate = function handleWidthsUpdate(newWidth) {
-    return setWidths(function (prevWidths) {
-      return _objectSpread(_objectSpread({}, prevWidths), newWidth);
-    });
-  };
-
-  return /*#__PURE__*/jsxs(Table, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/jsx(TableHead, {
-      children: /*#__PURE__*/jsx(TableRow, {
-        children: tableHeaderCells === null || tableHeaderCells === void 0 ? void 0 : tableHeaderCells.map(function (cell, index) {
-          var _cell$props;
-
-          if (!cell) return null;
-          var isLastColumn = index === tableHeaderCells.length - 1;
-          return isLastColumn ?
-          /*#__PURE__*/
-          // eslint-disable-next-line react/no-array-index-key
-          jsx(TableCell, _objectSpread(_objectSpread({}, cell.props), {}, {
-            children: (_cell$props = cell.props) === null || _cell$props === void 0 ? void 0 : _cell$props.children
-          }), cell.key || index) : /*#__PURE__*/jsx(ResizableTableHeaderCell // Note: need to use key as index because key is sent only for rows
-          // but not for cells in most cases
-          // eslint-disable-next-line react/no-array-index-key
-          , {
-            cellName: "cell".concat(index),
-            nextCellName: "cell".concat(index + 1),
-            handleWidthsUpdate: handleWidthsUpdate,
-            widths: widths,
-            children: cell
-          }, cell.key || index);
-        })
-      })
-    }), /*#__PURE__*/jsx(TableBody, {
-      children: tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (tableBodyRow) {
-        var _tableBodyRow$props, _tableBodyRow$props$c;
-
-        return /*#__PURE__*/jsx(TableRow, {
-          children: tableBodyRow === null || tableBodyRow === void 0 ? void 0 : (_tableBodyRow$props = tableBodyRow.props) === null || _tableBodyRow$props === void 0 ? void 0 : (_tableBodyRow$props$c = _tableBodyRow$props.children) === null || _tableBodyRow$props$c === void 0 ? void 0 : _tableBodyRow$props$c.map(function (cell, index) {
-            return cell && /*#__PURE__*/jsx(ResizableTableCell // Note: need to use key as index because key is sent only for rows
-            // but not for cells in most cases
-            // eslint-disable-next-line react/no-array-index-key
-            , {
-              children: cell
-            }, cell.key || index);
-          })
-        }, tableBodyRow.key);
-      })
-    })]
-  }));
-};
-
-ResizableTable.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
-export default ResizableTable;
-//# sourceMappingURL=ResizableTable.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/toConsumableArray";import n from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/helpers/objectWithoutProperties";import l from"prop-types";import{Table as o,TableHead as i,TableRow as c,TableCell as p,TableBody as u}from"@material-ui/core";import{useState as a}from"react";import d from"./ResizableTableHeaderCell.js";import s from"./ResizableTableCell.js";import{jsxs as m,jsx as f}from"react/jsx-runtime";var h=["children"];function b(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.push.apply(n,t)}return n}function v(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?b(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=function(r){var l,b,y,O,j,P=r.children,g=t(r,h),w=n(P,2),k=w[0],A=w[1],C=null==A||null===(l=A.props)||void 0===l?void 0:l.children,D=null==k||null===(b=k.props)||void 0===b||null===(y=b.children)||void 0===y||null===(O=y.props)||void 0===O||null===(j=O.children)||void 0===j?void 0:j.reduce((function(r,n){return Array.isArray(n)?r.push.apply(r,e(n)):r.push(n),r}),[]),T=a({}),x=n(T,2),R=x[0],z=x[1],E=function(r){return z((function(e){return v(v({},e),r)}))};return m(o,v(v({},g),{},{children:[f(i,{children:f(c,{children:null==D?void 0:D.map((function(r,e){var n;return r?e===D.length-1?f(p,v(v({},r.props),{},{children:null===(n=r.props)||void 0===n?void 0:n.children}),r.key||e):f(d,{cellName:"cell".concat(e),nextCellName:"cell".concat(e+1),handleWidthsUpdate:E,widths:R,children:r},r.key||e):null}))})}),f(u,{children:null==C?void 0:C.map((function(r){var e,n;return f(c,{children:null==r||null===(e=r.props)||void 0===e||null===(n=e.children)||void 0===n?void 0:n.map((function(r,e){return r&&f(s,{children:r},r.key||e)}))},r.key)}))})]}))};y.propTypes={children:l.node.isRequired};export{y as default};

package/components/ResizableTable/ResizableTableCell.js

@@ -1,24 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import PropTypes from 'prop-types';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function ResizableTableCell(_ref) {
-  var _children$props$child, _children$props;
-
-  var children = _ref.children;
-  if (!children) return null;
-  return /*#__PURE__*/jsx(children.type, _objectSpread(_objectSpread({}, children.props), {}, {
-    children: /*#__PURE__*/jsx("div", {
-      children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
-    })
-  }));
-}
-ResizableTableCell.propTypes = {
-  children: PropTypes.node.isRequired
-};
-
-export default ResizableTableCell;
-//# sourceMappingURL=ResizableTableCell.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{jsx as t}from"react/jsx-runtime";function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function o(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function i(e){var r,n,i=e.children;return i?t(i.type,o(o({},i.props),{},{children:t("div",{children:null!==(r=null==i||null===(n=i.props)||void 0===n?void 0:n.children)&&void 0!==r?r:null})})):null}i.propTypes={children:r.node.isRequired};export{i as default};

package/components/ResizableTable/ResizableTableHeaderCell.js

@@ -1,137 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { TableCell } from '@material-ui/core';
-import { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import Draggable from 'react-draggable';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    resizableColumnHeader: {
-      display: 'flex',
-      paddingRight: 0,
-      justifyContent: 'space-between'
-    },
-    tableResizer: {
-      width: 6,
-      borderRadius: 10,
-      opacity: 0.7,
-      cursor: 'col-resize',
-      marginRight: -11,
-      marginTop: -16,
-      marginBottom: -16
-    },
-    hovered: {
-      backgroundColor: theme.palette.primary.main
-    }
-  };
-});
-
-var getOffsetWidth = function getOffsetWidth(cellName) {
-  var _document$getElementB;
-
-  return (_document$getElementB = document.getElementById(cellName)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetWidth;
-};
-
-var TABLE_HEADER_CELL_PADDING = 12;
-function ResizableTableHeaderCell(_ref) {
-  var _children$props$child, _children$props;
-
-  var children = _ref.children,
-      cellName = _ref.cellName,
-      nextCellName = _ref.nextCellName,
-      widths = _ref.widths,
-      handleWidthsUpdate = _ref.handleWidthsUpdate;
-  var classes = useStyles();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isHovered = _useState2[0],
-      setIsHovered = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentCellMinWidth = _useState4[0],
-      setCurrentCellMinWidth = _useState4[1];
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      nextCellMinWidth = _useState6[0],
-      setNextCellMinWidth = _useState6[1];
-
-  useEffect(function () {
-    setCurrentCellMinWidth(getOffsetWidth("content-".concat(cellName)) + TABLE_HEADER_CELL_PADDING);
-    setNextCellMinWidth(getOffsetWidth("content-".concat(nextCellName)) + TABLE_HEADER_CELL_PADDING);
-    handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
-  }, []);
-  if (!children) return null;
-
-  var resize = function resize(deltaX) {
-    var _handleWidthsUpdate2;
-
-    var newWidth = widths[cellName] + deltaX;
-    var newNextWidth = widths[nextCellName] - deltaX;
-    if (newWidth < 0 || newWidth < currentCellMinWidth || newNextWidth < nextCellMinWidth) return;
-    handleWidthsUpdate((_handleWidthsUpdate2 = {}, _defineProperty(_handleWidthsUpdate2, cellName, newWidth), _defineProperty(_handleWidthsUpdate2, nextCellName, newNextWidth), _handleWidthsUpdate2));
-  };
-
-  return /*#__PURE__*/jsx(TableCell, _objectSpread(_objectSpread({
-    width: widths[cellName],
-    id: cellName
-  }, children.props), {}, {
-    children: /*#__PURE__*/jsxs("div", {
-      className: classes.resizableColumnHeader,
-      children: [/*#__PURE__*/jsx("div", {
-        id: "content-".concat(cellName),
-        children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
-      }), /*#__PURE__*/jsx(Draggable, {
-        axis: "x",
-        onDrag: function onDrag(event, _ref2) {
-          var deltaX = _ref2.deltaX,
-              x = _ref2.x,
-              lastX = _ref2.lastX;
-          resize(deltaX);
-        },
-        position: {
-          x: 0
-        },
-        zIndex: 999,
-        onStart: function onStart() {
-          setIsHovered(true);
-        },
-        onStop: function onStop() {
-          if (widths[cellName] !== getOffsetWidth(cellName)) {
-            handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
-          }
-
-          setIsHovered(false);
-        },
-        children: /*#__PURE__*/jsx("div", {
-          className: classNames(classes.tableResizer, isHovered && classes.hovered),
-          onMouseEnter: function onMouseEnter() {
-            return setIsHovered(true);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return setIsHovered(false);
-          }
-        })
-      })]
-    })
-  }));
-}
-ResizableTableHeaderCell.propTypes = {
-  children: PropTypes.node.isRequired,
-  cellName: PropTypes.string.isRequired,
-  nextCellName: PropTypes.string.isRequired,
-  widths: PropTypes.shape({}).isRequired,
-  handleWidthsUpdate: PropTypes.func.isRequired
-};
-
-export default ResizableTableHeaderCell;
-//# sourceMappingURL=ResizableTableHeaderCell.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as n}from"react";import i from"prop-types";import o from"classnames";import a from"react-draggable";import{makeStyles as c}from"@material-ui/core/styles";import{TableCell as l}from"@material-ui/core";import{jsx as s,jsxs as d}from"react/jsx-runtime";function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var m=c((function(e){return{resizableColumnHeader:{display:"flex",paddingRight:0,justifyContent:"space-between"},tableResizer:{width:6,borderRadius:10,opacity:.7,cursor:"col-resize",marginRight:-11,marginTop:-16,marginBottom:-16},hovered:{backgroundColor:e.palette.primary.main}}})),f=function(e){var r;return null===(r=document.getElementById(e))||void 0===r?void 0:r.offsetWidth};function h(i){var c,u,h=i.children,b=i.cellName,y=i.nextCellName,g=i.widths,v=i.handleWidthsUpdate,O=m(),j=t(!1),w=r(j,2),x=w[0],R=w[1],P=t(),z=r(P,2),C=z[0],N=z[1],q=t(),D=r(q,2),E=D[0],S=D[1];if(n((function(){N(f("content-".concat(b))+12),S(f("content-".concat(y))+12),v(e({},b,f(b)))}),[]),!h)return null;return s(l,p(p({width:g[b],id:b},h.props),{},{children:d("div",{className:O.resizableColumnHeader,children:[s("div",{id:"content-".concat(b),children:null!==(c=null==h||null===(u=h.props)||void 0===u?void 0:u.children)&&void 0!==c?c:null}),s(a,{axis:"x",onDrag:function(r,t){var n=t.deltaX;t.x,t.lastX,function(r){var t,n=g[b]+r,i=g[y]-r;n<0||n<C||i<E||v((e(t={},b,n),e(t,y,i),t))}(n)},position:{x:0},zIndex:999,onStart:function(){R(!0)},onStop:function(){g[b]!==f(b)&&v(e({},b,f(b))),R(!1)},children:s("div",{className:o(O.tableResizer,x&&O.hovered),onMouseEnter:function(){return R(!0)},onMouseLeave:function(){return R(!1)}})})]})}))}h.propTypes={children:i.node.isRequired,cellName:i.string.isRequired,nextCellName:i.string.isRequired,widths:i.shape({}).isRequired,handleWidthsUpdate:i.func.isRequired};export{h as default};

package/components/SearchInput/index.js

@@ -1,96 +1 @@
-import { debounce } from 'lodash';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, Paper, InputBase } from '@material-ui/core';
-import CloseIcon from '@material-ui/icons/Close';
-import { useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import SearchIcon from '@material-ui/icons/Search';
-
-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 default SearchInput;
-//# 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/index.js

@@ -1,217 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makeStyles, FormControl, InputLabel, Select as Select$1, FormHelperText } from '@material-ui/core';
-import { useMemo } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import uuidV4 from 'uuid/v4';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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': {
-          color: theme.palette.primary.contrastText
-        },
-        '& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)': {
-          '&::before': {
-            borderBottom: "2px solid ".concat(theme.palette.primary.contrastText)
-          }
-        },
-        '& .MuiSvgIcon-root.MuiSelect-icon': {
-          color: 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
-      }
-    },
-    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;
-
-  var FormControlProps = props.FormControlProps,
-      InputLabelProps = props.InputLabelProps,
-      label = props.label,
-      formHelperText = props.formHelperText,
-      SelectProps = _objectWithoutProperties(props, ["FormControlProps", "InputLabelProps", "label", "formHelperText"]);
-
-  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: classNames(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp2 = SelectProps.MenuProps) === null || _SelectProps$MenuProp2 === void 0 ? void 0 : _SelectProps$MenuProp2.paper, _defineProperty({}, styles.outlinedMenuPaper, FormControlProps.variant === 'outlined')),
-          list: classNames(SelectProps === null || SelectProps === void 0 ? void 0 : (_SelectProps$MenuProp3 = SelectProps.MenuProps) === null || _SelectProps$MenuProp3 === void 0 ? void 0 : _SelectProps$MenuProp3.list, styles.menuList)
-        })
-      })
-    })), formHelperText && /*#__PURE__*/jsx(FormHelperText, {
-      children: formHelperText
-    })]
-  }));
-};
-
-Select.propTypes = {
-  FormControlProps: PropTypes.shape({
-    classes: PropTypes.shape({
-      root: PropTypes.string
-    }),
-    disabled: PropTypes.bool,
-    variant: PropTypes.oneOf(['outlined', 'filled', 'standard'])
-  }),
-  InputLabelProps: PropTypes.shape({
-    classes: PropTypes.shape({
-      root: PropTypes.string,
-      disabled: PropTypes.string
-    })
-  }),
-  label: PropTypes.string,
-  formHelperText: PropTypes.string,
-  error: PropTypes.bool
-};
-Select.defaultProps = {
-  FormControlProps: {},
-  InputLabelProps: {},
-  label: null,
-  formHelperText: null,
-  error: false
-};
-
-export default Select;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as o}from"react";import{makeStyles as t,FormControl as i,InputLabel as l,Select as n,FormHelperText as a}from"@material-ui/core";import u from"prop-types";import p from"uuid/v4";import d from"classnames";import{jsxs as s,jsx as c}from"react/jsx-runtime";var b=["FormControlProps","InputLabelProps","label","formHelperText"];function m(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function M(r){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?m(Object(t),!0).forEach((function(o){e(r,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var f=t((function(e){return{formControlRoot:{"&:hover":{"& .MuiFormLabel-root":{color:e.palette.primary.contrastText},"& .MuiInput-underline:not(.Mui-disabled), & .MuiFilledInput-underline:not(.Mui-disabled)":{"&::before":{borderBottom:"2px solid ".concat(e.palette.primary.contrastText)}},"& .MuiSvgIcon-root.MuiSelect-icon":{color:e.palette.primary.contrastText}},"& .MuiInputBase-root.Mui-focused":{"& .MuiSvgIcon-root.MuiSelect-icon":{color:e.palette.primary.main}},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::before":{borderBottom:"1px solid ".concat(e.palette.primary.text6)},"&.Mui-disabled":{"&::before":{opacity:"0.4",borderBottom:"1px solid ".concat(e.palette.primary.text6)},"&::after":{opacity:"0.4"}}},"& .MuiSelect-root":{"&.Mui-disabled":{color:e.palette.primary.contrastText,opacity:"0.4"}},"& .MuiFormLabel-root":{color:e.palette.primary.text6,"&.Mui-focused":{color:e.palette.primary.main},"&.Mui-disabled.MuiInputLabel-root":{color:e.palette.primary.text6,opacity:"0.4"}},"& .MuiSelect-icon.Mui-disabled":{color:e.palette.primary.contrastText,opacity:"0.4"},"& .MuiFormHelperText-root":{color:e.palette.primary.text6,"&.Mui-disabled":{opacity:"0.4"}},"& .MuiFilledInput-root":{backgroundColor:e.palette.background.b6,"&:hover":{backgroundColor:e.palette.background.b7},"&.Mui-disabled":{backgroundColor:e.palette.background.b6,opacity:"0.4"}},"& .MuiInputLabel-filled":{left:2},"& .MuiSelect-filled":{paddingLeft:14},"& .MuiSvgIcon-root.MuiSelect-icon":{color:e.palette.primary.text6}},menuList:{backgroundColor:e.palette.background.b9,"& .MuiMenuItem-root":{"&.Mui-selected":{backgroundColor:e.palette.primary.text9}}},error:{"&:hover":{"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"2px solid ".concat(e.palette.error.main)}},"& .MuiInput-underline.Mui-disabled, & .MuiFilledInput-underline.Mui-disabled":{"&::before":{borderBottom:"1px solid ".concat(e.palette.error.main)},"&::after":{display:"none"}},"& .MuiOutlinedInput-root.Mui-error:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline":{borderWidth:2}},"& .MuiFormLabel-root.MuiInputLabel-root":{color:e.palette.error.main,"&.Mui-focused":{color:e.palette.error.main},"&.Mui-disabled":{color:e.palette.error.main}},"& .MuiFormHelperText-root":{color:e.palette.error.main},"& .MuiInput-underline, & .MuiFilledInput-underline":{"&::after":{borderBottom:"1px solid ".concat(e.palette.error.main)},"&.Mui-disabled::after":{display:"none"},"&.Mui-disabled::before":{borderBottom:"1px solid ".concat(e.palette.error.main)}},"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline":{borderColor:e.palette.error.main,opacity:"0.4"}}}})),y=function(t){var u,m,y,I,x=t.FormControlProps,g=t.InputLabelProps,v=t.label,P=t.formHelperText,O=r(t,b),h=o(p,[]),F=f();return s(i,M(M({},x),{},{classes:M(M({},x.classes),{},{root:d(null===(u=x.classes)||void 0===u?void 0:u.root,F.formControlRoot,e({},F.error,O.error))}),disabled:x.disabled||O.disabled,children:[v&&c(l,M(M({id:h},g),{},{children:v})),c(n,M(M({},O),{},{labelId:h,label:v,MenuProps:M(M({},null==O?void 0:O.MenuProps),{},{classes:M(M({},null==O||null===(m=O.MenuProps)||void 0===m?void 0:m.classes),{},{paper:d(null==O||null===(y=O.MenuProps)||void 0===y?void 0:y.paper,e({},F.outlinedMenuPaper,"outlined"===x.variant)),list:d(null==O||null===(I=O.MenuProps)||void 0===I?void 0:I.list,F.menuList)})})})),P&&c(a,{children:P})]}))};y.propTypes={FormControlProps:u.shape({classes:u.shape({root:u.string}),disabled:u.bool,variant:u.oneOf(["outlined","filled","standard"])}),InputLabelProps:u.shape({classes:u.shape({root:u.string,disabled:u.string})}),label:u.string,formHelperText:u.string,error:u.bool},y.defaultProps={FormControlProps:{},InputLabelProps:{},label:null,formHelperText:null,error:!1};export{y as default};