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

package/components/RealTimeValuesSidebar/SidebarFooter.js

@@ -1 +1,240 @@
-import{jsx as o,jsxs as s}from"react/jsx-runtime";import{memo as t,useContext as n}from"react";import e from"classnames";import{makeStyles as i,Box as r}from"@material-ui/core";import c from"../IconButton/index.js";import{RightIcon as p,UpIcon as m,PlusIcon as a,LeftIcon as d,DownIcon as l}from"../../icons/iconParkIcons.js";import"../../componentsV2/Text/Text.js";import"../../componentsV2/Grid/Grid.js";import"../../componentsV2/Grid/Grid.scss.js";import"../../componentsV2/Header/Header.scss.js";import"../../componentsV2/Button/Button.js";import"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as j}from"../../componentsV2/Tooltip/Tooltip.js";import"uuid";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../componentsV2/Paper/Paper.js";import"../../componentsV2/Popover/Popover.scss.js";import"../../componentsV2/Radio/Radio.js";import"../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../../componentsV2/Checkbox/Checkbox.js";import"../../componentsV2/TextInput/TextInput.js";import"lodash";import"../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../../componentsV2/TextLink/TextLink.js";import"../../componentsV2/Chip/Chip.js";import"../../componentsV2/ChipAlert/ChipAlert.js";import"../../componentsV2/ChipIndicator/ChipIndicator.js";import"../../componentsV2/Avatar/Avatar.js";import"../../componentsV2/Avatar/constants.js";import"../../componentsV2/AvatarGroup/AvatarGroup.scss.js";import"@material-ui/lab";import"../../componentsV2/ToggleButtons/ToggleButtons.scss.js";import"../../componentsV2/Modal/Modal.scss.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"../../componentsV2/Menu/Menu.js";import"../../componentsV2/Counter/Counter.js";import"../../componentsV2/BadgeBase/BadgeBase.scss.js";import"../../componentsV2/BadgeDot/BadgeDot.scss.js";import"../../componentsV2/LoaderLinear/LoaderLinear.scss.js";import"../../componentsV2/LoaderLogo/LoaderLogo.scss.js";import"../../componentsV2/Switch/Switch.js";import"../../componentsV2/Tabs/Tabs.js";import"../../componentsV2/EmptyState/EmptyState.scss.js";import"../../componentsV2/FileIcon/FileIcon.js";import"react-dropzone";import"../../utils/index.js";import"../../componentsV2/FilesDropzone/FilesDropzone.scss.js";import"../../componentsV2/FilesLoader/FilesLoader.scss.js";import"../../componentsV2/FilesProcessor/FilesProcessor.scss.js";import"../../componentsV2/Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js";import"../../componentsV2/Stepper/Step/Step.scss.js";import"../../componentsV2/Stepper/Stepper.scss.js";import"../../componentsV2/ButtonLive/ButtonLive.js";import"../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js";import"../../componentsV2/IndicatorLive/IndicatorLive.scss.js";import"../../componentsV2/Accordion/Accordion.scss.js";import"../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js";import"../../componentsV2/BadgeComment/BadgeComment.js";import"../../componentsV2/AppContainer/AppContainer.js";import"../../componentsV2/AppContainer/AppContainer.constants.js";import"../../componentsV2/AppFooter/AppFooter.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import"../../utils/env.js";import"../GradientManager/configuration/constants.js";import"../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js";import"../../componentsV2/AppHeader/AppHeader.constants.js";import"../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js";import"../../componentsV2/AppHeader/AppAssets/AppAssets.js";import"../PadModeSelect/PadModeSelect.js";import"../../componentsV2/AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../../componentsV2/AppHeader/AppHeader.scss.js";import u from"./RealTimeSidebarContext.js";import{ORIENTATIONS as C}from"./enums.js";var V=i((function(o){return{button:{fontSize:14,fontWeight:500},buttonIcon:{fontSize:24,marginRight:8},closedButton:{marginBottom:"78px",zIndex:1e3},rtSidebarFooter:{position:"absolute",right:0,"&.vertical":{left:0,bottom:0},"&.horizontal":{top:0}},rtSidebarFooterIcon:{color:o.palette.primary.text6},rtSidebarFooterActions:{display:"flex",paddingRight:"5px",alignItems:"center",height:48,width:48,padding:6,"&.horizontal":{flexDirection:"row-reverse"}},actionButton:{padding:12,height:36,width:36},openToggleContainer:{alignItems:"center",bottom:0,display:"flex",flex:"0 0",height:48,padding:6,position:"absolute",width:"100%",justifyContent:"flex-start",paddingRight:6},collapseTooltip:{marginTop:-8},expandTooltip:{marginTop:-48}}}));var I=t((function(t){var i=t.onSidebarOpened,I=t.onSidebarClosed,h=V(),g=n(u),A=g.isSidebarOpen,b=g.orientation,v=g.handleOpenCloseDialog;return o("div",{className:e(h.rtSidebarFooter,b),"data-testid":"sidebar_footer",children:A?o(r,{className:h.openToggleContainer,children:o(j,{title:"Collapse",className:h.collapseTooltip,children:s("div",{className:e(h.rtSidebarFooterActions,b),children:[o(c,{"data-testid":"sidebar_close_button",onClick:I,className:h.actionButton,children:b===C.vertical?o(p,{}):o(m,{className:h.rtSidebarFooterIcon})}),b===C.horizontal&&o(c,{color:"primary",tooltipProps:{title:"Add"},onClick:function(){return v(!0)},className:h.actionButton,children:o(a,{})})]})})}):o(j,{title:"Expand",className:h.expandTooltip,children:o("div",{className:e(h.rtSidebarFooterActions,b),children:o(c,{onClick:i,"data-testid":"sidebar_open_button",className:e(h.closedButton,h.actionButton),children:b===C.vertical?o(d,{}):o(l,{})})})})})}));export{I as default};
+import { memo, useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Box } from '@material-ui/core';
+import IconButton from '../IconButton/index.js';
+import { RightIcon, UpIcon, PlusIcon, LeftIcon, DownIcon } from '../../icons/iconParkIcons.js';
+import '../../componentsV2/Text/Text.js';
+import '../../componentsV2/Grid/Grid.js';
+import '../../componentsV2/Grid/Grid.scss.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import '../../componentsV2/Header/Header.scss.js';
+import '../../componentsV2/Button/Button.js';
+import '../../componentsV2/ButtonIcon/ButtonIcon.js';
+import { Tooltip } from '../../componentsV2/Tooltip/Tooltip.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/slicedToArray';
+import 'uuid';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../../componentsV2/Paper/Paper.js';
+import '../../componentsV2/Popover/Popover.scss.js';
+import '../../componentsV2/Radio/Radio.js';
+import '../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js';
+import '../../componentsV2/Checkbox/Checkbox.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../componentsV2/TextInput/TextInput.js';
+import 'lodash';
+import '../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js';
+import '../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js';
+import '../../componentsV2/TextLink/TextLink.js';
+import '../../componentsV2/Chip/Chip.js';
+import '../../componentsV2/ChipAlert/ChipAlert.js';
+import '../../componentsV2/ChipIndicator/ChipIndicator.js';
+import '../../componentsV2/Avatar/Avatar.js';
+import '../../componentsV2/Avatar/constants.js';
+import '../../componentsV2/AvatarGroup/AvatarGroup.scss.js';
+import '@material-ui/lab';
+import '../../componentsV2/ToggleButtons/ToggleButtons.scss.js';
+import '../../componentsV2/Modal/Modal.scss.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 '../../componentsV2/Menu/Menu.js';
+import '../../componentsV2/Counter/Counter.js';
+import '../../componentsV2/BadgeBase/BadgeBase.scss.js';
+import '../../componentsV2/BadgeDot/BadgeDot.scss.js';
+import '../../componentsV2/LoaderLinear/LoaderLinear.scss.js';
+import '../../componentsV2/LoaderLogo/LoaderLogo.scss.js';
+import '../../componentsV2/Switch/Switch.js';
+import '../../componentsV2/Tabs/Tabs.js';
+import '../../componentsV2/EmptyState/EmptyState.scss.js';
+import '../../componentsV2/FileIcon/FileIcon.js';
+import 'react-dropzone';
+import '../../utils/index.js';
+import '../../componentsV2/FilesDropzone/FilesDropzone.scss.js';
+import '../../componentsV2/FilesLoader/FilesLoader.scss.js';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '../../componentsV2/FilesProcessor/FilesProcessor.scss.js';
+import '../../componentsV2/Skeleton/Skeleton.scss.js';
+import '../../utils/main.js';
+import '../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js';
+import '../../componentsV2/Stepper/Step/Step.scss.js';
+import '../../componentsV2/Stepper/Stepper.scss.js';
+import '../../componentsV2/ButtonLive/ButtonLive.js';
+import '../../componentsV2/LiveDotIndicator/LiveDotIndicator.scss.js';
+import '../../componentsV2/IndicatorLive/IndicatorLive.scss.js';
+import '../../componentsV2/Accordion/Accordion.scss.js';
+import '../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js';
+import '../../componentsV2/BadgeComment/BadgeComment.js';
+import '../../componentsV2/AppContainer/AppContainer.js';
+import '../../componentsV2/AppContainer/AppContainer.constants.js';
+import '../../componentsV2/AppFooter/AppFooter.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/appPackages.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import '../../utils/env.js';
+import '../GradientManager/configuration/constants.js';
+import '../DevCenter/DevCenterAppContainer/components/AppCommons/AppCommonsContext.js';
+import '../../componentsV2/AppHeader/AppHeader.constants.js';
+import '../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js';
+import '../../componentsV2/AppHeader/AppAssets/AppAssets.js';
+import '../PadModeSelect/PadModeSelect.js';
+import '../../componentsV2/AppHeader/PadMode/PadMode.scss.js';
+import '../../constants/streamSourceType.js';
+import '../../componentsV2/AppHeader/AppHeader.scss.js';
+import RealTimeSidebarContext from './RealTimeSidebarContext.js';
+import { ORIENTATIONS } from './enums.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    button: {
+      fontSize: 14,
+      fontWeight: 500
+    },
+    buttonIcon: {
+      fontSize: 24,
+      marginRight: 8
+    },
+    closedButton: {
+      marginBottom: '78px',
+      zIndex: 1000
+    },
+    rtSidebarFooter: {
+      position: 'absolute',
+      right: 0,
+      '&.vertical': {
+        left: 0,
+        bottom: 0
+      },
+      '&.horizontal': {
+        top: 0
+      }
+    },
+    rtSidebarFooterIcon: {
+      color: theme.palette.primary.text6
+    },
+    rtSidebarFooterActions: {
+      display: 'flex',
+      paddingRight: '5px',
+      alignItems: 'center',
+      height: 48,
+      width: 48,
+      padding: 6,
+      '&.horizontal': {
+        flexDirection: 'row-reverse'
+      }
+    },
+    actionButton: {
+      padding: 12,
+      height: 36,
+      width: 36
+    },
+    openToggleContainer: {
+      alignItems: 'center',
+      bottom: 0,
+      display: 'flex',
+      flex: '0 0',
+      height: 48,
+      padding: 6,
+      position: 'absolute',
+      width: '100%',
+      justifyContent: 'flex-start',
+      paddingRight: 6
+    },
+    collapseTooltip: {
+      marginTop: -8
+    },
+    expandTooltip: {
+      marginTop: -48
+    }
+  };
+});
+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__*/jsx(Box, {
+      className: classes.openToggleContainer,
+      children: /*#__PURE__*/jsx(Tooltip, {
+        title: "Collapse",
+        className: classes.collapseTooltip,
+        children: /*#__PURE__*/jsxs("div", {
+          className: classNames(classes.rtSidebarFooterActions, orientation),
+          children: [/*#__PURE__*/jsx(IconButton, {
+            "data-testid": "sidebar_close_button",
+            onClick: onSidebarClosed,
+            className: classes.actionButton,
+            children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsx(RightIcon, {}) : /*#__PURE__*/jsx(UpIcon, {
+              className: classes.rtSidebarFooterIcon
+            })
+          }), orientation === ORIENTATIONS.horizontal && /*#__PURE__*/jsx(IconButton, {
+            color: "primary",
+            tooltipProps: {
+              title: 'Add'
+            },
+            onClick: function onClick() {
+              return handleOpenCloseDialog(true);
+            },
+            className: classes.actionButton,
+            children: /*#__PURE__*/jsx(PlusIcon, {})
+          })]
+        })
+      })
+    }) : /*#__PURE__*/jsx(Tooltip, {
+      title: "Expand",
+      className: classes.expandTooltip,
+      children: /*#__PURE__*/jsx("div", {
+        className: classNames(classes.rtSidebarFooterActions, orientation),
+        children: /*#__PURE__*/jsx(IconButton, {
+          onClick: onSidebarOpened,
+          "data-testid": "sidebar_open_button",
+          className: classNames(classes.closedButton, classes.actionButton),
+          children: orientation === ORIENTATIONS.vertical ? /*#__PURE__*/jsx(LeftIcon, {}) : /*#__PURE__*/jsx(DownIcon, {})
+        })
+      })
+    })
+  });
+}
+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 { Box, makeStyles } from '@material-ui/core';\n\nimport IconButton from '~/components/IconButton';\nimport { PlusIcon, DownIcon, LeftIcon, RightIcon, UpIcon } from '~/icons/iconParkIcons';\nimport { Tooltip } from '~/componentsV2';\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: '78px',\n    zIndex: 1000,\n  },\n\n  rtSidebarFooter: {\n    position: 'absolute',\n    right: 0,\n    '&.vertical': {\n      left: 0,\n      bottom: 0,\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    paddingRight: '5px',\n    alignItems: 'center',\n    height: 48,\n    width: 48,\n    padding: 6,\n\n    '&.horizontal': {\n      flexDirection: 'row-reverse',\n    },\n  },\n\n  actionButton: {\n    padding: 12,\n    height: 36,\n    width: 36,\n  },\n\n  openToggleContainer: {\n    alignItems: 'center',\n    bottom: 0,\n    display: 'flex',\n    flex: '0 0',\n    height: 48,\n    padding: 6,\n    position: 'absolute',\n    width: '100%',\n    justifyContent: 'flex-start',\n    paddingRight: 6,\n  },\n\n  collapseTooltip: {\n    marginTop: -8,\n  },\n\n  expandTooltip: {\n    marginTop: -48,\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        <Box className={classes.openToggleContainer}>\n          <Tooltip title=\"Collapse\" className={classes.collapseTooltip}>\n            <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n                <IconButton\n                  data-testid=\"sidebar_close_button\"\n                  onClick={onSidebarClosed}\n                  className={classes.actionButton}\n                >\n                  {orientation === ORIENTATIONS.vertical ? (\n                    <RightIcon />\n                  ) : (\n                    <UpIcon className={classes.rtSidebarFooterIcon} />\n                  )}\n                </IconButton>\n                {orientation === ORIENTATIONS.horizontal && (\n                  <IconButton\n                    color=\"primary\"\n                    tooltipProps={{ title: 'Add' }}\n                    onClick={() => handleOpenCloseDialog(true)}\n                    className={classes.actionButton}\n                  >\n                    <PlusIcon />\n                  </IconButton>\n                )}\n            </div>\n          </Tooltip>\n        </Box>\n      ) : (\n        <Tooltip title=\"Expand\" className={classes.expandTooltip}>\n          <div className={classNames(classes.rtSidebarFooterActions, orientation)}>\n            <IconButton\n              onClick={onSidebarOpened}\n              data-testid=\"sidebar_open_button\"\n              className={classNames(classes.closedButton, classes.actionButton)}\n            >\n              {orientation === ORIENTATIONS.vertical ? <LeftIcon /> : <DownIcon />}\n            </IconButton>\n          </div>\n        </Tooltip>\n      )}\n    </div>\n  );\n}\n\nexport default memo(SidebarFooter);\n"],"names":["useStyles","makeStyles","theme","button","fontSize","fontWeight","buttonIcon","marginRight","closedButton","marginBottom","zIndex","rtSidebarFooter","position","right","left","bottom","top","rtSidebarFooterIcon","color","palette","primary","text6","rtSidebarFooterActions","display","paddingRight","alignItems","height","width","padding","flexDirection","actionButton","openToggleContainer","flex","justifyContent","collapseTooltip","marginTop","expandTooltip","SidebarFooter","onSidebarOpened","onSidebarClosed","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","handleOpenCloseDialog","_jsx","classNames","_jsxs","ORIENTATIONS","vertical","horizontal","title","memo"],"mappings":"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"}

