@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/CollapsableSidebar.js

@@ -1 +1,320 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useState as o}from"react";import r from"prop-types";import i from"classnames";import{noop as n}from"lodash";import{withStyles as s,Box as p,IconButton as a}from"@material-ui/core";import m from"@material-ui/icons/ChevronLeftRounded";import l from"@material-ui/icons/ChevronRightRounded";import"./DevCenter/AppHeader/AppHeader.js";import"./DevCenter/AppSideBar/AppSideBar.js";import"./DevCenter/AppsDataProvider/AppsDataProvider.js";import"@material-ui/icons/Help";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import"./Modal/index.js";import"./IconMenu/index.js";import"./StyledMenuItem/index.js";import"./DevCenter/AppContext.js";import"./AssetEditor/index.js";import"./AppVersionsSelect/AppVersionsSelect.js";import"./LoadingIndicator/LoadingIndicator.js";import"./Typography.js";import"./DateTimePicker/index.js";import"./DatePicker/index.js";import"./ErrorBoundary/ErrorBoundary.js";import"./ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"./SlateFormattedText/SlateFormattedText.js";import"./SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"./ParameterCharts/ParameterCharts.js";import"./ParameterCharts/AddEditTrack.js";import"./ChartActionsList/ChartActionsList.js";import"./AssetEditor/AssetEditorAutocomplete.js";import"./AssetEditor/SingleAssetEditor.js";import"./SettingEditors/ColorEditor/index.js";import"./SettingEditors/DropdownEditor/index.js";import"./SettingEditors/RadioEditor/index.js";import"./SwitchControl/index.js";import"./ColorPicker/ColorPicker.js";import"./ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"./TruncatedText/index.js";import"./RangeSlider/RangeSlider.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./Login/components/Login.js";import"./Login/components/PasswordField.js";import"./Login/components/Chip.js";import"./Login/components/StepFooter.js";import"./Login/components/StepContent.js";import"./Login/components/StepHeader.js";import"./Login/components/Step.js";import"./Login/components/OrDivider.js";import"./Login/components/HiddenEmailField.js";import"./Login/components/EmailField.js";import"./Breadcrumbs/index.js";import"./VirtualizedTable/index.js";import"./EmptyView/EmptyView.js";import"./EmptyView/EmptyAppView/EmptyAppView.js";import"./Button/index.js";import"./ContextMenuItem/index.js";import"./FolderMenuItem/index.js";import"./EditableItem/EditableItem/index.js";import"./EditableItem/EditableItemWithBadge/index.js";import"./Checkbox/index.js";import"./FolderMenuItemWithLinks/index.js";import"./IconButton/index.js";import"./TextField/index.js";import"./Chip/index.js";import"./Counter/index.js";import"./AnchorsList/AnchorsList.js";import"./Select/index.js";import"./CustomSelect/index.js";import"./Tabs/Tabs.js";import"./Tabs/Tab.js";import"./ResizableTable/ResizableTable.js";import"./Drillstring/BHASchematic.js";import"./Drillstring/BHATable/index.js";import"./Drillstring/BHAComponentIcon.js";import"./Drillstring/BHAComponentDetail/index.js";import"./Casing/CasingTable/index.js";import"./Casing/CasingComponentIcon.js";import"./WellSummary/WellSummaryItemLabel.js";import"./WellSummary/WellSummaryItemTitle.js";import"./WellSummary/WellSummaryItemValue.js";import"./WellSummary/ActivitySummaryChart.js";import"./WellSummary/FracWirelineTimeChart.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../clients/jsonApi/index.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/notifications.js";import"../constants/feed.js";import"../constants/bha.js";import"./BICOffsetPickerDialog/index.js";import"./OffsetWellPickerV2/OffsetWellPickerDialog.js";import"./OffsetWellPickerV3/index.js";import"./Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"./ConfirmationDialog.js";import"./TextLink/index.js";import"./Avatar/index.js";import"./Template/TemplatePopover/index.js";import"./MenuItem/index.js";import"./PadModeSelect/PadModeSelect.js";import"./PinnableFilters/PinnableFilters.js";import"./HeaderLayout/HeaderLayout.js";import"./PadOffsetsPicker/PadOffsetsPicker.js";import"./PadOffsetsPicker/OffsetAssetChip.js";import"./PadOffsetsPicker/OffsetAssetsListExpander.js";import"./PadOffsetsPicker/StagesSelector.js";import"./Table/TableToolbar/TableToolbar.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"./Tooltip/MuiTooltipDcWrapper.js";import"./PriceInput/PriceInput.js";import"./LabelsCounter/LabelsCounter.js";import"./Stepper/Step.js";import"./Stepper/StepsWrapper.js";import"./Stepper/Stepper.js";import"./Comment/CommentIcon/index.js";import"./FilesLoader/FilesLoader.js";import"./FilesLoader/Icons/FileIcon.js";import"./SearchInput/index.js";import"./FeedItem/FeedItem.js";import"./FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"./PostInput/PostInput.js";import"./KeyboardDateTimePicker.js";import"./AddComment/Popover.js";import"./AddComment/Popup.js";import"./StageDesignVActual/ComparisonBar/ComparisonBar.js";import"./StageDesignVActual/ElementsComparison/ElementsComparison.js";import"./StageDesignVActual/ComparisonHeader.js";import"./StageDesignVActual/ComparisonRow.js";import"./EmbeddedApp/DevCenterEmbeddedApp.js";import"./EmbeddedApp/EmbeddedApp.js";import"./HelpCenter/ArticleIcon.js";import"./HelpCenter/DialogLayout.js";import"./HelpCenter/HelpCenterDialog/HelpCenterDialog.js";import"./HelpCenter/ItemContent/ItemContent.js";import"./HelpCenter/SingleItemHeader.js";import"./HelpCenter/shapes/index.js";import"./DocumentViewer/DocumentViewer.js";import"../utils/mobileDetect.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.js";import"../utils/index.js";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"./DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"./DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"./DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"./EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"./DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"./DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"./DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"./DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"./DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"./DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"./DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"./DevCenter/NavigationBar/NavigationBar.js";import j from"./DevCenter/SideBar/SideBar.js";import"./DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"./DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"./DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";var C=function(r){var n,s=r.classes,C=r.children,u=r.onStateChange,g=r.initialState,D=r.drawerPaperClassName,A=r.isToolbarGutterShown,v=r.openedDrawerWidth,f=r.anchor,b=o(g),x=t(b,2),h=x[0],S=x[1],P=function(){S(!h),u(!h)},I="left"===f?m:l;return d(j,{isToolbarGutterShown:A,drawerWidth:v,drawerClassName:i(s.drawer,!h&&s.drawerClosed),drawerPaperClassName:i(s.drawer,s.drawerPaper,D,!h&&s.drawerClosed),anchor:f,listClassName:s.list,onClick:function(){h||P()},children:[C,c(p,{className:i(s.openToggleContainer,(n={},e(n,s.openToggleContainerCollapsed,!h),e(n,s.openToggleContainerOpened,h),n)),children:c(a,{"aria-label":"toggle sidebar",className:s.openToggleIconButton,onClick:P,children:c(I,{className:i(s.openToggleIcon,e({},s.openToggleIconClosed,!h))})})})]})};C.propTypes={children:r.node.isRequired,onStateChange:r.func,initialState:r.bool,drawerPaperClassName:r.string,isToolbarGutterShown:r.bool,openedDrawerWidth:r.oneOfType([r.string,r.number]),anchor:r.oneOf(["left","right"]),closedWidth:r.oneOfType([r.string,r.number])},C.defaultProps={onStateChange:n,initialState:!0,closedWidth:48,drawerPaperClassName:null,isToolbarGutterShown:void 0,openedDrawerWidth:void 0,anchor:void 0};var u=s((function(e){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:e.palette.background.b7}}},drawerClosed:{width:function(e){return e.closedWidth}},openToggleIcon:{fontSize:"1.25rem",color:e.palette.primary.text7},openToggleIconClosed:{transform:"rotate(180deg)"},openToggleIconButton:{padding:6},openToggleContainer:{display:"flex",position:"absolute",bottom:0,width:"100%",flex:"0 0",padding:e.spacing(2,1,1.5)},openToggleContainerCollapsed:{paddingRight:e.spacing(1),paddingLeft:e.spacing(1),justifyContent:"center"},openToggleContainerOpened:{justifyContent:function(e){return"left"===e.anchor?"flex-end":"flex-start"}},list:{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden",paddingBottom:60}}}))(C);export{u as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { noop } from 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../constants/completion.js';
+import '../constants/alerts.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '../constants/goals.js';
+import '../constants/segment.js';
+import '../constants/apps.js';
+import '../constants/drillstring.js';
+import '../constants/notifications.js';
+import '../constants/feed.js';
+import '../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../clients/api/apiCore.js';
+import '../clients/constants.js';
+import '../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Box, IconButton } from '@material-ui/core';
+import { useState } from 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import './Modal/index.js';
+import './IconMenu/index.js';
+import './StyledMenuItem/index.js';
+import './LoadingIndicator/LoadingIndicator.js';
+import './DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import './DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import './Tooltip/MuiTooltipDcWrapper.js';
+import './Avatar/index.js';
+import './Annotations/AnnotationsContext.js';
+import './DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import './DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import './IconButton/index.js';
+import './ConfirmationDialog.js';
+import './Annotations/components/AnnotationsList/index.js';
+import './Annotations/components/LastAnnotation/index.js';
+import './PadModeSelect/PadModeSelect.js';
+import './DevCenter/AppHeader/AppHeader.js';
+import ChevronLeftRoundedIcon from '@material-ui/icons/ChevronLeftRounded';
+import ChevronRightRoundedIcon from '@material-ui/icons/ChevronRightRounded';
+import './Button/index.js';
+import './DevCenter/AppSideBar/AppSideBar.js';
+import './DevCenter/AppContext.js';
+import './DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import './HelpCenter/ArticleIcon.js';
+import './HelpCenter/DialogLayout.js';
+import './HelpCenter/SingleItemHeader.js';
+import './DocumentViewer/DocumentViewer.js';
+import './HelpCenter/shapes/index.js';
+import 'slate';
+import './SlateFormattedText/RenderElements.js';
+import './SlateFormattedText/SlateFormattedText.js';
+import './HelpCenter/ItemContent/ItemContent.js';
+import './HelpCenter/HelpCenterDialog/HelpCenterDialog.js';
+import './DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import './EmptyView/EmptyAppView/EmptyAppView.js';
+import './ErrorBoundary/ErrorBoundary.js';
+import './Typography.js';
+import './ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import './DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import './DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import './DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import './DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import './DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import './EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import './DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import './DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import './DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import './DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import './DevCenter/NavigationBar/NavigationBar.js';
+import SideBar from './DevCenter/SideBar/SideBar.js';
+import './DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import './DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import './DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import './TruncatedText/index.js';
+import './AssetEditor/SingleAssetEditor.js';
+import './AssetEditor/AssetEditorAutocomplete.js';
+import './AssetEditor/index.js';
+import './AppVersionsSelect/AppVersionsSelect.js';
+import './DateTimePicker/index.js';
+import './DatePicker/index.js';
+import './ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import './ColorPicker/ColorPicker.js';
+import './ParameterCharts/AddEditTrack.js';
+import './ParameterCharts/ParameterCharts.js';
+import './ChartActionsList/ChartActionsList.js';
+import './SettingEditors/ColorEditor/index.js';
+import './SettingEditors/DropdownEditor/index.js';
+import './SettingEditors/RadioEditor/index.js';
+import './SwitchControl/index.js';
+import './RangeSlider/RangeSlider.js';
+import './Login/components/Login.js';
+import './Login/components/PasswordField.js';
+import './Login/components/Chip.js';
+import './Login/components/StepFooter.js';
+import './Login/components/StepContent.js';
+import './Login/components/StepHeader.js';
+import './Login/components/Step.js';
+import './Login/components/OrDivider.js';
+import './Login/components/HiddenEmailField.js';
+import './Login/components/EmailField.js';
+import './Breadcrumbs/index.js';
+import './VirtualizedTable/index.js';
+import './EmptyView/EmptyView.js';
+import './MenuItem/index.js';
+import './ContextMenuItem/index.js';
+import './FolderMenuItem/index.js';
+import './EditableItem/EditableItem/index.js';
+import './EditableItem/EditableItemWithBadge/index.js';
+import './Checkbox/index.js';
+import './FolderMenuItemWithLinks/index.js';
+import './TextField/index.js';
+import './Chip/index.js';
+import './Counter/index.js';
+import './AnchorsList/AnchorsList.js';
+import './Select/index.js';
+import './CustomSelect/index.js';
+import './Tabs/Tabs.js';
+import './Tabs/Tab.js';
+import './ResizableTable/ResizableTable.js';
+import './Drillstring/BHASchematic.js';
+import './Drillstring/BHAComponentIcon.js';
+import './Drillstring/BHATable/index.js';
+import './Drillstring/BHAComponentDetail/index.js';
+import './Casing/CasingComponentIcon.js';
+import './Casing/CasingTable/index.js';
+import './WellSummary/WellSummaryItemLabel.js';
+import './WellSummary/WellSummaryItemTitle.js';
+import './WellSummary/WellSummaryItemValue.js';
+import './WellSummary/ActivitySummaryChart.js';
+import './WellSummary/FracWirelineTimeChart.js';
+import './BICOffsetPickerDialog/index.js';
+import './OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import './OffsetWellPickerV3/index.js';
+import './Notifications/Notifications.js';
+import './TextLink/index.js';
+import './Template/TemplatePopover/index.js';
+import './PinnableFilters/PinnableFilters.js';
+import './HeaderLayout/HeaderLayout.js';
+import './PadOffsetsPicker/PadOffsetsPicker.js';
+import './PadOffsetsPicker/OffsetAssetChip.js';
+import './PadOffsetsPicker/OffsetAssetsListExpander.js';
+import './PadOffsetsPicker/StagesSelector.js';
+import './Table/TableToolbar/TableToolbar.js';
+import './PriceInput/PriceInput.js';
+import './LabelsCounter/LabelsCounter.js';
+import './Stepper/Step.js';
+import './Stepper/StepsWrapper.js';
+import './Stepper/Stepper.js';
+import './Comment/CommentIcon/index.js';
+import './FilesLoader/Icons/FileIcon.js';
+import './FilesLoader/FilesLoader.js';
+import './SearchInput/index.js';
+import './StageDesignVActual/ComparisonHeader.js';
+import './StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import './StageDesignVActual/ComparisonRow.js';
+import './StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import './EmbeddedApp/DevCenterEmbeddedApp.js';
+import './EmbeddedApp/EmbeddedApp.js';
+import './FeedItem/FeedItem.js';
+import './KeyboardDateTimePicker.js';
+import './PostInput/PostInput.js';
+import './FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import './AddComment/Popover.js';
+import './AddComment/Popup.js';
+
+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, {
+        "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']),
+  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 default CollapsableSidebar$1;
+//# 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 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          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  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":["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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"}

package/components/CollapsibleContent.js

@@ -1 +1,103 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import n from"prop-types";import{makeStyles as o,Button as a}from"@material-ui/core";import{jsxs as c,jsx as l,Fragment as d}from"react/jsx-runtime";var p=o((function(e){return{contentWrapper:{position:"relative"},content:{overflow:"hidden"},readMore:{height:40,display:"block",textAlign:"right"},blackOut:{width:"100%",position:"absolute",justifyContent:"flex-end",background:"linear-gradient(to bottom, transparent, ".concat(e.palette.background.paper,")"),height:40,marginTop:-40}}})),s=function(n){var o=n.maxHeight,s=n.children,m=p(),u=r(!1),h=e(u,2),f=h[0],g=h[1],b=r(!1),v=e(b,2),x=v[0],y=v[1],H=t();return i((function(){!function(){var e=o&&H.current.clientHeight>o+40;y(e),g(e)}()}),[s]),c("div",{className:m.contentWrapper,children:[l("div",{className:m.content,style:{maxHeight:x?o:"initial"},children:l("div",{ref:H,children:s})}),f&&c("div",{className:m.readMore,children:[x&&l("div",{className:m.blackOut}),l(a,{onClick:function(){y((function(e){return!e})),x&&window.innerHeight<H.current.clientHeight&&H.current.scrollIntoView()},children:x?l(d,{children:"Read more …"}):"Show less"})]})]})};s.propTypes={children:n.oneOfType([n.node,n.string]).isRequired,maxHeight:n.number},s.defaultProps={maxHeight:120};export{s as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { makeStyles, Button } from '@material-ui/core';
+import { useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+var MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;
+var BLACKOUT_HEIGHT = 40;
+var useStyles = makeStyles(function (theme) {
+  return {
+    contentWrapper: {
+      position: 'relative'
+    },
+    content: {
+      overflow: 'hidden'
+    },
+    readMore: {
+      height: 40,
+      display: 'block',
+      textAlign: 'right'
+    },
+    blackOut: {
+      width: '100%',
+      position: 'absolute',
+      justifyContent: 'flex-end',
+      background: "linear-gradient(to bottom, transparent, ".concat(theme.palette.background.paper, ")"),
+      height: BLACKOUT_HEIGHT,
+      marginTop: -BLACKOUT_HEIGHT
+    }
+  };
+});
+
+var CollapsibleContent = function CollapsibleContent(_ref) {
+  var maxHeight = _ref.maxHeight,
+      children = _ref.children;
+  var classes = useStyles();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      collapsible = _useState2[0],
+      setCollapsible = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      collapsed = _useState4[0],
+      setCollapsed = _useState4[1];
+
+  var contentRef = useRef();
+
+  var setCollapsingStatus = function setCollapsingStatus() {
+    var collapsible = maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;
+    setCollapsed(collapsible);
+    setCollapsible(collapsible);
+  };
+
+  var toggleCollapse = function toggleCollapse() {
+    setCollapsed(function (collapsed) {
+      return !collapsed;
+    });
+
+    if (collapsed && window.innerHeight < contentRef.current.clientHeight) {
+      contentRef.current.scrollIntoView();
+    }
+  };
+
+  useEffect(function () {
+    setCollapsingStatus();
+  }, [children]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.contentWrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.content,
+      style: {
+        maxHeight: collapsed ? maxHeight : 'initial'
+      },
+      children: /*#__PURE__*/jsx("div", {
+        ref: contentRef,
+        children: children
+      })
+    }), collapsible && /*#__PURE__*/jsxs("div", {
+      className: classes.readMore,
+      children: [collapsed && /*#__PURE__*/jsx("div", {
+        className: classes.blackOut
+      }), /*#__PURE__*/jsx(Button, {
+        onClick: toggleCollapse,
+        children: collapsed ? /*#__PURE__*/jsx(Fragment, {
+          children: "Read more \u2026"
+        }) : 'Show less'
+      })]
+    })]
+  });
+};
+
+CollapsibleContent.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,
+  maxHeight: PropTypes.number
+};
+CollapsibleContent.defaultProps = {
+  maxHeight: 120
+};
+
+export default CollapsibleContent;
+//# sourceMappingURL=CollapsibleContent.js.map

