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

package/components/Table/TableToolbar/TableToolbar.js

@@ -1 +1,54 @@
-import{__rest as e,__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as l,jsxs as i,Fragment as o}from"react/jsx-runtime";import{makeStyles as n,Toolbar as r}from"@material-ui/core";import s from"classnames";var a=n({root:{"&.MuiToolbar-gutters":{paddingLeft:8,paddingRight:8}},highlight:{display:"flex",justifyContent:"space-between",backgroundColor:"rgba(3, 188, 212, 0.2)"},numSelected:{fontSize:14}}),c=function(n){var c,d=n.numSelected,m=void 0===d?null:d,u=n.actions,h=void 0===u?null:u,f=n.content,g=void 0===f?null:f,p=n.classes,v=e(n,["numSelected","actions","content","classes"]),b=a();return l(r,t({classes:p,className:s(b.root,null==p?void 0:p.root,(c={},c[b.highlight]=m>0,c))},v,{children:m>0?i(o,{children:[i("div",{className:b.numSelected,children:[m," selected"]}),l("div",{children:h})]}):l(o,{children:g})}))};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { makeStyles, Toolbar } from '@material-ui/core';
+import classNames from 'classnames';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var _excluded = ["numSelected", "actions", "content", "classes"];
+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({
+  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 _ref$numSelected = _ref.numSelected,
+    numSelected = _ref$numSelected === void 0 ? null : _ref$numSelected,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? null : _ref$actions,
+    _ref$content = _ref.content,
+    content = _ref$content === void 0 ? null : _ref$content,
+    classes = _ref.classes,
+    ToolbarProps = _objectWithoutProperties(_ref, _excluded);
+  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))
+  }, 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
+    })
+  }));
+};
+
+export { TableToolbar as default };
+//# sourceMappingURL=TableToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sources":["../../../../src/components/Table/TableToolbar/TableToolbar.tsx"],"sourcesContent":["import { makeStyles, Toolbar, ToolbarProps } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { ReactNode } from 'react';\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\nexport type TableToolbarProps = {\n  numSelected?: number;\n  actions?: ReactNode;\n  content?: ReactNode;\n  classes?: Record<string, string>;\n} & Omit<ToolbarProps, 'children' | 'classes'>;\n\nconst TableToolbar = ({\n  numSelected = null,\n  actions = null,\n  content = null,\n  classes,\n  ...ToolbarProps\n}: TableToolbarProps) => {\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      {...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\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"],"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;AASF,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAMO,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,GAAA,IAAA,CALvBF,WAAW;AAAXA,IAAAA,WAAW,iCAAG,IAAI,GAAA,gBAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CAClBG,OAAO;AAAPA,IAAAA,OAAO,6BAAG,IAAI,GAAA,YAAA;AAAA,IAAA,YAAA,GAAA,IAAA,CACdC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,IAAI,GAAA,YAAA;AACdC,IAAAA,OAAO,QAAPA,OAAO;IACJC,YAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAEf,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,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEZ,IAAI,EAC7Cc,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACX,SAAS,EAAGI,WAAW,GAAG,CAAC,CAAA,CAAA;AAClC,GAAA,EACCM,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;;;;"}

package/components/Tabs/Tab.js

