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

package/components/CollapsableSidebar.js

@@ -1 +1,386 @@
-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";import"./Icons/AnnotationIcon.js";import"./Annotations/components/AnnotationsList/index.js";import"./Annotations/components/LastAnnotation/index.js";import"./Annotations/AnnotationsContext.js";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"./DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"./DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/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"./DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"./DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"./DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"./Modal/CorvaModal.js";import"uuid";import"./IconMenu/index.js";import"./StyledMenuItem/index.js";import"./AppIcon/AppIcon.js";import"./DevCenter/AppContext.js";import"./AssetEditor/index.js";import"./AssetEditorV2/index.js";import"./AppVersionsSelect/AppVersionsSelect.js";import"./LoadingIndicator/LoadingIndicator.js";import"./Typography.js";import"./RealTimeValuesSidebar/RealTimeSidebar.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"./EmptyState/EmptyState.js";import"./ParameterCharts/ParameterCharts.js";import"./ParameterCharts/AddEditTrack.js";import"./ChartActionsList/ChartActionsList.js";import"./CopyToClipboard/CopyToClipboard.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"./Chart/components/ChartButton.js";import"./Chart/components/ChartButtons.js";import"./Chart/components/ChartWrapper.js";import"./Chart/components/AxisDropdown.js";import"./Chart/components/ChartSelect.js";import"./Chart/components/buttons/DragToZoomButton.js";import"./Chart/components/buttons/ZoomInButton.js";import"./Chart/components/buttons/ZoomOutButton.js";import"./Chart/components/buttons/PanButton.js";import"./Chart/components/buttons/ResetZoomButton.js";import"./Chart/components/buttons/HideAxesButton.js";import"./Chart/components/buttons/ChartTypeButton.js";import"./ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"./TruncatedText/index.js";import"./RangeSlider/RangeSlider.js";import"./AdvancedSlider/AdvancedSlider.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"./Select/SelectFilterBy.js";import"./CustomSelect/index.js";import"./Tabs/Tabs.js";import"./Tabs/Tab.js";import"./ResizableTable/ResizableTable.js";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/Edit";import"@material-ui/icons/Delete";import"./GradientManager/configuration/constants.js";import"./GradientManager/GradientList.js";import"@material-ui/icons/AddCircle";import"./GradientManager/GradientPreview/GradientPreview.js";import"./GradientManager/GradientSelect.styles.js";import"./GradientPicker/GradientPicker.js";import"./GradientManager/GradientManager.styles.js";import"./Drillstring/BHASchematic.js";import"./Drillstring/BHATable/index.js";import"./Drillstring/BHAComponentIcon.js";import"./Drillstring/BHAComponentDetail/index.js";import"./Drillstring/BHATileIcon.js";import"./Drillstring/BHATile/BHATile.js";import"./Drillstring/BHAList/BHAList.js";import"./Drillstring/BHAComponentsTable/BHAComponentsTable.js";import"./Casing/CasingTable/index.js";import"./Casing/CasingComponentIcon.js";import"./Casing/CasingTileIcon.js";import"./Casing/CasingTableV2/CasingTableV2.js";import"./Casing/CasingTile/CasingTile.js";import"./DisabledSettingsMessage/DisabledSettingsMessage.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"../utils/env.js";import"./BICOffsetPickerDialog/index.js";import"./OffsetWellButton/OffsetWellButton.js";import"./OffsetWellPickerV2/OffsetWellPickerDialog.js";import"./OffsetWellPickerV3/index.js";import"./OffsetWellChips/Chip.js";import"./OffsetWellChips/ChipsContainer.js";import"./OffsetWellPickerV4/OffsetWellPickerV4.js";import"./OffsetWellMap/OffsetWellMap.js";import"@material-ui/core/Snackbar";import"./Notifications/Toast.js";import"./Toaster/Toaster.js";import"./ConfirmationDialog.js";import"./TextLink/index.js";import"./Avatar/index.js";import"./Template/TemplatePopover/index.js";import"./Template/TemplateSharingDialog/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"./PadOffsetsPickerV2/PadOffsetsPickerV2.js";import"./Table/TableToolbar/TableToolbar.js";import"./Table/TableContainer/TableContainer.js";import"./Table/TableCell/TableCell.js";import"./Tooltip/ScrollableTooltip.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/HelpCenterIcon.js";import"./Autocomplete/Autocomplete.js";import"./DocumentViewer/DocumentViewer.js";import"@babel/runtime/helpers/objectWithoutProperties";import"./ColorPickerPalette/ColorPickerPalette.js";import"./Search/Search.js";import"./Search/components/Listbox.js";import"./Search/components/Paper.js";import"./Search/components/RecentSearches.js";import"./Search/components/InputAdornmentLeft.js";import"./Search/components/Groups.js";import"./StatusBadge/index.js";import"./Attachment/index.js";import"./EmojiIconButton.js";import"./FileUploadIconButton.js";import"./FilePreview/index.js";import"./FailedFileUploading.js";import"./UserMention/index.js";import"./CommentsInfo/index.js";import"./CommentInput/index.js";import"./Comment/index.js";import"./CommentLoader.js";import"./AssetNameLabel/AssetStatusBadge.js";import"./AssetEditorV2/components/PrimaryAssetSelect.js";import"./AssetEditorV2/components/SecondaryAssetSelect.js";import"./AssetEditorV2/components/SelectItem.js";import"./AssetEditorV2/components/MultipleAssetsToggle.js";import"../utils/mobileDetect.js";import"querystring";import"uuid/v1";import"../clients/subscriptions.js";import"../utils/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"./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"react-router";import"rollbar";import"@rollbar/react";import"./DevCenter/NavigationBar/NavigationBar.js";import j 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 C=function(r){var n,s=r.classes,C=r.children,u=r.onStateChange,g=r.initialState,A=r.drawerPaperClassName,b=r.isToolbarGutterShown,h=r.openedDrawerWidth,D=r.anchor,f=o(g),S=t(f,2),v=S[0],P=S[1],T=function(){P(!v),u(!v)},x="left"===D?m:l;return d(j,{isToolbarGutterShown:b,drawerWidth:h,drawerClassName:i(s.drawer,!v&&s.drawerClosed),drawerPaperClassName:i(s.drawer,s.drawerPaper,A,!v&&s.drawerClosed),anchor:D,listClassName:s.list,onClick:function(){v||T()},children:[C,c(p,{className:i(s.openToggleContainer,(n={},e(n,s.openToggleContainerCollapsed,!v),e(n,s.openToggleContainerOpened,v),n)),children:c(a,{"data-testid":"".concat("CollapsableSidebar","_toggle"),"aria-label":"toggle sidebar",className:s.openToggleIconButton,onClick:T,children:c(x,{className:i(s.openToggleIcon,e({},s.openToggleIconClosed,!v))})})})]})};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 _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 'moment-timezone';
+import './Icons/AnnotationIcon.js';
+import './Annotations/components/AnnotationsList/index.js';
+import './Annotations/components/LastAnnotation/index.js';
+import './Annotations/AnnotationsContext.js';
+import './DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import './DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/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 './DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import './DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import './DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import './DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import './Modal/CorvaModal.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'uuid';
+import './IconMenu/index.js';
+import './StyledMenuItem/index.js';
+import './AppIcon/AppIcon.js';
+import './DevCenter/AppContext.js';
+import './AssetEditor/index.js';
+import './AssetEditorV2/index.js';
+import './AppVersionsSelect/AppVersionsSelect.js';
+import './LoadingIndicator/LoadingIndicator.js';
+import './Typography.js';
+import './RealTimeValuesSidebar/RealTimeSidebar.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 './EmptyState/EmptyState.js';
+import './ParameterCharts/ParameterCharts.js';
+import './ParameterCharts/AddEditTrack.js';
+import './ChartActionsList/ChartActionsList.js';
+import './CopyToClipboard/CopyToClipboard.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 './Chart/components/ChartButton.js';
+import './Chart/components/ChartButtons.js';
+import './Chart/components/ChartWrapper.js';
+import './Chart/components/AxisDropdown.js';
+import './Chart/components/ChartSelect.js';
+import './Chart/components/buttons/DragToZoomButton.js';
+import './Chart/components/buttons/ZoomInButton.js';
+import './Chart/components/buttons/ZoomOutButton.js';
+import './Chart/components/buttons/PanButton.js';
+import './Chart/components/buttons/ResetZoomButton.js';
+import './Chart/components/buttons/HideAxesButton.js';
+import './Chart/components/buttons/ChartTypeButton.js';
+import './ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import './TruncatedText/index.js';
+import './RangeSlider/RangeSlider.js';
+import './AdvancedSlider/AdvancedSlider.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 './Select/SelectFilterBy.js';
+import './CustomSelect/index.js';
+import './Tabs/Tabs.js';
+import './Tabs/Tab.js';
+import './ResizableTable/ResizableTable.js';
+import '@material-ui/icons/Check';
+import '@material-ui/icons/Close';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Delete';
+import './GradientManager/configuration/constants.js';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@material-ui/icons/AddCircle';
+import './GradientManager/GradientPreview/GradientPreview.js';
+import './GradientManager/GradientSelect.styles.js';
+import './GradientPicker/GradientPicker.js';
+import './GradientManager/GradientManager.styles.js';
+import './Drillstring/BHASchematic.js';
+import './Drillstring/BHATable/index.js';
+import './Drillstring/BHAComponentIcon.js';
+import './Drillstring/BHAComponentDetail/index.js';
+import './Drillstring/BHATileIcon.js';
+import './Drillstring/BHATile/BHATile.js';
+import './Drillstring/BHAList/BHAList.js';
+import './Drillstring/BHAComponentsTable/BHAComponentsTable.js';
+import './Casing/CasingTable/index.js';
+import './Casing/CasingComponentIcon.js';
+import './Casing/CasingTileIcon.js';
+import './Casing/CasingTableV2/CasingTableV2.js';
+import './Casing/CasingTile/CasingTile.js';
+import './DisabledSettingsMessage/DisabledSettingsMessage.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 'query-string';
+import '../clients/api/apiCore.js';
+import '../clients/constants.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 '../utils/env.js';
+import './BICOffsetPickerDialog/index.js';
+import './OffsetWellButton/OffsetWellButton.js';
+import './OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import './OffsetWellPickerV3/index.js';
+import './OffsetWellChips/Chip.js';
+import './OffsetWellChips/ChipsContainer.js';
+import './OffsetWellPickerV4/OffsetWellPickerV4.js';
+import './OffsetWellMap/OffsetWellMap.js';
+import '@material-ui/core/Snackbar';
+import './Notifications/Toast.js';
+import './Toaster/Toaster.js';
+import './ConfirmationDialog.js';
+import './TextLink/index.js';
+import './Avatar/index.js';
+import './Template/TemplatePopover/index.js';
+import './Template/TemplateSharingDialog/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 './PadOffsetsPickerV2/PadOffsetsPickerV2.js';
+import './Table/TableToolbar/TableToolbar.js';
+import './Table/TableContainer/TableContainer.js';
+import './Table/TableCell/TableCell.js';
+import './Tooltip/ScrollableTooltip.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/HelpCenterIcon.js';
+import './Autocomplete/Autocomplete.js';
+import './DocumentViewer/DocumentViewer.js';
+import './ColorPickerPalette/ColorPickerPalette.js';
+import './Search/Search.js';
+import './Search/components/Listbox.js';
+import './Search/components/Paper.js';
+import './Search/components/RecentSearches.js';
+import './Search/components/InputAdornmentLeft.js';
+import './Search/components/Groups.js';
+import './StatusBadge/index.js';
+import './Attachment/index.js';
+import './EmojiIconButton.js';
+import './FileUploadIconButton.js';
+import './FilePreview/index.js';
+import './FailedFileUploading.js';
+import './UserMention/index.js';
+import './CommentsInfo/index.js';
+import './CommentInput/index.js';
+import './Comment/index.js';
+import './CommentLoader.js';
+import './AssetNameLabel/AssetStatusBadge.js';
+import './AssetEditorV2/components/PrimaryAssetSelect.js';
+import './AssetEditorV2/components/SecondaryAssetSelect.js';
+import './AssetEditorV2/components/SelectItem.js';
+import './AssetEditorV2/components/MultipleAssetsToggle.js';
+import '../utils/mobileDetect.js';
+import 'querystring';
+import 'uuid/v1';
+import '../clients/subscriptions.js';
+import '../utils/index.js';
+import 'jsona';
+import './StatusBadge/constants.js';
+import 'lodash/set';
+import 'lodash/get';
+import 'lodash/unset';
+import 'moment';
+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 'react-router';
+import 'rollbar';
+import '@rollbar/react';
+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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"}

package/components/CollapsibleContent.js

@@ -1 +1,94 @@
-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 { 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

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","_Fragment","propTypes","PropTypes","oneOfType","node","string","isRequired","number","defaultProps"],"mappings":"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"}