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

package/components/ConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.js","sources":["../../src/components/ConfirmationDialog.js"],"sourcesContent":["import { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport Typography from '@material-ui/core/Typography';\nimport TextField from '@material-ui/core/TextField';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Button from '@material-ui/core/Button';\nimport Dialog from '@material-ui/core/Dialog';\n\nconst PAGE_NAME = 'confirmationDialog';\n\nconst muiStyles = {\n  actionButton: { marginLeft: 15 },\n  confirmation: { marginTop: 10 },\n};\n\nclass ConfirmationDialog extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      confirmationTextField: '',\n    };\n  }\n\n  get actions() {\n    return (\n      <>\n        {this.props.isShowCancel && (\n          <Button\n            variant=\"text\"\n            data-testid={`${PAGE_NAME}_cancelButton`}\n            className={this.props.classes.actionButton}\n            onClick={this.props.handleClose}\n            color=\"primary\"\n          >\n            Cancel\n          </Button>\n        )}\n        <Button\n          variant=\"contained\"\n          data-testid={`${PAGE_NAME}_confirmButton`}\n          className={this.props.classes.actionButton}\n          onClick={this.props.handleOk}\n          disabled={\n            this.props.disableOk ||\n            (this.props.confirmationText &&\n              this.props.confirmation !== this.state.confirmationTextField)\n          }\n          color=\"primary\"\n        >\n          {this.props.okText}\n        </Button>\n      </>\n    );\n  }\n\n  render() {\n    return (\n      <Dialog\n        open={this.props.open}\n        onClose={this.props.handleClose}\n        aria-labelledby=\"confirmation-dialog-title\"\n        classes={{ paper: this.props.classes.paper }}\n      >\n        <DialogTitle id=\"confirmation-dialog-title\">{this.props.title}</DialogTitle>\n\n        <DialogContent>\n          <DialogContentText>\n            <Typography variant=\"body2\" className={this.props.classes.content}>\n              {this.props.text}\n            </Typography>\n            {this.props.confirmationText && (\n              <TextField\n                fullWidth\n                data-testid={`${PAGE_NAME}_input`}\n                label={this.props.confirmationText}\n                value={this.state.confirmationTextField}\n                onChange={e => this.setState({ confirmationTextField: e.target.value })}\n                className={this.props.classes.confirmation}\n              />\n            )}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions className={this.props.classes.actions}>{this.actions}</DialogActions>\n      </Dialog>\n    );\n  }\n}\n\nConfirmationDialog.propTypes = {\n  open: PropTypes.bool.isRequired,\n  title: PropTypes.string,\n  text: PropTypes.string.isRequired,\n  confirmationText: PropTypes.string,\n  confirmation: PropTypes.string,\n  handleClose: PropTypes.func,\n  handleOk: PropTypes.func,\n  okText: PropTypes.string,\n  disableOk: PropTypes.bool,\n  isShowCancel: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nConfirmationDialog.defaultProps = {\n  title: undefined,\n  confirmationText: null,\n  confirmation: '',\n  okText: 'Ok',\n  handleOk: () => undefined,\n  handleClose: () => undefined,\n  disableOk: false,\n  isShowCancel: true,\n};\n\nexport default withStyles(muiStyles)(ConfirmationDialog);\n"],"names":["PAGE_NAME","muiStyles","actionButton","marginLeft","confirmation","marginTop","ConfirmationDialog","props","state","confirmationTextField","_jsxs","_Fragment","isShowCancel","_jsx","classes","handleClose","handleOk","disableOk","confirmationText","okText","open","paper","title","content","text","e","setState","target","value","actions","Component","propTypes","PropTypes","bool","isRequired","string","func","shape","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/ContextMenuItem/index.js

@@ -1 +1,82 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import r from"prop-types";import o from"classnames";import i from"@material-ui/core/ListItemIcon";import{makeStyles as n}from"@material-ui/core";import l from"../MenuItem/index.js";import{jsxs as s,jsx as c}from"react/jsx-runtime";var a=["classes","icon","children","small"];function p(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 m(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var u=n((function(e){return{menuItem:{height:function(e){return e.small?36:54},lineHeight:function(e){return e.small?"17px":"24px"},"&:hover svg":{fill:function(t){return t.disabled?e.palette.primary.text9:e.palette.primary.contrastText}}},listItemIcon:{paddingRight:e.spacing(1),color:function(t){return t.disabled?e.palette.primary.text9:e.palette.primary.text7},minWidth:"auto",fontSize:function(e){return e.small?16:24},"& .MuiSvgIcon-root":{fontSize:"inherit"}}}})),f=function(e){var r=e.classes,n=void 0===r?{}:r,p=e.icon,f=e.children,d=e.small,b=t(e,a),h=u({small:d,disabled:b.disabled});return s(l,m(m({classes:m(m({},n),{},{root:o(h.menuItem,n.root)})},b),{},{children:[c(i,{classes:{root:h.listItemIcon},children:p}),f]}))};f.propTypes={children:r.node.isRequired,icon:r.node.isRequired,small:r.bool},f.defaultProps={small:!1};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import { makeStyles } from '@material-ui/core';
+import MenuItem from '../MenuItem/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["classes", "icon", "children", "small"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    menuItem: {
+      height: function height(_ref) {
+        var small = _ref.small;
+        return small ? 36 : 54;
+      },
+      lineHeight: function lineHeight(_ref2) {
+        var small = _ref2.small;
+        return small ? '17px' : '24px';
+      },
+      '&:hover svg': {
+        fill: function fill(_ref3) {
+          var disabled = _ref3.disabled;
+          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
+        }
+      }
+    },
+    listItemIcon: {
+      paddingRight: theme.spacing(1),
+      color: function color(_ref4) {
+        var disabled = _ref4.disabled;
+        return disabled ? theme.palette.primary.text9 : theme.palette.primary.text7;
+      },
+      minWidth: 'auto',
+      fontSize: function fontSize(_ref5) {
+        var small = _ref5.small;
+        return small ? 16 : 24;
+      },
+      '& .MuiSvgIcon-root': {
+        fontSize: 'inherit'
+      }
+    }
+  };
+});
+var ContextMenuItem = function ContextMenuItem(_ref6) {
+  var _ref6$classes = _ref6.classes,
+    classes = _ref6$classes === void 0 ? {} : _ref6$classes,
+    icon = _ref6.icon,
+    children = _ref6.children,
+    small = _ref6.small,
+    otherProps = _objectWithoutProperties(_ref6, _excluded);
+  var styles = useStyles({
+    small: small,
+    disabled: otherProps.disabled
+  });
+  return /*#__PURE__*/jsxs(MenuItem, _objectSpread(_objectSpread({
+    classes: _objectSpread(_objectSpread({}, classes), {}, {
+      root: classNames(styles.menuItem, classes.root)
+    })
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx(ListItemIcon, {
+      classes: {
+        root: styles.listItemIcon
+      },
+      children: icon
+    }), children]
+  }));
+};
+ContextMenuItem.propTypes = {
+  children: PropTypes.node.isRequired,
+  icon: PropTypes.node.isRequired,
+  small: PropTypes.bool
+};
+ContextMenuItem.defaultProps = {
+  small: false
+};
+
+export { ContextMenuItem as default };
+//# sourceMappingURL=index.js.map

package/components/ContextMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ContextMenuItem/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport { makeStyles } from '@material-ui/core';\n\nimport MenuItem from '../MenuItem';\n\nconst useStyles = makeStyles(theme => ({\n  menuItem: {\n    height: ({ small }) => (small ? 36 : 54),\n    lineHeight: ({ small }) => (small ? '17px' : '24px'),\n    '&:hover svg': {\n      fill: ({ disabled }) =>\n        disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText,\n    },\n  },\n  listItemIcon: {\n    paddingRight: theme.spacing(1),\n    color: ({ disabled }) => (disabled ? theme.palette.primary.text9 : theme.palette.primary.text7),\n    minWidth: 'auto',\n    fontSize: ({ small }) => (small ? 16 : 24),\n    '& .MuiSvgIcon-root': {\n      fontSize: 'inherit',\n    },\n  },\n}));\n\nconst ContextMenuItem = ({ classes = {}, icon, children, small, ...otherProps }) => {\n  const styles = useStyles({ small, disabled: otherProps.disabled });\n\n  return (\n    <MenuItem\n      classes={{ ...classes, root: classNames(styles.menuItem, classes.root) }}\n      {...otherProps}\n    >\n      <ListItemIcon classes={{ root: styles.listItemIcon }}>{icon}</ListItemIcon>\n      {children}\n    </MenuItem>\n  );\n};\n\nContextMenuItem.propTypes = {\n  children: PropTypes.node.isRequired,\n  icon: PropTypes.node.isRequired,\n  small: PropTypes.bool,\n};\n\nContextMenuItem.defaultProps = {\n  small: false,\n};\n\nexport default ContextMenuItem;\n"],"names":["useStyles","makeStyles","theme","menuItem","height","small","lineHeight","fill","disabled","palette","primary","text9","contrastText","listItemIcon","paddingRight","spacing","color","text7","minWidth","fontSize","ContextMenuItem","classes","icon","children","otherProps","styles","_jsxs","root","classNames","_jsx","propTypes","PropTypes","node","isRequired","bool","defaultProps"],"mappings":"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"}

package/components/CopyToClipboard/CopyToClipboard.js

@@ -1 +1,88 @@
-import t from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as e}from"react";import r from"classnames";import i from"prop-types";import{makeStyles as p,Tooltip as n}from"@material-ui/core";import s from"@material-ui/icons/FileCopy";import l from"../../utils/main.js";import{jsx as a}from"react/jsx-runtime";var c=p((function(t){return{icon:{cursor:"pointer"},tooltip:{color:t.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),m=function(i){var p=i.children,s=i.classes,m=i.dataTestId,u=i.IconComponent,d=i.tooltipProps,f=o(!1),g=t(f,2),y=g[0],b=g[1],C=c();return e((function(){var t=setTimeout((function(){b(!1)}),d.delay);return function(){return clearTimeout(t)}}),[y]),a(n,{classes:{tooltip:r(C.tooltip,s.tooltip),popper:r(C.tooltipPopper,s.tooltipPopper)},title:d.title,open:y,disableFocusListener:!0,disableHoverListener:!0,placement:d.placement,children:a(u,{className:r(C.icon,s.icon),"data-testid":m,onClick:function(){b(!0),l.copyToClipboard(p)}})})};m.propTypes={children:i.string.isRequired,dataTestId:i.string,IconComponent:i.shape({}),tooltipProps:i.shape({title:i.string,placement:i.string,delay:i.number}),classes:i.shape({icon:i.string,tooltip:i.string,tooltipPopper:i.string})},m.defaultProps={dataTestId:null,IconComponent:s,tooltipProps:{title:"Copied",placement:"top",delay:1500},classes:{}};export{m as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import FileCopyIcon from '@material-ui/icons/FileCopy';
+import utils from '../../utils/main.js';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    icon: {
+      cursor: 'pointer'
+    },
+    tooltip: {
+      color: theme.palette.primary.text6,
+      backgroundColor: 'rgba(20, 20, 20, 0.5)'
+    }
+  };
+});
+var CopyToClipboard = function CopyToClipboard(_ref) {
+  var children = _ref.children,
+    classes = _ref.classes,
+    dataTestId = _ref.dataTestId,
+    IconComponent = _ref.IconComponent,
+    tooltipProps = _ref.tooltipProps;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpenedTooltip = _useState2[0],
+    setIsOpenedTooltip = _useState2[1];
+  var styles = useStyles();
+  var handleCopyText = function handleCopyText() {
+    setIsOpenedTooltip(true);
+    utils.copyToClipboard(children);
+  };
+  useEffect(function () {
+    var openedTooltipTimeout = setTimeout(function () {
+      setIsOpenedTooltip(false);
+    }, tooltipProps.delay);
+    return function () {
+      return clearTimeout(openedTooltipTimeout);
+    };
+  }, [isOpenedTooltip]);
+  return /*#__PURE__*/jsx(Tooltip, {
+    classes: {
+      tooltip: classNames(styles.tooltip, classes.tooltip),
+      popper: classNames(styles.tooltipPopper, classes.tooltipPopper)
+    },
+    title: tooltipProps.title,
+    open: isOpenedTooltip,
+    disableFocusListener: true,
+    disableHoverListener: true,
+    placement: tooltipProps.placement,
+    children: /*#__PURE__*/jsx(IconComponent, {
+      className: classNames(styles.icon, classes.icon),
+      "data-testid": dataTestId,
+      onClick: handleCopyText
+    })
+  });
+};
+CopyToClipboard.propTypes = {
+  children: PropTypes.string.isRequired,
+  dataTestId: PropTypes.string,
+  IconComponent: PropTypes.shape({}),
+  tooltipProps: PropTypes.shape({
+    title: PropTypes.string,
+    placement: PropTypes.string,
+    delay: PropTypes.number
+  }),
+  classes: PropTypes.shape({
+    icon: PropTypes.string,
+    tooltip: PropTypes.string,
+    tooltipPopper: PropTypes.string
+  })
+};
+CopyToClipboard.defaultProps = {
+  dataTestId: null,
+  IconComponent: FileCopyIcon,
+  tooltipProps: {
+    title: 'Copied',
+    placement: 'top',
+    delay: 1500
+  },
+  classes: {}
+};
+
+export { CopyToClipboard as default };
+//# sourceMappingURL=CopyToClipboard.js.map

package/components/CopyToClipboard/CopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.js","sources":["../../../src/components/CopyToClipboard/CopyToClipboard.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { makeStyles, Tooltip } from '@material-ui/core';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\n\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    cursor: 'pointer',\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nconst CopyToClipboard = ({ children, classes, dataTestId, IconComponent, tooltipProps }) => {\n  const [isOpenedTooltip, setIsOpenedTooltip] = useState(false);\n  const styles = useStyles();\n\n  const handleCopyText = () => {\n    setIsOpenedTooltip(true);\n    utils.copyToClipboard(children);\n  };\n\n  useEffect(() => {\n    const openedTooltipTimeout = setTimeout(() => {\n      setIsOpenedTooltip(false);\n    }, tooltipProps.delay);\n\n    return () => clearTimeout(openedTooltipTimeout);\n  }, [isOpenedTooltip]);\n\n  return (\n    <Tooltip\n      classes={{\n        tooltip: classNames(styles.tooltip, classes.tooltip),\n        popper: classNames(styles.tooltipPopper, classes.tooltipPopper),\n      }}\n      title={tooltipProps.title}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <IconComponent\n        className={classNames(styles.icon, classes.icon)}\n        data-testid={dataTestId}\n        onClick={handleCopyText}\n      />\n    </Tooltip>\n  );\n};\n\nCopyToClipboard.propTypes = {\n  children: PropTypes.string.isRequired,\n  dataTestId: PropTypes.string,\n  IconComponent: PropTypes.shape({}),\n  tooltipProps: PropTypes.shape({\n    title: PropTypes.string,\n    placement: PropTypes.string,\n    delay: PropTypes.number,\n  }),\n  classes: PropTypes.shape({\n    icon: PropTypes.string,\n    tooltip: PropTypes.string,\n    tooltipPopper: PropTypes.string,\n  }),\n};\n\nCopyToClipboard.defaultProps = {\n  dataTestId: null,\n  IconComponent: FileCopyIcon,\n  tooltipProps: {\n    title: 'Copied',\n    placement: 'top',\n    delay: 1500,\n  },\n  classes: {},\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","icon","cursor","tooltip","color","palette","primary","text6","backgroundColor","CopyToClipboard","children","classes","dataTestId","IconComponent","tooltipProps","useState","isOpenedTooltip","setIsOpenedTooltip","styles","handleCopyText","utils","copyToClipboard","useEffect","openedTooltipTimeout","setTimeout","delay","clearTimeout","_jsx","classNames","popper","tooltipPopper","title","placement","propTypes","PropTypes","string","isRequired","shape","number","defaultProps","FileCopyIcon"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,SAAA;KACT;AACDC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,eAAe,EAAE,uBAAA;AACnB,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAuE,IAAA,EAAA;EAAA,IAAjEC,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,UAAU,QAAVA,UAAU;AAAEC,IAAAA,aAAa,QAAbA,aAAa;AAAEC,IAAAA,YAAY,QAAZA,YAAY,CAAA;EACnF,IAA8CC,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAtDC,eAAe,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,kBAAkB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAC1C,IAAMC,MAAM,GAAGpB,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMqB,cAAc,GAAG,SAAjBA,cAAc,GAAS;IAC3BF,kBAAkB,CAAC,IAAI,CAAC,CAAA;AACxBG,IAAAA,KAAK,CAACC,eAAe,CAACX,QAAQ,CAAC,CAAA;GAChC,CAAA;AAEDY,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,oBAAoB,GAAGC,UAAU,CAAC,YAAM;MAC5CP,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAC3B,KAAC,EAAEH,YAAY,CAACW,KAAK,CAAC,CAAA;IAEtB,OAAO,YAAA;MAAA,OAAMC,YAAY,CAACH,oBAAoB,CAAC,CAAA;AAAA,KAAA,CAAA;AACjD,GAAC,EAAE,CAACP,eAAe,CAAC,CAAC,CAAA;AAErB,EAAA,oBACEW,IAAC,OAAO,EAAA;AACN,IAAA,OAAO,EAAE;MACPxB,OAAO,EAAEyB,UAAU,CAACV,MAAM,CAACf,OAAO,EAAEQ,OAAO,CAACR,OAAO,CAAC;MACpD0B,MAAM,EAAED,UAAU,CAACV,MAAM,CAACY,aAAa,EAAEnB,OAAO,CAACmB,aAAa,CAAA;KAC9D;IACF,KAAK,EAAEhB,YAAY,CAACiB,KAAM;AAC1B,IAAA,IAAI,EAAEf,eAAgB;IACtB,oBAAoB,EAAA,IAAA;IACpB,oBAAoB,EAAA,IAAA;IACpB,SAAS,EAAEF,YAAY,CAACkB,SAAU;AAAA,IAAA,QAAA,eAElCL,IAAC,aAAa,EAAA;MACZ,SAAS,EAAEC,UAAU,CAACV,MAAM,CAACjB,IAAI,EAAEU,OAAO,CAACV,IAAI,CAAE;AACjD,MAAA,aAAA,EAAaW,UAAW;AACxB,MAAA,OAAO,EAAEO,cAAAA;AAAe,KAAA,CAAA;GAElB,CAAA,CAAA;AAEd,EAAC;AAEDV,eAAe,CAACwB,SAAS,GAAG;AAC1BvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,MAAM,CAACC,UAAU;EACrCxB,UAAU,EAAEsB,SAAS,CAACC,MAAM;AAC5BtB,EAAAA,aAAa,EAAEqB,SAAS,CAACG,KAAK,CAAC,EAAE,CAAC;AAClCvB,EAAAA,YAAY,EAAEoB,SAAS,CAACG,KAAK,CAAC;IAC5BN,KAAK,EAAEG,SAAS,CAACC,MAAM;IACvBH,SAAS,EAAEE,SAAS,CAACC,MAAM;IAC3BV,KAAK,EAAES,SAAS,CAACI,MAAAA;AACnB,GAAC,CAAC;AACF3B,EAAAA,OAAO,EAAEuB,SAAS,CAACG,KAAK,CAAC;IACvBpC,IAAI,EAAEiC,SAAS,CAACC,MAAM;IACtBhC,OAAO,EAAE+B,SAAS,CAACC,MAAM;IACzBL,aAAa,EAAEI,SAAS,CAACC,MAAAA;GAC1B,CAAA;AACH,CAAC,CAAA;AAED1B,eAAe,CAAC8B,YAAY,GAAG;AAC7B3B,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,aAAa,EAAE2B,YAAY;AAC3B1B,EAAAA,YAAY,EAAE;AACZiB,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,SAAS,EAAE,KAAK;AAChBP,IAAAA,KAAK,EAAE,IAAA;GACR;AACDd,EAAAA,OAAO,EAAE,EAAC;AACZ,CAAC;;;;"}

package/components/Counter/index.js

@@ -1 +1,146 @@
-import{__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import o from"prop-types";import t from"classnames";import{capitalize as p}from"lodash";import{makeStyles as r,Tooltip as l,Chip as a}from"@material-ui/core";import{Close as s}from"@material-ui/icons";var n=r((function(i){return{rootChip:{"&.MuiChip-root":{backgroundColor:i.palette.background.b9,color:i.palette.primary.text6,textAlign:"center","&:hover":{color:i.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:i.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{"&.MuiSvgIcon-root.MuiChip-deleteIcon":{width:16,height:16,left:18,top:4,margin:"0px 0px 0px 4px",color:i.palette.primary.text6}},sizeSmall:{"&.MuiChip-root":{minWidth:16,height:16,padding:"1px 2px","& span":{fontSize:"11px",lineHeight:"14px"}}},sizeSmallLimited:{"&.MuiChip-root":{padding:"1px 3px"}},sizeMedium:{"&.MuiChip-root":{minWidth:24,height:24,padding:"2px 4px","& span":{fontSize:"14px",lineHeight:"20px"}}},sizeMediumLimited:{"&.MuiChip-root":{padding:"2px 6px"}},sizeMediumClickable:{"&.MuiChip-root":{padding:"2px 6px"}},sizeLarge:{"&.MuiChip-root":{minWidth:32,height:32,padding:"5px 7px","& span":{fontSize:"16px",lineHeight:"22px"}}},sizeLargeLimited:{"&.MuiChip-root":{padding:"5px 8px"}},sizeLargeClickable:{"&.MuiChip-root":{padding:"5px 8px"}}}})),c=function(o){var r=o.classes,c=o.size,m=o.limited,d=o.clickable,x=o.tooltip,h=n();return e(l,i({title:x,classes:{tooltip:h.tooltip}},{children:e(a,i({},o,{classes:i(i({},r),{root:t(r.root,h.rootChip,h["size".concat(p(c))],m&&h["size".concat(p(c),"Limited")],d&&h["size".concat(p(c),"Clickable")])}),clickable:d,deleteIcon:e(s,{className:h.closeIcon,fontSize:"small"})}))}))},m={classes:o.shape({root:o.string}),size:o.oneOf(["small","medium","large"]),limited:o.bool,clickable:o.bool,label:o.string.isRequired,tooltip:o.string};c.propTypes=m,c.defaultProps={classes:{},size:"medium",limited:!1,clickable:!1,tooltip:""};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { capitalize } from 'lodash';
+import { makeStyles, Tooltip, Chip } from '@material-ui/core';
+import { Close } from '@material-ui/icons';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    rootChip: {
+      '&.MuiChip-root': {
+        backgroundColor: theme.palette.background.b9,
+        color: theme.palette.primary.text6,
+        textAlign: 'center',
+        '&:hover': {
+          color: theme.palette.primary.contrastText,
+          '& .MuiSvgIcon-root': {
+            color: theme.palette.primary.contrastText
+          }
+        },
+        '& span.MuiChip-label': {
+          padding: 0
+        }
+      }
+    },
+    tooltip: {
+      marginTop: '10px'
+    },
+    closeIcon: {
+      '&.MuiSvgIcon-root.MuiChip-deleteIcon': {
+        width: 16,
+        height: 16,
+        left: 18,
+        top: 4,
+        margin: '0px 0px 0px 4px',
+        color: theme.palette.primary.text6
+      }
+    },
+    sizeSmall: {
+      '&.MuiChip-root': {
+        minWidth: 16,
+        height: 16,
+        padding: '1px 2px',
+        '& span': {
+          fontSize: '11px',
+          lineHeight: '14px'
+        }
+      }
+    },
+    sizeSmallLimited: {
+      '&.MuiChip-root': {
+        padding: '1px 3px'
+      }
+    },
+    sizeMedium: {
+      '&.MuiChip-root': {
+        minWidth: 24,
+        height: 24,
+        padding: '2px 4px',
+        '& span': {
+          fontSize: '14px',
+          lineHeight: '20px'
+        }
+      }
+    },
+    sizeMediumLimited: {
+      '&.MuiChip-root': {
+        padding: '2px 6px'
+      }
+    },
+    sizeMediumClickable: {
+      '&.MuiChip-root': {
+        padding: '2px 6px'
+      }
+    },
+    sizeLarge: {
+      '&.MuiChip-root': {
+        minWidth: 32,
+        height: 32,
+        padding: '5px 7px',
+        '& span': {
+          fontSize: '16px',
+          lineHeight: '22px'
+        }
+      }
+    },
+    sizeLargeLimited: {
+      '&.MuiChip-root': {
+        padding: '5px 8px'
+      }
+    },
+    sizeLargeClickable: {
+      '&.MuiChip-root': {
+        padding: '5px 8px'
+      }
+    }
+  };
+});
+var Counter = function Counter(props) {
+  var classes = props.classes,
+    size = props.size,
+    limited = props.limited,
+    clickable = props.clickable,
+    tooltip = props.tooltip;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltip,
+    classes: {
+      tooltip: styles.tooltip
+    },
+    children: /*#__PURE__*/jsx(Chip, _objectSpread(_objectSpread({}, props), {}, {
+      classes: _objectSpread(_objectSpread({}, classes), {}, {
+        root: classNames(classes.root, styles.rootChip, styles["size".concat(capitalize(size))], limited && styles["size".concat(capitalize(size), "Limited")], clickable && styles["size".concat(capitalize(size), "Clickable")])
+      }),
+      clickable: clickable,
+      deleteIcon: /*#__PURE__*/jsx(Close, {
+        className: styles.closeIcon,
+        fontSize: "small"
+      })
+    }))
+  });
+};
+var counterPropTypes = {
+  classes: PropTypes.shape({
+    root: PropTypes.string
+  }),
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  limited: PropTypes.bool,
+  clickable: PropTypes.bool,
+  label: PropTypes.string.isRequired,
+  tooltip: PropTypes.string
+};
+Counter.propTypes = counterPropTypes;
+Counter.defaultProps = {
+  classes: {},
+  size: 'medium',
+  limited: false,
+  clickable: false,
+  tooltip: ''
+};
+
+export { Counter as default };
+//# sourceMappingURL=index.js.map

package/components/Counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Counter/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { Close as CloseIcon } from '@material-ui/icons';\n\nconst useStyles = makeStyles(theme => ({\n  rootChip: {\n    '&.MuiChip-root': {\n      backgroundColor: theme.palette.background.b9,\n      color: theme.palette.primary.text6,\n      textAlign: 'center',\n\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n\n        '& .MuiSvgIcon-root': {\n          color: theme.palette.primary.contrastText,\n        },\n      },\n      '& span.MuiChip-label': {\n        padding: 0,\n      },\n    },\n  },\n  tooltip: {\n    marginTop: '10px',\n  },\n  closeIcon: {\n    '&.MuiSvgIcon-root.MuiChip-deleteIcon': {\n      width: 16,\n      height: 16,\n      left: 18,\n      top: 4,\n      margin: '0px 0px 0px 4px',\n      color: theme.palette.primary.text6,\n    },\n  },\n\n  sizeSmall: {\n    '&.MuiChip-root': {\n      minWidth: 16,\n      height: 16,\n      padding: '1px 2px',\n      '& span': {\n        fontSize: '11px',\n        lineHeight: '14px',\n      },\n    },\n  },\n  sizeSmallLimited: {\n    '&.MuiChip-root': {\n      padding: '1px 3px',\n    },\n  },\n\n  sizeMedium: {\n    '&.MuiChip-root': {\n      minWidth: 24,\n      height: 24,\n      padding: '2px 4px',\n      '& span': {\n        fontSize: '14px',\n        lineHeight: '20px',\n      },\n    },\n  },\n  sizeMediumLimited: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n  sizeMediumClickable: {\n    '&.MuiChip-root': {\n      padding: '2px 6px',\n    },\n  },\n\n  sizeLarge: {\n    '&.MuiChip-root': {\n      minWidth: 32,\n      height: 32,\n      padding: '5px 7px',\n      '& span': {\n        fontSize: '16px',\n        lineHeight: '22px',\n      },\n    },\n  },\n  sizeLargeLimited: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n  sizeLargeClickable: {\n    '&.MuiChip-root': {\n      padding: '5px 8px',\n    },\n  },\n}));\n\ninterface CounterProps extends Omit<MuiChipProps, 'classes' | 'size' | 'label'>, PropTypes.InferProps<typeof counterPropTypes> {\n  size?: 'small' | 'medium' | 'large';\n}\n\nconst Counter = (props: CounterProps): JSX.Element => {\n  const { classes, size, limited, clickable, tooltip } = props;\n\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...props as MuiChipProps}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}`],\n            limited && styles[`size${capitalize(size)}Limited`],\n            clickable && styles[`size${capitalize(size)}Clickable`]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseIcon className={styles.closeIcon} fontSize=\"small\" />}\n      />\n    </Tooltip>\n  );\n};\n\nconst counterPropTypes = {\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n  }),\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  limited: PropTypes.bool,\n  clickable: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  tooltip: PropTypes.string,\n};\n\nCounter.propTypes = counterPropTypes;\n\nCounter.defaultProps = {\n  classes: {},\n  size: 'medium',\n  limited: false,\n  clickable: false,\n  tooltip: '',\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","width","height","left","top","margin","sizeSmall","minWidth","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","Counter","props","classes","size","limited","clickable","styles","_jsx","MuiChip","root","classNames","capitalize","CloseIcon","counterPropTypes","PropTypes","shape","string","oneOf","bool","label","isRequired","propTypes","defaultProps"],"mappings":"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"}

package/components/CustomSelect/index.js

@@ -1 +1,93 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as t,FormControl as o,InputLabel as n,Select as i}from"@material-ui/core";import l from"prop-types";import p from"classnames";import{jsxs as a,jsx as s}from"react/jsx-runtime";var c=["label","height","children"];function u(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?u(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):u(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var d=t((function(e){return{formControl:{width:"100%",height:function(e){return e}},inputLabel:{color:e.palette.primary.text6,fontSize:"14px",letterSpacing:"0.8px"},select:{background:e.palette.background.b7,"&::before":{borderBottom:"none !important"},"&::after":{borderBottom:"none !important"}},selectedItem:{display:"flex",alignItems:"center"},iconOpen:{color:e.palette.primary.main},paper:{marginTop:function(e){return e+10}},disabled:{color:e.palette.primary.text8}}})),b=function(e){var t,l,u,b=e.label,f=e.height,h=e.children,O=r(e,c),g=d(f);return a(o,{variant:"filled",className:g.formControl,fullWidth:!0,children:[s(n,{className:g.inputLabel,children:b}),s(i,m(m({className:g.select,classes:{select:g.selectedItem,iconOpen:g.iconOpen,disabled:g.disabled}},O),{},{MenuProps:m(m({},(null==O?void 0:O.MenuProps)||{}),{},{classes:m(m({},(null==O||null===(t=O.MenuProps)||void 0===t?void 0:t.classes)||{}),{},{paper:p(g.paper,null==O||null===(l=O.MenuProps)||void 0===l||null===(u=l.classes)||void 0===u?void 0:u.paper)})}),children:h}))]})};b.propTypes={children:l.shape().isRequired,label:l.string.isRequired,height:l.number,MenuProps:l.shape()},b.defaultProps={height:56,MenuProps:{}};export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { makeStyles, FormControl, InputLabel, Select } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["label", "height", "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 (theme) {
+  return {
+    formControl: {
+      width: '100%',
+      height: function height(_height) {
+        return _height;
+      }
+    },
+    inputLabel: {
+      color: theme.palette.primary.text6,
+      fontSize: '14px',
+      letterSpacing: '0.8px'
+    },
+    select: {
+      background: theme.palette.background.b7,
+      '&::before': {
+        borderBottom: 'none !important'
+      },
+      '&::after': {
+        borderBottom: 'none !important'
+      }
+    },
+    selectedItem: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    iconOpen: {
+      color: theme.palette.primary.main
+    },
+    paper: {
+      marginTop: function marginTop(height) {
+        return height + 10;
+      }
+    },
+    disabled: {
+      color: theme.palette.primary.text8
+    }
+  };
+});
+var CustomSelect = function CustomSelect(_ref) {
+  var _props$MenuProps, _props$MenuProps2, _props$MenuProps2$cla;
+  var label = _ref.label,
+    height = _ref.height,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classes = useStyles(height);
+  return /*#__PURE__*/jsxs(FormControl, {
+    variant: "filled",
+    className: classes.formControl,
+    fullWidth: true,
+    children: [/*#__PURE__*/jsx(InputLabel, {
+      className: classes.inputLabel,
+      children: label
+    }), /*#__PURE__*/jsx(Select, _objectSpread(_objectSpread({
+      className: classes.select,
+      classes: {
+        select: classes.selectedItem,
+        iconOpen: classes.iconOpen,
+        disabled: classes.disabled
+      }
+    }, props), {}, {
+      MenuProps: _objectSpread(_objectSpread({}, (props === null || props === void 0 ? void 0 : props.MenuProps) || {}), {}, {
+        classes: _objectSpread(_objectSpread({}, (props === null || props === void 0 ? void 0 : (_props$MenuProps = props.MenuProps) === null || _props$MenuProps === void 0 ? void 0 : _props$MenuProps.classes) || {}), {}, {
+          paper: classNames(classes.paper, props === null || props === void 0 ? void 0 : (_props$MenuProps2 = props.MenuProps) === null || _props$MenuProps2 === void 0 ? void 0 : (_props$MenuProps2$cla = _props$MenuProps2.classes) === null || _props$MenuProps2$cla === void 0 ? void 0 : _props$MenuProps2$cla.paper)
+        })
+      }),
+      children: children
+    }))]
+  });
+};
+CustomSelect.propTypes = {
+  children: PropTypes.shape().isRequired,
+  label: PropTypes.string.isRequired,
+  height: PropTypes.number,
+  MenuProps: PropTypes.shape()
+};
+CustomSelect.defaultProps = {
+  height: 56,
+  MenuProps: {}
+};
+
+export { CustomSelect as default };
+//# sourceMappingURL=index.js.map

package/components/CustomSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CustomSelect/index.js"],"sourcesContent":["import { FormControl, InputLabel, makeStyles, Select } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  formControl: {\n    width: '100%',\n    height: height => height,\n  },\n  inputLabel: {\n    color: theme.palette.primary.text6,\n    fontSize: '14px',\n    letterSpacing: '0.8px',\n  },\n  select: {\n    background: theme.palette.background.b7,\n    '&::before': {\n      borderBottom: 'none !important',\n    },\n    '&::after': {\n      borderBottom: 'none !important',\n    },\n  },\n  selectedItem: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  iconOpen: {\n    color: theme.palette.primary.main,\n  },\n  paper: {\n    marginTop: height => height + 10,\n  },\n  disabled: {\n    color: theme.palette.primary.text8,\n  },\n}));\n\nconst CustomSelect = ({ label, height, children, ...props }) => {\n  const classes = useStyles(height);\n  return (\n    <FormControl variant=\"filled\" className={classes.formControl} fullWidth>\n      <InputLabel className={classes.inputLabel}>{label}</InputLabel>\n      <Select\n        className={classes.select}\n        classes={{\n          select: classes.selectedItem,\n          iconOpen: classes.iconOpen,\n          disabled: classes.disabled,\n        }}\n        {...props}\n        MenuProps={{\n          ...(props?.MenuProps || {}),\n          classes: {\n            ...(props?.MenuProps?.classes || {}),\n            paper: classnames(classes.paper, props?.MenuProps?.classes?.paper),\n          },\n        }}\n      >\n        {children}\n      </Select>\n    </FormControl>\n  );\n};\n\nCustomSelect.propTypes = {\n  children: PropTypes.shape().isRequired,\n  label: PropTypes.string.isRequired,\n  height: PropTypes.number,\n  MenuProps: PropTypes.shape(),\n};\n\nCustomSelect.defaultProps = {\n  height: 56,\n  MenuProps: {},\n};\n\nexport default CustomSelect;\n"],"names":["useStyles","makeStyles","theme","formControl","width","height","inputLabel","color","palette","primary","text6","fontSize","letterSpacing","select","background","b7","borderBottom","selectedItem","display","alignItems","iconOpen","main","paper","marginTop","disabled","text8","CustomSelect","label","children","props","classes","_jsxs","_jsx","MenuProps","classnames","propTypes","PropTypes","shape","isRequired","string","number","defaultProps"],"mappings":"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"}

package/components/DatePicker/index.js

@@ -1 +1,70 @@
-import{__rest as o,__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as t}from"react/jsx-runtime";import a from"classnames";import e from"prop-types";import{KeyboardDatePicker as i}from"@material-ui/pickers";import{makeStyles as m}from"@material-ui/core";import{Event as p}from"@material-ui/icons";import s from"moment";import{DATE_FORMAT as n}from"../../constants/dateTimeFormat.js";var l=m((function(o){return{dateTimePickerInput:{width:"100%",paddingBottom:8,"& .MuiFormLabel-root.Mui-focused":{color:o.palette.primary.main},"& .MuiInput-root.Mui-focused  .MuiIconButton-root":{color:o.palette.primary.main},"& .MuiIconButton-root":{marginRight:-7,padding:7},"& .MuiSvgIcon-root":{fill:"".concat(o.palette.primary.text6," !important")}},paper:{marginTop:8}}})),c=function(e){var m=e.className,c=e.PopoverProps,u=o(e,["className","PopoverProps"]),f=l();return t(i,r({disableToolbar:!0,variant:"inline",keyboardIcon:t(p,{}),format:n,placeholder:s().format(n),refuse:/[^(\w|\d)]+/gi},u,{PopoverProps:r({className:a(f.paper,c.className)},c),className:a(f.dateTimePickerInput,m)}))};c.propTypes={PopoverProps:e.shape({className:e.string}),className:e.string},c.defaultProps={PopoverProps:{},className:""};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import { KeyboardDatePicker } from '@material-ui/pickers';
+import { makeStyles } from '@material-ui/core';
+import { Event } from '@material-ui/icons';
+import moment from 'moment';
+import { DATE_FORMAT } from '../../constants/dateTimeFormat.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "PopoverProps"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    dateTimePickerInput: {
+      width: '100%',
+      paddingBottom: 8,
+      '& .MuiFormLabel-root.Mui-focused': {
+        color: theme.palette.primary.main
+      },
+      '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {
+        color: theme.palette.primary.main
+      },
+      '& .MuiIconButton-root': {
+        marginRight: -7,
+        padding: 7
+      },
+      '& .MuiSvgIcon-root': {
+        fill: "".concat(theme.palette.primary.text6, " !important")
+      }
+    },
+    paper: {
+      marginTop: 8
+    }
+  };
+});
+var DatePicker = function DatePicker(_ref) {
+  var className = _ref.className,
+    PopoverProps = _ref.PopoverProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(KeyboardDatePicker, _objectSpread(_objectSpread({
+    disableToolbar: true,
+    variant: "inline",
+    keyboardIcon: /*#__PURE__*/jsx(Event, {}),
+    format: DATE_FORMAT,
+    placeholder: moment().format(DATE_FORMAT),
+    refuse: /[^(\w|\d)]+/gi
+  }, otherProps), {}, {
+    PopoverProps: _objectSpread({
+      className: classNames(styles.paper, PopoverProps.className)
+    }, PopoverProps),
+    className: classNames(styles.dateTimePickerInput, className)
+  }));
+};
+DatePicker.propTypes = {
+  PopoverProps: PropTypes.shape({
+    className: PropTypes.string
+  }),
+  className: PropTypes.string
+};
+DatePicker.defaultProps = {
+  PopoverProps: {},
+  className: ''
+};
+
+export { DatePicker as default };
+//# sourceMappingURL=index.js.map

package/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/DatePicker/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { KeyboardDatePicker, KeyboardDatePickerProps } from '@material-ui/pickers';\nimport { makeStyles } from '@material-ui/core';\nimport { Event as EventIcon } from '@material-ui/icons';\nimport moment from 'moment';\nimport { DATE_FORMAT } from '../../constants/dateTimeFormat';\n\nconst useStyles = makeStyles(theme => ({\n  dateTimePickerInput: {\n    width: '100%',\n    paddingBottom: 8,\n    '& .MuiFormLabel-root.Mui-focused': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiInput-root.Mui-focused  .MuiIconButton-root': {\n      color: theme.palette.primary.main,\n    },\n    '& .MuiIconButton-root': {\n      marginRight: -7,\n      padding: 7,\n    },\n    '& .MuiSvgIcon-root': {\n      fill: `${theme.palette.primary.text6} !important`,\n    }\n  },\n  paper: {\n    marginTop: 8,\n  },\n}));\n\ninterface DatePickerProps extends KeyboardDatePickerProps {\n  className: string;\n}\n\nconst DatePicker = ({ className, PopoverProps, ...otherProps }: DatePickerProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <KeyboardDatePicker\n      disableToolbar\n      variant=\"inline\"\n      keyboardIcon={<EventIcon />}\n      format={DATE_FORMAT}\n      placeholder={moment().format(DATE_FORMAT)}\n      refuse={/[^(\\w|\\d)]+/gi}\n      {...otherProps}\n      PopoverProps={{\n        className: classNames(styles.paper, PopoverProps.className),\n        ...PopoverProps,\n      }}\n      className={classNames(styles.dateTimePickerInput, className)}\n    />\n  );\n}\n\nDatePicker.propTypes = {\n  PopoverProps: PropTypes.shape({\n    className: PropTypes.string,\n  }),\n  className: PropTypes.string,\n};\n\nDatePicker.defaultProps = {\n  PopoverProps: {},\n  className: '',\n};\n\nexport default DatePicker;\n"],"names":["useStyles","makeStyles","theme","dateTimePickerInput","width","paddingBottom","color","palette","primary","main","marginRight","padding","fill","text6","paper","marginTop","DatePicker","className","PopoverProps","otherProps","styles","_jsx","EventIcon","DATE_FORMAT","moment","format","classNames","propTypes","PropTypes","shape","string","defaultProps"],"mappings":";;;;;;;;;;;;;;AASA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,aAAa,EAAE,CAAC;AAChB,MAAA,kCAAkC,EAAE;AAClCC,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,OAAO,CAACC,IAAAA;OAC9B;AACD,MAAA,mDAAmD,EAAE;AACnDH,QAAAA,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,OAAO,CAACC,IAAAA;OAC9B;AACD,MAAA,uBAAuB,EAAE;QACvBC,WAAW,EAAE,CAAC,CAAC;AACfC,QAAAA,OAAO,EAAE,CAAA;OACV;AACD,MAAA,oBAAoB,EAAE;AACpBC,QAAAA,IAAI,YAAKV,KAAK,CAACK,OAAO,CAACC,OAAO,CAACK,KAAK,EAAA,aAAA,CAAA;AACtC,OAAA;KACD;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAMH,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAiF,IAAA,EAAA;EAAA,IAA3EC,SAAS,QAATA,SAAS;AAAEC,IAAAA,YAAY,QAAZA,YAAY;IAAKC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAC1D,IAAMC,MAAM,GAAGpB,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACEqB,IAAC,kBAAkB,EAAA,aAAA,CAAA,aAAA,CAAA;IACjB,cAAc,EAAA,IAAA;AACd,IAAA,OAAO,EAAC,QAAQ;IAChB,YAAY,eAAEA,GAAC,CAAAC,KAAS,EAAI,EAAA,CAAA;AAC5B,IAAA,MAAM,EAAEC,WAAY;AACpB,IAAA,WAAW,EAAEC,MAAM,EAAE,CAACC,MAAM,CAACF,WAAW,CAAE;AAC1C,IAAA,MAAM,EAAE,eAAA;AAAgB,GAAA,EACpBJ,UAAU,CAAA,EAAA,EAAA,EAAA;IACd,YAAY,EAAA,aAAA,CAAA;MACVF,SAAS,EAAES,UAAU,CAACN,MAAM,CAACN,KAAK,EAAEI,YAAY,CAACD,SAAS,CAAA;AAAC,KAAA,EACxDC,YAAY,CACf;AACF,IAAA,SAAS,EAAEQ,UAAU,CAACN,MAAM,CAACjB,mBAAmB,EAAEc,SAAS,CAAA;GAC3D,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDD,UAAU,CAACW,SAAS,GAAG;AACrBT,EAAAA,YAAY,EAAEU,SAAS,CAACC,KAAK,CAAC;IAC5BZ,SAAS,EAAEW,SAAS,CAACE,MAAAA;AACvB,GAAC,CAAC;EACFb,SAAS,EAAEW,SAAS,CAACE,MAAAA;AACvB,CAAC,CAAA;AAEDd,UAAU,CAACe,YAAY,GAAG;EACxBb,YAAY,EAAE,EAAE;AAChBD,EAAAA,SAAS,EAAE,EAAA;AACb,CAAC;;;;"}