@@ -1 +1,28 @@
-import{__rest as r,__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{memo as t}from"react";import{Tooltip as i,Tab as a}from"@material-ui/core";var l=t((function(t){var l=t.DisabledTooltipProps,s=r(t,["DisabledTooltipProps"]);return s.disabled?o(i,e({title:"Disabled",placement:"top"},l,{children:o("span",{children:o(a,e({},s))})})):o(a,e({},s))}));export{l 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 { 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,
+    restTabProps = _objectWithoutProperties(_ref, _excluded);
+  if (restTabProps.disabled) {
+    return /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({
+      title: "Disabled",
+      placement: "top"
+    }, DisabledTooltipProps), {}, {
+      children: /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsx(Tab$2, _objectSpread({}, restTabProps))
+      })
+    }));
+  }
+  return /*#__PURE__*/jsx(Tab$2, _objectSpread({}, restTabProps));
+};
+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.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { Tab as MuiTab, TabProps as MuiTabProps, Tooltip, TooltipProps } from '@material-ui/core';\n\ntype TabProps = MuiTabProps & {\n  DisabledTooltipProps?: Omit<TooltipProps, 'children'>;\n};\n\nconst Tab = ({ DisabledTooltipProps, ...restTabProps }: TabProps) => {\n  if (restTabProps.disabled) {\n    return (\n      <Tooltip title=\"Disabled\" placement=\"top\" {...DisabledTooltipProps}>\n        {/* NOTE: span is used to trigger Tooltip */}\n        <span>\n          <MuiTab {...restTabProps} />\n        </span>\n      </Tooltip>\n    );\n  }\n\n  return <MuiTab {...restTabProps} />;\n};\n\nexport default memo(Tab);\n"],"names":["Tab","DisabledTooltipProps","restTabProps","disabled","_jsx","MuiTab","memo"],"mappings":";;;;;;;;;AAOA,IAAMA,GAAG,GAAG,SAANA,GAAG,CAA4D,IAAA,EAAA;EAAA,IAAtDC,oBAAoB,QAApBA,oBAAoB;IAAKC,YAAY,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;EAClD,IAAIA,YAAY,CAACC,QAAQ,EAAE;AACzB,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,QACE,eAAAA,GAAA,CAACC,KAAM,EAAA,aAAA,CAAA,EAAA,EAAKH,YAAY,CAAA,CAAA;AAAI,OAAA,CAAA;KAEtB,CAAA,CAAA,CAAA;AAEd,GAAA;AAEA,EAAA,oBAAOE,GAAC,CAAAC,KAAM,EAAKH,aAAAA,CAAAA,EAAAA,EAAAA,YAAY,CAAI,CAAA,CAAA;AACrC,CAAC,CAAA;AAED,YAAeI,IAAI,CAACN,GAAG,CAAC;;;;"}

package/components/Tabs/Tabs.js

@@ -1 +1,194 @@
-import{__rest as t,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r}from"react/jsx-runtime";import{makeStyles as i,Tabs as a}from"@material-ui/core";import e from"classnames";var n=i((function(t){return{root:{"& .MuiTab-root":{minHeight:40,paddingLeft:16,paddingRight:16,borderRadius:8,minWidth:0,fontSize:16,marginRight:8,"&.Mui-disabled":{opacity:.4,color:t.palette.primary.text6}},"& .MuiTab-wrapper":{flexDirection:"row",justifyContent:"initial"},"& .MuiTab-wrapper > .i-icon":{marginBottom:"0px !important",marginRight:8},"&.MuiTabs-vertical":{"& .MuiTab-root":{marginRight:0,minHeight:"unset","&:not(:last-child)":{marginBottom:8}}}},rootCompact:{height:32,minHeight:"32px !important","& .MuiTab-root":{minWidth:0,fontSize:16,padding:"6px 10px",height:32,minHeight:"32px !important"},"&.MuiTabs-vertical":{height:"unset",minHeight:"unset"},"& .MuiTab-wrapper > .i-icon, & .MuiTab-wrapper > .i-icon > svg":{width:"20px !important",height:"20px !important"}},root_filled:{minHeight:40,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":{color:t.palette.primary.main}},"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.05)",color:t.palette.primary.contrastText,opacity:1}}},root_default:{minHeight:40,"& .MuiTab-root":{color:t.palette.primary.text6,minHeight:40,opacity:1,textTransform:"none","&.Mui-selected":{color:t.palette.primary.main,"&:hover":{color:t.palette.primary.main,backgroundColor:"transparent"}},"&:hover":{color:t.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.08)"}}},root_filledTab:{minHeight:40,"& .MuiTab-root":{color:t.palette.primary.text6,fontSize:16,minHeight:40,opacity:1,textTransform:"none","&.Mui-selected":{color:t.palette.primary.main,backgroundColor:"rgba(3, 188, 212, 0.10)","&:hover":{color:t.palette.primary.main,backgroundColor:"rgba(3, 188, 212, 0.10)"}},"&:hover":{color:t.palette.primary.contrastText,backgroundColor:"rgba(255, 255, 255, 0.08)"},"&.Mui-disabled":{color:t.palette.primary.text9}}},tabIndicatorRoot:{height:4,borderRadius:4},tabIndicatorFilledTab:{display:"none"},scrollButtonsRoot:{backgroundColor:t.palette.background.b9,height:40,zIndex:1,"&: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}}}})),l=function(i){var l,p,c,d=i.compact,m=void 0!==d&&d,s=i.type,b=void 0===s?"default":s,g=t(i,["compact","type"]),u=n(),h=g.classes,x=g.TabIndicatorProps;return r(a,o({},g,{classes:o(o({},h),{root:e(null==h?void 0:h.root,u.root,u["root_".concat(b)],(l={},l[u.rootCompact]=m,l)),scrollButtons:e(null==h?void 0:h.scrollButtons,u.scrollButtonsRoot)}),indicatorColor:"primary",TabIndicatorProps:o(o({},x),{classes:{root:e(null===(c=null==x?void 0:x.classes)||void 0===c?void 0:c.root,u.tabIndicatorRoot,(p={},p[u.tabIndicatorFilledTab]="filledTab"===b,p))}})}))};export{l 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 { 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': {
+        minHeight: 40,
+        paddingLeft: 16,
+        paddingRight: 16,
+        borderRadius: 8,
+        minWidth: 0,
+        fontSize: 16,
+        marginRight: 8,
+        '&.Mui-disabled': {
+          opacity: 0.4,
+          color: theme.palette.primary.text6
+        }
+      },
+      '& .MuiTab-wrapper': {
+        flexDirection: 'row',
+        justifyContent: 'initial'
+      },
+      '& .MuiTab-wrapper > .i-icon': {
+        marginBottom: '0px !important',
+        marginRight: 8
+      },
+      '&.MuiTabs-vertical': {
+        '& .MuiTab-root': {
+          marginRight: 0,
+          minHeight: 'unset',
+          '&:not(:last-child)': {
+            marginBottom: 8
+          }
+        }
+      }
+    },
+    rootCompact: {
+      height: 32,
+      minHeight: '32px !important',
+      '& .MuiTab-root': {
+        minWidth: 0,
+        fontSize: 16,
+        padding: '6px 10px',
+        height: 32,
+        minHeight: '32px !important'
+      },
+      '&.MuiTabs-vertical': {
+        height: 'unset',
+        minHeight: 'unset'
+      },
+      '& .MuiTab-wrapper > .i-icon, & .MuiTab-wrapper > .i-icon > svg': {
+        width: '20px !important',
+        height: '20px !important'
+      }
+    },
+    root_filled: {
+      minHeight: 40,
+      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': {
+            color: theme.palette.primary.main
+          }
+        },
+        '&:hover': {
+          backgroundColor: 'rgba(255, 255, 255, 0.05)',
+          color: theme.palette.primary.contrastText,
+          opacity: 1
+        }
+      }
+    },
+    root_default: {
+      minHeight: 40,
+      '& .MuiTab-root': {
+        color: theme.palette.primary.text6,
+        minHeight: 40,
+        opacity: 1,
+        textTransform: 'none',
+        '&.Mui-selected': {
+          color: theme.palette.primary.main,
+          '&:hover': {
+            color: theme.palette.primary.main,
+            backgroundColor: 'transparent'
+          }
+        },
+        '&:hover': {
+          color: theme.palette.primary.contrastText,
+          backgroundColor: 'rgba(255, 255, 255, 0.08)'
+        }
+      }
+    },
+    root_filledTab: {
+      minHeight: 40,
+      '& .MuiTab-root': {
+        color: theme.palette.primary.text6,
+        fontSize: 16,
+        minHeight: 40,
+        opacity: 1,
+        textTransform: 'none',
+        '&.Mui-selected': {
+          color: theme.palette.primary.main,
+          backgroundColor: 'rgba(3, 188, 212, 0.10)',
+          '&:hover': {
+            color: theme.palette.primary.main,
+            backgroundColor: 'rgba(3, 188, 212, 0.10)'
+          }
+        },
+        '&:hover': {
+          color: theme.palette.primary.contrastText,
+          backgroundColor: 'rgba(255, 255, 255, 0.08)'
+        },
+        '&.Mui-disabled': {
+          color: theme.palette.primary.text9
+        }
+      }
+    },
+    tabIndicatorRoot: {
+      height: 4,
+      borderRadius: 4
+    },
+    tabIndicatorFilledTab: {
+      display: 'none'
+    },
+    scrollButtonsRoot: {
+      backgroundColor: theme.palette.background.b9,
+      height: 40,
+      zIndex: 1,
+      '&: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 _ref$compact = _ref.compact,
+    compact = _ref$compact === void 0 ? false : _ref$compact,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _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'))
+      }
+    })
+  }));
+};
+
+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 { makeStyles, Tabs as MuiTabs, TabsProps as MuiTabsProps, Theme } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { ChangeEvent, ReactNode } from 'react';\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  root: {\n    '& .MuiTab-root': {\n      minHeight: 40,\n      paddingLeft: 16,\n      paddingRight: 16,\n      borderRadius: 8,\n      minWidth: 0,\n      fontSize: 16,\n      marginRight: 8,\n      '&.Mui-disabled': {\n        opacity: 0.4,\n        color: theme.palette.primary.text6,\n      },\n    },\n    '& .MuiTab-wrapper': {\n      flexDirection: 'row',\n      justifyContent: 'initial',\n    },\n    '& .MuiTab-wrapper > .i-icon': {\n      marginBottom: '0px !important',\n      marginRight: 8,\n    },\n    '&.MuiTabs-vertical': {\n      '& .MuiTab-root': {\n        marginRight: 0,\n        minHeight: 'unset',\n        '&:not(:last-child)': {\n          marginBottom: 8,\n        },\n      },\n    },\n  },\n  rootCompact: {\n    height: 32,\n    minHeight: '32px !important',\n    '& .MuiTab-root': {\n      minWidth: 0,\n      fontSize: 16,\n      padding: '6px 10px',\n      height: 32,\n      minHeight: '32px !important',\n    },\n    '&.MuiTabs-vertical': {\n      height: 'unset',\n      minHeight: 'unset',\n    },\n\n    '& .MuiTab-wrapper > .i-icon, & .MuiTab-wrapper > .i-icon > svg': {\n      width: '20px !important',\n      height: '20px !important',\n    },\n  },\n  root_filled: {\n    minHeight: 40,\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        '&:hover': {\n          color: theme.palette.primary.main,\n        },\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: 40,\n    '& .MuiTab-root': {\n      color: theme.palette.primary.text6,\n      minHeight: 40,\n      opacity: 1,\n      textTransform: 'none',\n      '&.Mui-selected': {\n        color: theme.palette.primary.main,\n        '&:hover': {\n          color: theme.palette.primary.main,\n          backgroundColor: 'transparent',\n        },\n      },\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n  root_filledTab: {\n    minHeight: 40,\n    '& .MuiTab-root': {\n      color: theme.palette.primary.text6,\n      fontSize: 16,\n      minHeight: 40,\n      opacity: 1,\n      textTransform: 'none',\n      '&.Mui-selected': {\n        color: theme.palette.primary.main,\n        backgroundColor: 'rgba(3, 188, 212, 0.10)',\n        '&:hover': {\n          color: theme.palette.primary.main,\n          backgroundColor: 'rgba(3, 188, 212, 0.10)',\n        },\n      },\n      '&:hover': {\n        color: theme.palette.primary.contrastText,\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.primary.text9,\n      },\n    },\n  },\n  tabIndicatorRoot: {\n    height: 4,\n    borderRadius: 4,\n  },\n  tabIndicatorFilledTab: {\n    display: 'none',\n  },\n  scrollButtonsRoot: {\n    backgroundColor: theme.palette.background.b9,\n    height: 40,\n    zIndex: 1,\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:\n          '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\nexport type TabsProps = Omit<\n  MuiTabsProps,\n  'type' | 'TabIndicatorProps' | 'onChange' | 'children'\n> & {\n  /**\n   * Contents of the component, for instance - `<Tab/>`s\n   */\n  children?: ReactNode;\n  onChange?: (event: ChangeEvent, value: any) => void;\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 = false, type = 'default', ...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(classes?.root, styles.root, 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(TabIndicatorProps?.classes?.root, styles.tabIndicatorRoot, {\n            [styles.tabIndicatorFilledTab]: type === 'filledTab',\n          }),\n        },\n      }}\n    />\n  );\n};\n\nexport default Tabs;\n"],"names":["useStyles","makeStyles","theme","root","minHeight","paddingLeft","paddingRight","borderRadius","minWidth","fontSize","marginRight","opacity","color","palette","primary","text6","flexDirection","justifyContent","marginBottom","rootCompact","height","padding","width","root_filled","backgroundColor","background","b9","boxShadow","main","contrastText","root_default","textTransform","root_filledTab","text9","tabIndicatorRoot","tabIndicatorFilledTab","display","scrollButtonsRoot","zIndex","content","left","position","right","Tabs","compact","type","TabsProps","styles","classes","TabIndicatorProps","_jsx","MuiTabs","classNames","scrollButtons"],"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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"}