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

package/components/SwitchControl/index.js

@@ -1 +1,162 @@
-import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as a,jsx as i}from"react/jsx-runtime";import{forwardRef as l}from"react";import o from"classnames";import{makeStyles as r,Grid as s,Tooltip as c,Typography as n,Switch as d}from"@material-ui/core";import b from"./style.css.js";var m=r((function(e){return{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:e.palette.primary.text7,margin:"8px 0px",cursor:"pointer"},labelSmall:{fontSize:"14px",lineHeight:"20px"},disabledLabel:{cursor:"default",color:"#808080"},activeLabel:{color:e.palette.primary.text1}}})),p=l((function(l,r){var p,h,u=l.title,g=l.leftLabel,f=l.rightLabel,L=l.checked,w=l.onChange,k=l.disabled,D=l.size,C=l.className,x=l.rightLabelTooltip,B=l.leftLabelTooltip,y=l.customClasses,v=l["data-testid"],N=m(),S=g&&f,z=y.root,T=y.track,j=y.switchBase,M=e(y,["root","track","switchBase"]);return a("div",t({className:C},{children:[u&&i("div",t({className:b.switchControlTitle},{children:u})),a(s,t({component:"label",container:!0,alignItems:"center",spacing:0},{children:[g&&i(s,t({item:!0},{children:i(c,t({title:B},{children:i(n,t({variant:"body2",className:o(N.label,"small"===D&&N.labelSmall,(!L||!f)&&!k&&N.activeLabel,k&&N.disabledLabel)},{children:g}))}))})),i(s,t({item:!0},{children:i(d,{"data-testid":"".concat(v,"_switch_").concat(L),ref:r,checked:L,onChange:w,color:"primary",disabled:k,classes:t({root:o(N.root,z),switchBase:o((p={},p[N.switchBase]=S||L&&!k,p[N.switchBaseDisabled]=k&&(S||L),p[N.switchBaseDisabledNoLabels]=!S&&k&&!L,p),j),track:o((h={},h[N.track]=S||L&&!k,h[N.trackDisabled]=k&&(S||L),h[N.trackDisabledNoLabels]=!S&&k&&!L,h),T)},M),size:D})})),f&&i(s,t({item:!0},{children:i(c,t({title:x},{children:i(n,t({variant:"body2",className:o(N.label,"small"===D&&N.labelSmall,(L||!g)&&!k&&N.activeLabel,k&&N.disabledLabel)},{children:f}))}))}))]}))]}))}));p.defaultProps={title:"",leftLabel:"",rightLabel:"",disabled:!1,size:"medium",className:"",customClasses:{},rightLabelTooltip:"",leftLabelTooltip:"","data-testid":"SwitchControlComponent"};export{p as SwitchControlComponent,p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Grid, Tooltip, Typography, Switch } from '@material-ui/core';
+import styles from './style.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["root", "track", "switchBase"];
+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: {
+      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: theme.palette.primary.text7,
+      margin: '8px 0px',
+      cursor: 'pointer'
+    },
+    labelSmall: {
+      fontSize: '14px',
+      lineHeight: '20px'
+    },
+    disabledLabel: {
+      cursor: 'default',
+      color: '#808080'
+    },
+    activeLabel: {
+      color: theme.palette.primary.text1
+    }
+  };
+});
+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,
+    size = _ref.size,
+    className = _ref.className,
+    rightLabelTooltip = _ref.rightLabelTooltip,
+    leftLabelTooltip = _ref.leftLabelTooltip,
+    customClasses = _ref.customClasses,
+    dataTestId = _ref['data-testid'];
+  var classes = useStyles();
+  var isSwitchWithLabels = leftLabel && rightLabel;
+  var root = customClasses.root,
+    track = customClasses.track,
+    switchBase = customClasses.switchBase,
+    restSwitchClasses = _objectWithoutProperties(customClasses, _excluded);
+  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 || !rightLabel) && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
+            children: leftLabel
+          })
+        })
+      }), /*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Switch, {
+          "data-testid": "".concat(dataTestId, "_switch_").concat(checked),
+          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 || !leftLabel) && !disabled && classes.activeLabel, disabled && classes.disabledLabel),
+            children: rightLabel
+          })
+        })
+      })]
+    })]
+  });
+});
+SwitchControlComponent.defaultProps = {
+  title: '',
+  leftLabel: '',
+  rightLabel: '',
+  disabled: false,
+  size: 'medium',
+  className: '',
+  customClasses: {},
+  rightLabelTooltip: '',
+  leftLabelTooltip: '',
+  'data-testid': 'SwitchControlComponent'
+};
+
+export { SwitchControlComponent, SwitchControlComponent as default };
+//# sourceMappingURL=index.js.map

package/components/SwitchControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/SwitchControl/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { Grid, Switch, Typography, Tooltip, Theme, makeStyles } from '@material-ui/core';\n\nimport { SwitchControlTypes } from './types';\n\nimport styles from './style.css';\n\nconst useStyles = makeStyles<Theme>(theme => ({\n  root: {\n    width: 60,\n    height: 40,\n    padding: 13,\n    '&.MuiSwitch-sizeSmall': { width: 52, height: 36, padding: 13 },\n    '& .MuiSwitch-switchBase': { padding: 10 },\n  },\n  switchBase: {\n    padding: 10,\n    color: '#03BCD4',\n    '&.MuiIconButton-root:hover': {\n      backgroundColor: 'rgba(3, 188, 212, 0.08)',\n    },\n  },\n  switchBaseDisabled: {\n    color: '#196069 !important',\n  },\n  track: {\n    backgroundColor: '#196069 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  trackDisabled: {\n    backgroundColor: '#223D40 !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  switchBaseDisabledNoLabels: {\n    color: '#545454 !important',\n  },\n  trackDisabledNoLabels: {\n    backgroundColor: '#3D3D3D !important',\n    opacity: '1 !important',\n    border: 'none',\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    fontSize: '16px',\n    lineHeight: '22px',\n    color: theme.palette.primary.text7,\n    margin: '8px 0px',\n    cursor: 'pointer',\n  },\n  labelSmall: {\n    fontSize: '14px',\n    lineHeight: '20px',\n  },\n  disabledLabel: {\n    cursor: 'default',\n    color: '#808080',\n  },\n  activeLabel: {\n    color: theme.palette.primary.text1,\n  },\n}));\n\nexport const SwitchControlComponent = forwardRef<HTMLButtonElement, SwitchControlTypes>(\n  (\n    {\n      title,\n      leftLabel,\n      rightLabel,\n      checked,\n      onChange,\n      disabled,\n      size,\n      className,\n      rightLabelTooltip,\n      leftLabelTooltip,\n      customClasses,\n      'data-testid': dataTestId,\n    },\n    ref\n  ) => {\n    const classes = useStyles();\n    const isSwitchWithLabels = leftLabel && rightLabel;\n    const { root, track, switchBase, ...restSwitchClasses } = customClasses;\n\n    return (\n      <div className={className}>\n        {title && <div className={styles.switchControlTitle}>{title}</div>}\n        <Grid component=\"label\" container alignItems=\"center\" spacing={0}>\n          {leftLabel && (\n            <Grid item>\n              <Tooltip title={leftLabelTooltip}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (!checked || !rightLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {leftLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n          <Grid item>\n            <Switch\n              data-testid={`${dataTestId}_switch_${checked}`}\n              ref={ref}\n              checked={checked}\n              onChange={onChange}\n              color=\"primary\"\n              disabled={disabled}\n              classes={{\n                root: classNames(classes.root, root),\n                switchBase: classNames(\n                  {\n                    [classes.switchBase]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.switchBaseDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.switchBaseDisabledNoLabels]:\n                      !isSwitchWithLabels && disabled && !checked,\n                  },\n                  switchBase\n                ),\n                track: classNames(\n                  {\n                    [classes.track]: isSwitchWithLabels || (checked && !disabled),\n                    [classes.trackDisabled]: disabled && (isSwitchWithLabels || checked),\n                    [classes.trackDisabledNoLabels]: !isSwitchWithLabels && disabled && !checked,\n                  },\n                  track\n                ),\n                ...restSwitchClasses,\n              }}\n              size={size}\n            />\n          </Grid>\n          {rightLabel && (\n            <Grid item>\n              <Tooltip title={rightLabelTooltip}>\n                <Typography\n                  variant=\"body2\"\n                  className={classNames(\n                    classes.label,\n                    size === 'small' && classes.labelSmall,\n                    (checked || !leftLabel) && !disabled && classes.activeLabel,\n                    disabled && classes.disabledLabel\n                  )}\n                >\n                  {rightLabel}\n                </Typography>\n              </Tooltip>\n            </Grid>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n);\n\nSwitchControlComponent.defaultProps = {\n  title: '',\n  leftLabel: '',\n  rightLabel: '',\n  disabled: false,\n  size: 'medium',\n  className: '',\n  customClasses: {},\n  rightLabelTooltip: '',\n  leftLabelTooltip: '',\n  'data-testid': 'SwitchControlComponent',\n};\n\n//@ts-ignore\nexport default SwitchControlComponent;\n"],"names":["useStyles","makeStyles","theme","root","width","height","padding","switchBase","color","backgroundColor","switchBaseDisabled","track","opacity","border","trackDisabled","switchBaseDisabledNoLabels","trackDisabledNoLabels","label","display","justifyContent","flexDirection","fontSize","lineHeight","palette","primary","text7","margin","cursor","labelSmall","disabledLabel","activeLabel","text1","SwitchControlComponent","forwardRef","ref","title","leftLabel","rightLabel","checked","onChange","disabled","size","className","rightLabelTooltip","leftLabelTooltip","customClasses","dataTestId","classes","isSwitchWithLabels","restSwitchClasses","_jsxs","_jsx","styles","switchControlTitle","classNames","defaultProps"],"mappings":"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"}

package/components/SwitchControl/style.css.js

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

package/components/SwitchControl/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/SwitchControl/types.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { SwitchClassKey } from '@material-ui/core';
+import { SwitchClassKey, WithStyles } from '@material-ui/core';
 export declare type SwitchControlTypes = {
     title?: string | ReactNode;
     checked?: boolean;
@@ -13,5 +13,5 @@ export declare type SwitchControlTypes = {
     rightLabelTooltip?: string | ReactNode;
     leftLabelTooltip?: string | ReactNode;
     'data-testid'?: string;
-};
+} & WithStyles<string>;
 //# sourceMappingURL=types.d.ts.map

package/components/SwitchControl/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/D,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC"}

package/components/Table/TableCell/TableCell.js

@@ -1 +1,116 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/objectWithoutProperties";import{useState as l}from"react";import{makeStyles as o,TableCell as i}from"@material-ui/core";import{KeyboardArrowLeft as n,KeyboardArrowRight as a}from"@material-ui/icons";import c from"classnames";import s from"../../IconButton/index.js";import{Tooltip as p}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{jsxs as m,jsx as d}from"react/jsx-runtime";var u=["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","cellWidth","children"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function h(t){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{};r%2?b(Object(l),!0).forEach((function(r){e(t,r,l[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(l)):b(Object(l)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(l,e))}))}return t}var f=o((function(e){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:e.palette.background.b6},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:function(e){var t=e.isExpanded,r=e.maxCellWidth,l=e.cellWidth;return t?r:l}},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:function(e){var t=e.isExpanded,r=e.maxCellWidth,l=e.cellWidth;return t?r:l}},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),y=function(e){var o,b=e.isExpanded,y=e.setIsExpanded,C=e.tooltipTitle,x=e.collapsibleHeader,g=e.collapsibleBody,j=e.maxCellWidth,O=e.maxCharsNumberFromStart,E=e.maxCharsNumberFromEnd,k=e.cellWidth,v=e.children,W=r(e,u),P=W.stickyCell&&!W.emptyCell,w=f({isExpanded:b,cellWidth:k,maxCellWidth:j}),N=l(!1),T=t(N,2),I=T[0],S=T[1];return m(i,h(h({},W),{},{className:c(x&&w.collapseHeader,P&&w.stickyCell,W.emptyCell&&w.stickyEmptyCell,P&&"stickyCell",W.emptyCell&&"stickyEmptyCell",W.className),children:[x&&m("div",{className:w.tableCellWrapper,children:[v,d(s,{className:w.iconButton,onClick:function(){S(!1),y(!b)},tooltipProps:{title:b?"Collapse":"Expand",open:I,disableHoverListener:!0,onMouseEnter:function(){return S(!0)},onMouseLeave:function(){return S(!1)}},children:d(b?n:a,{})})]}),g&&d(p,{title:b?"":C,children:d("div",{children:b?v:(o=C,o.length>O+E?"".concat(o.substring(0,O)," ... ").concat(o.substring(o.length-E)):o)})}),!x&&!g&&v]}))};export{y as TableCell};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import { makeStyles, TableCell as TableCell$1 } from '@material-ui/core';
+import { KeyboardArrowLeft, KeyboardArrowRight } from '@material-ui/icons';
+import classNames from 'classnames';
+import IconButton from '../../IconButton/index.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import '../../Tooltip/ScrollableTooltip.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isExpanded", "setIsExpanded", "tooltipTitle", "collapsibleHeader", "collapsibleBody", "maxCellWidth", "maxCharsNumberFromStart", "maxCharsNumberFromEnd", "cellWidth", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    stickyCell: {
+      position: 'sticky',
+      left: 0,
+      zIndex: 2,
+      background: theme.palette.background.b6
+    },
+    stickyEmptyCell: {
+      position: 'sticky',
+      right: 0,
+      zIndex: 2
+    },
+    collapseHeader: {
+      width: function width(_ref) {
+        var isExpanded = _ref.isExpanded,
+          maxCellWidth = _ref.maxCellWidth,
+          cellWidth = _ref.cellWidth;
+        return isExpanded ? maxCellWidth : cellWidth;
+      }
+    },
+    tableCellWrapper: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      width: function width(_ref2) {
+        var isExpanded = _ref2.isExpanded,
+          maxCellWidth = _ref2.maxCellWidth,
+          cellWidth = _ref2.cellWidth;
+        return isExpanded ? maxCellWidth : cellWidth;
+      }
+    },
+    iconButton: {
+      padding: 0,
+      fontSize: 16,
+      '&:hover': {
+        backgroundColor: 'transparent'
+      }
+    }
+  };
+});
+var TableCell = function TableCell(_ref3) {
+  var isExpanded = _ref3.isExpanded,
+    setIsExpanded = _ref3.setIsExpanded,
+    tooltipTitle = _ref3.tooltipTitle,
+    collapsibleHeader = _ref3.collapsibleHeader,
+    collapsibleBody = _ref3.collapsibleBody,
+    maxCellWidth = _ref3.maxCellWidth,
+    maxCharsNumberFromStart = _ref3.maxCharsNumberFromStart,
+    maxCharsNumberFromEnd = _ref3.maxCharsNumberFromEnd,
+    cellWidth = _ref3.cellWidth,
+    children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var isStickyCell = props.stickyCell && !props.emptyCell;
+  var classes = useStyles({
+    isExpanded: isExpanded,
+    cellWidth: cellWidth,
+    maxCellWidth: maxCellWidth
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTooltipOpen = _useState2[0],
+    setIsTooltipOpen = _useState2[1];
+  var getTruncatedText = function getTruncatedText(text) {
+    return text.length > maxCharsNumberFromStart + maxCharsNumberFromEnd ? "".concat(text.substring(0, maxCharsNumberFromStart), " ... ").concat(text.substring(text.length - maxCharsNumberFromEnd)) : text;
+  };
+  var handleArrowIconClick = function handleArrowIconClick() {
+    setIsTooltipOpen(false);
+    setIsExpanded(!isExpanded);
+  };
+  return /*#__PURE__*/jsxs(TableCell$1, _objectSpread(_objectSpread({}, props), {}, {
+    className: classNames(collapsibleHeader && classes.collapseHeader, isStickyCell && classes.stickyCell, props.emptyCell && classes.stickyEmptyCell, isStickyCell && 'stickyCell', props.emptyCell && 'stickyEmptyCell', props.className),
+    children: [collapsibleHeader && /*#__PURE__*/jsxs("div", {
+      className: classes.tableCellWrapper,
+      children: [children, /*#__PURE__*/jsx(IconButton, {
+        className: classes.iconButton,
+        onClick: handleArrowIconClick,
+        tooltipProps: {
+          title: isExpanded ? 'Collapse' : 'Expand',
+          open: isTooltipOpen,
+          disableHoverListener: true,
+          onMouseEnter: function onMouseEnter() {
+            return setIsTooltipOpen(true);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return setIsTooltipOpen(false);
+          }
+        },
+        children: isExpanded ? /*#__PURE__*/jsx(KeyboardArrowLeft, {}) : /*#__PURE__*/jsx(KeyboardArrowRight, {})
+      })]
+    }), collapsibleBody && /*#__PURE__*/jsx(Tooltip, {
+      title: isExpanded ? '' : tooltipTitle,
+      children: /*#__PURE__*/jsx("div", {
+        children: isExpanded ? children : getTruncatedText(tooltipTitle)
+      })
+    }), !collapsibleHeader && !collapsibleBody && children]
+  }));
+};
+
+export { TableCell };
+//# sourceMappingURL=TableCell.js.map

