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

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/Table/Table/Table.js

@@ -1 +1,13 @@
-import{__assign as r}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{Table as t}from"@material-ui/core";var e=function(e){return o(t,r({},e))};export{e as Table};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Table as Table$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; }
+// export const Table: ComponentType<TableProps> = MuiTable;
+var Table = function Table(props) {
+  return /*#__PURE__*/jsx(Table$1, _objectSpread({}, props));
+};
+
+export { Table };
+//# sourceMappingURL=Table.js.map

package/components/Table/TableCell/TableCell.js

@@ -1 +1,148 @@
-import{__rest as o,__assign as s}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as c}from"react/jsx-runtime";import{useState as t}from"react";import{makeStyles as n,TableCell as e}from"@material-ui/core";import l from"classnames";import r from"../../IconButton/index.js";import{Tooltip as m}from"../../Tooltip/Tooltip.js";import"../../Tooltip/ScrollableTooltip.js";import{LeftIcon as a,RightIcon as p}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";var d=n((function(o){return{stickyCell:{position:"sticky",left:0,zIndex:2,background:o.palette.background.b4},stickyEmptyCell:{position:"sticky",right:0,zIndex:2},collapseHeader:{width:function(o){var s=o.isExpanded,i=o.maxCellWidth,c=o.cellWidth;return s?i:c}},tableCellWrapper:{display:"flex",alignItems:"center",justifyContent:"space-between",width:function(o){var s=o.isExpanded,i=o.maxCellWidth,c=o.cellWidth;return s?i:c}},iconButton:{padding:0,fontSize:16,"&:hover":{backgroundColor:"transparent"}}}})),u=function(n){var u,h=n.isExpanded,C=n.setIsExpanded,I=n.tooltipTitle,j=n.collapsibleHeader,b=n.collapsibleBody,x=n.maxCellWidth,k=n.cellWidth,f=n.maxCharsNumberFromStart,y=n.maxCharsNumberFromEnd,E=n.children,W=n.stickyCell,g=n.emptyCell,F=n.className,v=o(n,["isExpanded","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCellWidth","cellWidth","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","stickyCell","emptyCell","className"]),N=W&&!g,T=d({isExpanded:h,cellWidth:k,maxCellWidth:x}),S=t(!1),z=S[0],B=S[1];return i(e,s({},v,{className:l(j&&T.collapseHeader,N&&T.stickyCell,g&&T.stickyEmptyCell,N&&"stickyCell",g&&"stickyEmptyCell",F),children:[j&&i("div",{className:T.tableCellWrapper,children:[E,c(r,{className:T.iconButton,size:"small",onClick:function(){B(!1),C(!h)},tooltipProps:{title:h?"Collapse":"Expand",open:z,disableHoverListener:!0,onMouseEnter:function(){return B(!0)},onMouseLeave:function(){return B(!1)}},children:c(h?a:p,{size:16})})]}),b&&c(m,{title:h?"":I,children:c("div",{children:h?E:(u=I,u.length>f+y?"".concat(u.substring(0,f)," ... ").concat(u.substring(u.length-y)):u)})}),!j&&!b&&E]}))};export{u 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 classNames from 'classnames';
+import IconButton from '../../IconButton/index.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import '../../Tooltip/ScrollableTooltip.js';
+import { LeftIcon, RightIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.js';
+import '../../../icons/customIcons/icons/Attention.js';
+import '../../../icons/customIcons/icons/Collapse.js';
+import '../../../icons/customIcons/icons/Dashboard.js';
+import '../../../icons/customIcons/icons/Expand.js';
+import '../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../icons/customIcons/icons/Search.js';
+import '../../../icons/customIcons/icons/Wellhub.js';
+import '../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../icons/customIcons/icons/Checkbox.js';
+import '../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../icons/customIcons/icons/Radio.js';
+import '../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../icons/customIcons/icons/MoreApp.js';
+import '../../../icons/customIcons/icons/Pad.js';
+import '../../../icons/customIcons/icons/Gap.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isExpanded", "setIsExpanded", "tooltipTitle", "collapsibleHeader", "collapsibleBody", "maxCellWidth", "cellWidth", "maxCharsNumberFromStart", "maxCharsNumberFromEnd", "children", "stickyCell", "emptyCell", "className"];
+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.b4
+    },
+    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,
+    cellWidth = _ref3.cellWidth,
+    maxCharsNumberFromStart = _ref3.maxCharsNumberFromStart,
+    maxCharsNumberFromEnd = _ref3.maxCharsNumberFromEnd,
+    children = _ref3.children,
+    stickyCell = _ref3.stickyCell,
+    emptyCell = _ref3.emptyCell,
+    className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var isStickyCell = stickyCell && !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, emptyCell && classes.stickyEmptyCell, isStickyCell && 'stickyCell', emptyCell && 'stickyEmptyCell', className),
+    children: [collapsibleHeader && /*#__PURE__*/jsxs("div", {
+      className: classes.tableCellWrapper,
+      children: [children, /*#__PURE__*/jsx(IconButton, {
+        className: classes.iconButton,
+        size: "small",
+        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(LeftIcon, {
+          size: 16
+        }) : /*#__PURE__*/jsx(RightIcon, {
+          size: 16
+        })
+      })]
+    }), 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.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\nimport {\n  makeStyles,\n  TableCell as MUITableCell,\n  TableCellProps as MUITableCellProps,\n} from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport IconButton from '~/components/IconButton';\nimport Tooltip from '~/components/Tooltip';\nimport { LeftIcon, RightIcon } from '~/icons';\n\nconst useStyles = makeStyles(theme => ({\n  stickyCell: {\n    position: 'sticky',\n    left: 0,\n    zIndex: 2,\n    background: theme.palette.background.b4,\n  },\n  stickyEmptyCell: {\n    position: 'sticky',\n    right: 0,\n    zIndex: 2,\n  },\n  collapseHeader: {\n    width: ({ isExpanded, maxCellWidth, cellWidth }: any) =>\n      isExpanded ? maxCellWidth : cellWidth,\n  },\n  tableCellWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: ({ isExpanded, maxCellWidth, cellWidth }: any) =>\n      isExpanded ? maxCellWidth : cellWidth,\n  },\n  iconButton: {\n    padding: 0,\n    fontSize: 16,\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n}));\n\nexport type TableCellProps = {\n  /**\n   * Cell Content\n   */\n  children?: ReactNode;\n  isExpanded?: boolean;\n  setIsExpanded?: (value: boolean) => void;\n  tooltipTitle?: string;\n  collapsibleHeader?: boolean;\n  collapsibleBody?: boolean;\n  /**\n   * Cell width when expanded\n   */\n  cellWidth?: string | number;\n  /**\n   * Cell width when collapsed\n   */\n  maxCellWidth?: string | number;\n  maxCharsNumberFromStart?: number;\n  maxCharsNumberFromEnd?: number;\n  stickyCell?: boolean;\n  emptyCell?: boolean;\n  className?: string;\n  align?: 'center' | 'inherit' | 'justify' | 'left' | 'right';\n  size?: 'medium' | 'small';\n} & Omit<MUITableCellProps, 'children' | 'className' | 'align' | 'size'>;\n\nexport const TableCell = ({\n  isExpanded,\n  setIsExpanded,\n  tooltipTitle,\n  collapsibleHeader,\n  collapsibleBody,\n  maxCellWidth,\n  cellWidth,\n  maxCharsNumberFromStart,\n  maxCharsNumberFromEnd,\n  children,\n  stickyCell,\n  emptyCell,\n  className,\n  ...props\n}: TableCellProps) => {\n  const isStickyCell = stickyCell && !emptyCell;\n  const classes = useStyles({ isExpanded, cellWidth, maxCellWidth });\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const getTruncatedText = (text: string) => {\n    return text.length > maxCharsNumberFromStart + maxCharsNumberFromEnd\n      ? `${text.substring(0, maxCharsNumberFromStart)} ... ${text.substring(\n          text.length - maxCharsNumberFromEnd\n        )}`\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        emptyCell && classes.stickyEmptyCell,\n        isStickyCell && 'stickyCell',\n        emptyCell && 'stickyEmptyCell',\n        className\n      )}\n    >\n      {collapsibleHeader && (\n        <div className={classes.tableCellWrapper}>\n          {children}\n          <IconButton\n            className={classes.iconButton}\n            size=\"small\"\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 ? <LeftIcon size={16} /> : <RightIcon size={16} />}\n          </IconButton>\n        </div>\n      )}\n      {collapsibleBody && (\n        <Tooltip title={isExpanded ? '' : tooltipTitle}>\n          <div>{isExpanded ? children : getTruncatedText(tooltipTitle)}</div>\n        </Tooltip>\n      )}\n      {!collapsibleHeader && !collapsibleBody && children}\n    </MUITableCell>\n  );\n};\n"],"names":["useStyles","makeStyles","theme","stickyCell","position","left","zIndex","background","palette","b4","stickyEmptyCell","right","collapseHeader","width","isExpanded","maxCellWidth","cellWidth","tableCellWrapper","display","alignItems","justifyContent","iconButton","padding","fontSize","backgroundColor","TableCell","setIsExpanded","tooltipTitle","collapsibleHeader","collapsibleBody","maxCharsNumberFromStart","maxCharsNumberFromEnd","children","emptyCell","className","props","isStickyCell","classes","useState","isTooltipOpen","setIsTooltipOpen","getTruncatedText","text","length","substring","handleArrowIconClick","_jsxs","MUITableCell","classNames","_jsx","title","open","disableHoverListener","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/components/Table/TableContainer/TableContainer.js

@@ -1 +1,121 @@
-import{__rest as t,__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useState as a}from"react";import i from"classnames";import{makeStyles as l,TableContainer as n}from"@material-ui/core";var c="top",s="right",b="bottom",u="left",d="both",m=l((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.b4)},"& .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.b4," 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.b4," 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.b4," 100%)")}}}}})),p=r((function(r,l){var p=r.stickyHeader,g=r.className,h=r.stickyColumn,T=r.classes,f=t(r,["stickyHeader","className","stickyColumn","classes"]),k=a(p?b:""),M=k[0],y=k[1],x=a(h?s:""),H=x[0],P=x[1],w=m({top:M===c,bottom:M===b,bothVertical:M===d,left:H===u,right:H===s,bothHorizontal:H===d,isStickyHeader:p}),C=function(t){var o=t.scroll,e=t.clientParam,r=t.scrollParam,a=t.setScrollPosition,i=t.gradientPositions;0===o?a(i[0]):Math.ceil(o)+e===r?a(i[1]):a(d)};return e(n,o({onScroll:function(t){p?C({scroll:t.currentTarget.scrollTop,clientParam:t.currentTarget.clientHeight,scrollParam:t.currentTarget.scrollHeight,setScrollPosition:y,gradientPositions:[b,c]}):h&&C({scroll:t.currentTarget.scrollLeft,clientParam:t.currentTarget.clientWidth,scrollParam:t.currentTarget.scrollWidth,setScrollPosition:P,gradientPositions:[s,u]})},className:i(w.root,g,null==T?void 0:T.root),ref:l},f))}));export{p as TableContainer};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef, 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.b4)
+        },
+        '& .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.b4, " 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.b4, " 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.b4, " 100%)")
+        }
+      };
+    }
+  };
+});
+var TableContainer = forwardRef(function (props, ref) {
+  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.currentTarget.scrollTop,
+        clientParam: e.currentTarget.clientHeight,
+        scrollParam: e.currentTarget.scrollHeight,
+        setScrollPosition: setVerticalGradientPosition,
+        gradientPositions: [GRADIENT_POSITIONS.BOTTOM, GRADIENT_POSITIONS.TOP]
+      });
+    } else if (stickyColumn) {
+      handleScrollPosition({
+        scroll: e.currentTarget.scrollLeft,
+        clientParam: e.currentTarget.clientWidth,
+        scrollParam: e.currentTarget.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),
+    ref: ref
+  }, 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.tsx"],"sourcesContent":["import { Dispatch, forwardRef, SetStateAction, UIEventHandler, useState } from 'react';\nimport classname from 'classnames';\nimport {\n  makeStyles,\n  TableContainer as MUITableContainer,\n  TableContainerProps as MUITableContainerProps,\n} 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: any) =>\n    ({\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.b4}`,\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.b4} 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.b4} 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.b4} 100%)`,\n        },\n    } as any),\n}));\n\nexport type TableContainerProps = {\n  stickyHeader?: boolean;\n  className?: string;\n  stickyColumn?: boolean;\n  classes?: Record<string, string>;\n} & Omit<MUITableContainerProps, 'classes' | 'className'>;\n\nexport const TableContainer = forwardRef<HTMLTableElement, TableContainerProps>((props, ref) => {\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    scroll: number;\n    clientParam: number;\n    scrollParam: number;\n    setScrollPosition: Dispatch<SetStateAction<string>>;\n    gradientPositions: string[];\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: UIEventHandler<HTMLDivElement> = e => {\n    if (stickyHeader) {\n      handleScrollPosition({\n        scroll: e.currentTarget.scrollTop,\n        clientParam: e.currentTarget.clientHeight,\n        scrollParam: e.currentTarget.scrollHeight,\n        setScrollPosition: setVerticalGradientPosition,\n        gradientPositions: [GRADIENT_POSITIONS.BOTTOM, GRADIENT_POSITIONS.TOP],\n      });\n    } else if (stickyColumn) {\n      handleScrollPosition({\n        scroll: e.currentTarget.scrollLeft,\n        clientParam: e.currentTarget.clientWidth,\n        scrollParam: e.currentTarget.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      ref={ref}\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","b4","content","bottom","width","height","transform","left","bothHorizontal","right","TableContainer","forwardRef","ref","stickyHeader","className","stickyColumn","customClasses","classes","restProps","useState","verticalGradientPosition","setVerticalGradientPosition","horizontalGradientPosition","setHorizontalGradientPosition","handleScrollPosition","scroll","clientParam","scrollParam","setScrollPosition","gradientPositions","Math","ceil","handleTableScroll","e","currentTarget","scrollTop","clientHeight","scrollHeight","scrollLeft","clientWidth","scrollWidth","_jsx","MUITableContainer","classname"],"mappings":"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"}

package/components/Table/TablePagination/TablePagination.js

@@ -1 +1,34 @@
-import{__rest as t,__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"react";import{makeStyles as s,TablePagination as a}from"@material-ui/core";import{TablePaginationActions as i}from"../TablePaginationActions/TablePaginationActions.js";var n=s((function(t){return{selectIcon:{top:"calc(50% - 8px)",color:t.palette.primary.text6}}})),c=r((function(r,s){var c=r.classes,l=t(r,["classes"]),m=n();return e(a,o({ActionsComponent:i,classes:o({selectIcon:m.selectIcon},c)},l,{ref:s}))}));export{c as TablePagination};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { makeStyles, TablePagination as TablePagination$1 } from '@material-ui/core';
+import { TablePaginationActions } from '../TablePaginationActions/TablePaginationActions.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["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(function (theme) {
+  return {
+    selectIcon: {
+      top: 'calc(50% - 8px)',
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var TablePagination = forwardRef(function (props, ref) {
+  var customClasses = props.classes,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var classes = useStyles();
+  return /*#__PURE__*/jsx(TablePagination$1, _objectSpread(_objectSpread({
+    ActionsComponent: TablePaginationActions,
+    classes: _objectSpread({
+      selectIcon: classes.selectIcon
+    }, customClasses)
+  }, restProps), {}, {
+    ref: ref
+  }));
+});
+
+export { TablePagination };
+//# sourceMappingURL=TablePagination.js.map

package/components/Table/TablePagination/TablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/Table/TablePagination/TablePagination.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport {\n  makeStyles,\n  TablePagination as MuiTablePagination,\n  TablePaginationProps,\n} from '@material-ui/core';\nimport { TablePaginationActions } from '../TablePaginationActions/TablePaginationActions';\n\nconst useStyles = makeStyles(theme => ({\n  selectIcon: {\n    top: 'calc(50% - 8px)',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const TablePagination = forwardRef<HTMLDivElement, TablePaginationProps>((props, ref) => {\n  const { classes: customClasses, ...restProps } = props;\n  const classes = useStyles();\n\n  return (\n    <MuiTablePagination\n      ActionsComponent={TablePaginationActions}\n      classes={{ selectIcon: classes.selectIcon, ...customClasses }}\n      {...restProps}\n      ref={ref}\n    />\n  );\n});\n"],"names":["useStyles","makeStyles","theme","selectIcon","top","color","palette","primary","text6","TablePagination","forwardRef","props","ref","customClasses","classes","restProps","_jsx","MuiTablePagination","TablePaginationActions"],"mappings":";;;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,GAAG,EAAE,iBAAiB;AACtBC,MAAAA,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAAA;AAC/B,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEI,IAAMC,eAAe,GAAGC,UAAU,CAAuC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC9F,EAAA,IAAiBC,aAAa,GAAmBF,KAAK,CAA9CG,OAAO;AAAoBC,IAAAA,SAAS,4BAAKJ,KAAK,EAAA,SAAA,CAAA,CAAA;EACtD,IAAMG,OAAO,GAAGd,SAAS,EAAE,CAAA;AAE3B,EAAA,oBACEgB,IAACC,iBAAkB,EAAA,aAAA,CAAA,aAAA,CAAA;AACjB,IAAA,gBAAgB,EAAEC,sBAAuB;IACzC,OAAO,EAAA,aAAA,CAAA;MAAIf,UAAU,EAAEW,OAAO,CAACX,UAAAA;AAAU,KAAA,EAAKU,aAAa,CAAA;AAAG,GAAA,EAC1DE,SAAS,CAAA,EAAA,EAAA,EAAA;AACb,IAAA,GAAG,EAAEH,GAAAA;GACL,CAAA,CAAA,CAAA;AAEN,CAAC;;;;"}

package/components/Table/TablePaginationActions/TablePaginationActions.js

@@ -1 +1,83 @@
-import{__rest as o,__assign as s}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsxs as c,jsx as n}from"react/jsx-runtime";import{forwardRef as i}from"react";import{makeStyles as t}from"@material-ui/core";import{LeftIcon as r,RightIcon as m}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";import e from"../../IconButton/index.js";var p=t((function(o){return{icon:{color:o.palette.primary.text6}}})),u=i((function(i,t){var u=i.backIconButtonProps,a=i.count,l=i.nextIconButtonProps,I=i.onChangePage,d=i.page,j=i.rowsPerPage,h=o(i,["backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage"]),C=-1!==a&&d>=Math.ceil(a/j)-1,P=p();return c("div",s({ref:t},h,{children:[n(e,s({onClick:function(o){I(o,d-1)},disabled:0===d},u,{children:n(r,{size:"small",className:P.icon})})),n(e,s({onClick:function(o){I(o,d+1)},disabled:C},l,{children:n(m,{size:"small",className:P.icon})}))]}))}));export{u as TablePaginationActions};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { makeStyles } from '@material-ui/core';
+import { LeftIcon, RightIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.js';
+import '../../../icons/customIcons/icons/Attention.js';
+import '../../../icons/customIcons/icons/Collapse.js';
+import '../../../icons/customIcons/icons/Dashboard.js';
+import '../../../icons/customIcons/icons/Expand.js';
+import '../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../icons/customIcons/icons/Search.js';
+import '../../../icons/customIcons/icons/Wellhub.js';
+import '../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../icons/customIcons/icons/Checkbox.js';
+import '../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../icons/customIcons/icons/Radio.js';
+import '../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../icons/customIcons/icons/MoreApp.js';
+import '../../../icons/customIcons/icons/Pad.js';
+import '../../../icons/customIcons/icons/Gap.js';
+import IconButton from '../../IconButton/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["backIconButtonProps", "count", "nextIconButtonProps", "onChangePage", "page", "rowsPerPage"];
+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 {
+    icon: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var TablePaginationActions = forwardRef(function (props, ref) {
+  var backIconButtonProps = props.backIconButtonProps,
+    count = props.count,
+    nextIconButtonProps = props.nextIconButtonProps,
+    onChangePage = props.onChangePage,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    other = _objectWithoutProperties(props, _excluded);
+  var isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;
+  var classes = useStyles();
+  var handleBackButtonClick = function handleBackButtonClick(event) {
+    onChangePage(event, page - 1);
+  };
+  var handleNextButtonClick = function handleNextButtonClick(event) {
+    onChangePage(event, page + 1);
+  };
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    ref: ref
+  }, other), {}, {
+    children: [/*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
+      onClick: handleBackButtonClick,
+      disabled: page === 0
+    }, backIconButtonProps), {}, {
+      children: /*#__PURE__*/jsx(LeftIcon, {
+        size: "small",
+        className: classes.icon
+      })
+    })), /*#__PURE__*/jsx(IconButton, _objectSpread(_objectSpread({
+      onClick: handleNextButtonClick,
+      disabled: isNextButtonDisabled
+    }, nextIconButtonProps), {}, {
+      children: /*#__PURE__*/jsx(RightIcon, {
+        size: "small",
+        className: classes.icon
+      })
+    }))]
+  }));
+});
+
+export { TablePaginationActions };
+//# sourceMappingURL=TablePaginationActions.js.map

package/components/Table/TablePaginationActions/TablePaginationActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePaginationActions.js","sources":["../../../../src/components/Table/TablePaginationActions/TablePaginationActions.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TablePaginationActionsProps } from '@material-ui/core/TablePagination/TablePaginationActions';\nimport { LeftIcon, RightIcon } from '~/icons';\nimport IconButton from '../../IconButton';\n\nconst useStyles = makeStyles(theme => ({\n  icon: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nexport const TablePaginationActions = forwardRef<HTMLDivElement, TablePaginationActionsProps>(\n  (props, ref) => {\n    const {\n      backIconButtonProps,\n      count,\n      nextIconButtonProps,\n      onChangePage,\n      page,\n      rowsPerPage,\n      ...other\n    } = props;\n    const isNextButtonDisabled = count !== -1 && page >= Math.ceil(count / rowsPerPage) - 1;\n\n    const classes = useStyles();\n\n    const handleBackButtonClick = event => {\n      onChangePage(event, page - 1);\n    };\n\n    const handleNextButtonClick = event => {\n      onChangePage(event, page + 1);\n    };\n\n    return (\n      <div ref={ref} {...other}>\n        <IconButton onClick={handleBackButtonClick} disabled={page === 0} {...backIconButtonProps}>\n          <LeftIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n        <IconButton\n          onClick={handleNextButtonClick}\n          disabled={isNextButtonDisabled}\n          {...nextIconButtonProps}\n        >\n          <RightIcon size=\"small\" className={classes.icon} />\n        </IconButton>\n      </div>\n    );\n  }\n);\n"],"names":["useStyles","makeStyles","theme","icon","color","palette","primary","text6","TablePaginationActions","forwardRef","props","ref","backIconButtonProps","count","nextIconButtonProps","onChangePage","page","rowsPerPage","other","isNextButtonDisabled","Math","ceil","classes","handleBackButtonClick","event","handleNextButtonClick","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,OAAO,CAACC,KAAAA;AAC/B,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEI,IAAMC,sBAAsB,GAAGC,UAAU,CAC9C,UAACC,KAAK,EAAEC,GAAG,EAAK;AACd,EAAA,IACEC,mBAAmB,GAOjBF,KAAK,CAPPE,mBAAmB;IACnBC,KAAK,GAMHH,KAAK,CANPG,KAAK;IACLC,mBAAmB,GAKjBJ,KAAK,CALPI,mBAAmB;IACnBC,YAAY,GAIVL,KAAK,CAJPK,YAAY;IACZC,IAAI,GAGFN,KAAK,CAHPM,IAAI;IACJC,WAAW,GAETP,KAAK,CAFPO,WAAW;AACRC,IAAAA,KAAK,4BACNR,KAAK,EAAA,SAAA,CAAA,CAAA;AACT,EAAA,IAAMS,oBAAoB,GAAGN,KAAK,KAAK,CAAC,CAAC,IAAIG,IAAI,IAAII,IAAI,CAACC,IAAI,CAACR,KAAK,GAAGI,WAAW,CAAC,GAAG,CAAC,CAAA;EAEvF,IAAMK,OAAO,GAAGtB,SAAS,EAAE,CAAA;AAE3B,EAAA,IAAMuB,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAGC,KAAK,EAAI;AACrCT,IAAAA,YAAY,CAACS,KAAK,EAAER,IAAI,GAAG,CAAC,CAAC,CAAA;GAC9B,CAAA;AAED,EAAA,IAAMS,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAGD,KAAK,EAAI;AACrCT,IAAAA,YAAY,CAACS,KAAK,EAAER,IAAI,GAAG,CAAC,CAAC,CAAA;GAC9B,CAAA;EAED,oBACEU,IAAA,CAAA,KAAA,EAAA,aAAA,CAAA,aAAA,CAAA;AAAK,IAAA,GAAG,EAAEf,GAAAA;AAAI,GAAA,EAAKO,KAAK,CAAA,EAAA,EAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACtBS,IAAC,UAAU,EAAA,aAAA,CAAA,aAAA,CAAA;AAAC,MAAA,OAAO,EAAEJ,qBAAsB;MAAC,QAAQ,EAAEP,IAAI,KAAK,CAAA;AAAE,KAAA,EAAKJ,mBAAmB,CAAA,EAAA,EAAA,EAAA;AAAA,MAAA,QAAA,eACvFe,IAAC,QAAQ,EAAA;AAAC,QAAA,IAAI,EAAC,OAAO;QAAC,SAAS,EAAEL,OAAO,CAACnB,IAAAA;AAAK,OAAA,CAAA;KACpC,CAAA,CAAA,eACbwB,IAAC,UAAU,EAAA,aAAA,CAAA,aAAA,CAAA;AACT,MAAA,OAAO,EAAEF,qBAAsB;AAC/B,MAAA,QAAQ,EAAEN,oBAAAA;AAAqB,KAAA,EAC3BL,mBAAmB,CAAA,EAAA,EAAA,EAAA;AAAA,MAAA,QAAA,eAEvBa,IAAC,SAAS,EAAA;AAAC,QAAA,IAAI,EAAC,OAAO;QAAC,SAAS,EAAEL,OAAO,CAACnB,IAAAA;AAAK,OAAA,CAAA;KACrC,CAAA,CAAA,CAAA;GACT,CAAA,CAAA,CAAA;AAEV,CAAC;;;;"}

package/components/Table/TableSortLabel/TableSortLabel.js

@@ -1 +1,47 @@
-import{__assign as o}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as s}from"react/jsx-runtime";import{Tooltip as c,TableSortLabel as i}from"@material-ui/core";import{DownSmallIcon as n}from"../../../icons/iconParkIcons.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";var t=function(t){return s(c,{placement:"top-end",title:"Sort",children:s(i,o({},t,{IconComponent:function(c){return s(n,o({},c,{size:16}))}}))})};export{t as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Tooltip, TableSortLabel as TableSortLabel$1 } from '@material-ui/core';
+import { DownSmallIcon } from '../../../icons/iconParkIcons.js';
+import '../../../icons/customIcons/icons/AddMessage.js';
+import '../../../icons/customIcons/icons/Attention.js';
+import '../../../icons/customIcons/icons/Collapse.js';
+import '../../../icons/customIcons/icons/Dashboard.js';
+import '../../../icons/customIcons/icons/Expand.js';
+import '../../../icons/customIcons/icons/FolderClosed.js';
+import '../../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../../icons/customIcons/icons/FolderOpened.js';
+import '../../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../../icons/customIcons/icons/LessOrEqual.js';
+import '../../../icons/customIcons/icons/Search.js';
+import '../../../icons/customIcons/icons/Wellhub.js';
+import '../../../icons/customIcons/icons/MultiRuler.js';
+import '../../../icons/customIcons/icons/Checkbox.js';
+import '../../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../../icons/customIcons/icons/Radio.js';
+import '../../../icons/customIcons/icons/RadioChecked.js';
+import '../../../icons/customIcons/icons/SimulFrac.js';
+import '../../../icons/customIcons/icons/ZipperFrac.js';
+import '../../../icons/customIcons/icons/CautionFilled.js';
+import '../../../icons/customIcons/icons/MoreApp.js';
+import '../../../icons/customIcons/icons/Pad.js';
+import '../../../icons/customIcons/icons/Gap.js';
+import { jsx } from 'react/jsx-runtime';
+
+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(_objectSpread({}, props), {}, {
+      IconComponent: function IconComponent(iconProps) {
+        return /*#__PURE__*/jsx(DownSmallIcon, _objectSpread(_objectSpread({}, iconProps), {}, {
+          size: 16
+        }));
+      }
+    }))
+  });
+};
+
+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.tsx"],"sourcesContent":["import {\n  TableSortLabel as TableSortLabelComponent,\n  TableSortLabelProps as MUITableSortLabelProps,\n  Tooltip,\n} from '@material-ui/core';\n\nimport { DownSmallIcon } from '~/icons';\n\nexport type TableSortLabelProps = {\n  /**\n   * Shows an arrow indicating sort direction\n   */\n  active?: boolean;\n  /**\n   * Click handler\n   */\n  onClick?: MUITableSortLabelProps['onClick'];\n} & Omit<MUITableSortLabelProps, 'IconComponent' | 'active' | 'onClick'>;\n\nconst TableSortLabel = (props: TableSortLabelProps) => (\n  <Tooltip placement=\"top-end\" title=\"Sort\">\n    <TableSortLabelComponent\n      {...props}\n      IconComponent={iconProps => <DownSmallIcon {...iconProps} size={16} />}\n    />\n  </Tooltip>\n);\n\nexport default TableSortLabel;\n"],"names":["TableSortLabel","props","_jsx","TableSortLabelComponent","iconProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAA;AAAA,EAAA,oBAChDC,IAAC,OAAO,EAAA;AAAC,IAAA,SAAS,EAAC,SAAS;AAAC,IAAA,KAAK,EAAC,MAAM;IAAA,QACvC,eAAAA,GAAA,CAACC,gBAAuB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAClBF,KAAK,CAAA,EAAA,EAAA,EAAA;MACT,aAAa,EAAE,uBAAAG,SAAS,EAAA;QAAA,oBAAIF,GAAA,CAAC,aAAa,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKE,SAAS,CAAA,EAAA,EAAA,EAAA;AAAE,UAAA,IAAI,EAAE,EAAA;SAAM,CAAA,CAAA,CAAA;AAAA,OAAA;AAAC,KAAA,CAAA,CAAA;GAEjE,CAAA,CAAA;AAAA;;;;"}