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

package/components/Chip/index.js

@@ -1 +1,158 @@
-import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import{forwardRef as t}from"react";import s from"classnames";import{makeStyles as c,Chip as e}from"@material-ui/core";import{CloseSmallIcon as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";var a=function(o){var i=o.width,t=void 0===i?24:i,s=o.height,c=void 0===s?24:s,e=o.fill,n=(void 0===e?"":e).replace("#","%23");return"<svg width='".concat(t,"' height='").concat(c,"' viewBox='0 0 24 24' fill='").concat(n,"' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>")},r=c((function(o){return{checked:{"&::before":{content:'url("data:image/svg+xml; utf8, '.concat(a({fill:o.palette.primary.main}),'")'),display:"flex",alignItems:"center",justifyContent:"center",width:24,height:16,lineHeight:"16px",marginLeft:8,marginRight:"-4px",paddingTop:3},"&.Mui-disabled::before":{content:'url("data:image/svg+xml; utf8, '.concat(a({fill:o.palette.primary.text8}),'")')},"&.MuiChip-sizeSmall::before":{content:'url("data:image/svg+xml; utf8, '.concat(a({width:12,fill:o.palette.primary.main}),'")'),width:16,height:16},"&.MuiChip-sizeSmall.Mui-disabled::before":{content:'url("data:image/svg+xml; utf8, '.concat(a({width:12,fill:o.palette.primary.text8}),'")')},"&.MuiChip-root.MuiChip-clickable":{"& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon":{color:"#FFFFFF"}},"& .MuiChip-label:first-child":{marginLeft:"-4px"}},basic:{"&:not([data-not-migrated-MuiChip])":{"&.MuiChip-sizeSmall":{height:12,"& .MuiChip-label":{fontSize:10}},border:"none",textTransform:"uppercase",backgroundColor:o.palette.primary.main,padding:"0 8px",height:16,"& .MuiChip-label":{fontSize:12,fontWeight:500,lineHeight:"12px",letterSpacing:"1px",color:o.palette.background.b1,padding:0},"&:hover":{backgroundColor:o.palette.primary.main,"& .MuiChip-label":{color:o.palette.background.b1}}}}}})),m=t((function(t,c){var a,m=t.checked,l=t.classes,p=void 0===l?{}:l,d=t["data-testid"],u=void 0===d?"Chip":d,h=r(),f=s(t.className,((a={})[h.basic]="basic"===t.variant,a)),g="basic"===t.variant?"default":t.variant;return i(e,o({},t,m?{"data-testid":"Chip",ref:c,className:f,classes:o(o({},p),{root:s(p.root,h.checked)}),variant:g,deleteIcon:i(n,{"data-testid":"".concat("Chip","_remove_icon"),size:16})}:{"data-testId":u,ref:c,className:f,variant:g,deleteIcon:i(n,{"data-testid":"".concat("Chip","_remove_icon"),size:16})}))}));export{m as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+import { makeStyles, Chip as Chip$1 } from '@material-ui/core';
+import { CloseSmallIcon } from '../../icons/iconParkIcons.js';
+import '../../icons/customIcons/icons/AddMessage.js';
+import '../../icons/customIcons/icons/Attention.js';
+import '../../icons/customIcons/icons/Collapse.js';
+import '../../icons/customIcons/icons/Dashboard.js';
+import '../../icons/customIcons/icons/Expand.js';
+import '../../icons/customIcons/icons/FolderClosed.js';
+import '../../icons/customIcons/icons/FolderClosedFilled.js';
+import '../../icons/customIcons/icons/FolderOpened.js';
+import '../../icons/customIcons/icons/GreaterOrEqual.js';
+import '../../icons/customIcons/icons/LessOrEqual.js';
+import '../../icons/customIcons/icons/Search.js';
+import '../../icons/customIcons/icons/Wellhub.js';
+import '../../icons/customIcons/icons/MultiRuler.js';
+import '../../icons/customIcons/icons/Checkbox.js';
+import '../../icons/customIcons/icons/CheckboxChecked.js';
+import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
+import '../../icons/customIcons/icons/Radio.js';
+import '../../icons/customIcons/icons/RadioChecked.js';
+import '../../icons/customIcons/icons/SimulFrac.js';
+import '../../icons/customIcons/icons/ZipperFrac.js';
+import '../../icons/customIcons/icons/CautionFilled.js';
+import '../../icons/customIcons/icons/MoreApp.js';
+import '../../icons/customIcons/icons/Pad.js';
+import '../../icons/customIcons/icons/Gap.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'Chip';
+var checkIconSvg = function checkIconSvg(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 24 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 24 : _ref$height,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? '' : _ref$fill;
+  var fillColor = fill.replace('#', '%23');
+  return "<svg width='".concat(width, "' height='").concat(height, "' viewBox='0 0 24 24' fill='").concat(fillColor, "' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>");
+};
+var useStyles = makeStyles(function (theme) {
+  return {
+    checked: {
+      '&::before': {
+        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
+          fill: theme.palette.primary.main
+        }), "\")"),
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: 24,
+        height: 16,
+        lineHeight: '16px',
+        marginLeft: 8,
+        marginRight: '-4px',
+        paddingTop: 3
+      },
+      '&.Mui-disabled::before': {
+        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
+          fill: theme.palette.primary.text8
+        }), "\")")
+      },
+      '&.MuiChip-sizeSmall::before': {
+        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
+          width: 12,
+          fill: theme.palette.primary.main
+        }), "\")"),
+        width: 16,
+        height: 16
+      },
+      '&.MuiChip-sizeSmall.Mui-disabled::before': {
+        content: "url(\"data:image/svg+xml; utf8, ".concat(checkIconSvg({
+          width: 12,
+          fill: theme.palette.primary.text8
+        }), "\")")
+      },
+      '&.MuiChip-root.MuiChip-clickable': {
+        '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {
+          color: '#FFFFFF'
+        }
+      },
+      '& .MuiChip-label:first-child': {
+        marginLeft: '-4px'
+      }
+    },
+    basic: {
+      '&:not([data-not-migrated-MuiChip])': {
+        '&.MuiChip-sizeSmall': {
+          height: 12,
+          '& .MuiChip-label': {
+            fontSize: 10
+          }
+        },
+        border: 'none',
+        textTransform: 'uppercase',
+        backgroundColor: theme.palette.primary.main,
+        padding: '0 8px',
+        height: 16,
+        '& .MuiChip-label': {
+          fontSize: 12,
+          fontWeight: 500,
+          lineHeight: '12px',
+          letterSpacing: '1px',
+          color: theme.palette.background.b1,
+          padding: 0
+        },
+        '&:hover': {
+          backgroundColor: theme.palette.primary.main,
+          '& .MuiChip-label': {
+            color: theme.palette.background.b1
+          }
+        }
+      }
+    }
+  };
+});
+var Chip = forwardRef(function (props, ref) {
+  var checked = props.checked,
+    _props$classes = props.classes,
+    classes = _props$classes === void 0 ? {} : _props$classes,
+    _props$dataTestid = props['data-testid'],
+    dataTestId = _props$dataTestid === void 0 ? 'Chip' : _props$dataTestid;
+  var styles = useStyles();
+  var basicClassName = classNames(props.className, _defineProperty({}, styles.basic, props.variant === 'basic'));
+  var variant = props.variant === 'basic' ? 'default' : props.variant;
+  if (!checked) {
+    return /*#__PURE__*/jsx(Chip$1, _objectSpread(_objectSpread({}, props), {}, {
+      "data-testId": dataTestId,
+      ref: ref,
+      className: basicClassName,
+      variant: variant,
+      deleteIcon: /*#__PURE__*/jsx(CloseSmallIcon, {
+        "data-testid": "".concat(PAGE_NAME, "_remove_icon"),
+        size: 16
+      })
+    }));
+  }
+  return /*#__PURE__*/jsx(Chip$1, _objectSpread(_objectSpread({}, props), {}, {
+    "data-testid": PAGE_NAME,
+    ref: ref,
+    className: basicClassName,
+    classes: _objectSpread(_objectSpread({}, classes), {}, {
+      root: classNames(classes.root, styles.checked)
+    }),
+    variant: variant,
+    deleteIcon: /*#__PURE__*/jsx(CloseSmallIcon, {
+      "data-testid": "".concat(PAGE_NAME, "_remove_icon"),
+      size: 16
+    })
+  }));
+});
+
+export { Chip as default };
+//# sourceMappingURL=index.js.map

