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

package/components/Table/TableToolbar/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sources":["../../../../src/components/Table/TableToolbar/TableToolbar.js"],"sourcesContent":["import { Toolbar, makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles({\n  root: {\n    '&.MuiToolbar-gutters': {\n      paddingLeft: 8,\n      paddingRight: 8,\n    },\n  },\n  highlight: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    backgroundColor: 'rgba(3, 188, 212, 0.2)',\n  },\n  numSelected: {\n    fontSize: 14,\n  },\n});\n\nconst TableToolbar = ({ numSelected, actions, content, classes, ...ToolbarProps }) => {\n  const styles = useStyles();\n\n  return (\n    <Toolbar\n      classes={classes}\n      className={classNames(styles.root, classes?.root, {\n        [styles.highlight]: numSelected > 0,\n      })}\n      variant=\"dense\"\n      {...ToolbarProps}\n    >\n      {numSelected > 0 ? (\n        <>\n          <div className={styles.numSelected}>{numSelected} selected</div>\n          <div>{actions}</div>\n        </>\n      ) : (\n        <>{content}</>\n      )}\n    </Toolbar>\n  );\n};\n\nTableToolbar.propTypes = {\n  numSelected: PropTypes.number,\n  actions: PropTypes.node,\n  content: PropTypes.node,\n};\n\nTableToolbar.defaultProps = {\n  numSelected: PropTypes.number,\n  actions: null,\n  content: null,\n};\n\nexport default TableToolbar;\n"],"names":["useStyles","makeStyles","root","paddingLeft","paddingRight","highlight","display","justifyContent","backgroundColor","numSelected","fontSize","TableToolbar","actions","content","classes","ToolbarProps","styles","_jsx","classNames","_jsxs","_Fragment","propTypes","PropTypes","number","node","defaultProps"],"mappings":";;;;;;;;;;AAIA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJ,IAAA,sBAAsB,EAAE;AACtBC,MAAAA,WAAW,EAAE,CAAC;AACdC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAA;GACD;AACDC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,eAAe;AAC/BC,IAAAA,eAAe,EAAE,wBAAA;GAClB;AACDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EAAA;AACZ,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAoE,IAAA,EAAA;EAAA,IAA9DF,WAAW,QAAXA,WAAW;AAAEG,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO;IAAKC,YAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAC7E,IAAMC,MAAM,GAAGhB,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACEiB,IAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA;AACN,IAAA,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAEI,UAAU,CAACF,MAAM,CAACd,IAAI,EAAEY,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEZ,IAAI,sBAC7Cc,MAAM,CAACX,SAAS,EAAGI,WAAW,GAAG,CAAC,CAClC,CAAA;AACH,IAAA,OAAO,EAAC,OAAA;AAAO,GAAA,EACXM,YAAY,CAAA,EAAA,EAAA,EAAA;IAAA,QAEfN,EAAAA,WAAW,GAAG,CAAC,gBACdU,IAAA,CAAAC,QAAA,EAAA;MAAA,QACE,EAAA,cAAAD,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEH,MAAM,CAACP,WAAY;AAAA,QAAA,QAAA,EAAA,CAAEA,WAAW,EAAA,WAAA,CAAA;AAAA,OAAA,CAAgB,eAChEQ,GAAA,CAAA,KAAA,EAAA;QAAA,QAAML,EAAAA,OAAAA;OAAc,CAAA,CAAA;AAAA,KAAA,CACnB,gBAEHK,GAAA,CAAAG,QAAA,EAAA;MAAA,QAAGP,EAAAA,OAAAA;AAAO,KAAA,CAAA;GAEJ,CAAA,CAAA,CAAA;AAEd,EAAC;AAEDF,YAAY,CAACU,SAAS,GAAG;EACvBZ,WAAW,EAAEa,SAAS,CAACC,MAAM;EAC7BX,OAAO,EAAEU,SAAS,CAACE,IAAI;EACvBX,OAAO,EAAES,SAAS,CAACE,IAAAA;AACrB,CAAC,CAAA;AAEDb,YAAY,CAACc,YAAY,GAAG;EAC1BhB,WAAW,EAAEa,SAAS,CAACC,MAAM;AAC7BX,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,OAAO,EAAE,IAAA;AACX,CAAC;;;;"}

package/components/Tabs/Tab.js

