@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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';\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,84 @@
-import{__rest as t,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as r}from"react/jsx-runtime";import o from"classnames";import n from"@material-ui/core/ListItemIcon";import{makeStyles as a}from"@material-ui/core";import l from"../MenuItem/index.js";var s=a((function(t){return{menuItem:{height:function(t){return t.small?36:54},lineHeight:function(t){return t.small?"17px":"24px"},"&:hover svg":{fill:function(e){var i=e.iconType,r=e.disabled;return"iconPark"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText},color:function(e){var i=e.iconType,r=e.disabled;return"mui"===i?"":r?t.palette.primary.text9:t.palette.primary.contrastText}}},listItemIcon:{paddingRight:t.spacing(1),color:function(e){return e.disabled?t.palette.primary.text9:t.palette.primary.text7},minWidth:"auto",fontSize:function(t){return t.small?16:24},"& .MuiSvgIcon-root":{fontSize:"inherit"}}}})),m=function(a){var m=a.classes,c=void 0===m?{}:m,p=a.icon,u=a.children,d=a.small,f=a.iconType,h=void 0===f?"mui":f,x=t(a,["classes","icon","children","small","iconType"]),y=s({small:d,disabled:x.disabled,iconType:h});return i(l,e({classes:e(e({},c),{root:o(y.menuItem,c.root)})},x,{children:[r(n,{classes:{root:y.listItemIcon},children:p}),u]}))};export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+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", "iconType"];
+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 iconType = _ref3.iconType,
+            disabled = _ref3.disabled;
+          if (iconType === 'iconPark') return '';
+          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
+        },
+        color: function color(_ref4) {
+          var iconType = _ref4.iconType,
+            disabled = _ref4.disabled;
+          if (iconType === 'mui') return '';
+          return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;
+        }
+      }
+    },
+    listItemIcon: {
+      paddingRight: theme.spacing(1),
+      color: function color(_ref5) {
+        var disabled = _ref5.disabled;
+        return disabled ? theme.palette.primary.text9 : theme.palette.primary.text7;
+      },
+      minWidth: 'auto',
+      fontSize: function fontSize(_ref6) {
+        var small = _ref6.small;
+        return small ? 16 : 24;
+      },
+      '& .MuiSvgIcon-root': {
+        fontSize: 'inherit'
+      }
+    }
+  };
+});
+var ContextMenuItem = function ContextMenuItem(_ref7) {
+  var _ref7$classes = _ref7.classes,
+    classes = _ref7$classes === void 0 ? {} : _ref7$classes,
+    icon = _ref7.icon,
+    children = _ref7.children,
+    small = _ref7.small,
+    _ref7$iconType = _ref7.iconType,
+    iconType = _ref7$iconType === void 0 ? 'mui' : _ref7$iconType,
+    otherProps = _objectWithoutProperties(_ref7, _excluded);
+  var styles = useStyles({
+    small: small,
+    disabled: otherProps.disabled,
+    iconType: iconType
+  });
+  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]
+  }));
+};
+
+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.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport { makeStyles } from '@material-ui/core';\n\nimport MenuItem, { MenuItemProps } from '../MenuItem';\nimport { ReactNode } from 'react';\n\ntype StyleParams = {\n  small?: boolean;\n  iconType?: 'mui' | string;\n  disabled?: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  menuItem: {\n    height: ({ small }: StyleParams) => (small ? 36 : 54),\n    lineHeight: ({ small }: StyleParams) => (small ? '17px' : '24px'),\n    '&:hover svg': {\n      fill: ({ iconType, disabled }: StyleParams) => {\n        if (iconType === 'iconPark') return '';\n        return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;\n      },\n      color: ({ iconType, disabled }: StyleParams) => {\n        if (iconType === 'mui') return '';\n        return disabled ? theme.palette.primary.text9 : theme.palette.primary.contrastText;\n      },\n    },\n  },\n  listItemIcon: {\n    paddingRight: theme.spacing(1),\n    color: ({ disabled }: StyleParams) =>\n      disabled ? theme.palette.primary.text9 : theme.palette.primary.text7,\n    minWidth: 'auto',\n    fontSize: ({ small }: StyleParams) => (small ? 16 : 24),\n    '& .MuiSvgIcon-root': {\n      fontSize: 'inherit',\n    },\n  },\n}));\n\ntype ContextMenuItemProps = MenuItemProps & {\n  icon?: ReactNode;\n  /**\n   * Indicates the icon type: different icon types require different styling\n   */\n  iconType?: 'mui' | 'iconPark';\n  small?: boolean;\n};\n\nconst ContextMenuItem = ({\n  classes = {},\n  icon,\n  children,\n  small,\n  iconType = 'mui',\n  ...otherProps\n}: ContextMenuItemProps) => {\n  const styles = useStyles({ small, disabled: otherProps.disabled, iconType });\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\nexport default ContextMenuItem;\n"],"names":["useStyles","makeStyles","theme","menuItem","height","small","lineHeight","fill","iconType","disabled","palette","primary","text9","contrastText","color","listItemIcon","paddingRight","spacing","text7","minWidth","fontSize","ContextMenuItem","classes","icon","children","otherProps","styles","_jsxs","root","classNames","_jsx"],"mappings":"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"}

package/components/CopyToClipboard/CopyToClipboard.js

@@ -1 +1,107 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as s,useEffect as c}from"react";import i from"classnames";import{makeStyles as t,Tooltip as n}from"@material-ui/core";import{CopyIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import e from"../../utils/main.js";var m=t((function(o){return{iconWrapper:{color:o.palette.primary.text6,cursor:"pointer",paddingLeft:4,display:"flex",alignItems:"center","&:hover":{color:o.palette.primary.contrastText}},tooltip:{color:o.palette.primary.text6,backgroundColor:"rgba(20, 20, 20, 0.5)"}}})),p=function(t){var p=t.children,a=t.classes,l=void 0===a?{}:a,u=t.dataTestId,d=t.IconComponent,I=void 0===d?function(){return o(r,{size:16})}:d,j=t.tooltipProps,f=void 0===j?{title:"Copied",placement:"bottom",delay:1500}:j,C=s(!1),h=C[0],b=C[1],x=m();return c((function(){var o=setTimeout((function(){b(!1)}),f.delay);return function(){return clearTimeout(o)}}),[h]),o(n,{classes:{tooltip:i(x.tooltip,l.tooltip),popper:l.tooltipPopper},title:f.title,open:h,disableFocusListener:!0,disableHoverListener:!0,placement:f.placement,children:o("span",{className:i(x.iconWrapper,l.iconWrapper),onClick:function(){b(!0),e.copyToClipboard(p)},children:o(I,{className:l.icon,"data-testid":u})})})};export{p as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Tooltip } from '@material-ui/core';
+import { CopyIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import utils from '../../utils/main.js';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    iconWrapper: {
+      color: theme.palette.primary.text6,
+      cursor: 'pointer',
+      paddingLeft: 4,
+      display: 'flex',
+      alignItems: 'center',
+      '&:hover': {
+        color: theme.palette.primary.contrastText
+      }
+    },
+    tooltip: {
+      color: theme.palette.primary.text6,
+      backgroundColor: 'rgba(20, 20, 20, 0.5)'
+    }
+  };
+});
+var CopyToClipboard = function CopyToClipboard(_ref) {
+  var children = _ref.children,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataTestId = _ref.dataTestId,
+    _ref$IconComponent = _ref.IconComponent,
+    IconComponent = _ref$IconComponent === void 0 ? function () {
+      return /*#__PURE__*/jsx(CopyIcon, {
+        size: 16
+      });
+    } : _ref$IconComponent,
+    _ref$tooltipProps = _ref.tooltipProps,
+    tooltipProps = _ref$tooltipProps === void 0 ? {
+      title: 'Copied',
+      placement: 'bottom',
+      delay: 1500
+    } : _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: classes.tooltipPopper
+    },
+    title: tooltipProps.title,
+    open: isOpenedTooltip,
+    disableFocusListener: true,
+    disableHoverListener: true,
+    placement: tooltipProps.placement,
+    children: /*#__PURE__*/jsx("span", {
+      className: classNames(styles.iconWrapper, classes.iconWrapper),
+      onClick: handleCopyText,
+      children: /*#__PURE__*/jsx(IconComponent, {
+        className: classes.icon,
+        "data-testid": dataTestId
+      })
+    })
+  });
+};
+
+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.tsx"],"sourcesContent":["import { ComponentType, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Tooltip, TooltipProps } from '@material-ui/core';\n\nimport { CopyIcon } from '~/icons';\nimport utils from '~/utils/main';\n\nconst useStyles = makeStyles(theme => ({\n  iconWrapper: {\n    color: theme.palette.primary.text6,\n    cursor: 'pointer',\n    paddingLeft: 4,\n    display: 'flex',\n    alignItems: 'center',\n    '&:hover': {\n      color: theme.palette.primary.contrastText,\n    },\n  },\n  tooltip: {\n    color: theme.palette.primary.text6,\n    backgroundColor: 'rgba(20, 20, 20, 0.5)',\n  },\n}));\n\nexport type CopyToClipboardProps = {\n  /**\n   * ⚠️ Must be a string\n   */\n  children: string;\n  dataTestId?: string;\n  IconComponent?: ComponentType<any>;\n  tooltipProps?: {\n    title?: string;\n    placement?: TooltipProps['placement'];\n    delay?: number;\n  };\n  classes?: {\n    root?: string;\n    icon?: string;\n    iconWrapper?: string;\n    tooltip?: string;\n    tooltipPopper?: string;\n  };\n};\n\nconst CopyToClipboard = ({\n  children,\n  classes = {},\n  dataTestId,\n  IconComponent = () => <CopyIcon size={16} />,\n  tooltipProps = {\n    title: 'Copied',\n    placement: 'bottom',\n    delay: 1500,\n  },\n}: CopyToClipboardProps) => {\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: classes.tooltipPopper,\n      }}\n      title={tooltipProps.title}\n      open={isOpenedTooltip}\n      disableFocusListener\n      disableHoverListener\n      placement={tooltipProps.placement}\n    >\n      <span\n        className={classNames(styles.iconWrapper, classes.iconWrapper)}\n        onClick={handleCopyText}\n      >\n        <IconComponent className={classes.icon} data-testid={dataTestId} />\n      </span>\n    </Tooltip>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":["useStyles","makeStyles","theme","iconWrapper","color","palette","primary","text6","cursor","paddingLeft","display","alignItems","contrastText","tooltip","backgroundColor","CopyToClipboard","children","classes","dataTestId","IconComponent","_jsx","tooltipProps","title","placement","delay","useState","isOpenedTooltip","setIsOpenedTooltip","styles","handleCopyText","utils","copyToClipboard","useEffect","openedTooltipTimeout","setTimeout","clearTimeout","classNames","popper","tooltipPopper","icon"],"mappings":"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"}