package/components/RealTimeValuesSidebar/SidebarTitle.js

@@ -1 +1,72 @@
-import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{memo as r,useContext as o}from"react";import a from"classnames";import{makeStyles as n,Typography as l}from"@material-ui/core";import{StopwatchIcon as m}from"../../icons/iconParkIcons.js";import p from"./RealTimeSidebarContext.js";import{ORIENTATIONS as c}from"./enums.js";var s=n((function(t){return{iconWithText:{fontSize:24,lineHeight:"24px",marginRight:8,fill:t.palette.primary.contrastText},text:{fontSize:16,lineHeight:"22px",fontWeight:400},icon:{fontSize:24,lineHeight:"24px",fill:t.palette.primary.text6,marginLeft:4},cTpRtSidebarTitle:{display:"flex",flexDirection:"row",alignItems:"center",height:"50px",justifyContent:"normal",paddingLeft:"8px",zIndex:1,position:"absolute","&.vertical":{width:"100%",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 x=r((function(){var r=s(),n=o(p),x=n.isSidebarOpen,f=n.orientation;return t("div",{className:a(r.cTpRtSidebarTitle,f),children:x||f===c.horizontal?e(i,{children:[t(m,{className:r.iconWithText}),t(l,{variant:"body2",component:"h4",className:r.text,children:"Real-Time Values"})]}):t(m,{className:r.icon})})}));export{x as default};
+import { memo, useContext } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Typography } from '@material-ui/core';
+import { StopwatchIcon } from '../../icons/iconParkIcons.js';
+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: 24,
+      lineHeight: '24px',
+      marginRight: 8,
+      fill: theme.palette.primary.contrastText
+    },
+    text: {
+      fontSize: 16,
+      lineHeight: '22px',
+      fontWeight: 400
+    },
+    icon: {
+      fontSize: 24,
+      lineHeight: '24px',
+      fill: theme.palette.primary.text6,
+      marginLeft: 4
+    },
+    cTpRtSidebarTitle: {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      height: '50px',
+      justifyContent: 'normal',
+      paddingLeft: '8px',
+      zIndex: 1,
+      position: 'absolute',
+      '&.vertical': {
+        width: '100%',
+        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(StopwatchIcon, {
+        className: classes.iconWithText
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        component: "h4",
+        className: classes.text,
+        children: "Real-Time Values"
+      })]
+    }) : /*#__PURE__*/jsx(StopwatchIcon, {
+      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';\n\nimport { StopwatchIcon } from '~/icons/iconParkIcons';\nimport RealTimeSidebarContext from './RealTimeSidebarContext';\nimport { ORIENTATIONS } from './enums';\n\nconst useStyles = makeStyles((theme: any) => ({\n  iconWithText: {\n    fontSize: 24,\n    lineHeight: '24px',\n    marginRight: 8,\n    fill: theme.palette.primary.contrastText,\n  },\n  text: {\n    fontSize: 16,\n    lineHeight: '22px',\n    fontWeight: 400,\n  },\n  icon: {\n    fontSize: 24,\n    lineHeight: '24px',\n    fill: theme.palette.primary.text6,\n    marginLeft: 4,\n  },\n\n  cTpRtSidebarTitle: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: '50px',\n    justifyContent: 'normal',\n    paddingLeft: '8px',\n    zIndex: 1,\n    position: 'absolute',\n\n    '&.vertical': {\n      width: '100%',\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          <StopwatchIcon className={classes.iconWithText} />\n          <Typography variant=\"body2\" component=\"h4\" className={classes.text}>\n            Real-Time Values\n          </Typography>\n        </>\n      ) : (\n        <StopwatchIcon className={classes.icon} />\n      )}\n    </div>\n  );\n}\n\nexport default memo(SidebarTitle);\n"],"names":["useStyles","makeStyles","theme","iconWithText","fontSize","lineHeight","marginRight","fill","palette","primary","contrastText","text","fontWeight","icon","text6","marginLeft","cTpRtSidebarTitle","display","flexDirection","alignItems","height","justifyContent","paddingLeft","zIndex","position","width","borderBottom","background","b7","color","isLightTheme","text9","text1","SidebarTitle","classes","useContext","RealTimeSidebarContext","isSidebarOpen","orientation","_jsx","classNames","ORIENTATIONS","horizontal","_jsxs","_Fragment","memo"],"mappings":";;;;;;;;AASA,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,CAAC;AACdC,MAAAA,IAAI,EAAEL,KAAK,CAACM,OAAO,CAACC,OAAO,CAACC,YAAAA;KAC7B;AACDC,IAAAA,IAAI,EAAE;AACJP,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAM;AAClBO,MAAAA,UAAU,EAAE,GAAA;KACb;AACDC,IAAAA,IAAI,EAAE;AACJT,MAAAA,QAAQ,EAAE,EAAE;AACZC,MAAAA,UAAU,EAAE,MAAM;AAClBE,MAAAA,IAAI,EAAEL,KAAK,CAACM,OAAO,CAACC,OAAO,CAACK,KAAK;AACjCC,MAAAA,UAAU,EAAE,CAAA;KACb;AAEDC,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,KAAK;AAClBC,MAAAA,MAAM,EAAE,CAAC;AACTC,MAAAA,QAAQ,EAAE,UAAU;AAEpB,MAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,MAAM;QACbC,YAAY,EAAA,YAAA,CAAA,MAAA,CAAexB,KAAK,CAACM,OAAO,CAACmB,UAAU,CAACC,EAAE,CAAE;AACxDC,QAAAA,KAAK,EAAE3B,KAAK,CAAC4B,YAAY,GAAG5B,KAAK,CAACM,OAAO,CAACC,OAAO,CAACsB,KAAK,GAAG7B,KAAK,CAACM,OAAO,CAACC,OAAO,CAACuB,KAAAA;OACjF;AAED,MAAA,cAAc,EAAE;AACdH,QAAAA,KAAK,EAAE3B,KAAK,CAAC4B,YAAY,GAAG5B,KAAK,CAACM,OAAO,CAACC,OAAO,CAACuB,KAAK,GAAG9B,KAAK,CAACM,OAAO,CAACC,OAAO,CAACK,KAAAA;AAClF,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,SAASmB,YAAY,GAAG;EACtB,IAAMC,OAAO,GAAGlC,SAAS,EAAE,CAAA;EAE3B,IAAuCmC,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,CAAClB,iBAAiB,EAAEsB,WAAW,CAAE;AAAA,IAAA,QAAA,EAChED,aAAa,IAAIC,WAAW,KAAKG,YAAY,CAACC,UAAU,gBACvDC,IAAA,CAAAC,QAAA,EAAA;AAAA,MAAA,QAAA,EAAA,cACEL,IAAC,aAAa,EAAA;QAAC,SAAS,EAAEL,OAAO,CAAC/B,YAAAA;OAAgB,CAAA,eAClDoC,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;AAAC,QAAA,SAAS,EAAC,IAAI;QAAC,SAAS,EAAEL,OAAO,CAACvB,IAAK;AAAA,QAAA,QAAA,EAAA,kBAAA;OAEtD,CAAA,CAAA;KACZ,CAAA,gBAEH4B,IAAC,aAAa,EAAA;MAAC,SAAS,EAAEL,OAAO,CAACrB,IAAAA;AAAK,KAAA,CAAA;GAErC,CAAA,CAAA;AAEV,CAAA;AAEA,qBAAegC,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,{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":";;;;;;;;;;;;;;AAQA,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAuD,IAAA,EAAA;AAAA,EAAA,IAAA,gBAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,sBAAA,CAAA;EAAA,IAAjDC,QAAQ,QAARA,QAAQ;IAAKC,IAAI,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACzC,EAAA,IAAA,KAAA,GAAiCD,QAAQ;AAAA,IAAA,KAAA,GAAA,cAAA,CAAA,KAAA,EAAA,CAAA,CAAA;IAAlCE,WAAW,GAAA,KAAA,CAAA,CAAA,CAAA;IAAEC,SAAS,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;EAE7B,IAAMC,aAAa,GAAGD,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAAA,GAAAA,SAAS,CAAEE,KAAK,MAAhB,IAAA,IAAA,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,gBAAA,CAAkBL,QAAQ,CAAA;EAEhD,IAAMM,gBAAgB,GAAGJ,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAAA,GAAAA,WAAW,CAAEG,KAAK,MAAlB,IAAA,IAAA,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,kBAAA,CAAoBL,QAAQ,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAA5B,sBAA8BK,KAAK,MAAA,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAAnC,sBAAqCL,CAAAA,QAAQ,MAA7C,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAA+CO,MAAM,CAC5E,UAACC,KAAK,EAAEC,OAAO,EAAK;AAClB,IAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;AAC1BD,MAAAA,KAAK,CAACI,IAAI,CAAA,KAAA,CAAVJ,KAAK,EAAA,kBAAA,CAASC,OAAO,CAAC,CAAA,CAAA;AACxB,KAAC,MAAM;AACLD,MAAAA,KAAK,CAACI,IAAI,CAACH,OAAO,CAAC,CAAA;AACrB,KAAA;AACA,IAAA,OAAOD,KAAK,CAAA;GACb,EACD,EAAE,CACH,CAAA;AAED,EAAA,IAAA,SAAA,GAA4BK,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAAjCC,MAAM,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAExB,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,CAAGC,QAAQ,EAAA;IAAA,OAAIF,SAAS,CAAC,UAAAG,UAAU,EAAA;MAAA,OAAUA,aAAAA,CAAAA,aAAAA,CAAAA,EAAAA,EAAAA,UAAU,GAAKD,QAAQ,CAAA,CAAA;AAAA,KAAG,CAAC,CAAA;AAAA,GAAA,CAAA;EAEhG,oBACEE,IAAA,CAAC,KAAK,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAKlB,IAAI,CAAA,EAAA,EAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACbmB,IAAC,SAAS,EAAA;AAAA,MAAA,QAAA,eACRA,IAAC,QAAQ,EAAA;AAAA,QAAA,QAAA,EACNd,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEe,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AAAA,UAAA,IAAA,WAAA,CAAA;AACtC,UAAA,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI,CAAA;UACtB,IAAME,YAAY,GAAGD,KAAK,KAAKjB,gBAAgB,CAACmB,MAAM,GAAG,CAAC,CAAA;AAC1D,UAAA,OAAOD,YAAY;AAAA;AACjB;AACA,UAAAJ,GAAA,CAAC,SAAS,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAA6BE,IAAI,CAACjB,KAAK,CAAA,EAAA,EAAA,EAAA;AAAA,YAAA,QAAA,EAAA,CAAA,WAAA,GAC9CiB,IAAI,CAACjB,KAAK,MAAA,IAAA,IAAA,WAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,WAAYL,CAAAA,QAAAA;AAAQ,WAAA,CAAA,EADPsB,IAAI,CAACI,GAAG,IAAIH,KAAK,CAErB,gBAEZH,GAAC,CAAA,wBAAA;AACC;AACA;AACA;AAAA,YAAA;YAEA,QAAQ,EAAA,MAAA,CAAA,MAAA,CAASG,KAAK,CAAG;AACzB,YAAA,YAAY,EAASA,MAAAA,CAAAA,MAAAA,CAAAA,KAAK,GAAG,CAAC,CAAG;AACjC,YAAA,kBAAkB,EAAEP,kBAAmB;AACvC,YAAA,MAAM,EAAEF,MAAO;YAAA,QAEdQ,EAAAA,IAAAA;AAAI,WAAA,EANAA,IAAI,CAACI,GAAG,IAAIH,KAAK,CAQzB,CAAA;SACF,CAAA;AAAC,OAAA,CAAA;KAEM,CAAA,eACZH,IAAC,SAAS,EAAA;MAAA,QACPhB,EAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,CAAEiB,GAAG,CAAC,UAAAM,YAAY,EAAI;AAAA,QAAA,IAAA,mBAAA,EAAA,qBAAA,CAAA;AAClC,QAAA,oBACEP,IAAC,QAAQ,EAAA;AAAA,UAAA,QAAA,EACNO,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,YAAY,CAAEtB,KAAK,MAAA,IAAA,IAAA,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAnB,mBAAqBL,CAAAA,QAAQ,0DAA7B,qBAA+BqB,CAAAA,GAAG,CACjC,UAACC,IAAI,EAAEC,KAAK,EAAA;YAAA,OACVD,IAAI,iBACFF,GAAC,CAAA,kBAAA;AACC;AACA;AACA;AAAA,cAAA;cAAA,QAGCE,EAAAA,IAAAA;AAAI,aAAA,EAFAA,IAAI,CAACI,GAAG,IAAIH,KAAK,CAIzB,CAAA;AAAA,WAAA,CAAA;SAZQI,EAAAA,YAAY,CAACD,GAAG,CAcpB,CAAA;OAEd,CAAA;KACS,CAAA,CAAA;GACN,CAAA,CAAA,CAAA;AAEZ,EAAC;AAED,IAAME,uBAAuB,GAAG;EAC9B5B,QAAQ,EAAE6B,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,IAAI,CAAC,CAACC,UAAAA;AAC9C,CAAC,CAAA;AAEDjC,cAAc,CAACkC,SAAS,GAAGL,uBAAuB;;;;"}

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;;;;"}