@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/SwitchControl/index.js

@@ -1,177 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { withStyles, Grid, Tooltip, Typography, Switch } from '@material-ui/core';
-import { forwardRef } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import styles from './style.css.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var muiStyles = {
-  root: {
-    width: 60,
-    height: 40,
-    padding: 13,
-    '&.MuiSwitch-sizeSmall': {
-      width: 52,
-      height: 36,
-      padding: 13
-    },
-    '& .MuiSwitch-switchBase': {
-      padding: 10
-    }
-  },
-  switchBase: {
-    padding: 10,
-    color: '#03BCD4',
-    '&.MuiIconButton-root:hover': {
-      backgroundColor: 'rgba(3, 188, 212, 0.08)'
-    }
-  },
-  switchBaseDisabled: {
-    color: '#196069 !important'
-  },
-  track: {
-    backgroundColor: '#196069 !important',
-    opacity: '1 !important',
-    border: 'none'
-  },
-  trackDisabled: {
-    backgroundColor: '#223D40 !important',
-    opacity: '1 !important',
-    border: 'none'
-  },
-  switchBaseDisabledNoLabels: {
-    color: '#545454 !important'
-  },
-  trackDisabledNoLabels: {
-    backgroundColor: '#3D3D3D !important',
-    opacity: '1 !important',
-    border: 'none'
-  },
-  label: {
-    display: 'flex',
-    justifyContent: 'center',
-    flexDirection: 'column',
-    fontSize: '16px',
-    lineHeight: '22px',
-    color: '#bdbdbd',
-    margin: '8px 0px',
-    cursor: 'pointer'
-  },
-  labelSmall: {
-    fontSize: '14px',
-    lineHeight: '20px'
-  },
-  disabledLabel: {
-    cursor: 'default',
-    color: '#616161'
-  },
-  activeLabel: {
-    color: '#ffffff'
-  }
-};
-var SwitchControlComponent = forwardRef(function (_ref, ref) {
-  var _classNames, _classNames2;
-
-  var title = _ref.title,
-      leftLabel = _ref.leftLabel,
-      rightLabel = _ref.rightLabel,
-      checked = _ref.checked,
-      onChange = _ref.onChange,
-      disabled = _ref.disabled,
-      classes = _ref.classes,
-      size = _ref.size,
-      className = _ref.className,
-      rightLabelTooltip = _ref.rightLabelTooltip,
-      leftLabelTooltip = _ref.leftLabelTooltip,
-      customClasses = _ref.customClasses;
-  var isSwitchWithLabels = leftLabel && rightLabel;
-
-  var root = customClasses.root,
-      track = customClasses.track,
-      switchBase = customClasses.switchBase,
-      restSwitchClasses = _objectWithoutProperties(customClasses, ["root", "track", "switchBase"]);
-
-  return /*#__PURE__*/jsxs("div", {
-    className: className,
-    children: [title && /*#__PURE__*/jsx("div", {
-      className: styles.switchControlTitle,
-      children: title
-    }), /*#__PURE__*/jsxs(Grid, {
-      component: "label",
-      container: true,
-      alignItems: "center",
-      spacing: 0,
-      children: [leftLabel && /*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Tooltip, {
-          title: leftLabelTooltip,
-          children: /*#__PURE__*/jsx(Typography, {
-            variant: "body2",
-            className: classNames(classes.label, size === 'small' && classes.labelSmall, !checked && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
-            children: leftLabel
-          })
-        })
-      }), /*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Switch, {
-          ref: ref,
-          checked: checked,
-          onChange: onChange,
-          color: "primary",
-          disabled: disabled,
-          classes: _objectSpread({
-            root: classNames(classes.root, root),
-            switchBase: classNames((_classNames = {}, _defineProperty(_classNames, classes.switchBase, isSwitchWithLabels || checked && !disabled), _defineProperty(_classNames, classes.switchBaseDisabled, disabled && (isSwitchWithLabels || checked)), _defineProperty(_classNames, classes.switchBaseDisabledNoLabels, !isSwitchWithLabels && disabled && !checked), _classNames), switchBase),
-            track: classNames((_classNames2 = {}, _defineProperty(_classNames2, classes.track, isSwitchWithLabels || checked && !disabled), _defineProperty(_classNames2, classes.trackDisabled, disabled && (isSwitchWithLabels || checked)), _defineProperty(_classNames2, classes.trackDisabledNoLabels, !isSwitchWithLabels && disabled && !checked), _classNames2), track)
-          }, restSwitchClasses),
-          size: size
-        })
-      }), rightLabel && /*#__PURE__*/jsx(Grid, {
-        item: true,
-        children: /*#__PURE__*/jsx(Tooltip, {
-          title: rightLabelTooltip,
-          children: /*#__PURE__*/jsx(Typography, {
-            variant: "body2",
-            className: classNames(classes.label, size === 'small' && classes.labelSmall, checked && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
-            children: rightLabel
-          })
-        })
-      })]
-    })]
-  });
-});
-SwitchControlComponent.propTypes = {
-  title: PropTypes.string,
-  leftLabel: PropTypes.string,
-  rightLabel: PropTypes.string,
-  checked: PropTypes.bool.isRequired,
-  onChange: PropTypes.func.isRequired,
-  disabled: PropTypes.bool,
-  classes: PropTypes.shape({}).isRequired,
-  size: PropTypes.string,
-  className: PropTypes.string,
-  customClasses: PropTypes.shape(),
-  rightLabelTooltip: PropTypes.string,
-  leftLabelTooltip: PropTypes.string
-};
-SwitchControlComponent.defaultProps = {
-  title: '',
-  leftLabel: '',
-  rightLabel: '',
-  disabled: false,
-  size: 'medium',
-  className: '',
-  customClasses: {},
-  rightLabelTooltip: '',
-  leftLabelTooltip: ''
-};
-var SwitchControl = withStyles(muiStyles)(SwitchControlComponent);
-
-export default SwitchControl;
-export { SwitchControlComponent };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as r}from"react";import i from"classnames";import a from"prop-types";import{Grid as o,Tooltip as l,Typography as s,Switch as c,withStyles as n}from"@material-ui/core";import b from"./style.css.js";import{jsxs as d,jsx as p}from"react/jsx-runtime";var m=["root","track","switchBase"];function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function f(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?h(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):h(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var u=r((function(r,a){var n,h,u=r.title,g=r.leftLabel,y=r.rightLabel,L=r.checked,w=r.onChange,D=r.disabled,k=r.classes,O=r.size,v=r.className,j=r.rightLabelTooltip,C=r.leftLabelTooltip,B=r.customClasses,N=g&&y,P=B.root,x=B.track,S=B.switchBase,T=t(B,m);return d("div",{className:v,children:[u&&p("div",{className:b.switchControlTitle,children:u}),d(o,{component:"label",container:!0,alignItems:"center",spacing:0,children:[g&&p(o,{item:!0,children:p(l,{title:C,children:p(s,{variant:"body2",className:i(k.label,"small"===O&&k.labelSmall,!L&&!D&&k.activeLabel,D&&k.disabledLabel),children:g})})}),p(o,{item:!0,children:p(c,{ref:a,checked:L,onChange:w,color:"primary",disabled:D,classes:f({root:i(k.root,P),switchBase:i((n={},e(n,k.switchBase,N||L&&!D),e(n,k.switchBaseDisabled,D&&(N||L)),e(n,k.switchBaseDisabledNoLabels,!N&&D&&!L),n),S),track:i((h={},e(h,k.track,N||L&&!D),e(h,k.trackDisabled,D&&(N||L)),e(h,k.trackDisabledNoLabels,!N&&D&&!L),h),x)},T),size:O})}),y&&p(o,{item:!0,children:p(l,{title:j,children:p(s,{variant:"body2",className:i(k.label,"small"===O&&k.labelSmall,L&&!D&&k.activeLabel,D&&k.disabledLabel),children:y})})})]})]})}));u.propTypes={title:a.string,leftLabel:a.string,rightLabel:a.string,checked:a.bool.isRequired,onChange:a.func.isRequired,disabled:a.bool,classes:a.shape({}).isRequired,size:a.string,className:a.string,customClasses:a.shape(),rightLabelTooltip:a.string,leftLabelTooltip:a.string},u.defaultProps={title:"",leftLabel:"",rightLabel:"",disabled:!1,size:"medium",className:"",customClasses:{},rightLabelTooltip:"",leftLabelTooltip:""};var g=n({root:{width:60,height:40,padding:13,"&.MuiSwitch-sizeSmall":{width:52,height:36,padding:13},"& .MuiSwitch-switchBase":{padding:10}},switchBase:{padding:10,color:"#03BCD4","&.MuiIconButton-root:hover":{backgroundColor:"rgba(3, 188, 212, 0.08)"}},switchBaseDisabled:{color:"#196069 !important"},track:{backgroundColor:"#196069 !important",opacity:"1 !important",border:"none"},trackDisabled:{backgroundColor:"#223D40 !important",opacity:"1 !important",border:"none"},switchBaseDisabledNoLabels:{color:"#545454 !important"},trackDisabledNoLabels:{backgroundColor:"#3D3D3D !important",opacity:"1 !important",border:"none"},label:{display:"flex",justifyContent:"center",flexDirection:"column",fontSize:"16px",lineHeight:"22px",color:"#bdbdbd",margin:"8px 0px",cursor:"pointer"},labelSmall:{fontSize:"14px",lineHeight:"20px"},disabledLabel:{cursor:"default",color:"#616161"},activeLabel:{color:"#ffffff"}})(u);export{u as SwitchControlComponent,g as default};

package/components/SwitchControl/style.css.js

@@ -1,8 +1 @@
-import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_switchControlTitle__3R6Co {\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.7);\n  margin-bottom: 8px;\n}\n\n.style_switchControlWithLabels__2O87G {\n  display: flex;\n}\n";
-var styles = {"switchControlTitle":"style_switchControlTitle__3R6Co","switchControlWithLabels":"style_switchControlWithLabels__2O87G"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=style.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var l={switchControlTitle:"style_switchControlTitle__rQjxd",switchControlWithLabels:"style_switchControlWithLabels__EvJRi"};t(".style_switchControlTitle__rQjxd{color:hsla(0,0%,100%,.7);font-size:13px;margin-bottom:8px}.style_switchControlWithLabels__EvJRi{display:flex}");export{l as default};

package/components/Table/TableSortLabel/TableSortLabel.js

@@ -1,18 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip, TableSortLabel as TableSortLabel$1 } from '@material-ui/core';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var TableSortLabel = function TableSortLabel(props) {
-  return /*#__PURE__*/jsx(Tooltip, {
-    placement: "top-end",
-    title: "Sort",
-    children: /*#__PURE__*/jsx(TableSortLabel$1, _objectSpread({}, props))
-  });
-};
-
-export default TableSortLabel;
-//# sourceMappingURL=TableSortLabel.js.map
+import e from"@babel/runtime/helpers/defineProperty";import{Tooltip as r,TableSortLabel as t}from"@material-ui/core";import{jsx as o}from"react/jsx-runtime";function n(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 c(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var i=function(e){return o(r,{placement:"top-end",title:"Sort",children:o(t,c({},e))})};export{i as default};

package/components/Table/TableToolbar/TableToolbar.js

@@ -1,66 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { makeStyles, Toolbar } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles({
-  root: {
-    '&.MuiToolbar-gutters': {
-      paddingLeft: 8,
-      paddingRight: 8
-    }
-  },
-  highlight: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    backgroundColor: 'rgba(3, 188, 212, 0.2)'
-  },
-  numSelected: {
-    fontSize: 14
-  }
-});
-
-var TableToolbar = function TableToolbar(_ref) {
-  var numSelected = _ref.numSelected,
-      actions = _ref.actions,
-      content = _ref.content,
-      classes = _ref.classes,
-      ToolbarProps = _objectWithoutProperties(_ref, ["numSelected", "actions", "content", "classes"]);
-
-  var styles = useStyles();
-  return /*#__PURE__*/jsx(Toolbar, _objectSpread(_objectSpread({
-    classes: classes,
-    className: classNames(styles.root, classes === null || classes === void 0 ? void 0 : classes.root, _defineProperty({}, styles.highlight, numSelected > 0)),
-    variant: "dense"
-  }, ToolbarProps), {}, {
-    children: numSelected > 0 ? /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsxs("div", {
-        className: styles.numSelected,
-        children: [numSelected, " selected"]
-      }), /*#__PURE__*/jsx("div", {
-        children: actions
-      })]
-    }) : /*#__PURE__*/jsx(Fragment, {
-      children: content
-    })
-  }));
-};
-
-TableToolbar.propTypes = {
-  numSelected: PropTypes.number,
-  actions: PropTypes.node,
-  content: PropTypes.node
-};
-TableToolbar.defaultProps = {
-  numSelected: PropTypes.number,
-  actions: null,
-  content: null
-};
-
-export default TableToolbar;
-//# sourceMappingURL=TableToolbar.js.map
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as r,Toolbar as n}from"@material-ui/core";import o from"classnames";import c from"prop-types";import{jsx as i,jsxs as l,Fragment as s}from"react/jsx-runtime";var a=["numSelected","actions","content","classes"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?p(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var m=r({root:{"&.MuiToolbar-gutters":{paddingLeft:8,paddingRight:8}},highlight:{display:"flex",justifyContent:"space-between",backgroundColor:"rgba(3, 188, 212, 0.2)"},numSelected:{fontSize:14}}),d=function(r){var c=r.numSelected,p=r.actions,d=r.content,f=r.classes,b=t(r,a),h=m();return i(n,u(u({classes:f,className:o(h.root,null==f?void 0:f.root,e({},h.highlight,c>0)),variant:"dense"},b),{},{children:c>0?l(s,{children:[l("div",{className:h.numSelected,children:[c," selected"]}),i("div",{children:p})]}):i(s,{children:d})}))};d.propTypes={numSelected:c.number,actions:c.node,content:c.node},d.defaultProps={numSelected:c.number,actions:null,content:null};export{d as default};

package/components/Tabs/Tab.js

@@ -1,41 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip, Tab as Tab$2 } from '@material-ui/core';
-import { memo } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var Tab = function Tab(_ref) {
-  var DisabledTooltipProps = _ref.DisabledTooltipProps,
-      TabProps = _objectWithoutProperties(_ref, ["DisabledTooltipProps"]);
-
-  if (TabProps.disabled) {
-    return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
-      title: "Disabled",
-      placement: "top"
-    }, DisabledTooltipProps), {}, {
-      children: /*#__PURE__*/jsx("span", {
-        children: /*#__PURE__*/jsx(Tab$2, _objectSpread({}, TabProps))
-      })
-    }));
-  }
-
-  return /*#__PURE__*/jsx(Tab$2, _objectSpread({}, TabProps));
-};
-
-Tab.propTypes = {
-  disabled: PropTypes.bool,
-  DisabledTooltipProps: PropTypes.shape({})
-};
-Tab.defaultProps = {
-  disabled: false,
-  DisabledTooltipProps: {}
-};
-var Tab$1 = memo(Tab);
-
-export default Tab$1;
-//# sourceMappingURL=Tab.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import{memo as t}from"react";import{Tooltip as o,Tab as p}from"@material-ui/core";import i from"prop-types";import{jsx as n}from"react/jsx-runtime";var a=["DisabledTooltipProps"];function s(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 l(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var c=function(e){var t=e.DisabledTooltipProps,i=r(e,a);return i.disabled?n(o,l(l({title:"Disabled",placement:"top"},t),{},{children:n("span",{children:n(p,l({},i))})})):n(p,l({},i))};c.propTypes={disabled:i.bool,DisabledTooltipProps:i.shape({})},c.defaultProps={disabled:!1,DisabledTooltipProps:{}};var b=t(c);export{b as default};

