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

package/components/RealTimeValuesSidebar/SidebarFooter.js

@@ -1 +1,100 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as e}from"react/jsx-runtime";import{memo as r,useContext as i}from"react";import a from"classnames";import{makeStyles as n}from"@material-ui/core";import{ChevronRight as s,KeyboardArrowUp as l,Add as c,ChevronLeft as d,KeyboardArrowDown as m}from"@material-ui/icons";import p from"../IconButton/index.js";import u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as b}from"./enums.js";var f=n((function(t){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"50px"},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0,boxShadow:"16px -16px 16px ".concat(t.palette.background.b5)},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:t.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingLeft:"14px",paddingRight:"5px",alignItems:"center","&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12}}}));var g=r((function(r){var n=r.onSidebarOpened,g=r.onSidebarClosed,h=f(),x=i(u),S=x.isSidebarOpen,v=x.orientation,z=x.handleOpenCloseDialog;return o("div",t({className:a(h.rtSidebarFooter,v),"data-testid":"sidebar_footer"},{children:S?e("div",t({className:a(h.rtSidebarFooterActions,v)},{children:[o(p,t({"data-testid":"sidebar_close_button",onClick:g,size:"large",className:h.actionButton},{children:v===b.vertical?o(s,{}):o(l,{className:h.rtSidebarFooterIcon})})),v===b.horizontal&&o(p,t({size:"large",color:"primary",tooltipProps:{title:"Add"},onClick:function(){return z(!0)},className:h.actionButton},{children:o(c,{})}))]})):o(p,t({size:"large",onClick:n,"data-testid":"sidebar_open_button",classes:{root:h.actionButton},className:a(h.closedButton)},{children:v===b.vertical?o(d,{}):o(m,{})}))}))}));export{g as default};
+import { memo, useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import { ChevronRight, KeyboardArrowUp, Add, ChevronLeft, KeyboardArrowDown } from '@material-ui/icons';
+import IconButton from '../IconButton/index.js';
+import RealTimeSidebarContext from './RealTimeSidebarContext.js';
+import { ORIENTATIONS } from './enums.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    button: {
+      fontSize: 14,
+      fontWeight: 500
+    },
+    buttonIcon: {
+      fontSize: 24,
+      marginRight: 8
+    },
+    closedButton: {
+      marginBottom: '50px'
+    },
+    rtSidebarFooter: {
+      position: 'absolute',
+      right: 0,
+      '&.vertical': {
+        left: 0,
+        bottom: 0,
+        boxShadow: "16px -16px 16px ".concat(theme.palette.background.b5)
+      },
+      '&.horizontal': {
+        top: 0
+      }
+    },
+    rtSidebarFooterIcon: {
+      color: theme.palette.primary.text6
+    },
+    rtSidebarFooterActions: {
+      display: 'flex',
+      paddingLeft: '14px',
+      paddingRight: '5px',
+      alignItems: 'center',
+      '&.horizontal': {
+        flexDirection: 'row-reverse'
+      }
+    },
+    actionButton: {
+      padding: 12
+    }
+  };
+});
+function SidebarFooter(_ref) {
+  var onSidebarOpened = _ref.onSidebarOpened,
+    onSidebarClosed = _ref.onSidebarClosed;
+  var classes = useStyles();
+  var _useContext = useContext(RealTimeSidebarContext),
+    isSidebarOpen = _useContext.isSidebarOpen,
+    orientation = _useContext.orientation,
+    handleOpenCloseDialog = _useContext.handleOpenCloseDialog;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.rtSidebarFooter, orientation),
+    "data-testid": "sidebar_footer",
+    children: isSidebarOpen ? /*#__PURE__*/jsxs("div", {
+      className: classNames(classes.rtSidebarFooterActions, orientation),
+      children: [/*#__PURE__*/jsx(IconButton, {
+        "data-testid": "sidebar_close_button",
+        onClick: onSidebarClosed,
+        size: "large",
+        className: classes.actionButton,
+        children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsx(ChevronRight, {}) : /*#__PURE__*/jsx(KeyboardArrowUp, {
+          className: classes.rtSidebarFooterIcon
+        })
+      }), orientation === ORIENTATIONS.horizontal && /*#__PURE__*/jsx(IconButton, {
+        size: "large",
+        color: "primary",
+        tooltipProps: {
+          title: 'Add'
+        },
+        onClick: function onClick() {
+          return handleOpenCloseDialog(true);
+        },
+        className: classes.actionButton,
+        children: /*#__PURE__*/jsx(Add, {})
+      })]
+    }) : /*#__PURE__*/jsx(IconButton, {
+      size: "large",
+      onClick: onSidebarOpened,
+      "data-testid": "sidebar_open_button",
+      classes: {
+        root: classes.actionButton
+      },
+      className: classNames(classes.closedButton),
+      children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsx(ChevronLeft, {}) : /*#__PURE__*/jsx(KeyboardArrowDown, {})
+    })
+  });
+}
+var SidebarFooter$1 = memo(SidebarFooter);
+
+export { SidebarFooter$1 as default };
+//# sourceMappingURL=SidebarFooter.js.map