package/components/Counter/index.js

@@ -1 +1,155 @@
-import{__rest as o,__assign as i}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as s}from"react/jsx-runtime";import t from"classnames";import{capitalize as c}from"lodash";import{makeStyles as n,Tooltip as e,Chip as p}from"@material-ui/core";import{CloseSmallIcon as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var m=n((function(o){return{rootChip:{"&.MuiChip-root":{backgroundColor:o.palette.background.b9,color:o.palette.primary.text6,textAlign:"center","&:hover":{color:o.palette.primary.contrastText,"& .MuiSvgIcon-root":{color:o.palette.primary.contrastText}},"& span.MuiChip-label":{padding:0}}},tooltip:{marginTop:"10px"},closeIcon:{marginRight:"-2px !important",marginLeft:"2px !important",color:o.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"}}}})),a=function(n){var a=n.classes,l=void 0===a?{}:a,d=n.size,u=void 0===d?"medium":d,h=n.limited,x=void 0!==h&&h,I=n.clickable,g=void 0!==I&&I,j=n.tooltip,C=void 0===j?"":j,z=o(n,["classes","size","limited","clickable","tooltip"]),b=m();return s(e,{title:C,classes:{tooltip:b.tooltip},children:s(p,i({},z,{size:u,classes:i(i({},l),{root:t(l.root,b.rootChip,b["size".concat(c(u))],x&&b["size".concat(c(u),"Limited")],g&&b["size".concat(c(u),"Clickable")])}),clickable:g,deleteIcon:s(r,{className:b.closeIcon,size:16})}))})};export{a as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import classNames from 'classnames';
+import { capitalize } from 'lodash';
+import { makeStyles, Tooltip, Chip } from '@material-ui/core';
+import { CloseSmallIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["classes", "size", "limited", "clickable", "tooltip"];
+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: {
+      marginRight: '-2px !important',
+      marginLeft: '2px !important',
+      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(_ref) {
+  var _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$limited = _ref.limited,
+    limited = _ref$limited === void 0 ? false : _ref$limited,
+    _ref$clickable = _ref.clickable,
+    clickable = _ref$clickable === void 0 ? false : _ref$clickable,
+    _ref$tooltip = _ref.tooltip,
+    tooltip = _ref$tooltip === void 0 ? '' : _ref$tooltip,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var styles = useStyles();
+  return /*#__PURE__*/jsx(Tooltip, {
+    title: tooltip,
+    classes: {
+      tooltip: styles.tooltip
+    },
+    children: /*#__PURE__*/jsx(Chip, _objectSpread(_objectSpread({}, rest), {}, {
+      size: size,
+      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(CloseSmallIcon, {
+        className: styles.closeIcon,
+        size: 16
+      })
+    }))
+  });
+};
+
+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 classNames from 'classnames';\nimport { capitalize } from 'lodash';\n\nimport { Chip as MuiChip, ChipProps, makeStyles, Tooltip } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/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    marginRight: '-2px !important',\n    marginLeft: '2px !important',\n    color: theme.palette.primary.text6,\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\nexport type CounterProps = Omit<\n  ChipProps,\n  | 'classes'\n  | 'size'\n  | 'label'\n  | 'clickable'\n  | 'children'\n  | 'avatar'\n  | 'icon'\n  | 'deleteIcon'\n  | 'onDelete'\n  | 'variant'\n  | 'color'\n  | 'className'\n> & {\n  label: string;\n  classes?: {\n    root?: string;\n  };\n  size?: 'small' | 'medium' | 'large';\n  limited?: boolean;\n  clickable?: boolean;\n  tooltip?: string;\n  className?: string;\n};\n\ntype ClassName = keyof ReturnType<typeof useStyles>;\n\nconst Counter = ({\n  classes = {},\n  size = 'medium',\n  limited = false,\n  clickable = false,\n  tooltip = '',\n  ...rest\n}: CounterProps): JSX.Element => {\n  const styles = useStyles();\n\n  return (\n    <Tooltip title={tooltip} classes={{ tooltip: styles.tooltip }}>\n      <MuiChip\n        {...rest}\n        size={size as any}\n        classes={{\n          ...classes,\n          root: classNames(\n            classes.root,\n            styles.rootChip,\n            styles[`size${capitalize(size)}` as ClassName],\n            limited && styles[`size${capitalize(size)}Limited` as ClassName],\n            clickable && styles[`size${capitalize(size)}Clickable` as ClassName]\n          ),\n        }}\n        clickable={clickable}\n        deleteIcon={<CloseSmallIcon className={styles.closeIcon} size={16} />}\n      />\n    </Tooltip>\n  );\n};\n\nexport default Counter;\n"],"names":["useStyles","makeStyles","theme","rootChip","backgroundColor","palette","background","b9","color","primary","text6","textAlign","contrastText","padding","tooltip","marginTop","closeIcon","marginRight","marginLeft","sizeSmall","minWidth","height","fontSize","lineHeight","sizeSmallLimited","sizeMedium","sizeMediumLimited","sizeMediumClickable","sizeLarge","sizeLargeLimited","sizeLargeClickable","Counter","classes","size","limited","clickable","rest","styles","_jsx","MuiChip","root","classNames","capitalize"],"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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"}