package/components/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, MouseEventHandler } from 'react';\nimport classNames from 'classnames';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, makeStyles } from '@material-ui/core';\nimport { CloseSmallIcon } from '~/icons';\n\nconst PAGE_NAME = 'Chip';\n\nconst checkIconSvg = ({ width = 24, height = 24, fill = '' }) => {\n  const fillColor = fill.replace('#', '%23');\n\n  return `<svg width='${width}' height='${height}' viewBox='0 0 24 24' fill='${fillColor}' xmlns='http://www.w3.org/2000/svg'><path d='M20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697C4.76256 11.1768 5.23744 11.1768 5.53033 11.4697L10 15.9393L19.4697 6.46967C19.7626 6.17678 20.2374 6.17678 20.5303 6.46967Z'/></svg>`;\n};\n\nconst useStyles = makeStyles(theme => ({\n  checked: {\n    '&::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.main,\n      })}\")`,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 24,\n      height: 16,\n      lineHeight: '16px',\n      marginLeft: 8,\n      marginRight: '-4px',\n      paddingTop: 3,\n    },\n    '&.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-sizeSmall::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.main,\n      })}\")`,\n      width: 16,\n      height: 16,\n    },\n    '&.MuiChip-sizeSmall.Mui-disabled::before': {\n      content: `url(\"data:image/svg+xml; utf8, ${checkIconSvg({\n        width: 12,\n        fill: theme.palette.primary.text8,\n      })}\")`,\n    },\n    '&.MuiChip-root.MuiChip-clickable': {\n      '& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon': {\n        color: '#FFFFFF',\n      },\n    },\n    '& .MuiChip-label:first-child': {\n      marginLeft: '-4px',\n    },\n  },\n  basic: {\n    '&:not([data-not-migrated-MuiChip])': {\n      '&.MuiChip-sizeSmall': {\n        height: 12,\n        '& .MuiChip-label': {\n          fontSize: 10,\n        },\n      },\n      border: 'none',\n      textTransform: 'uppercase',\n      backgroundColor: theme.palette.primary.main,\n      padding: '0 8px',\n      height: 16,\n      '& .MuiChip-label': {\n        fontSize: 12,\n        fontWeight: 500,\n        lineHeight: '12px',\n        letterSpacing: '1px',\n        color: theme.palette.background.b1,\n        padding: 0,\n      },\n      '&:hover': {\n        backgroundColor: theme.palette.primary.main,\n        '& .MuiChip-label': {\n          color: theme.palette.background.b1,\n        },\n      },\n    },\n  },\n}));\n\nexport type ChipProps = Omit<\n  MuiChipProps,\n  'variant' | 'color' | 'onClick' | 'children' | 'avatar'\n> & {\n  variant?: 'default' | 'outlined' | 'basic';\n  /**\n   * Displays a checked icon\n   */\n  checked?: boolean;\n  'data-testid'?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n};\n\nconst Chip = forwardRef((props: ChipProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const { checked, classes = {}, 'data-testid': dataTestId = 'Chip' } = props;\n  const styles = useStyles();\n  const basicClassName = classNames(props.className, { [styles.basic]: props.variant === 'basic' });\n  const variant = props.variant === 'basic' ? 'default' : props.variant;\n\n  if (!checked) {\n    return (\n      <MuiChip\n        {...props}\n        data-testId={dataTestId}\n        ref={ref}\n        className={basicClassName}\n        variant={variant}\n        deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n      />\n    );\n  }\n\n  return (\n    <MuiChip\n      {...props}\n      data-testid={PAGE_NAME}\n      ref={ref}\n      className={basicClassName}\n      classes={{\n        ...classes,\n        root: classNames(classes.root, styles.checked),\n      }}\n      variant={variant}\n      deleteIcon={<CloseSmallIcon data-testid={`${PAGE_NAME}_remove_icon`} size={16} />}\n    />\n  );\n});\n\nexport default Chip;\n"],"names":["PAGE_NAME","checkIconSvg","width","height","fill","fillColor","replace","useStyles","makeStyles","theme","checked","content","palette","primary","main","display","alignItems","justifyContent","lineHeight","marginLeft","marginRight","paddingTop","text8","color","basic","fontSize","border","textTransform","backgroundColor","padding","fontWeight","letterSpacing","background","b1","Chip","forwardRef","props","ref","classes","dataTestId","styles","basicClassName","classNames","className","variant","_jsx","MuiChip","root"],"mappings":"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"}