package/components/Table/TableCell/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sources":["../../../../src/components/Table/TableCell/TableCell.js"],"sourcesContent":["import { useState } from 'react';\nimport { TableCell as MUITableCell, makeStyles } from '@material-ui/core';\nimport { KeyboardArrowLeft, KeyboardArrowRight } from \"@material-ui/icons\";\nimport classNames from 'classnames';\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\n\nconst useStyles = makeStyles(theme => ({\n  stickyCell: {\n    position: 'sticky',\n    left: 0,\n    zIndex: 2,\n    background: theme.palette.background.b6,\n  },\n  stickyEmptyCell: {\n    position: 'sticky',\n    right: 0,\n    zIndex: 2,\n  },\n  collapseHeader: {\n    width: ({ isExpanded, maxCellWidth, cellWidth }) => isExpanded ? maxCellWidth : cellWidth,\n  },\n  tableCellWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: ({ isExpanded, maxCellWidth, cellWidth }) => isExpanded ? maxCellWidth : cellWidth,\n  },\n  iconButton: {\n    padding: 0,\n    fontSize: 16,\n    '&:hover': {\n      backgroundColor: 'transparent',\n    }\n  }\n}));\n\nexport const TableCell = ({\n  isExpanded,\n  setIsExpanded,\n  tooltipTitle,\n  collapsibleHeader,\n  collapsibleBody,\n  maxCellWidth,\n  maxCharsNumberFromStart,\n  maxCharsNumberFromEnd,\n  cellWidth,\n  children,\n  ...props\n}) => {\n  const isStickyCell = props.stickyCell && !props.emptyCell;\n  const classes = useStyles({ isExpanded, cellWidth, maxCellWidth });\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const getTruncatedText = (text) => {\n    return text.length > (maxCharsNumberFromStart + maxCharsNumberFromEnd) ?\n      `${text.substring(0, maxCharsNumberFromStart)} ... ${text.substring(text.length - maxCharsNumberFromEnd)}`\n      : text;\n  };\n\n  const handleArrowIconClick = () => {\n    setIsTooltipOpen(false);\n    setIsExpanded(!isExpanded);\n  }\n\n  return (\n    <MUITableCell\n      {...props}\n      className={classNames(\n        collapsibleHeader && classes.collapseHeader,\n        isStickyCell && classes.stickyCell,\n        props.emptyCell && classes.stickyEmptyCell,\n        isStickyCell && 'stickyCell',\n        props.emptyCell && 'stickyEmptyCell',\n        props.className\n      )}\n    >\n      {collapsibleHeader && (\n        <div className={classes.tableCellWrapper}>\n          {children}\n          <IconButton\n            className={classes.iconButton}\n            onClick={handleArrowIconClick}\n            tooltipProps={{\n              title: isExpanded ? 'Collapse': 'Expand',\n              open: isTooltipOpen,\n              disableHoverListener: true,\n              onMouseEnter: () => setIsTooltipOpen(true),\n              onMouseLeave: () => setIsTooltipOpen(false),\n            }}\n          >\n            {isExpanded ? <KeyboardArrowLeft/> : <KeyboardArrowRight/>}\n          </IconButton>\n        </div>\n      )}\n      {collapsibleBody && (\n        <Tooltip title={isExpanded ? '' : tooltipTitle}>\n          <div>\n            {isExpanded ? children : getTruncatedText(tooltipTitle)}\n          </div>\n        </Tooltip>\n      )}\n      {!collapsibleHeader && !collapsibleBody && children}\n    </MUITableCell>\n  );\n};\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b6","stickyEmptyCell","right","collapseHeader","width","isExpanded","maxCellWidth","cellWidth","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","props","isStickyCell","emptyCell","classes","useState","isTooltipOpen","setIsTooltipOpen","getTruncatedText","text","length","substring","handleArrowIconClick","_jsxs","MUITableCell","classNames","className","_jsx","title","open","disableHoverListener","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/components/Table/TableContainer/TableContainer.js