package/components/Tabs/Tabs.js

@@ -1,161 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, Tabs as Tabs$1 } from '@material-ui/core';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var useStyles = makeStyles(function (theme) {
-  return {
-    root: {
-      '& .MuiTab-root': {
-        paddingLeft: 16,
-        paddingRight: 16,
-        '&.Mui-disabled': {
-          color: theme.palette.primary.text9
-        }
-      }
-    },
-    rootCompact: {
-      '& .MuiTab-root': {
-        minWidth: 0
-      }
-    },
-    root_filled: {
-      backgroundColor: theme.palette.background.b9,
-      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.2)',
-      '& .MuiTab-root': {
-        color: theme.palette.primary.text6,
-        '&.Mui-selected': {
-          color: theme.palette.primary.main
-        },
-        '&:hover': {
-          backgroundColor: 'rgba(255, 255, 255, 0.05)',
-          color: theme.palette.primary.contrastText,
-          opacity: 1
-        }
-      }
-    },
-    root_default: {
-      minHeight: 42,
-      '& .MuiTab-root': {
-        color: theme.palette.primary.contrastText,
-        minHeight: 42,
-        opacity: 1,
-        textTransform: 'none',
-        '&.Mui-selected': {
-          color: theme.palette.primary.main
-        },
-        '&:hover': {
-          backgroundColor: 'rgba(3, 188, 212, 0.15)'
-        }
-      }
-    },
-    root_filledTab: {
-      minHeight: 42,
-      '& .MuiTab-root': {
-        borderRadius: 4,
-        color: theme.palette.primary.contrastText,
-        fontSize: 16,
-        minHeight: 42,
-        opacity: 1,
-        textTransform: 'none',
-        '&.Mui-selected': {
-          backgroundColor: theme.palette.primary.main
-        },
-        '&:hover': {
-          backgroundColor: 'rgba(3, 188, 212, 0.15)'
-        },
-        '&.Mui-disabled': {
-          color: theme.palette.primary.text9
-        }
-      }
-    },
-    tabIndicatorRoot: {
-      height: 4,
-      borderTopLeftRadius: 4,
-      borderTopRightRadius: 4
-    },
-    tabIndicatorFilledTab: {
-      display: 'none'
-    },
-    scrollButtonsRoot: {
-      backgroundColor: theme.palette.background.b9,
-      height: 48,
-      zIndex: 1,
-      '&.Mui-disabled': {},
-      '&:first-of-type': {
-        '&::after': {
-          background: "linear-gradient(to right, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)",
-          content: '""',
-          display: 'block',
-          height: '100%',
-          left: 40,
-          position: 'absolute',
-          width: 16,
-          zIndex: 1
-        }
-      },
-      '&:last-of-type': {
-        '&::before': {
-          background: 'linear-gradient(to left, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)',
-          content: '""',
-          display: 'block',
-          height: '100%',
-          position: 'absolute',
-          right: 40,
-          width: 16,
-          zIndex: 1
-        }
-      },
-      '& .MuiSvgIcon-root': {
-        color: theme.palette.primary.text6
-      }
-    }
-  };
-});
-
-var Tabs = function Tabs(_ref) {
-  var _TabIndicatorProps$cl;
-
-  var compact = _ref.compact,
-      type = _ref.type,
-      TabsProps = _objectWithoutProperties(_ref, ["compact", "type"]);
-
-  var styles = useStyles();
-  var classes = TabsProps.classes,
-      TabIndicatorProps = TabsProps.TabIndicatorProps;
-  return /*#__PURE__*/jsx(Tabs$1, _objectSpread(_objectSpread({}, TabsProps), {}, {
-    classes: _objectSpread(_objectSpread({}, classes), {}, {
-      root: classNames(classes === null || classes === void 0 ? void 0 : classes.root, styles.root, styles["root_".concat(type)], _defineProperty({}, styles.rootCompact, compact)),
-      scrollButtons: classNames(classes === null || classes === void 0 ? void 0 : classes.scrollButtons, styles.scrollButtonsRoot)
-    }),
-    indicatorColor: "primary",
-    TabIndicatorProps: _objectSpread(_objectSpread({}, TabIndicatorProps), {}, {
-      classes: {
-        root: classNames(TabIndicatorProps === null || TabIndicatorProps === void 0 ? void 0 : (_TabIndicatorProps$cl = TabIndicatorProps.classes) === null || _TabIndicatorProps$cl === void 0 ? void 0 : _TabIndicatorProps$cl.root, styles.tabIndicatorRoot, _defineProperty({}, styles.tabIndicatorFilledTab, type === 'filledTab'))
-      }
-    })
-  }));
-};
-
-Tabs.propTypes = {
-  TabIndicatorProps: PropTypes.shape({
-    classes: PropTypes.shape({
-      root: PropTypes.string
-    })
-  }),
-  type: PropTypes.oneOf(['default', 'filled', 'filledTab']),
-  compact: PropTypes.bool
-};
-Tabs.defaultProps = {
-  TabIndicatorProps: {},
-  type: 'default',
-  compact: false
-};
-
-export default Tabs;
-//# sourceMappingURL=Tabs.js.map
+import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as r,Tabs as e}from"@material-ui/core";import a from"classnames";import i from"prop-types";import{jsx as l}from"react/jsx-runtime";var n=["compact","type"];function c(t,o){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);o&&(e=e.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),r.push.apply(r,e)}return r}function p(o){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?c(Object(e),!0).forEach((function(r){t(o,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(e,t))}))}return o}var s=r((function(t){return{root:{"& .MuiTab-root":{paddingLeft:16,paddingRight:16,"&.Mui-disabled":{color:t.palette.primary.text9}}},rootCompact:{"& .MuiTab-root":{minWidth:0}},root_filled:{backgroundColor:t.palette.background.b9,boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.2)","& .MuiTab-root":{color:t.palette.primary.text6,"&.Mui-selected":{color:t.palette.primary.main},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.05)",color:t.palette.primary.contrastText,opacity:1}}},root_default:{minHeight:42,"& .MuiTab-root":{color:t.palette.primary.contrastText,minHeight:42,opacity:1,textTransform:"none","&.Mui-selected":{color:t.palette.primary.main},"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.15)"}}},root_filledTab:{minHeight:42,"& .MuiTab-root":{borderRadius:4,color:t.palette.primary.contrastText,fontSize:16,minHeight:42,opacity:1,textTransform:"none","&.Mui-selected":{backgroundColor:t.palette.primary.main},"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.15)"},"&.Mui-disabled":{color:t.palette.primary.text9}}},tabIndicatorRoot:{height:4,borderTopLeftRadius:4,borderTopRightRadius:4},tabIndicatorFilledTab:{display:"none"},scrollButtonsRoot:{backgroundColor:t.palette.background.b9,height:48,zIndex:1,"&.Mui-disabled":{},"&:first-of-type":{"&::after":{background:"linear-gradient(to right, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)",content:'""',display:"block",height:"100%",left:40,position:"absolute",width:16,zIndex:1}},"&:last-of-type":{"&::before":{background:"linear-gradient(to left, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)",content:'""',display:"block",height:"100%",position:"absolute",right:40,width:16,zIndex:1}},"& .MuiSvgIcon-root":{color:t.palette.primary.text6}}}})),b=function(r){var i,c=r.compact,b=r.type,d=o(r,n),u=s(),m=d.classes,f=d.TabIndicatorProps;return l(e,p(p({},d),{},{classes:p(p({},m),{},{root:a(null==m?void 0:m.root,u.root,u["root_".concat(b)],t({},u.rootCompact,c)),scrollButtons:a(null==m?void 0:m.scrollButtons,u.scrollButtonsRoot)}),indicatorColor:"primary",TabIndicatorProps:p(p({},f),{},{classes:{root:a(null==f||null===(i=f.classes)||void 0===i?void 0:i.root,u.tabIndicatorRoot,t({},u.tabIndicatorFilledTab,"filledTab"===b))}})}))};b.propTypes={TabIndicatorProps:i.shape({classes:i.shape({root:i.string})}),type:i.oneOf(["default","filled","filledTab"]),compact:i.bool},b.defaultProps={TabIndicatorProps:{},type:"default",compact:!1};export{b as default};