package/components/CollapsableSidebar.js

@@ -1 +1,307 @@
-import o from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t}from"react";import n from"prop-types";import s from"classnames";import{noop as r}from"lodash";import{withStyles as i,Box as p,IconButton as c}from"@material-ui/core";import a from"@material-ui/icons/ChevronLeftRounded";import m from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons";import"./DevCenter/AppContext.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import{jsxs as d,jsx as l}from"react/jsx-runtime";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";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"../utils/index.js";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.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"./DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../componentsV2/Tooltip/Tooltip.scss.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"../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"@icon-park/react/es/all";import"../icons/IconParkProvider.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"../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"./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"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"rollbar";import"@rollbar/react";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"./DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../utils/mobileDetect.js";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import"./Toaster/Toaster.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.js";import"../clients/jsonApi/index.js";import"jsona";import"./StatusBadge/constants.js";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../clients/api/apiCore.js";import"../clients/constants.js";import"../clients/sso/auth0.js";import"../clients/sso/oauth2.js";import"lodash/isEmpty";import"lodash/sortBy";import"./HelpCenter/HelpCenterIcon.js";import"./DevCenter/NavigationBar/NavigationBar.js";import C from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";var j=function(n){var r,i=n.classes,j=n.children,u=n.onStateChange,A=n.initialState,v=n.drawerPaperClassName,g=n.isToolbarGutterShown,D=n.openedDrawerWidth,h=n.anchor,I=t(A),V=e(I,2),b=V[0],f=V[1],T=function(){f(!b),u(!b)},S="left"===h?a:m;return d(C,{isToolbarGutterShown:g,drawerWidth:D,drawerClassName:s(i.drawer,!b&&i.drawerClosed),drawerPaperClassName:s(i.drawer,i.drawerPaper,v,!b&&i.drawerClosed),anchor:h,listClassName:i.list,onClick:function(){b||T()},children:[j,l(p,{className:s(i.openToggleContainer,(r={},o(r,i.openToggleContainerCollapsed,!b),o(r,i.openToggleContainerOpened,b),r)),children:l(c,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:i.openToggleIconButton,onClick:T,children:l(S,{className:s(i.openToggleIcon,o({},i.openToggleIconClosed,!b))})})})]})};j.propTypes={children:n.node.isRequired,onStateChange:n.func,initialState:n.bool,drawerPaperClassName:n.string,isToolbarGutterShown:n.bool,openedDrawerWidth:n.oneOfType([n.string,n.number]),anchor:n.oneOf(["left","right"]),closedWidth:n.oneOfType([n.string,n.number])},j.defaultProps={onStateChange:r,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var u=i((function(o){return{drawer:{display:"flex",flexDirection:"column",height:"100%"},drawerPaper:{"&$drawerClosed":{cursor:"pointer","&:hover::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,background:o.palette.background.b7}}},drawerClosed:{width:function(o){return o.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:o.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:o.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:o.spacing(1),paddingLeft:o.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(o){return"left"===o.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(j);export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { noop } from 'lodash';
+import { withStyles, Box, IconButton } from '@material-ui/core';
+import ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';
+import ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';
+import './DevCenter/AppHeader/AppHeader.js';
+import './DevCenter/AppSideBar/AppSideBar.js';
+import './DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons';
+import './DevCenter/AppContext.js';
+import './DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import './DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react-router';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+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 '../utils/index.js';
+import './DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js';
+import './DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.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 './DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import './DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import './DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import 'uuid';
+import '../componentsV2/Tooltip/Tooltip.scss.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 '../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 '@icon-park/react/es/all';
+import '../icons/IconParkProvider.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 '../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 './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 './DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import './DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import './DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import './DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import 'rollbar';
+import '@rollbar/react';
+import './DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js';
+import './DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js';
+import './DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../utils/mobileDetect.js';
+import './Icons/AnnotationIcon.js';
+import './Annotations/components/AnnotationsList/index.js';
+import './Annotations/components/LastAnnotation/index.js';
+import './Annotations/AnnotationsContext.js';
+import './Toaster/Toaster.js';
+import 'querystring';
+import 'uuid/v1';
+import '../clients/subscriptions.js';
+import 'query-string';
+import '../clients/api/apiCore.js';
+import '../clients/constants.js';
+import 'jsona';
+import './StatusBadge/constants.js';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+import '../clients/sso/auth0.js';
+import '../clients/sso/oauth2.js';
+import 'lodash/isEmpty';
+import 'lodash/sortBy';
+import './HelpCenter/HelpCenterIcon.js';
+import './DevCenter/NavigationBar/NavigationBar.js';
+import SideBar from './DevCenter/SideBar/SideBar.js';
+import './DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import './DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js';
+import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+
+var PAGE_NAME = 'CollapsableSidebar';
+var muiStyles = function muiStyles(theme) {
+  return {
+    drawer: {
+      display: 'flex',
+      flexDirection: 'column',
+      height: '100%'
+    },
+    drawerPaper: {
+      '&$drawerClosed': {
+        cursor: 'pointer',
+        '&:hover::before': {
+          content: '""',
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          background: theme.palette.background.b7
+        }
+      }
+    },
+    drawerClosed: {
+      width: function width(_ref) {
+        var closedWidth = _ref.closedWidth;
+        return closedWidth;
+      }
+    },
+    openToggleIcon: {
+      fontSize: '1.25rem',
+      color: theme.palette.primary.text7
+    },
+    openToggleIconClosed: {
+      transform: 'rotate(180deg)'
+    },
+    openToggleIconButton: {
+      padding: 6
+    },
+    openToggleContainer: {
+      display: 'flex',
+      position: 'absolute',
+      bottom: 0,
+      width: '100%',
+      flex: '0 0',
+      padding: theme.spacing(2, 1, 1.5)
+    },
+    openToggleContainerCollapsed: {
+      paddingRight: theme.spacing(1),
+      paddingLeft: theme.spacing(1),
+      justifyContent: 'center'
+    },
+    openToggleContainerOpened: {
+      justifyContent: function justifyContent(_ref2) {
+        var anchor = _ref2.anchor;
+        return anchor === 'left' ? 'flex-end' : 'flex-start';
+      }
+    },
+    list: {
+      display: 'flex',
+      flexDirection: 'column',
+      flexGrow: 1,
+      overflow: 'hidden',
+      paddingBottom: 60
+    }
+  };
+};
+var CollapsableSidebar = function CollapsableSidebar(_ref3) {
+  var _classnames;
+  var classes = _ref3.classes,
+    children = _ref3.children,
+    onStateChange = _ref3.onStateChange,
+    initialState = _ref3.initialState,
+    drawerPaperClassName = _ref3.drawerPaperClassName,
+    isToolbarGutterShown = _ref3.isToolbarGutterShown,
+    openedDrawerWidth = _ref3.openedDrawerWidth,
+    anchor = _ref3.anchor;
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var toggleIsOpen = function toggleIsOpen() {
+    setIsOpen(!isOpen);
+    onStateChange(!isOpen);
+  };
+  var onSidebarClick = function onSidebarClick() {
+    if (!isOpen) {
+      toggleIsOpen();
+    }
+  };
+  var ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;
+  return /*#__PURE__*/jsxs(SideBar, {
+    isToolbarGutterShown: isToolbarGutterShown,
+    drawerWidth: openedDrawerWidth,
+    drawerClassName: classNames(classes.drawer, !isOpen && classes.drawerClosed),
+    drawerPaperClassName: classNames(classes.drawer, classes.drawerPaper, drawerPaperClassName, !isOpen && classes.drawerClosed),
+    anchor: anchor,
+    listClassName: classes.list,
+    onClick: onSidebarClick,
+    children: [children, /*#__PURE__*/jsx(Box, {
+      className: classNames(classes.openToggleContainer, (_classnames = {}, _defineProperty(_classnames, classes.openToggleContainerCollapsed, !isOpen), _defineProperty(_classnames, classes.openToggleContainerOpened, isOpen), _classnames)),
+      children: /*#__PURE__*/jsx(IconButton, {
+        "data-testid": "".concat(PAGE_NAME, "_toggle"),
+        "aria-label": "toggle sidebar",
+        className: classes.openToggleIconButton,
+        onClick: toggleIsOpen,
+        children: /*#__PURE__*/jsx(ChevroneIcon, {
+          className: classNames(classes.openToggleIcon, _defineProperty({}, classes.openToggleIconClosed, !isOpen))
+        })
+      })
+    })]
+  });
+};
+CollapsableSidebar.propTypes = {
+  children: PropTypes.node.isRequired,
+  onStateChange: PropTypes.func,
+  initialState: PropTypes.bool,
+  drawerPaperClassName: PropTypes.string,
+  isToolbarGutterShown: PropTypes.bool,
+  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  anchor: PropTypes.oneOf(['left', 'right']),
+  // eslint-disable-next-line react/no-unused-prop-types
+  closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+CollapsableSidebar.defaultProps = {
+  onStateChange: noop,
+  initialState: true,
+  closedWidth: 48,
+  drawerPaperClassName: null,
+  isToolbarGutterShown: undefined,
+  openedDrawerWidth: undefined,
+  anchor: undefined
+};
+var CollapsableSidebar$1 = withStyles(muiStyles)(CollapsableSidebar);
+
+export { CollapsableSidebar$1 as default };
+//# sourceMappingURL=CollapsableSidebar.js.map

package/components/CollapsableSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableSidebar.js","sources":["../../src/components/CollapsableSidebar.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\nimport { withStyles, IconButton, Box } from '@material-ui/core';\nimport ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';\nimport ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';\n\nimport { SideBar } from './DevCenter';\n\nconst PAGE_NAME = 'CollapsableSidebar';\n\nconst muiStyles = theme => ({\n  drawer: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  drawerPaper: {\n    '&$drawerClosed': {\n      cursor: 'pointer',\n      '&:hover::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        right: 0,\n        bottom: 0,\n        left: 0,\n        background: theme.palette.background.b7,\n      },\n    },\n  },\n  drawerClosed: {\n    width: ({ closedWidth }) => closedWidth,\n  },\n  openToggleIcon: {\n    fontSize: '1.25rem',\n    color: theme.palette.primary.text7,\n  },\n  openToggleIconClosed: {\n    transform: 'rotate(180deg)',\n  },\n  openToggleIconButton: {\n    padding: 6,\n  },\n  openToggleContainer: {\n    display: 'flex',\n    position: 'absolute',\n    bottom: 0,\n    width: '100%',\n    flex: '0 0',\n    padding: theme.spacing(2, 1, 1.5),\n  },\n  openToggleContainerCollapsed: {\n    paddingRight: theme.spacing(1),\n    paddingLeft: theme.spacing(1),\n    justifyContent: 'center',\n  },\n  openToggleContainerOpened: {\n    justifyContent: ({ anchor }) => (anchor === 'left' ? 'flex-end' : 'flex-start'),\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexGrow: 1,\n    overflow: 'hidden',\n    paddingBottom: 60,\n  },\n});\n\nconst CollapsableSidebar = ({\n  classes,\n  children,\n  onStateChange,\n  initialState,\n  drawerPaperClassName,\n  isToolbarGutterShown,\n  openedDrawerWidth,\n  anchor,\n}) => {\n  const [isOpen, setIsOpen] = useState(initialState);\n\n  const toggleIsOpen = () => {\n    setIsOpen(!isOpen);\n    onStateChange(!isOpen);\n  };\n\n  const onSidebarClick = () => {\n    if (!isOpen) {\n      toggleIsOpen();\n    }\n  };\n\n  const ChevroneIcon = anchor === 'left' ? ChevronLeftRoundedIcon : ChevronRightRoundedIcon;\n\n  return (\n    <SideBar\n      isToolbarGutterShown={isToolbarGutterShown}\n      drawerWidth={openedDrawerWidth}\n      drawerClassName={classnames(classes.drawer, !isOpen && classes.drawerClosed)}\n      drawerPaperClassName={classnames(\n        classes.drawer,\n        classes.drawerPaper,\n        drawerPaperClassName,\n        !isOpen && classes.drawerClosed\n      )}\n      anchor={anchor}\n      listClassName={classes.list}\n      onClick={onSidebarClick}\n    >\n      {children}\n      <Box\n        className={classnames(classes.openToggleContainer, {\n          [classes.openToggleContainerCollapsed]: !isOpen,\n          [classes.openToggleContainerOpened]: isOpen,\n        })}\n      >\n        <IconButton\n          data-testid={`${PAGE_NAME}_toggle`}\n          aria-label=\"toggle sidebar\"\n          className={classes.openToggleIconButton}\n          onClick={toggleIsOpen}\n        >\n          <ChevroneIcon\n            className={classnames(classes.openToggleIcon, {\n              [classes.openToggleIconClosed]: !isOpen,\n            })}\n          />\n        </IconButton>\n      </Box>\n    </SideBar>\n  );\n};\n\nCollapsableSidebar.propTypes = {\n  children: PropTypes.node.isRequired,\n  onStateChange: PropTypes.func,\n  initialState: PropTypes.bool,\n  drawerPaperClassName: PropTypes.string,\n  isToolbarGutterShown: PropTypes.bool,\n  openedDrawerWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n  // eslint-disable-next-line react/no-unused-prop-types\n  closedWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCollapsableSidebar.defaultProps = {\n  onStateChange: noop,\n  initialState: true,\n  closedWidth: 48,\n  drawerPaperClassName: null,\n  isToolbarGutterShown: undefined,\n  openedDrawerWidth: undefined,\n  anchor: undefined,\n};\n\nexport default withStyles(muiStyles)(CollapsableSidebar);\n"],"names":["PAGE_NAME","muiStyles","theme","drawer","display","flexDirection","height","drawerPaper","cursor","content","position","top","right","bottom","left","background","palette","b7","drawerClosed","width","closedWidth","openToggleIcon","fontSize","color","primary","text7","openToggleIconClosed","transform","openToggleIconButton","padding","openToggleContainer","flex","spacing","openToggleContainerCollapsed","paddingRight","paddingLeft","justifyContent","openToggleContainerOpened","anchor","list","flexGrow","overflow","paddingBottom","CollapsableSidebar","classes","children","onStateChange","initialState","drawerPaperClassName","isToolbarGutterShown","openedDrawerWidth","useState","isOpen","setIsOpen","toggleIsOpen","onSidebarClick","ChevroneIcon","ChevronLeftRoundedIcon","ChevronRightRoundedIcon","_jsxs","classnames","_jsx","propTypes","PropTypes","node","isRequired","func","bool","string","oneOfType","number","oneOf","defaultProps","noop","undefined","withStyles"],"mappings":"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"}