@@ -1 +1,37 @@
-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};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { memo } from 'react';
+import { Tooltip, Tab as Tab$2 } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["DisabledTooltipProps"];
+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 Tab = function Tab(_ref) {
+  var DisabledTooltipProps = _ref.DisabledTooltipProps,
+    TabProps = _objectWithoutProperties(_ref, _excluded);
+  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 { Tab$1 as default };
+//# sourceMappingURL=Tab.js.map

package/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../src/components/Tabs/Tab.js"],"sourcesContent":["import { memo } from 'react';\nimport { Tab as MuiTab, Tooltip } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst Tab = ({ DisabledTooltipProps, ...TabProps }) => {\n  if (TabProps.disabled) {\n    return (\n      <Tooltip title=\"Disabled\" placement=\"top\" {...DisabledTooltipProps}>\n        {/* NOTE: span is used to trigger Tooltip */}\n        <span><MuiTab {...TabProps} /></span>\n      </Tooltip>\n    );\n  }\n\n  return <MuiTab {...TabProps} />;\n};\n\nTab.propTypes = {\n  disabled: PropTypes.bool,\n  DisabledTooltipProps: PropTypes.shape({}),\n};\n\nTab.defaultProps = {\n  disabled: false,\n  DisabledTooltipProps: {},\n};\n\nexport default memo(Tab);\n"],"names":["Tab","DisabledTooltipProps","TabProps","disabled","_jsx","MuiTab","propTypes","PropTypes","bool","shape","defaultProps","memo"],"mappings":";;;;;;;;;;AAIA,IAAMA,GAAG,GAAG,SAANA,GAAG,CAA8C,IAAA,EAAA;EAAA,IAAxCC,oBAAoB,QAApBA,oBAAoB;IAAKC,QAAQ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAC9C,IAAIA,QAAQ,CAACC,QAAQ,EAAE;AACrB,IAAA,oBACEC,IAAC,OAAO,EAAA,aAAA,CAAA,aAAA,CAAA;AAAC,MAAA,KAAK,EAAC,UAAU;AAAC,MAAA,SAAS,EAAC,KAAA;AAAK,KAAA,EAAKH,oBAAoB,CAAA,EAAA,EAAA,EAAA;MAAA,QAEhE,eAAAG,GAAA,CAAA,MAAA,EAAA;QAAA,QAAM,eAAAA,GAAA,CAACC,KAAM,EAAA,aAAA,CAAA,EAAA,EAAKH,QAAQ,CAAA,CAAA;AAAI,OAAA,CAAA;KACtB,CAAA,CAAA,CAAA;AAEd,GAAA;AAEA,EAAA,oBAAOE,GAAC,CAAAC,KAAM,EAAKH,aAAAA,CAAAA,EAAAA,EAAAA,QAAQ,CAAI,CAAA,CAAA;AACjC,CAAC,CAAA;AAEDF,GAAG,CAACM,SAAS,GAAG;EACdH,QAAQ,EAAEI,SAAS,CAACC,IAAI;AACxBP,EAAAA,oBAAoB,EAAEM,SAAS,CAACE,KAAK,CAAC,EAAE,CAAA;AAC1C,CAAC,CAAA;AAEDT,GAAG,CAACU,YAAY,GAAG;AACjBP,EAAAA,QAAQ,EAAE,KAAK;AACfF,EAAAA,oBAAoB,EAAE,EAAC;AACzB,CAAC,CAAA;AAED,YAAeU,IAAI,CAACX,GAAG,CAAC;;;;"}

package/components/Tabs/Tabs.js

@@ -1 +1,154 @@
-import{__rest as o,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{makeStyles as a,Tabs as e}from"@material-ui/core";import i from"classnames";import l from"prop-types";var n=a((function(o){return{root:{"& .MuiTab-root":{paddingLeft:16,paddingRight:16,"&.Mui-disabled":{color:o.palette.primary.text1}}},rootCompact:{"& .MuiTab-root":{minWidth:0}},root_filled:{backgroundColor:o.palette.background.b9,boxShadow:"0px 4px 4px rgba(0, 0, 0, 0.2)","& .MuiTab-root":{color:o.palette.primary.text6,"&.Mui-selected":{color:o.palette.primary.main},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.05)",color:o.palette.primary.contrastText,opacity:1}}},root_default:{minHeight:42,"& .MuiTab-root":{color:o.palette.primary.contrastText,minHeight:42,opacity:1,textTransform:"none","&.Mui-selected":{color:o.palette.primary.main},"&:hover":{borderRadius:4,backgroundColor:"rgba(3, 188, 212, 0.15)"}}},root_filledTab:{minHeight:42,"& .MuiTab-root":{borderRadius:4,color:o.palette.primary.contrastText,fontSize:16,minHeight:42,opacity:1,textTransform:"none","&.Mui-selected":{backgroundColor:o.palette.primary.main},"&:hover":{backgroundColor:"rgba(3, 188, 212, 0.15)"},"&.Mui-disabled":{color:o.palette.primary.text9}}},tabIndicatorRoot:{height:4,borderTopLeftRadius:4,borderTopRightRadius:4},tabIndicatorFilledTab:{display:"none"},scrollButtonsRoot:{backgroundColor:o.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:o.palette.primary.text6}}}})),d=function(a){var l,d,c,p=a.compact,s=a.type,b=o(a,["compact","type"]),u=n(),m=b.classes,g=b.TabIndicatorProps;return r(e,t({},b,{classes:t(t({},m),{root:i(null==m?void 0:m.root,u.root,u["root_".concat(s)],(l={},l[u.rootCompact]=p,l)),scrollButtons:i(null==m?void 0:m.scrollButtons,u.scrollButtonsRoot)}),indicatorColor:"primary",TabIndicatorProps:t(t({},g),{classes:{root:i(null===(c=null==g?void 0:g.classes)||void 0===c?void 0:c.root,u.tabIndicatorRoot,(d={},d[u.tabIndicatorFilledTab]="filledTab"===s,d))}})}))};d.propTypes={type:l.oneOf(["default","filled","filledTab"]),compact:l.bool},d.defaultProps={type:"default",compact:!1};export{d as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { makeStyles, Tabs as Tabs$1 } from '@material-ui/core';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["compact", "type"];
+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 {
+    root: {
+      '& .MuiTab-root': {
+        paddingLeft: 16,
+        paddingRight: 16,
+        '&.Mui-disabled': {
+          color: theme.palette.primary.text1
+        }
+      }
+    },
+    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': {
+          borderRadius: 4,
+          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, _excluded);
+  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), {}, {
+      //@ts-ignore
+      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 = {
+  type: PropTypes.oneOf(['default', 'filled', 'filledTab']),
+  compact: PropTypes.bool
+};
+Tabs.defaultProps = {
+  type: 'default',
+  compact: false
+};
+
+export { Tabs as default };
+//# sourceMappingURL=Tabs.js.map

package/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { Tabs as MuiTabs, makeStyles, Theme, TabsProps as MuiTabsProps } from '@material-ui/core';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as React from \"react\";\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  root: {\n    '& .MuiTab-root': {\n      paddingLeft: 16,\n      paddingRight: 16,\n      '&.Mui-disabled': {\n        color: theme.palette.primary.text1,\n      },\n    },\n  },\n  rootCompact: {\n    '& .MuiTab-root': {\n      minWidth: 0,\n    },\n  },\n  root_filled: {\n    backgroundColor: theme.palette.background.b9,\n    boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.2)',\n    '& .MuiTab-root': {\n      color: theme.palette.primary.text6,\n      '&.Mui-selected': {\n        color: theme.palette.primary.main,\n      },\n      '&:hover': {\n        backgroundColor: 'rgba(255, 255, 255, 0.05)',\n        color: theme.palette.primary.contrastText,\n        opacity: 1,\n      },\n    },\n  },\n  root_default: {\n    minHeight: 42,\n    '& .MuiTab-root': {\n      color: theme.palette.primary.contrastText,\n      minHeight: 42,\n      opacity: 1,\n      textTransform: 'none',\n      '&.Mui-selected': {\n        color: theme.palette.primary.main,\n      },\n      '&:hover': {\n        borderRadius: 4,\n        backgroundColor: 'rgba(3, 188, 212, 0.15)',\n      },\n    },\n  },\n  root_filledTab: {\n    minHeight: 42,\n    '& .MuiTab-root': {\n      borderRadius: 4,\n      color: theme.palette.primary.contrastText,\n      fontSize: 16,\n      minHeight: 42,\n      opacity: 1,\n      textTransform: 'none',\n      '&.Mui-selected': {\n        backgroundColor: theme.palette.primary.main,\n      },\n      '&:hover': {\n        backgroundColor: 'rgba(3, 188, 212, 0.15)',\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.primary.text9,\n      },\n    },\n  },\n  tabIndicatorRoot: {\n    height: 4,\n    borderTopLeftRadius: 4,\n    borderTopRightRadius: 4,\n  },\n  tabIndicatorFilledTab: {\n    display: 'none',\n  },\n  scrollButtonsRoot: {\n    backgroundColor: theme.palette.background.b9,\n    height: 48,\n    zIndex: 1,\n    '&.Mui-disabled': {\n    },\n    '&:first-of-type': {\n      '&::after': {\n        background: `linear-gradient(to right, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)`,\n        content: '\"\"',\n        display: 'block',\n        height: '100%',\n        left: 40,\n        position: 'absolute',\n        width: 16,\n        zIndex: 1,\n      },\n    },\n    '&:last-of-type': {\n      '&::before': {\n        background: 'linear-gradient(to left, rgba(60, 59, 59, 0.8) 39.13%, rgba(58, 58, 58, 0) 100%)',\n        content: '\"\"',\n        display: 'block',\n        height: '100%',\n        position: 'absolute',\n        right: 40,\n        width: 16,\n        zIndex: 1,\n      },\n    },\n    '& .MuiSvgIcon-root': {\n      color: theme.palette.primary.text6,\n    },\n  },\n}));\n\ninterface TabsProps extends Omit<MuiTabsProps, 'type' | 'TabIndicatorProps'> {\n  compact?: boolean;\n  type?: 'default' | 'filled' | 'filledTab';\n  TabIndicatorProps?: Partial<React.HTMLAttributes<HTMLDivElement>> & {\n    classes: {\n      root: string;\n    }\n  };\n}\n\nconst Tabs = ({ compact, type, ...TabsProps }: TabsProps): JSX.Element => {\n  const styles = useStyles();\n\n  const { classes, TabIndicatorProps } = TabsProps;\n\n  return (\n    <MuiTabs\n      {...TabsProps}\n      classes={{\n        ...classes,\n        root: classNames(\n          classes?.root,\n          styles.root,\n          styles[`root_${type}`],\n          { [styles.rootCompact]: compact },\n        ),\n        scrollButtons: classNames(classes?.scrollButtons, styles.scrollButtonsRoot),\n      }}\n      indicatorColor=\"primary\"\n      TabIndicatorProps={{\n        ...TabIndicatorProps,\n        //@ts-ignore\n        classes: {\n          root: classNames(\n            TabIndicatorProps?.classes?.root,\n            styles.tabIndicatorRoot,\n            { [styles.tabIndicatorFilledTab]: type === 'filledTab' }\n          )\n        }\n      }}\n    />\n  );\n};\n\nTabs.propTypes = {\n  type: PropTypes.oneOf(['default', 'filled', 'filledTab']),\n  compact: PropTypes.bool,\n};\n\nTabs.defaultProps = {\n  type: 'default',\n  compact: false,\n};\n\nexport default Tabs;\n"],"names":["useStyles","makeStyles","theme","root","paddingLeft","paddingRight","color","palette","primary","text1","rootCompact","minWidth","root_filled","backgroundColor","background","b9","boxShadow","text6","main","contrastText","opacity","root_default","minHeight","textTransform","borderRadius","root_filledTab","fontSize","text9","tabIndicatorRoot","height","borderTopLeftRadius","borderTopRightRadius","tabIndicatorFilledTab","display","scrollButtonsRoot","zIndex","content","left","position","width","right","Tabs","compact","type","TabsProps","styles","classes","TabIndicatorProps","_jsx","MuiTabs","classNames","scrollButtons","propTypes","PropTypes","oneOf","bool","defaultProps"],"mappings":"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"}

package/components/Template/TemplatePopover/Styles.js

@@ -1 +1,160 @@
-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"},actionWrapperHidden:{visibility:"hidden !important"},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};
+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'
+    },
+    actionWrapperHidden: {
+      visibility: 'hidden !important'
+    },
+    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

package/components/Template/TemplatePopover/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.js","sources":["../../../../src/components/Template/TemplatePopover/Styles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useTemplatePopoverStyles = makeStyles(theme => ({\n  paper: {\n    background: '#414141',\n    color: theme.palette.text.primary,\n    width: '360px',\n    minHeight: '520px',\n    padding: '24px 16px',\n    marginLeft: theme.spacing(1),\n  },\n  paperWrapper: {\n    width: '100%',\n    height: '100%',\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  title: {\n    fontSize: '20px',\n    lineHeight: '23px',\n    marginBottom: theme.spacing(1),\n    marginRight: theme.spacing(1),\n  },\n  templateHeader: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  subtitle: {\n    fontSize: '10px',\n    color: '#9E9E9E',\n    lineHeight: '12px',\n    textTransform: 'uppercase',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(2),\n  },\n  selectedGroup: {\n    display: 'flex',\n    width: 'calc(100% + 32px)',\n    height: '48px',\n    marginLeft: '-16px',\n    cursor: 'pointer',\n  },\n  selectedGroupUnSelected: {\n    '&:hover': {\n      backgroundColor: 'rgb(75, 75, 75)',\n    },\n  },\n  selectedGroupSelected: {\n    backgroundColor: 'rgb(84, 84, 84)',\n  },\n  noTemplateItem: {\n    display: 'flex',\n    marginLeft: '16px',\n  },\n  selectedIcon: {\n    marginRight: '8px',\n    height: '100%',\n  },\n  selectedLabel: {\n    width: '100%',\n    fontSize: '16px',\n    fontWeight: '500',\n    lineHeight: '48px',\n    color: '#FFFFFF',\n  },\n  noTemplateLabel: {\n    left: '40px',\n    top: 'calc(50% - 10px)',\n    fontSize: '16px',\n    lineHeight: '140.6%',\n    color: '#808080',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  templateList: {\n    padding: 0,\n    marginLeft: '-16px',\n    width: 'calc(100% + 32px)',\n  },\n  templateListItem: {\n    position: 'relative',\n    padding: '0 16px',\n    height: '48px',\n    cursor: 'pointer',\n  },\n  templateListItemUnSelected: {\n    '&:hover': {\n      backgroundColor: 'rgb(75, 75, 75)',\n    },\n    '&:hover $actionWrapper': {\n      backgroundColor: 'rgb(75, 75, 75)',\n      visibility: 'visible',\n    },\n  },\n  templateListItemSelected: {\n    backgroundColor: 'rgb(84, 84, 84)',\n    '&:hover $actionWrapper': {\n      backgroundColor: 'rgb(84, 84, 84)',\n      visibility: 'visible',\n    },\n  },\n  templateListItemName: {\n    marginLeft: theme.spacing(1),\n    maxWidth: '160px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  templateListItemInput: {\n    marginLeft: theme.spacing(1),\n    width: '225px',\n  },\n  actionWrapper: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    marginRight: '16px',\n    visibility: 'hidden',\n  },\n  actionWrapperEditing: {\n    visibility: 'visible',\n  },\n  actionWrapperHidden: {\n    visibility: 'hidden !important',\n  },\n  actionIconButton: {\n    padding: '6px',\n    '&:hover': {\n      backgroundColor: '#333333',\n    },\n    '&:hover $actionIcon': {\n      color: '#fff',\n    },\n  },\n  actionIcon: {\n    color: '#DADADA',\n    fontSize: '20px',\n  },\n  addNewTemplateIcon: {\n    marginLeft: '10px',\n    fontSize: '20px',\n    cursor: 'pointer',\n    '&:hover': {\n      color: '#008BA3',\n    },\n  },\n}));\n"],"names":["useTemplatePopoverStyles","makeStyles","theme","paper","background","color","palette","text","primary","width","minHeight","padding","marginLeft","spacing","paperWrapper","height","titleWrapper","display","alignItems","title","fontSize","lineHeight","marginBottom","marginRight","templateHeader","subtitle","textTransform","fontWeight","letterSpacing","marginTop","selectedGroup","cursor","selectedGroupUnSelected","backgroundColor","selectedGroupSelected","noTemplateItem","selectedIcon","selectedLabel","noTemplateLabel","left","top","overflow","textOverflow","whiteSpace","templateList","templateListItem","position","templateListItemUnSelected","visibility","templateListItemSelected","templateListItemName","maxWidth","templateListItemInput","actionWrapper","right","actionWrapperEditing","actionWrapperHidden","actionIconButton","actionIcon","addNewTemplateIcon"],"mappings":"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"}