@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/CollapsableSidebar.js

@@ -1,307 +1 @@
-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
+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};

package/components/CollapsibleContent.js

@@ -1,94 +1 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles, Button } from '@material-ui/core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-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 { CollapsibleContent as default };
-//# sourceMappingURL=CollapsibleContent.js.map
+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};