@@ -1 +1,120 @@
-import t from"@babel/runtime/helpers/defineProperty";import o from"@babel/runtime/helpers/slicedToArray";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useState as r}from"react";import i from"classnames";import{makeStyles as a,TableContainer as l}from"@material-ui/core";import{jsx as n}from"react/jsx-runtime";var c=["stickyHeader","className","stickyColumn","classes"];function s(t,o){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),e.push.apply(e,r)}return e}var b="top",p="right",u="bottom",m="left",d="both",g=a((function(t){return{root:function(o){return{borderTop:o.isStickyHeader?"1px solid ".concat(t.palette.primary.text9):"none","& .MuiTable-root .MuiTableHead-root .MuiTableRow-head":{position:(o.top||o.bothVertical)&&"sticky",zIndex:2,top:0,boxShadow:(o.top||o.bothVertical)&&"0px 16px 10px ".concat(t.palette.background.b6)},"& .MuiTable-root .MuiTableFooter-root":{"&:before":{content:(o.bottom||o.bothVertical)&&"no-open-quote",position:"absolute",bottom:-1,width:"inherit",height:"16px",background:"linear-gradient(360deg, rgba(44, 44, 44, 0) 0%, ".concat(t.palette.background.b6," 100%)"),transform:"matrix(1, 0, 0, -1, 0, 0)"}},"& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyCell":{"&:after":{content:(o.left||o.bothHorizontal)&&"no-open-quote",position:"absolute",top:0,right:"-16px",width:"16px",height:"100%",background:"linear-gradient(270deg, rgba(44, 44, 44, 0) 0%, ".concat(t.palette.background.b6," 100%)")}},"& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyEmptyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyEmptyCell":{background:(o.right||o.bothHorizontal)&&"linear-gradient(90deg, rgba(44, 44, 44, 0) 0%, ".concat(t.palette.background.b6," 100%)")}}}}})),h=function(a){var h=a.stickyHeader,f=a.className,y=a.stickyColumn,P=a.classes,T=e(a,c),k=r(h?u:""),M=o(k,2),O=M[0],w=M[1],j=r(y?p:""),x=o(j,2),H=x[0],v=x[1],S=g({top:O===b,bottom:O===u,bothVertical:O===d,left:H===m,right:H===p,bothHorizontal:H===d,isStickyHeader:h}),C=function(t){var o=t.scroll,e=t.clientParam,r=t.scrollParam,i=t.setScrollPosition,a=t.gradientPositions;0===o?i(a[0]):Math.ceil(o)+e===r?i(a[1]):i(d)};return n(l,function(o){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?s(Object(r),!0).forEach((function(e){t(o,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(r,t))}))}return o}({onScroll:function(t){h?C({scroll:t.target.scrollTop,clientParam:t.target.clientHeight,scrollParam:t.target.scrollHeight,setScrollPosition:w,gradientPositions:[u,b]}):y&&C({scroll:t.target.scrollLeft,clientParam:t.target.clientWidth,scrollParam:t.target.scrollWidth,setScrollPosition:v,gradientPositions:[p,m]})},className:i(S.root,f,null==P?void 0:P.root)},T))};export{h as TableContainer};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useState } from 'react';
+import classNames from 'classnames';
+import { makeStyles, TableContainer as TableContainer$1 } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["stickyHeader", "className", "stickyColumn", "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 GRADIENT_POSITIONS = {
+  TOP: 'top',
+  RIGHT: 'right',
+  BOTTOM: 'bottom',
+  LEFT: 'left',
+  BOTH: 'both'
+};
+var useStyles = makeStyles(function (theme) {
+  return {
+    root: function root(props) {
+      return {
+        borderTop: props.isStickyHeader ? "1px solid ".concat(theme.palette.primary.text9) : 'none',
+        '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head': {
+          position: (props.top || props.bothVertical) && 'sticky',
+          zIndex: 2,
+          top: 0,
+          boxShadow: (props.top || props.bothVertical) && "0px 16px 10px ".concat(theme.palette.background.b6)
+        },
+        '& .MuiTable-root .MuiTableFooter-root': {
+          '&:before': {
+            content: (props.bottom || props.bothVertical) && 'no-open-quote',
+            position: 'absolute',
+            bottom: -1,
+            width: 'inherit',
+            height: '16px',
+            background: "linear-gradient(360deg, rgba(44, 44, 44, 0) 0%, ".concat(theme.palette.background.b6, " 100%)"),
+            transform: 'matrix(1, 0, 0, -1, 0, 0)'
+          }
+        },
+        '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyCell': {
+          '&:after': {
+            content: (props.left || props.bothHorizontal) && 'no-open-quote',
+            position: 'absolute',
+            top: 0,
+            right: '-16px',
+            width: '16px',
+            height: '100%',
+            background: "linear-gradient(270deg, rgba(44, 44, 44, 0) 0%, ".concat(theme.palette.background.b6, " 100%)")
+          }
+        },
+        '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyEmptyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyEmptyCell': {
+          background: (props.right || props.bothHorizontal) && "linear-gradient(90deg, rgba(44, 44, 44, 0) 0%, ".concat(theme.palette.background.b6, " 100%)")
+        }
+      };
+    }
+  };
+});
+var TableContainer = function TableContainer(props) {
+  var stickyHeader = props.stickyHeader,
+    className = props.className,
+    stickyColumn = props.stickyColumn,
+    customClasses = props.classes,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(stickyHeader ? GRADIENT_POSITIONS.BOTTOM : ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    verticalGradientPosition = _useState2[0],
+    setVerticalGradientPosition = _useState2[1];
+  var _useState3 = useState(stickyColumn ? GRADIENT_POSITIONS.RIGHT : ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    horizontalGradientPosition = _useState4[0],
+    setHorizontalGradientPosition = _useState4[1];
+  var classes = useStyles({
+    top: verticalGradientPosition === GRADIENT_POSITIONS.TOP,
+    bottom: verticalGradientPosition === GRADIENT_POSITIONS.BOTTOM,
+    bothVertical: verticalGradientPosition === GRADIENT_POSITIONS.BOTH,
+    left: horizontalGradientPosition === GRADIENT_POSITIONS.LEFT,
+    right: horizontalGradientPosition === GRADIENT_POSITIONS.RIGHT,
+    bothHorizontal: horizontalGradientPosition === GRADIENT_POSITIONS.BOTH,
+    isStickyHeader: stickyHeader
+  });
+  var handleScrollPosition = function handleScrollPosition(_ref) {
+    var scroll = _ref.scroll,
+      clientParam = _ref.clientParam,
+      scrollParam = _ref.scrollParam,
+      setScrollPosition = _ref.setScrollPosition,
+      gradientPositions = _ref.gradientPositions;
+    if (scroll === 0) {
+      setScrollPosition(gradientPositions[0]);
+    } else if (Math.ceil(scroll) + clientParam === scrollParam) {
+      setScrollPosition(gradientPositions[1]);
+    } else setScrollPosition(GRADIENT_POSITIONS.BOTH);
+  };
+  var handleTableScroll = function handleTableScroll(e) {
+    if (stickyHeader) {
+      handleScrollPosition({
+        scroll: e.target.scrollTop,
+        clientParam: e.target.clientHeight,
+        scrollParam: e.target.scrollHeight,
+        setScrollPosition: setVerticalGradientPosition,
+        gradientPositions: [GRADIENT_POSITIONS.BOTTOM, GRADIENT_POSITIONS.TOP]
+      });
+    } else if (stickyColumn) {
+      handleScrollPosition({
+        scroll: e.target.scrollLeft,
+        clientParam: e.target.clientWidth,
+        scrollParam: e.target.scrollWidth,
+        setScrollPosition: setHorizontalGradientPosition,
+        gradientPositions: [GRADIENT_POSITIONS.RIGHT, GRADIENT_POSITIONS.LEFT]
+      });
+    }
+  };
+  return /*#__PURE__*/jsx(TableContainer$1, _objectSpread({
+    onScroll: handleTableScroll,
+    className: classNames(classes.root, className, customClasses === null || customClasses === void 0 ? void 0 : customClasses.root)
+  }, restProps));
+};
+
+export { TableContainer };
+//# sourceMappingURL=TableContainer.js.map

package/components/Table/TableContainer/TableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","sources":["../../../../src/components/Table/TableContainer/TableContainer.js"],"sourcesContent":["import { useState } from 'react';\nimport classname from 'classnames';\nimport { TableContainer as MUITableContainer, makeStyles } from '@material-ui/core';\n\nconst GRADIENT_POSITIONS = {\n  TOP: 'top',\n  RIGHT: 'right',\n  BOTTOM: 'bottom',\n  LEFT: 'left',\n  BOTH: 'both',\n};\n\nconst useStyles = makeStyles(theme => ({\n  root: props => ({\n    borderTop: props.isStickyHeader ? `1px solid ${theme.palette.primary.text9}` : 'none',\n    '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head': {\n      position: (props.top || props.bothVertical) && 'sticky',\n      zIndex: 2,\n      top: 0,\n      boxShadow:\n        (props.top || props.bothVertical) && `0px 16px 10px ${theme.palette.background.b6}`,\n    },\n    '& .MuiTable-root .MuiTableFooter-root': {\n      '&:before': {\n        content: (props.bottom || props.bothVertical) && 'no-open-quote',\n        position: 'absolute',\n        bottom: -1,\n        width: 'inherit',\n        height: '16px',\n        background: `linear-gradient(360deg, rgba(44, 44, 44, 0) 0%, ${theme.palette.background.b6} 100%)`,\n        transform: 'matrix(1, 0, 0, -1, 0, 0)',\n      },\n    },\n    '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyCell':\n      {\n        '&:after': {\n          content: (props.left || props.bothHorizontal) && 'no-open-quote',\n          position: 'absolute',\n          top: 0,\n          right: '-16px',\n          width: '16px',\n          height: '100%',\n          background: `linear-gradient(270deg, rgba(44, 44, 44, 0) 0%, ${theme.palette.background.b6} 100%)`,\n        },\n      },\n    '& .MuiTable-root .MuiTableHead-root .MuiTableRow-head .stickyEmptyCell, & .MuiTable-root .MuiTableBody-root .MuiTableRow-root .stickyEmptyCell':\n      {\n        background:\n          (props.right || props.bothHorizontal) &&\n          `linear-gradient(90deg, rgba(44, 44, 44, 0) 0%, ${theme.palette.background.b6} 100%)`,\n      },\n  }),\n}));\n\nexport const TableContainer = props => {\n  const { stickyHeader, className, stickyColumn, classes: customClasses, ...restProps } = props;\n  const [verticalGradientPosition, setVerticalGradientPosition] = useState(\n    stickyHeader ? GRADIENT_POSITIONS.BOTTOM : ''\n  );\n  const [horizontalGradientPosition, setHorizontalGradientPosition] = useState(\n    stickyColumn ? GRADIENT_POSITIONS.RIGHT : ''\n  );\n  const classes = useStyles({\n    top: verticalGradientPosition === GRADIENT_POSITIONS.TOP,\n    bottom: verticalGradientPosition === GRADIENT_POSITIONS.BOTTOM,\n    bothVertical: verticalGradientPosition === GRADIENT_POSITIONS.BOTH,\n    left: horizontalGradientPosition === GRADIENT_POSITIONS.LEFT,\n    right: horizontalGradientPosition === GRADIENT_POSITIONS.RIGHT,\n    bothHorizontal: horizontalGradientPosition === GRADIENT_POSITIONS.BOTH,\n    isStickyHeader: stickyHeader,\n  });\n\n  const handleScrollPosition = ({\n    scroll,\n    clientParam,\n    scrollParam,\n    setScrollPosition,\n    gradientPositions,\n  }) => {\n    if (scroll === 0) {\n      setScrollPosition(gradientPositions[0]);\n    } else if (Math.ceil(scroll) + clientParam === scrollParam) {\n      setScrollPosition(gradientPositions[1]);\n    } else setScrollPosition(GRADIENT_POSITIONS.BOTH);\n  };\n\n  const handleTableScroll = e => {\n    if (stickyHeader) {\n      handleScrollPosition({\n        scroll: e.target.scrollTop,\n        clientParam: e.target.clientHeight,\n        scrollParam: e.target.scrollHeight,\n        setScrollPosition: setVerticalGradientPosition,\n        gradientPositions: [GRADIENT_POSITIONS.BOTTOM, GRADIENT_POSITIONS.TOP],\n      });\n    } else if (stickyColumn) {\n      handleScrollPosition({\n        scroll: e.target.scrollLeft,\n        clientParam: e.target.clientWidth,\n        scrollParam: e.target.scrollWidth,\n        setScrollPosition: setHorizontalGradientPosition,\n        gradientPositions: [GRADIENT_POSITIONS.RIGHT, GRADIENT_POSITIONS.LEFT],\n      });\n    }\n  };\n\n  return (\n    <MUITableContainer\n      onScroll={handleTableScroll}\n      className={classname(classes.root, className, customClasses?.root)}\n      {...restProps}\n    />\n  );\n};\n"],"names":["GRADIENT_POSITIONS","TOP","RIGHT","BOTTOM","LEFT","BOTH","useStyles","makeStyles","theme","root","props","borderTop","isStickyHeader","palette","primary","text9","position","top","bothVertical","zIndex","boxShadow","background","b6","content","bottom","width","height","transform","left","bothHorizontal","right","TableContainer","stickyHeader","className","stickyColumn","customClasses","classes","restProps","useState","verticalGradientPosition","setVerticalGradientPosition","horizontalGradientPosition","setHorizontalGradientPosition","handleScrollPosition","scroll","clientParam","scrollParam","setScrollPosition","gradientPositions","Math","ceil","handleTableScroll","e","target","scrollTop","clientHeight","scrollHeight","scrollLeft","clientWidth","scrollWidth","_jsx","MUITableContainer","classname"],"mappings":"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"}

package/components/Table/TableSortLabel/TableSortLabel.js

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

package/components/Table/TableSortLabel/TableSortLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSortLabel.js","sources":["../../../../src/components/Table/TableSortLabel/TableSortLabel.js"],"sourcesContent":["import { Tooltip, TableSortLabel as TableSortLabelComponent } from '@material-ui/core';\n\nconst TableSortLabel = props => (\n  <Tooltip placement=\"top-end\" title=\"Sort\">\n    <TableSortLabelComponent {...props} />\n  </Tooltip>\n);\n\nexport default TableSortLabel;\n"],"names":["TableSortLabel","props","_jsx","TableSortLabelComponent"],"mappings":";;;;;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAGC,KAAK,EAAA;AAAA,EAAA,oBAC1BC,IAAC,OAAO,EAAA;AAAC,IAAA,SAAS,EAAC,SAAS;AAAC,IAAA,KAAK,EAAC,MAAM;IAAA,QACvC,eAAAA,GAAA,CAACC,gBAAuB,EAAA,aAAA,CAAA,EAAA,EAAKF,KAAK,CAAA,CAAA;GAC1B,CAAA,CAAA;AAAA;;;;"}

package/components/Table/TableToolbar/TableToolbar.js

@@ -1 +1,63 @@
-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};
+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 PropTypes from 'prop-types';
+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 numSelected = _ref.numSelected,
+    actions = _ref.actions,
+    content = _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)),
+    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 { TableToolbar as default };
+//# sourceMappingURL=TableToolbar.js.map