package/components/RealTimeValuesSidebar/SidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFooter.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarFooter.tsx"],"sourcesContent":["import { memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { makeStyles } from '@material-ui/core';\n\nimport {\n  ChevronRight as ChevronRightIcon,\n  ChevronLeft as ChevronLeftIcon,\n  KeyboardArrowDown as KeyboardArrowDownIcon,\n  KeyboardArrowUp as KeyboardArrowUpIcon,\n  Add as AddIcon,\n} from '@material-ui/icons';\n\nimport IconButton from '~/components/IconButton';\n\nimport { SidebarFooterProps } from './types';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  button: {\n    fontSize: 14,\n    fontWeight: 500,\n  },\n  buttonIcon: {\n    fontSize: 24,\n    marginRight: 8,\n  },\n  closedButton: {\n    marginBottom: '50px',\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\n      boxShadow: `16px -16px 16px ${theme.palette.background.b5}`,\n    },\n    '&.horizontal': {\n      top: 0,\n    },\n  },\n\n  rtSidebarFooterIcon: {\n    color: theme.palette.primary.text6,\n  },\n\n  rtSidebarFooterActions: {\n    display: 'flex',\n    paddingLeft: '14px',\n    paddingRight: '5px',\n    alignItems: 'center',\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n  },\n}));\n\nfunction SidebarFooter({ onSidebarOpened, onSidebarClosed }: SidebarFooterProps) {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation, handleOpenCloseDialog } = useContext(RealTimeSidebarContext);\n\n  return (\n    <div className={classNames(classes.rtSidebarFooter, orientation)} data-testid=\"sidebar_footer\">\n      {isSidebarOpen ? (\n        <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n          <IconButton\n            data-testid=\"sidebar_close_button\"\n            onClick={onSidebarClosed}\n            size=\"large\"\n            className={classes.actionButton}\n          >\n            {orientation === ORIENTATIONS.vertical ? (\n              <ChevronRightIcon />\n            ) : (\n              <KeyboardArrowUpIcon className={classes.rtSidebarFooterIcon} />\n            )}\n          </IconButton>\n          {orientation === ORIENTATIONS.horizontal && (\n            <IconButton\n              size=\"large\"\n              color=\"primary\"\n              tooltipProps={{ title: 'Add' }}\n              onClick={() => handleOpenCloseDialog(true)}\n              className={classes.actionButton}\n            >\n              <AddIcon />\n            </IconButton>\n          )}\n        </div>\n      ) : (\n        <IconButton\n          size=\"large\"\n          onClick={onSidebarOpened}\n          data-testid=\"sidebar_open_button\"\n          classes={{ root: classes.actionButton }}\n          className={classNames(classes.closedButton)}\n        >\n          {orientation === ORIENTATIONS.vertical ? <ChevronLeftIcon /> : <KeyboardArrowDownIcon />}\n        </IconButton>\n      )}\n    </div>\n  );\n}\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","rtSidebarFooter","position","right","left","bottom","boxShadow","palette","background","b5","top","rtSidebarFooterIcon","color","primary","text6","rtSidebarFooterActions","display","paddingLeft","paddingRight","alignItems","flexDirection","actionButton","padding","SidebarFooter","onSidebarOpened","onSidebarClosed","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","_jsxs","ORIENTATIONS","vertical","ChevronRightIcon","KeyboardArrowUpIcon","horizontal","title","AddIcon","root","ChevronLeftIcon","KeyboardArrowDownIcon","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/SidebarTitle.js

@@ -1 +1,72 @@
-import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as i,Fragment as r}from"react/jsx-runtime";import{memo as o,useContext as a}from"react";import n from"classnames";import{makeStyles as l,Typography as m}from"@material-ui/core";import p from"@material-ui/icons/Timer";import c from"./RealTimeSidebarContext.js";import{ORIENTATIONS as s}from"./enums.js";var x=l((function(t){return{iconWithText:{fontSize:20,lineHeight:"20px",marginRight:8},text:{fontSize:14,lineHeight:"16px",fontWeight:500,letterSpacing:1,textTransform:"uppercase"},icon:{fontSize:20,lineHeight:"20px"},cTpRtSidebarTitle:{display:"flex",flexDirection:"row",alignItems:"center",height:"50px",justifyContent:"normal",paddingLeft:"16px",zIndex:1,position:"absolute","&.vertical":{width:"100%",boxShadow:"16px 16px 16px ".concat(t.palette.background.b5),borderBottom:"1px solid ".concat(t.palette.background.b7),color:t.isLightTheme?t.palette.primary.text9:t.palette.primary.text1},"&.horizontal":{color:t.isLightTheme?t.palette.primary.text1:t.palette.primary.text6}}}}));var d=o((function(){var o=x(),l=a(c),d=l.isSidebarOpen,h=l.orientation;return e("div",t({className:n(o.cTpRtSidebarTitle,h)},{children:d||h===s.horizontal?i(r,{children:[e(p,{className:o.iconWithText}),e(m,t({variant:"body2",component:"h4",className:o.text},{children:"Real-Time Values"}))]}):e(p,{className:o.icon})}))}));export{d as default};
+import { memo, useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Typography } from '@material-ui/core';
+import TimerIcon from '@material-ui/icons/Timer';
+import RealTimeSidebarContext from './RealTimeSidebarContext.js';
+import { ORIENTATIONS } from './enums.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    iconWithText: {
+      fontSize: 20,
+      lineHeight: '20px',
+      marginRight: 8
+    },
+    text: {
+      fontSize: 14,
+      lineHeight: '16px',
+      fontWeight: 500,
+      letterSpacing: 1,
+      textTransform: 'uppercase'
+    },
+    icon: {
+      fontSize: 20,
+      lineHeight: '20px'
+    },
+    cTpRtSidebarTitle: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      height: '50px',
+      justifyContent: 'normal',
+      paddingLeft: '16px',
+      zIndex: 1,
+      position: 'absolute',
+      '&.vertical': {
+        width: '100%',
+        boxShadow: "16px 16px 16px ".concat(theme.palette.background.b5),
+        borderBottom: "1px solid ".concat(theme.palette.background.b7),
+        color: theme.isLightTheme ? theme.palette.primary.text9 : theme.palette.primary.text1
+      },
+      '&.horizontal': {
+        color: theme.isLightTheme ? theme.palette.primary.text1 : theme.palette.primary.text6
+      }
+    }
+  };
+});
+function SidebarTitle() {
+  var classes = useStyles();
+  var _useContext = useContext(RealTimeSidebarContext),
+    isSidebarOpen = _useContext.isSidebarOpen,
+    orientation = _useContext.orientation;
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.cTpRtSidebarTitle, orientation),
+    children: isSidebarOpen || orientation === ORIENTATIONS.horizontal ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(TimerIcon, {
+        className: classes.iconWithText
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        component: "h4",
+        className: classes.text,
+        children: "Real-Time Values"
+      })]
+    }) : /*#__PURE__*/jsx(TimerIcon, {
+      className: classes.icon
+    })
+  });
+}
+var SidebarTitle$1 = memo(SidebarTitle);
+
+export { SidebarTitle$1 as default };
+//# sourceMappingURL=SidebarTitle.js.map