package/components/Template/TemplatePopover/Styles.js

@@ -1,157 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var useTemplatePopoverStyles = makeStyles(function (theme) {
-  return {
-    paper: {
-      background: '#414141',
-      color: theme.palette.text.primary,
-      width: '360px',
-      minHeight: '520px',
-      padding: '24px 16px',
-      marginLeft: theme.spacing(1)
-    },
-    paperWrapper: {
-      width: '100%',
-      height: '100%'
-    },
-    titleWrapper: {
-      display: 'flex',
-      alignItems: 'baseline'
-    },
-    title: {
-      fontSize: '20px',
-      lineHeight: '23px',
-      marginBottom: theme.spacing(1),
-      marginRight: theme.spacing(1)
-    },
-    templateHeader: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    subtitle: {
-      fontSize: '10px',
-      color: '#9E9E9E',
-      lineHeight: '12px',
-      textTransform: 'uppercase',
-      fontWeight: 500,
-      letterSpacing: '0.4px',
-      marginBottom: theme.spacing(2),
-      marginTop: theme.spacing(2)
-    },
-    selectedGroup: {
-      display: 'flex',
-      width: 'calc(100% + 32px)',
-      height: '48px',
-      marginLeft: '-16px',
-      cursor: 'pointer'
-    },
-    selectedGroupUnSelected: {
-      '&:hover': {
-        backgroundColor: 'rgb(75, 75, 75)'
-      }
-    },
-    selectedGroupSelected: {
-      backgroundColor: 'rgb(84, 84, 84)'
-    },
-    noTemplateItem: {
-      display: 'flex',
-      marginLeft: '16px'
-    },
-    selectedIcon: {
-      marginRight: '8px',
-      height: '100%'
-    },
-    selectedLabel: {
-      width: '100%',
-      fontSize: '16px',
-      fontWeight: '500',
-      lineHeight: '48px',
-      color: '#FFFFFF'
-    },
-    noTemplateLabel: {
-      left: '40px',
-      top: 'calc(50% - 10px)',
-      fontSize: '16px',
-      lineHeight: '140.6%',
-      color: '#808080',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    templateList: {
-      padding: 0,
-      marginLeft: '-16px',
-      width: 'calc(100% + 32px)'
-    },
-    templateListItem: {
-      position: 'relative',
-      padding: '0 16px',
-      height: '48px',
-      cursor: 'pointer'
-    },
-    templateListItemUnSelected: {
-      '&:hover': {
-        backgroundColor: 'rgb(75, 75, 75)'
-      },
-      '&:hover $actionWrapper': {
-        backgroundColor: 'rgb(75, 75, 75)',
-        visibility: 'visible'
-      }
-    },
-    templateListItemSelected: {
-      backgroundColor: 'rgb(84, 84, 84)',
-      '&:hover $actionWrapper': {
-        backgroundColor: 'rgb(84, 84, 84)',
-        visibility: 'visible'
-      }
-    },
-    templateListItemName: {
-      marginLeft: theme.spacing(1),
-      maxWidth: '160px',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    },
-    templateListItemInput: {
-      marginLeft: theme.spacing(1),
-      width: '225px'
-    },
-    actionWrapper: {
-      position: 'absolute',
-      right: 0,
-      top: 0,
-      height: '100%',
-      display: 'flex',
-      alignItems: 'center',
-      marginRight: '16px',
-      visibility: 'hidden'
-    },
-    actionWrapperEditing: {
-      visibility: 'visible'
-    },
-    actionIconButton: {
-      padding: '6px',
-      '&:hover': {
-        backgroundColor: '#333333'
-      },
-      '&:hover $actionIcon': {
-        color: '#fff'
-      }
-    },
-    actionIcon: {
-      color: '#DADADA',
-      fontSize: '20px'
-    },
-    addNewTemplateIcon: {
-      marginLeft: '10px',
-      fontSize: '20px',
-      cursor: 'pointer',
-      '&:hover': {
-        color: '#008BA3'
-      }
-    }
-  };
-});
-
-export { useTemplatePopoverStyles };
-//# sourceMappingURL=Styles.js.map
+import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{paper:{background:"#414141",color:e.palette.text.primary,width:"360px",minHeight:"520px",padding:"24px 16px",marginLeft:e.spacing(1)},paperWrapper:{width:"100%",height:"100%"},titleWrapper:{display:"flex",alignItems:"baseline"},title:{fontSize:"20px",lineHeight:"23px",marginBottom:e.spacing(1),marginRight:e.spacing(1)},templateHeader:{display:"flex",alignItems:"center"},subtitle:{fontSize:"10px",color:"#9E9E9E",lineHeight:"12px",textTransform:"uppercase",fontWeight:500,letterSpacing:"0.4px",marginBottom:e.spacing(2),marginTop:e.spacing(2)},selectedGroup:{display:"flex",width:"calc(100% + 32px)",height:"48px",marginLeft:"-16px",cursor:"pointer"},selectedGroupUnSelected:{"&:hover":{backgroundColor:"rgb(75, 75, 75)"}},selectedGroupSelected:{backgroundColor:"rgb(84, 84, 84)"},noTemplateItem:{display:"flex",marginLeft:"16px"},selectedIcon:{marginRight:"8px",height:"100%"},selectedLabel:{width:"100%",fontSize:"16px",fontWeight:"500",lineHeight:"48px",color:"#FFFFFF"},noTemplateLabel:{left:"40px",top:"calc(50% - 10px)",fontSize:"16px",lineHeight:"140.6%",color:"#808080",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},templateList:{padding:0,marginLeft:"-16px",width:"calc(100% + 32px)"},templateListItem:{position:"relative",padding:"0 16px",height:"48px",cursor:"pointer"},templateListItemUnSelected:{"&:hover":{backgroundColor:"rgb(75, 75, 75)"},"&:hover $actionWrapper":{backgroundColor:"rgb(75, 75, 75)",visibility:"visible"}},templateListItemSelected:{backgroundColor:"rgb(84, 84, 84)","&:hover $actionWrapper":{backgroundColor:"rgb(84, 84, 84)",visibility:"visible"}},templateListItemName:{marginLeft:e.spacing(1),maxWidth:"160px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},templateListItemInput:{marginLeft:e.spacing(1),width:"225px"},actionWrapper:{position:"absolute",right:0,top:0,height:"100%",display:"flex",alignItems:"center",marginRight:"16px",visibility:"hidden"},actionWrapperEditing:{visibility:"visible"},actionIconButton:{padding:"6px","&:hover":{backgroundColor:"#333333"},"&:hover $actionIcon":{color:"#fff"}},actionIcon:{color:"#DADADA",fontSize:"20px"},addNewTemplateIcon:{marginLeft:"10px",fontSize:"20px",cursor:"pointer","&:hover":{color:"#008BA3"}}}}));export{t as useTemplatePopoverStyles};