package/components/CollapsibleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContent.js","sources":["../../src/components/CollapsibleContent.js"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, makeStyles } from '@material-ui/core';\n\nconst MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE = 40;\nconst BLACKOUT_HEIGHT = 40;\n\nconst useStyles = makeStyles(theme => ({\n  contentWrapper: {\n    position: 'relative',\n  },\n  content: {\n    overflow: 'hidden',\n  },\n  readMore: {\n    height: 40,\n    display: 'block',\n    textAlign: 'right',\n  },\n  blackOut: {\n    width: '100%',\n    position: 'absolute',\n    justifyContent: 'flex-end',\n    background: `linear-gradient(to bottom, transparent, ${theme.palette.background.paper})`,\n    height: BLACKOUT_HEIGHT,\n    marginTop: -BLACKOUT_HEIGHT,\n  },\n}));\n\nconst CollapsibleContent = ({ maxHeight, children }) => {\n  const classes = useStyles();\n  const [collapsible, setCollapsible] = useState(false);\n  const [collapsed, setCollapsed] = useState(false);\n\n  const contentRef = useRef();\n\n  const setCollapsingStatus = () => {\n    const collapsible =\n      maxHeight && contentRef.current.clientHeight > maxHeight + MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE;\n\n    setCollapsed(collapsible);\n    setCollapsible(collapsible);\n  };\n\n  const toggleCollapse = () => {\n    setCollapsed(collapsed => !collapsed);\n    if (collapsed && window.innerHeight < contentRef.current.clientHeight) {\n      contentRef.current.scrollIntoView();\n    }\n  };\n\n  useEffect(() => {\n    setCollapsingStatus();\n  }, [children]);\n\n  return (\n    <div className={classes.contentWrapper}>\n      <div className={classes.content} style={{ maxHeight: collapsed ? maxHeight : 'initial' }}>\n        <div ref={contentRef}>{children}</div>\n      </div>\n      {collapsible && (\n        <div className={classes.readMore}>\n          {collapsed && <div className={classes.blackOut} />}\n          <Button onClick={toggleCollapse}>\n            {collapsed ? <>Read more &hellip;</> : 'Show less'}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nCollapsibleContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]).isRequired,\n  maxHeight: PropTypes.number,\n};\n\nCollapsibleContent.defaultProps = {\n  maxHeight: 120,\n};\n\nexport default CollapsibleContent;\n"],"names":["MIN_STEP_TO_MAKE_ITEM_COLLAPSABLE","BLACKOUT_HEIGHT","useStyles","makeStyles","theme","contentWrapper","position","content","overflow","readMore","height","display","textAlign","blackOut","width","justifyContent","background","palette","paper","marginTop","CollapsibleContent","maxHeight","children","classes","useState","collapsible","setCollapsible","collapsed","setCollapsed","contentRef","useRef","setCollapsingStatus","current","clientHeight","toggleCollapse","window","innerHeight","scrollIntoView","useEffect","_jsxs","_jsx","propTypes","PropTypes","oneOfType","node","string","isRequired","number","defaultProps"],"mappings":"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"}