package/components/RealTimeValuesSidebar/SidebarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarTitle.js","sources":["../../../src/components/RealTimeValuesSidebar/SidebarTitle.tsx"],"sourcesContent":["import { memo, useContext } from 'react';\nimport classNames from 'classnames';\n\nimport { makeStyles, Typography } from '@material-ui/core';\nimport TimerIcon from '@material-ui/icons/Timer';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  iconWithText: {\n    fontSize: 20,\n    lineHeight: '20px',\n    marginRight: 8,\n  },\n  text: {\n    fontSize: 14,\n    lineHeight: '16px',\n    fontWeight: 500,\n    letterSpacing: 1,\n    textTransform: 'uppercase',\n  },\n  icon: {\n    fontSize: 20,\n    lineHeight: '20px',\n  },\n\n  cTpRtSidebarTitle: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: '50px',\n    justifyContent: 'normal',\n    paddingLeft: '16px',\n    zIndex: 1,\n    position: 'absolute',\n\n    '&.vertical': {\n      width: '100%',\n      boxShadow: `16px 16px 16px ${theme.palette.background.b5}`,\n      borderBottom: `1px solid ${theme.palette.background.b7}`,\n      color: theme.isLightTheme ? theme.palette.primary.text9 : theme.palette.primary.text1,\n    },\n\n    '&.horizontal': {\n      color: theme.isLightTheme ? theme.palette.primary.text1 : theme.palette.primary.text6,\n    },\n  },\n}));\n\nfunction SidebarTitle() {\n  const classes = useStyles();\n\n  const { isSidebarOpen, orientation } = useContext(RealTimeSidebarContext);\n\n  return (\n    <div className={classNames(classes.cTpRtSidebarTitle, orientation)}>\n      {isSidebarOpen || orientation === ORIENTATIONS.horizontal ? (\n        <>\n          <TimerIcon className={classes.iconWithText} />\n          <Typography variant=\"body2\" component=\"h4\" className={classes.text}>\n            Real-Time Values\n          </Typography>\n        </>\n      ) : (\n        <TimerIcon className={classes.icon} />\n      )}\n    </div>\n  );\n}\n\nexport default memo(SidebarTitle);\n"],"names":["useStyles","makeStyles","theme","iconWithText","fontSize","lineHeight","marginRight","text","fontWeight","letterSpacing","textTransform","icon","cTpRtSidebarTitle","display","flexDirection","alignItems","height","justifyContent","paddingLeft","zIndex","position","width","boxShadow","palette","background","b5","borderBottom","b7","color","isLightTheme","primary","text9","text1","text6","SidebarTitle","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","_jsx","classNames","ORIENTATIONS","horizontal","_jsxs","_Fragment","memo"],"mappings":";;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAACC,KAAU,EAAA;EAAA,OAAM;AAC5CC,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAM;AAClBC,MAAAA,WAAW,EAAE,CAAA;KACd;AACDC,IAAAA,IAAI,EAAE;AACJH,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAM;AAClBG,MAAAA,UAAU,EAAE,GAAG;AACfC,MAAAA,aAAa,EAAE,CAAC;AAChBC,MAAAA,aAAa,EAAE,WAAA;KAChB;AACDC,IAAAA,IAAI,EAAE;AACJP,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAA;KACb;AAEDO,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,aAAa,EAAE,KAAK;AACpBC,MAAAA,UAAU,EAAE,QAAQ;AACpBC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,cAAc,EAAE,QAAQ;AACxBC,MAAAA,WAAW,EAAE,MAAM;AACnBC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,QAAQ,EAAE,UAAU;AAEpB,MAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,MAAM;QACbC,SAAS,EAAA,iBAAA,CAAA,MAAA,CAAoBpB,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACC,EAAE,CAAE;QAC1DC,YAAY,EAAA,YAAA,CAAA,MAAA,CAAexB,KAAK,CAACqB,OAAO,CAACC,UAAU,CAACG,EAAE,CAAE;AACxDC,QAAAA,KAAK,EAAE1B,KAAK,CAAC2B,YAAY,GAAG3B,KAAK,CAACqB,OAAO,CAACO,OAAO,CAACC,KAAK,GAAG7B,KAAK,CAACqB,OAAO,CAACO,OAAO,CAACE,KAAAA;OACjF;AAED,MAAA,cAAc,EAAE;AACdJ,QAAAA,KAAK,EAAE1B,KAAK,CAAC2B,YAAY,GAAG3B,KAAK,CAACqB,OAAO,CAACO,OAAO,CAACE,KAAK,GAAG9B,KAAK,CAACqB,OAAO,CAACO,OAAO,CAACG,KAAAA;AAClF,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASC,YAAY,GAAG;EACtB,IAAMC,OAAO,GAAGnC,SAAS,EAAE,CAAA;EAE3B,IAAuCoC,WAAAA,GAAAA,UAAU,CAACC,sBAAsB,CAAC;AAAjEC,IAAAA,aAAa,eAAbA,aAAa;AAAEC,IAAAA,WAAW,eAAXA,WAAW,CAAA;EAElC,oBACEC,GAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,UAAU,CAACN,OAAO,CAACvB,iBAAiB,EAAE2B,WAAW,CAAE;AAAA,IAAA,QAAA,EAChED,aAAa,IAAIC,WAAW,KAAKG,YAAY,CAACC,UAAU,gBACvDC,IAAA,CAAAC,QAAA,EAAA;AAAA,MAAA,QAAA,EAAA,cACEL,IAAC,SAAS,EAAA;QAAC,SAAS,EAAEL,OAAO,CAAChC,YAAAA;OAAgB,CAAA,eAC9CqC,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;AAAC,QAAA,SAAS,EAAC,IAAI;QAAC,SAAS,EAAEL,OAAO,CAAC5B,IAAK;AAAA,QAAA,QAAA,EAAA,kBAAA;OAEtD,CAAA,CAAA;KACZ,CAAA,gBAEHiC,IAAC,SAAS,EAAA;MAAC,SAAS,EAAEL,OAAO,CAACxB,IAAAA;AAAK,KAAA,CAAA;GAEjC,CAAA,CAAA;AAEV,CAAA;AAEA,qBAAemC,IAAI,CAACZ,YAAY,CAAC;;;;"}

package/components/RealTimeValuesSidebar/enums.js

@@ -1 +1,8 @@
-var o;!function(o){o.vertical="vertical",o.horizontal="horizontal"}(o||(o={}));export{o as ORIENTATIONS};
+var ORIENTATIONS;
+(function (ORIENTATIONS) {
+  ORIENTATIONS["vertical"] = "vertical";
+  ORIENTATIONS["horizontal"] = "horizontal";
+})(ORIENTATIONS || (ORIENTATIONS = {}));
+
+export { ORIENTATIONS };
+//# sourceMappingURL=enums.js.map

package/components/RealTimeValuesSidebar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/RealTimeValuesSidebar/enums.ts"],"sourcesContent":["export enum ORIENTATIONS {\n  vertical = 'vertical',\n  horizontal = 'horizontal',\n}\n"],"names":["ORIENTATIONS"],"mappings":"AAAA,IAAYA,aAAY;AAGvB,CAAA,UAHWA,YAAY,EAAA;EAAZA,YAAY,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAZA,YAAY,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,CAAZA,EAAAA,YAAY,KAAZA,YAAY,GAAA,EAAA,CAAA,CAAA;;;;"}

package/components/ResizableTable/ResizableTable.js

@@ -1 +1,90 @@
-import{__rest as r,__assign as l}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as e,jsx as i}from"react/jsx-runtime";import n from"prop-types";import{Table as o,TableHead as d,TableRow as t,TableCell as u,TableBody as c}from"@material-ui/core";import{useState as p}from"react";import a from"./ResizableTableHeaderCell.js";import s from"./ResizableTableCell.js";var v=function(n){var v,h,m,f,y,b=n.children,j=r(n,["children"]),k=b,x=k[0],C=k[1],R=null===(v=null==C?void 0:C.props)||void 0===v?void 0:v.children,T=null===(y=null===(f=null===(m=null===(h=null==x?void 0:x.props)||void 0===h?void 0:h.children)||void 0===m?void 0:m.props)||void 0===f?void 0:f.children)||void 0===y?void 0:y.reduce((function(r,l){return Array.isArray(l)?r.push.apply(r,l):r.push(l),r}),[]),z=p({}),A=z[0],N=z[1],g=function(r){return N((function(e){return l(l({},e),r)}))};return e(o,l({},j,{children:[i(d,{children:i(t,{children:null==T?void 0:T.map((function(r,e){var n;return r?e===T.length-1?i(u,l({},r.props,{children:null===(n=r.props)||void 0===n?void 0:n.children}),r.key||e):i(a,l({cellName:"cell".concat(e),nextCellName:"cell".concat(e+1),handleWidthsUpdate:g,widths:A},{children:r}),r.key||e):null}))})}),i(c,{children:null==R?void 0:R.map((function(r){var l,e;return i(t,{children:null===(e=null===(l=null==r?void 0:r.props)||void 0===l?void 0:l.children)||void 0===e?void 0:e.map((function(r,l){return r&&i(s,{children:r},r.key||l)}))},r.key)}))})]}))},h={children:n.arrayOf(n.node).isRequired};v.propTypes=h;export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { Table, TableHead, TableRow, TableCell, TableBody } from '@material-ui/core';
+import { useState } from 'react';
+import ResizableTableHeaderCell from './ResizableTableHeaderCell.js';
+import ResizableTableCell from './ResizableTableCell.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["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 ResizableTable = function ResizableTable(_ref) {
+  var _tableBody$props, _tableHeader$props, _tableHeader$props$ch, _tableHeader$props$ch2, _tableHeader$props$ch3;
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = children,
+    _ref3 = _slicedToArray(_ref2, 2),
+    tableHeader = _ref3[0],
+    tableBody = _ref3[1];
+  var tableBodyRows = tableBody === null || tableBody === void 0 ? void 0 : (_tableBody$props = tableBody.props) === null || _tableBody$props === void 0 ? void 0 : _tableBody$props.children;
+  var tableHeaderCells = tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : (_tableHeader$props$ch = _tableHeader$props.children) === null || _tableHeader$props$ch === void 0 ? void 0 : (_tableHeader$props$ch2 = _tableHeader$props$ch.props) === null || _tableHeader$props$ch2 === void 0 ? void 0 : (_tableHeader$props$ch3 = _tableHeader$props$ch2.children) === null || _tableHeader$props$ch3 === void 0 ? void 0 : _tableHeader$props$ch3.reduce(function (accum, current) {
+    if (Array.isArray(current)) {
+      accum.push.apply(accum, _toConsumableArray(current));
+    } else {
+      accum.push(current);
+    }
+    return accum;
+  }, []);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    widths = _useState2[0],
+    setWidths = _useState2[1];
+  var handleWidthsUpdate = function handleWidthsUpdate(newWidth) {
+    return setWidths(function (prevWidths) {
+      return _objectSpread(_objectSpread({}, prevWidths), newWidth);
+    });
+  };
+  return /*#__PURE__*/jsxs(Table, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(TableHead, {
+      children: /*#__PURE__*/jsx(TableRow, {
+        children: tableHeaderCells === null || tableHeaderCells === void 0 ? void 0 : tableHeaderCells.map(function (cell, index) {
+          var _cell$props;
+          if (!cell) return null;
+          var isLastColumn = index === tableHeaderCells.length - 1;
+          return isLastColumn ?
+          /*#__PURE__*/
+          // eslint-disable-next-line react/no-array-index-key
+          jsx(TableCell, _objectSpread(_objectSpread({}, cell.props), {}, {
+            children: (_cell$props = cell.props) === null || _cell$props === void 0 ? void 0 : _cell$props.children
+          }), cell.key || index) : /*#__PURE__*/jsx(ResizableTableHeaderCell
+          // Note: need to use key as index because key is sent only for rows
+          // but not for cells in most cases
+          // eslint-disable-next-line react/no-array-index-key
+          , {
+            cellName: "cell".concat(index),
+            nextCellName: "cell".concat(index + 1),
+            handleWidthsUpdate: handleWidthsUpdate,
+            widths: widths,
+            children: cell
+          }, cell.key || index);
+        })
+      })
+    }), /*#__PURE__*/jsx(TableBody, {
+      children: tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (tableBodyRow) {
+        var _tableBodyRow$props, _tableBodyRow$props$c;
+        return /*#__PURE__*/jsx(TableRow, {
+          children: tableBodyRow === null || tableBodyRow === void 0 ? void 0 : (_tableBodyRow$props = tableBodyRow.props) === null || _tableBodyRow$props === void 0 ? void 0 : (_tableBodyRow$props$c = _tableBodyRow$props.children) === null || _tableBodyRow$props$c === void 0 ? void 0 : _tableBodyRow$props$c.map(function (cell, index) {
+            return cell && /*#__PURE__*/jsx(ResizableTableCell
+            // Note: need to use key as index because key is sent only for rows
+            // but not for cells in most cases
+            // eslint-disable-next-line react/no-array-index-key
+            , {
+              children: cell
+            }, cell.key || index);
+          })
+        }, tableBodyRow.key);
+      })
+    })]
+  }));
+};
+var resizableTablePropTypes = {
+  children: PropTypes.arrayOf(PropTypes.node).isRequired
+};
+ResizableTable.propTypes = resizableTablePropTypes;
+
+export { ResizableTable as default };
+//# sourceMappingURL=ResizableTable.js.map

package/components/ResizableTable/ResizableTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTable.js","sources":["../../../src/components/ResizableTable/ResizableTable.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Table, TableBody, TableCell, TableHead, TableRow, TableProps } from '@material-ui/core';\n\nimport { useState } from 'react';\nimport ResizableTableHeaderCell from './ResizableTableHeaderCell';\nimport ResizableTableCell from './ResizableTableCell';\n\nconst ResizableTable = ({ children, ...rest }: TableProps): JSX.Element => {\n  const [tableHeader, tableBody] = children as Array<JSX.Element>;\n\n  const tableBodyRows = tableBody?.props?.children;\n\n  const tableHeaderCells = tableHeader?.props?.children?.props?.children?.reduce(\n    (accum, current) => {\n      if (Array.isArray(current)) {\n        accum.push(...current);\n      } else {\n        accum.push(current);\n      }\n      return accum;\n    },\n    []\n  );\n\n  const [widths, setWidths] = useState({});\n\n  const handleWidthsUpdate = newWidth => setWidths(prevWidths => ({ ...prevWidths, ...newWidth }));\n\n  return (\n    <Table {...rest}>\n      <TableHead>\n        <TableRow>\n          {tableHeaderCells?.map((cell, index) => {\n            if (!cell) return null;\n            const isLastColumn = index === tableHeaderCells.length - 1;\n            return isLastColumn ? (\n              // eslint-disable-next-line react/no-array-index-key\n              <TableCell key={cell.key || index} {...cell.props}>\n                {cell.props?.children}\n              </TableCell>\n            ) : (\n              <ResizableTableHeaderCell\n                // Note: need to use key as index because key is sent only for rows\n                // but not for cells in most cases\n                // eslint-disable-next-line react/no-array-index-key\n                key={cell.key || index}\n                cellName={`cell${index}`}\n                nextCellName={`cell${index + 1}`}\n                handleWidthsUpdate={handleWidthsUpdate}\n                widths={widths}\n              >\n                {cell}\n              </ResizableTableHeaderCell>\n            );\n          })}\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {tableBodyRows?.map(tableBodyRow => {\n          return (\n            <TableRow key={tableBodyRow.key}>\n              {tableBodyRow?.props?.children?.map(\n                (cell, index) =>\n                  cell && (\n                    <ResizableTableCell\n                      // Note: need to use key as index because key is sent only for rows\n                      // but not for cells in most cases\n                      // eslint-disable-next-line react/no-array-index-key\n                      key={cell.key || index}\n                    >\n                      {cell}\n                    </ResizableTableCell>\n                  )\n              )}\n            </TableRow>\n          );\n        })}\n      </TableBody>\n    </Table>\n  );\n};\n\nconst resizableTablePropTypes = {\n  children: PropTypes.arrayOf(PropTypes.node).isRequired,\n};\n\nResizableTable.propTypes = resizableTablePropTypes;\n\nexport default ResizableTable;\n"],"names":["ResizableTable","children","rest","tableHeader","tableBody","tableBodyRows","props","tableHeaderCells","reduce","accum","current","Array","isArray","push","useState","widths","setWidths","handleWidthsUpdate","newWidth","prevWidths","_jsxs","_jsx","map","cell","index","isLastColumn","length","key","tableBodyRow","resizableTablePropTypes","PropTypes","arrayOf","node","isRequired","propTypes"],"mappings":"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"}

package/components/ResizableTable/ResizableTableCell.js

@@ -1 +1,22 @@
-import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e}from"react/jsx-runtime";import l from"prop-types";function i(l){var i,o,n=l.children;return n?e(n.type,r({},n.props,{children:e("div",{children:null!==(o=null===(i=null==n?void 0:n.props)||void 0===i?void 0:i.children)&&void 0!==o?o:null})})):null}i.propTypes={children:l.element.isRequired};export{i as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+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; }
+function ResizableTableCell(_ref) {
+  var _children$props$child, _children$props;
+  var children = _ref.children;
+  if (!children) return null;
+  return /*#__PURE__*/jsx(children.type, _objectSpread(_objectSpread({}, children.props), {}, {
+    children: /*#__PURE__*/jsx("div", {
+      children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
+    })
+  }));
+}
+ResizableTableCell.propTypes = {
+  children: PropTypes.element.isRequired
+};
+
+export { ResizableTableCell as default };
+//# sourceMappingURL=ResizableTableCell.js.map

package/components/ResizableTable/ResizableTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTableCell.js","sources":["../../../src/components/ResizableTable/ResizableTableCell.tsx"],"sourcesContent":["import PropTypes from 'prop-types';\n\ninterface ResizableTableCellProps {\n  children: JSX.Element\n}\n\nexport default function ResizableTableCell({ children }: ResizableTableCellProps): JSX.Element {\n  if (!children) return null;\n\n  return (\n    <children.type {...children.props}>\n      <div>{children?.props?.children ?? null}</div>\n    </children.type>\n  );\n}\n\nResizableTableCell.propTypes = {\n  children: PropTypes.element.isRequired,\n};\n"],"names":["ResizableTableCell","children","_jsx","props","propTypes","PropTypes","element","isRequired"],"mappings":";;;;;;AAMe,SAASA,kBAAkB,CAAqD,IAAA,EAAA;AAAA,EAAA,IAAA,qBAAA,EAAA,eAAA,CAAA;EAAA,IAAlDC,QAAQ,QAARA,QAAQ,CAAA;AACnD,EAAA,IAAI,CAACA,QAAQ,EAAE,OAAO,IAAI,CAAA;AAE1B,EAAA,oBACEC,IAAC,QAAQ,CAAC,IAAI,EAAKD,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,QAAQ,CAACE,KAAK,CAAA,EAAA,EAAA,EAAA;IAAA,QAC/B,eAAAD,GAAA,CAAA,KAAA,EAAA;MAAA,QAAMD,EAAAA,CAAAA,qBAAAA,GAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,eAAAA,GAAAA,QAAQ,CAAEE,KAAK,MAAA,IAAA,IAAA,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAiBF,CAAAA,QAAQ,MAAI,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,qBAAA,GAAA,IAAA;AAAI,KAAA,CAAA;GACzB,CAAA,CAAA,CAAA;AAEpB,CAAA;AAEAD,kBAAkB,CAACI,SAAS,GAAG;AAC7BH,EAAAA,QAAQ,EAAEI,SAAS,CAACC,OAAO,CAACC,UAAAA;AAC9B,CAAC;;;;"}

package/components/ResizableTable/ResizableTableHeaderCell.js

@@ -1 +1,125 @@
-import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import o from"prop-types";import a from"classnames";import l from"react-draggable";import{makeStyles as d}from"@material-ui/core/styles";import{TableCell as s}from"@material-ui/core";var c=d((function(e){return{resizableColumnHeader:{display:"flex",paddingRight:0,justifyContent:"space-between"},tableResizer:{width:6,borderRadius:10,opacity:.7,cursor:"col-resize",marginRight:-11,marginTop:-16,marginBottom:-16},hovered:{backgroundColor:e.palette.primary.main}}})),u=function(e){var r;return null===(r=document.getElementById(e))||void 0===r?void 0:r.offsetWidth};function m(o){var d,m,p=o.children,f=o.cellName,h=o.nextCellName,v=o.widths,g=o.handleWidthsUpdate,b=c(),R=t(!1),x=R[0],y=R[1],z=t(),C=z[0],N=z[1],q=t(),w=q[0],j=q[1];if(n((function(){var e;N(u("content-".concat(f))+12),j(u("content-".concat(h))+12),g(((e={})[f]=u(f),e))}),[]),!p)return null;return r(s,e({width:v[f],id:f},p.props,{children:i("div",e({className:b.resizableColumnHeader},{children:[r("div",e({id:"content-".concat(f)},{children:null!==(m=null===(d=null==p?void 0:p.props)||void 0===d?void 0:d.children)&&void 0!==m?m:null})),r(l,e({axis:"x",onDrag:function(e,r){!function(e){var r,i=v[f]+e,t=v[h]-e;i<0||i<C||t<w||g(((r={})[f]=i,r[h]=t,r))}(r.deltaX)},position:{x:0},zIndex:999,onStart:function(){y(!0)},onStop:function(){var e;v[f]!==u(f)&&g(((e={})[f]=u(f),e)),y(!1)}},{children:r("div",{className:a(b.tableResizer,x&&b.hovered),onMouseEnter:function(){return y(!0)},onMouseLeave:function(){return y(!1)}})}))]}))}))}var p={children:o.element.isRequired,cellName:o.string.isRequired,nextCellName:o.string.isRequired,widths:o.shape({}).isRequired,handleWidthsUpdate:o.func.isRequired};m.propTypes=p;export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Draggable from 'react-draggable';
+import { makeStyles } from '@material-ui/core/styles';
+import { TableCell } from '@material-ui/core';
+import { jsx, jsxs } 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 useStyles = makeStyles(function (theme) {
+  return {
+    resizableColumnHeader: {
+      display: 'flex',
+      paddingRight: 0,
+      justifyContent: 'space-between'
+    },
+    tableResizer: {
+      width: 6,
+      borderRadius: 10,
+      opacity: 0.7,
+      cursor: 'col-resize',
+      marginRight: -11,
+      marginTop: -16,
+      marginBottom: -16
+    },
+    hovered: {
+      backgroundColor: theme.palette.primary.main
+    }
+  };
+});
+var getOffsetWidth = function getOffsetWidth(cellName) {
+  var _document$getElementB;
+  return (_document$getElementB = document.getElementById(cellName)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetWidth;
+};
+var TABLE_HEADER_CELL_PADDING = 12;
+function ResizableTableHeaderCell(_ref) {
+  var _children$props$child, _children$props;
+  var children = _ref.children,
+    cellName = _ref.cellName,
+    nextCellName = _ref.nextCellName,
+    widths = _ref.widths,
+    handleWidthsUpdate = _ref.handleWidthsUpdate;
+  var classes = useStyles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentCellMinWidth = _useState4[0],
+    setCurrentCellMinWidth = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    nextCellMinWidth = _useState6[0],
+    setNextCellMinWidth = _useState6[1];
+  useEffect(function () {
+    setCurrentCellMinWidth(getOffsetWidth("content-".concat(cellName)) + TABLE_HEADER_CELL_PADDING);
+    setNextCellMinWidth(getOffsetWidth("content-".concat(nextCellName)) + TABLE_HEADER_CELL_PADDING);
+    handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
+  }, []);
+  if (!children) return null;
+  var resize = function resize(deltaX) {
+    var _handleWidthsUpdate2;
+    var newWidth = widths[cellName] + deltaX;
+    var newNextWidth = widths[nextCellName] - deltaX;
+    if (newWidth < 0 || newWidth < currentCellMinWidth || newNextWidth < nextCellMinWidth) return;
+    handleWidthsUpdate((_handleWidthsUpdate2 = {}, _defineProperty(_handleWidthsUpdate2, cellName, newWidth), _defineProperty(_handleWidthsUpdate2, nextCellName, newNextWidth), _handleWidthsUpdate2));
+  };
+  return /*#__PURE__*/jsx(TableCell, _objectSpread(_objectSpread({
+    width: widths[cellName],
+    id: cellName
+  }, children.props), {}, {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes.resizableColumnHeader,
+      children: [/*#__PURE__*/jsx("div", {
+        id: "content-".concat(cellName),
+        children: (_children$props$child = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) !== null && _children$props$child !== void 0 ? _children$props$child : null
+      }), /*#__PURE__*/jsx(Draggable, {
+        axis: "x",
+        onDrag: function onDrag(event, _ref2) {
+          var deltaX = _ref2.deltaX;
+          resize(deltaX);
+        }
+        //@ts-ignore
+        ,
+        position: {
+          x: 0
+        },
+        zIndex: 999,
+        onStart: function onStart() {
+          setIsHovered(true);
+        },
+        onStop: function onStop() {
+          if (widths[cellName] !== getOffsetWidth(cellName)) {
+            handleWidthsUpdate(_defineProperty({}, cellName, getOffsetWidth(cellName)));
+          }
+          setIsHovered(false);
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(classes.tableResizer, isHovered && classes.hovered),
+          onMouseEnter: function onMouseEnter() {
+            return setIsHovered(true);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return setIsHovered(false);
+          }
+        })
+      })]
+    })
+  }));
+}
+var resizableTableHeaderCellPropTypes = {
+  children: PropTypes.element.isRequired,
+  cellName: PropTypes.string.isRequired,
+  nextCellName: PropTypes.string.isRequired,
+  widths: PropTypes.shape({}).isRequired,
+  handleWidthsUpdate: PropTypes.func.isRequired
+};
+ResizableTableHeaderCell.propTypes = resizableTableHeaderCellPropTypes;
+
+export { ResizableTableHeaderCell as default };
+//# sourceMappingURL=ResizableTableHeaderCell.js.map

package/components/ResizableTable/ResizableTableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizableTableHeaderCell.js","sources":["../../../src/components/ResizableTable/ResizableTableHeaderCell.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Draggable from 'react-draggable';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { TableCell } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  resizableColumnHeader: {\n    display: 'flex',\n    paddingRight: 0,\n    justifyContent: 'space-between',\n  },\n  tableResizer: {\n    width: 6,\n    borderRadius: 10,\n    opacity: 0.7,\n    cursor: 'col-resize',\n    marginRight: -11,\n    marginTop: -16,\n    marginBottom: -16,\n  },\n  hovered: {\n    backgroundColor: theme.palette.primary.main,\n  },\n}));\n\nconst getOffsetWidth = cellName => document.getElementById(cellName)?.offsetWidth;\n\nconst TABLE_HEADER_CELL_PADDING = 12;\n\ninterface ResizableTableHeaderCellProps extends PropTypes.InferProps<typeof resizableTableHeaderCellPropTypes> {}\n\nexport default function ResizableTableHeaderCell({\n  children,\n  cellName,\n  nextCellName,\n  widths,\n  handleWidthsUpdate,\n}: ResizableTableHeaderCellProps): JSX.Element {\n  const classes = useStyles();\n\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const [currentCellMinWidth, setCurrentCellMinWidth] = useState<number>();\n  const [nextCellMinWidth, setNextCellMinWidth] = useState<number>();\n\n  useEffect(() => {\n    setCurrentCellMinWidth(getOffsetWidth(`content-${cellName}`) + TABLE_HEADER_CELL_PADDING);\n    setNextCellMinWidth(getOffsetWidth(`content-${nextCellName}`) + TABLE_HEADER_CELL_PADDING);\n    handleWidthsUpdate({ [cellName]: getOffsetWidth(cellName) });\n  }, []);\n\n  if (!children) return null;\n\n  const resize = deltaX => {\n    const newWidth = widths[cellName] + deltaX;\n    const newNextWidth = widths[nextCellName] - deltaX;\n    if (newWidth < 0 || newWidth < currentCellMinWidth || newNextWidth < nextCellMinWidth) return;\n    handleWidthsUpdate({ [cellName]: newWidth, [nextCellName]: newNextWidth });\n  };\n\n  return (\n    <TableCell width={widths[cellName]} id={cellName} {...children.props}>\n      <div className={classes.resizableColumnHeader}>\n        <div id={`content-${cellName}`}>{children?.props?.children ?? null}</div>\n        <Draggable\n          axis=\"x\"\n          onDrag={(event, { deltaX }) => {\n            resize(deltaX);\n          }}\n          //@ts-ignore\n          position={{ x: 0 }}\n          zIndex={999}\n          onStart={() => {\n            setIsHovered(true);\n          }}\n          onStop={() => {\n            if (widths[cellName] !== getOffsetWidth(cellName)) {\n              handleWidthsUpdate({ [cellName]: getOffsetWidth(cellName) });\n            }\n            setIsHovered(false);\n          }}\n        >\n          <div\n            className={classNames(classes.tableResizer, isHovered && classes.hovered)}\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n          />\n        </Draggable>\n      </div>\n    </TableCell>\n  );\n}\n\nconst resizableTableHeaderCellPropTypes = {\n  children: PropTypes.element.isRequired,\n  cellName: PropTypes.string.isRequired,\n  nextCellName: PropTypes.string.isRequired,\n  widths: PropTypes.shape({}).isRequired,\n  handleWidthsUpdate: PropTypes.func.isRequired,\n};\n\nResizableTableHeaderCell.propTypes = resizableTableHeaderCellPropTypes;\n"],"names":["useStyles","makeStyles","theme","resizableColumnHeader","display","paddingRight","justifyContent","tableResizer","width","borderRadius","opacity","cursor","marginRight","marginTop","marginBottom","hovered","backgroundColor","palette","primary","main","getOffsetWidth","cellName","document","getElementById","offsetWidth","TABLE_HEADER_CELL_PADDING","ResizableTableHeaderCell","children","nextCellName","widths","handleWidthsUpdate","classes","useState","isHovered","setIsHovered","currentCellMinWidth","setCurrentCellMinWidth","nextCellMinWidth","setNextCellMinWidth","useEffect","resize","deltaX","newWidth","newNextWidth","_jsx","props","_jsxs","event","x","classNames","resizableTableHeaderCellPropTypes","PropTypes","element","isRequired","string","shape","func","propTypes"],"mappings":";;;;;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,YAAY,EAAE,CAAC;AACfC,MAAAA,cAAc,EAAE,eAAA;KACjB;AACDC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CAAC;AACRC,MAAAA,YAAY,EAAE,EAAE;AAChBC,MAAAA,OAAO,EAAE,GAAG;AACZC,MAAAA,MAAM,EAAE,YAAY;MACpBC,WAAW,EAAE,CAAC,EAAE;MAChBC,SAAS,EAAE,CAAC,EAAE;AACdC,MAAAA,YAAY,EAAE,CAAC,EAAA;KAChB;AACDC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAEd,KAAK,CAACe,OAAO,CAACC,OAAO,CAACC,IAAAA;AACzC,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAGC,QAAQ,EAAA;AAAA,EAAA,IAAA,qBAAA,CAAA;EAAA,OAAIC,CAAAA,qBAAAA,GAAAA,QAAQ,CAACC,cAAc,CAACF,QAAQ,CAAC,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjC,sBAAmCG,WAAW,CAAA;AAAA,CAAA,CAAA;AAEjF,IAAMC,yBAAyB,GAAG,EAAE,CAAA;AAIrB,SAASC,wBAAwB,CAMD,IAAA,EAAA;AAAA,EAAA,IAAA,qBAAA,EAAA,eAAA,CAAA;EAAA,IAL7CC,QAAQ,QAARA,QAAQ;AACRN,IAAAA,QAAQ,QAARA,QAAQ;AACRO,IAAAA,YAAY,QAAZA,YAAY;AACZC,IAAAA,MAAM,QAANA,MAAM;AACNC,IAAAA,kBAAkB,QAAlBA,kBAAkB,CAAA;EAElB,IAAMC,OAAO,GAAG/B,SAAS,EAAE,CAAA;EAE3B,IAAkCgC,SAAAA,GAAAA,QAAQ,CAAU,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAnDC,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAA,UAAA,GAAsDF,QAAQ,EAAU;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAjEG,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,sBAAsB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAClD,EAAA,IAAA,UAAA,GAAgDJ,QAAQ,EAAU;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA3DK,gBAAgB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAE5CC,EAAAA,SAAS,CAAC,YAAM;AACdH,IAAAA,sBAAsB,CAAChB,cAAc,CAAA,UAAA,CAAA,MAAA,CAAYC,QAAQ,CAAG,CAAA,GAAGI,yBAAyB,CAAC,CAAA;AACzFa,IAAAA,mBAAmB,CAAClB,cAAc,CAAA,UAAA,CAAA,MAAA,CAAYQ,YAAY,CAAG,CAAA,GAAGH,yBAAyB,CAAC,CAAA;AAC1FK,IAAAA,kBAAkB,qBAAIT,QAAQ,EAAGD,cAAc,CAACC,QAAQ,CAAC,CAAG,CAAA,CAAA;GAC7D,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAI,CAACM,QAAQ,EAAE,OAAO,IAAI,CAAA;AAE1B,EAAA,IAAMa,MAAM,GAAG,SAATA,MAAM,CAAGC,MAAM,EAAI;AAAA,IAAA,IAAA,oBAAA,CAAA;AACvB,IAAA,IAAMC,QAAQ,GAAGb,MAAM,CAACR,QAAQ,CAAC,GAAGoB,MAAM,CAAA;AAC1C,IAAA,IAAME,YAAY,GAAGd,MAAM,CAACD,YAAY,CAAC,GAAGa,MAAM,CAAA;IAClD,IAAIC,QAAQ,GAAG,CAAC,IAAIA,QAAQ,GAAGP,mBAAmB,IAAIQ,YAAY,GAAGN,gBAAgB,EAAE,OAAA;IACvFP,kBAAkB,EAAA,oBAAA,GAAA,EAAA,EAAA,eAAA,CAAA,oBAAA,EAAIT,QAAQ,EAAGqB,QAAQ,yCAAGd,YAAY,EAAGe,YAAY,CAAG,EAAA,oBAAA,EAAA,CAAA;GAC3E,CAAA;AAED,EAAA,oBACEC,IAAC,SAAS,EAAA,aAAA,CAAA,aAAA,CAAA;AAAC,IAAA,KAAK,EAAEf,MAAM,CAACR,QAAQ,CAAE;AAAC,IAAA,EAAE,EAAEA,QAAAA;GAAcM,EAAAA,QAAQ,CAACkB,KAAK,CAAA,EAAA,EAAA,EAAA;IAAA,QAClE,eAAAC,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEf,OAAO,CAAC5B,qBAAsB;MAAA,QAC5C,EAAA,cAAAyC,GAAA,CAAA,KAAA,EAAA;QAAK,EAAE,EAAA,UAAA,CAAA,MAAA,CAAavB,QAAQ,CAAG;QAAA,QAAEM,EAAAA,CAAAA,qBAAAA,GAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,eAAAA,GAAAA,QAAQ,CAAEkB,KAAK,MAAA,IAAA,IAAA,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAiBlB,CAAAA,QAAQ,MAAI,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,qBAAA,GAAA,IAAA;OAAW,CAAA,eACzEiB,IAAC,SAAS,EAAA;AACR,QAAA,IAAI,EAAC,GAAG;QACR,MAAM,EAAE,SAACG,MAAAA,CAAAA,KAAK,EAAiB,KAAA,EAAA;UAAA,IAAbN,MAAM,SAANA,MAAM,CAAA;UACtBD,MAAM,CAACC,MAAM,CAAC,CAAA;AAChB,SAAA;AACA;AAAA;AACA,QAAA,QAAQ,EAAE;AAAEO,UAAAA,CAAC,EAAE,CAAA;SAAI;AACnB,QAAA,MAAM,EAAE,GAAI;AACZ,QAAA,OAAO,EAAE,SAAM,OAAA,GAAA;UACbd,YAAY,CAAC,IAAI,CAAC,CAAA;SAClB;AACF,QAAA,MAAM,EAAE,SAAM,MAAA,GAAA;UACZ,IAAIL,MAAM,CAACR,QAAQ,CAAC,KAAKD,cAAc,CAACC,QAAQ,CAAC,EAAE;AACjDS,YAAAA,kBAAkB,qBAAIT,QAAQ,EAAGD,cAAc,CAACC,QAAQ,CAAC,CAAG,CAAA,CAAA;AAC9D,WAAA;UACAa,YAAY,CAAC,KAAK,CAAC,CAAA;SACnB;QAAA,QAEF,eAAAU,GAAA,CAAA,KAAA,EAAA;AACE,UAAA,SAAS,EAAEK,UAAU,CAAClB,OAAO,CAACxB,YAAY,EAAE0B,SAAS,IAAIF,OAAO,CAAChB,OAAO,CAAE;AAC1E,UAAA,YAAY,EAAE,SAAA,YAAA,GAAA;YAAA,OAAMmB,YAAY,CAAC,IAAI,CAAC,CAAA;WAAC;AACvC,UAAA,YAAY,EAAE,SAAA,YAAA,GAAA;YAAA,OAAMA,YAAY,CAAC,KAAK,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,CAAA;OAEhC,CAAA,CAAA;AAAA,KAAA,CAAA;GAEJ,CAAA,CAAA,CAAA;AAEhB,CAAA;AAEA,IAAMgB,iCAAiC,GAAG;AACxCvB,EAAAA,QAAQ,EAAEwB,SAAS,CAACC,OAAO,CAACC,UAAU;AACtChC,EAAAA,QAAQ,EAAE8B,SAAS,CAACG,MAAM,CAACD,UAAU;AACrCzB,EAAAA,YAAY,EAAEuB,SAAS,CAACG,MAAM,CAACD,UAAU;EACzCxB,MAAM,EAAEsB,SAAS,CAACI,KAAK,CAAC,EAAE,CAAC,CAACF,UAAU;AACtCvB,EAAAA,kBAAkB,EAAEqB,SAAS,CAACK,IAAI,CAACH,UAAAA;AACrC,CAAC,CAAA;AAED3B,wBAAwB,CAAC+B,SAAS,GAAGP,iCAAiC;;;;"}