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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js

@@ -1 +1,281 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/objectWithoutProperties";import{useEffect as o}from"react";import r from"prop-types";import{makeStyles as i}from"@material-ui/core";import n from"classnames";import"../../Modal/index.js";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../AppHeader/AppHeader.js";import"../AppSideBar/AppSideBar.js";import"../AppsDataProvider/AppsDataProvider.js";import s from"../DevCenterAppContainer/DevCenterAppContainer.js";import"../DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as p}from"react/jsx-runtime";import"../DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../LoadingIndicator/LoadingIndicator.js";import"../../../constants/segment.js";import"../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../NavigationBar/NavigationBar.js";import"../SideBar/SideBar.js";import"../AppSettingsPopover/AppSettingsPopover.js";import"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"react-router";import"./DevCenterIsolatedApp.js";import"./AppsGridDragHandle.js";import m from"../AppContext.js";import"../../AssetEditor/index.js";import"../../AppVersionsSelect/AppVersionsSelect.js";import"../../Typography.js";import"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../Annotations/components/AnnotationsList/index.js";import"../../Annotations/components/LastAnnotation/index.js";import"../../Annotations/AnnotationsContext.js";import"../../SlateFormattedText/SlateFormattedText.js";import"../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"lodash";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"../../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/slicedToArray";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../clients/jsonApi/index.js";import"../../../constants/goals.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"../../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"../../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 a from"../../../hocs/withMUIProvidersHOC.js";import{THEMES as l}from"../../../constants/theme.js";import{LOCAL_STORAGE_APP_THEME_KEY as d}from"../../../CLI/hocs/constants.js";import{setThemeVariables as j}from"../../../utils/themeVariables.js";import{isPDFReportView as c}from"../../../CLI/hocs/utils.js";import{PermissionsContext as C}from"../../../permissions/PermissionsContext.js";import{updateUserUnits as u}from"../../../utils/index.js";import"../../../config/initGlobalDependencies.js";import"../../../styles/globalStyles.js";import{useXProps as A}from"./effects/useXProps.js";import{ISOLATED_PAGE_APP_CONTAINER_ID as g}from"./constants.js";import{replaceUndefinedValuesWithNull as f}from"./utils/replaceUndefinedValuesWithNull.js";import"./DevCenterAppZoidComponent.js";var b=["appContextValue","permissionsContextValue","globalNotificationToastsAPI","userUnits","onSettingChange","onSettingsChange"];function S(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function P(e){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?S(Object(r),!0).forEach((function(o){t(e,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=a(s),D=i((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function I(t){var r,i=t.CLIAppComponent,s=t.CLIAppSettings,a=t.containerReportClassName;D();var S=A(),I=S.appContextValue,h=S.permissionsContextValue,v=S.globalNotificationToastsAPI,y=S.userUnits,L=S.onSettingChange,E=S.onSettingsChange,T=e(S,b),O=T.location.pathname.startsWith("/reports/")||c,V=null!==(r=localStorage.getItem(d))&&void 0!==r?r:l.DARK,k=!O&&V===l.DARK;return o((function(){j(k)}),[k]),o((function(){window[Symbol.for("notificationToasts")]=v}),[v]),o((function(){u({userUnits:y})}),[]),p(C.Provider,{value:h,children:p(m.Provider,{value:I,children:p("div",{id:g,className:n(O&&a),children:p(x,P(P({},T),{},{theme:k?l.DARK:l.LIGHT,onSettingsChange:function(t){return E(f(t))},onSettingChange:function(t,e){return L(t,f(e))},CLIAppComponent:i,CLIAppSettings:s}))})})})}I.propTypes={CLIAppComponent:r.node,CLIAppSettings:r.node,containerReportClassName:r.string},I.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null};export{I as DevCenterIsolatedAppPage};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../constants/completion.js';
+import '../../../constants/alerts.js';
+import '@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 '@babel/runtime/helpers/typeof';
+import { setThemeVariables } from '../../../utils/themeVariables.js';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import { updateUserUnits } from '../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { useEffect } from 'react';
+import 'uuid';
+import _objectWithoutProperties from '@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 '../DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../Tooltip/MuiTooltipDcWrapper.js';
+import '../../Avatar/index.js';
+import '../../Annotations/AnnotationsContext.js';
+import { PermissionsContext } from '../../../permissions/PermissionsContext.js';
+import '../DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../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 '../AppHeader/AppHeader.js';
+import '../../Button/index.js';
+import '../AppSideBar/AppSideBar.js';
+import AppContext from '../AppContext.js';
+import '../AppsDataProvider/AppsDataProvider.js';
+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 '../DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../ErrorBoundary/ErrorBoundary.js';
+import '../../Typography.js';
+import '../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import DevCenterAppContainer from '../DevCenterAppContainer/DevCenterAppContainer.js';
+import '../NavigationBar/NavigationBar.js';
+import '../SideBar/SideBar.js';
+import '../AppSettingsPopover/AppSettingsPopover.js';
+import { THEMES } from '../../../constants/theme.js';
+import withMUIProvidersHOC from '../../../hocs/withMUIProvidersHOC.js';
+import { LOCAL_STORAGE_APP_THEME_KEY } from '../../../CLI/hocs/constants.js';
+import { isPDFReportView } from '../../../CLI/hocs/utils.js';
+import '../../../config/initGlobalDependencies.js';
+import '../../../styles/globalStyles.js';
+import { useXProps } from './effects/useXProps.js';
+import { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants.js';
+import { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull.js';
+import './DevCenterAppZoidComponent.js';
+import './DevCenterIsolatedApp.js';
+import './AppsGridDragHandle.js';
+import '../../TruncatedText/index.js';
+import '../../AssetEditor/SingleAssetEditor.js';
+import '../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../AssetEditor/index.js';
+import '../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../CollapsableSidebar.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';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);
+/**
+ * It's important to keep these global styles in js, to apply only
+ * when the component is actually used, if moved to CSS - they'll be
+ * applied to whatever somehow imports the code
+ */
+
+var useStyles = makeStyles(function () {
+  return {
+    '@global': {
+      body: {
+        backgroundColor: 'transparent',
+        overflow: 'hidden'
+      }
+    }
+  };
+});
+/**
+ * Root component that is rendered inside of app's iframe.
+ * Receives CLIAppComponent, CLIAppSettings when used
+ * in local development
+ */
+
+function DevCenterIsolatedAppPage(_ref) {
+  var _localStorage$getItem;
+
+  var CLIAppComponent = _ref.CLIAppComponent,
+      CLIAppSettings = _ref.CLIAppSettings,
+      containerReportClassName = _ref.containerReportClassName;
+  useStyles();
+
+  var _useXProps = useXProps(),
+      appContextValue = _useXProps.appContextValue,
+      permissionsContextValue = _useXProps.permissionsContextValue,
+      globalNotificationToastsAPI = _useXProps.globalNotificationToastsAPI,
+      userUnits = _useXProps.userUnits,
+      _onSettingChange = _useXProps.onSettingChange,
+      _onSettingsChange = _useXProps.onSettingsChange,
+      xProps = _objectWithoutProperties(_useXProps, ["appContextValue", "permissionsContextValue", "globalNotificationToastsAPI", "userUnits", "onSettingChange", "onSettingsChange"]);
+
+  var isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView; // Force dark theme for login page. Force light theme for PDF reports view
+
+  var selectedTheme = (_localStorage$getItem = localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY)) !== null && _localStorage$getItem !== void 0 ? _localStorage$getItem : THEMES.DARK;
+  var isDarkTheme = !isReportsPage && selectedTheme === THEMES.DARK;
+  useEffect(function () {
+    setThemeVariables(isDarkTheme);
+  }, [isDarkTheme]);
+  useEffect(function () {
+    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;
+  }, [globalNotificationToastsAPI]);
+  useEffect(function () {
+    updateUserUnits({
+      userUnits: userUnits
+    });
+  }, []);
+  return /*#__PURE__*/jsx(PermissionsContext.Provider, {
+    value: permissionsContextValue,
+    children: /*#__PURE__*/jsx(AppContext.Provider, {
+      value: appContextValue,
+      children: /*#__PURE__*/jsx("div", {
+        id: ISOLATED_PAGE_APP_CONTAINER_ID,
+        className: classNames(isReportsPage && containerReportClassName),
+        children: /*#__PURE__*/jsx(DevCenterAppContainerWithMUI, _objectSpread(_objectSpread({}, xProps), {}, {
+          theme: isDarkTheme ? THEMES.DARK : THEMES.LIGHT // zoid serializes passed arguments using JSON.stringify.
+          // All undefined values are removed as they are not valid JSON values
+          // so we replace undefined values with null to not drop them
+          // Any future cb function that passes arbitrary objects as args
+          // also should be wrapped in this mapper
+          ,
+          onSettingsChange: function onSettingsChange(nextSettings) {
+            return _onSettingsChange(replaceUndefinedValuesWithNull(nextSettings));
+          },
+          onSettingChange: function onSettingChange(key, value) {
+            return _onSettingChange(key, replaceUndefinedValuesWithNull(value));
+          },
+          CLIAppComponent: CLIAppComponent,
+          CLIAppSettings: CLIAppSettings
+        }))
+      })
+    })
+  });
+}
+DevCenterIsolatedAppPage.propTypes = {
+  CLIAppComponent: PropTypes.node,
+  CLIAppSettings: PropTypes.node,
+  containerReportClassName: PropTypes.string
+};
+DevCenterIsolatedAppPage.defaultProps = {
+  CLIAppComponent: null,
+  CLIAppSettings: null,
+  containerReportClassName: null
+};
+
+export { DevCenterIsolatedAppPage };
+//# sourceMappingURL=DevCenterIsolatedAppPage.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport classNames from 'classnames';\nimport { DevCenterAppContainer } from '~/components';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { THEMES } from '~/constants/theme';\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { setThemeVariables } from '~/utils/themeVariables';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport { updateUserUnits } from '~/utils';\nimport '~/config/initGlobalDependencies';\nimport '~/styles/globalStyles';\n\nimport { useXProps } from './effects/useXProps';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\nimport './DevCenterAppZoidComponent';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/**\n * It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n */\nconst useStyles = makeStyles(() => ({\n  '@global': {\n    body: {\n      backgroundColor: 'transparent',\n      overflow: 'hidden',\n    },\n  },\n}));\n\n/**\n * Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n  CLIAppComponent,\n  CLIAppSettings,\n  containerReportClassName,\n}) {\n  useStyles();\n\n  const {\n    appContextValue,\n    permissionsContextValue,\n    globalNotificationToastsAPI,\n    userUnits,\n    onSettingChange,\n    onSettingsChange,\n    ...xProps\n  } = useXProps();\n  const isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;\n\n  // Force dark theme for login page. Force light theme for PDF reports view\n  const selectedTheme = localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) ?? THEMES.DARK;\n  const isDarkTheme = !isReportsPage && selectedTheme === THEMES.DARK;\n\n  useEffect(() => {\n    setThemeVariables(isDarkTheme);\n  }, [isDarkTheme]);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n  }, [globalNotificationToastsAPI]);\n\n  useEffect(() => {\n    updateUserUnits({ userUnits });\n  }, []);\n\n  return (\n    <PermissionsContext.Provider value={permissionsContextValue}>\n      <AppContext.Provider value={appContextValue}>\n        <div\n          id={ISOLATED_PAGE_APP_CONTAINER_ID}\n          className={classNames(isReportsPage && containerReportClassName)}\n        >\n          <DevCenterAppContainerWithMUI\n            {...xProps}\n            theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n            // zoid serializes passed arguments using JSON.stringify.\n            // All undefined values are removed as they are not valid JSON values\n            // so we replace undefined values with null to not drop them\n            // Any future cb function that passes arbitrary objects as args\n            // also should be wrapped in this mapper\n            onSettingsChange={nextSettings =>\n              onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n            }\n            onSettingChange={(key, value) =>\n              onSettingChange(key, replaceUndefinedValuesWithNull(value))\n            }\n            CLIAppComponent={CLIAppComponent}\n            CLIAppSettings={CLIAppSettings}\n          />\n        </div>\n      </AppContext.Provider>\n    </PermissionsContext.Provider>\n  );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n  CLIAppComponent: PropTypes.node,\n  CLIAppSettings: PropTypes.node,\n  containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n  CLIAppComponent: null,\n  CLIAppSettings: null,\n  containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","CLIAppComponent","CLIAppSettings","containerReportClassName","useXProps","appContextValue","permissionsContextValue","globalNotificationToastsAPI","userUnits","onSettingChange","onSettingsChange","xProps","isReportsPage","location","pathname","startsWith","isPDFReportView","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","THEMES","DARK","isDarkTheme","useEffect","setThemeVariables","window","Symbol","for","updateUserUnits","_jsx","ISOLATED_PAGE_APP_CONTAINER_ID","classNames","LIGHT","nextSettings","replaceUndefinedValuesWithNull","key","value","propTypes","PropTypes","node","string","defaultProps"],"mappings":"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"}

package/components/DevCenter/IsolatedDevCenterAppContainer/constants.js

@@ -1 +1,4 @@
-var a="isolated-page-app-container";export{a as ISOLATED_PAGE_APP_CONTAINER_ID};
+var ISOLATED_PAGE_APP_CONTAINER_ID = 'isolated-page-app-container';
+
+export { ISOLATED_PAGE_APP_CONTAINER_ID };
+//# sourceMappingURL=constants.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/constants.js"],"sourcesContent":["export const ISOLATED_PAGE_APP_CONTAINER_ID = 'isolated-page-app-container';\n"],"names":["ISOLATED_PAGE_APP_CONTAINER_ID"],"mappings":"IAAaA,8BAA8B,GAAG;;;;"}

package/components/DevCenter/IsolatedDevCenterAppContainer/effects/useXProps.js

@@ -1 +1,23 @@
-import r from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/slicedToArray";import{useState as t,useEffect as o}from"react";function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function c(){var c=t(window.xprops),p=e(c,2),i=p[0],f=p[1];return o((function(){window.xprops.onProps((function(e){f(function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}({},e))}))}),[]),i}export{c as useXProps};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function useXProps() {
+  var _useState = useState(window.xprops),
+      _useState2 = _slicedToArray(_useState, 2),
+      xprops = _useState2[0],
+      setXProps = _useState2[1];
+
+  useEffect(function () {
+    window.xprops.onProps(function (props) {
+      setXProps(_objectSpread({}, props));
+    });
+  }, []);
+  return xprops;
+}
+
+export { useXProps };
+//# sourceMappingURL=useXProps.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/effects/useXProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useXProps.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/effects/useXProps.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nexport function useXProps() {\n  const [xprops, setXProps] = useState(window.xprops);\n\n  useEffect(() => {\n    window.xprops.onProps(props => {\n      setXProps({ ...props });\n    });\n  }, []);\n\n  return xprops;\n}\n"],"names":["useXProps","useState","window","xprops","setXProps","useEffect","onProps","props"],"mappings":";;;;;;;AAEO,SAASA,SAAT,GAAqB;AAAA,kBACEC,QAAQ,CAACC,MAAM,CAACC,MAAR,CADV;AAAA;AAAA,MACnBA,MADmB;AAAA,MACXC,SADW;;AAG1BC,EAAAA,SAAS,CAAC,YAAM;AACdH,IAAAA,MAAM,CAACC,MAAP,CAAcG,OAAd,CAAsB,UAAAC,KAAK,EAAI;AAC7BH,MAAAA,SAAS,mBAAMG,KAAN,EAAT;AACD,KAFD;AAGD,GAJQ,EAIN,EAJM,CAAT;AAMA,SAAOJ,MAAP;AACD;;;;"}

package/components/DevCenter/IsolatedDevCenterAppContainer/utils/replaceUndefinedValuesWithNull.js

@@ -1 +1,24 @@
-import{isPlainObject as r,reduce as n}from"lodash";function o(t){return r(t)?n(t,(function(n,t,u){var i=t;return r(t)?i=o(t):void 0===t&&(i=null),n[u]=i,n}),{}):t}export{o as replaceUndefinedValuesWithNull};
+import { isPlainObject, reduce } from 'lodash';
+
+function replaceUndefinedValuesWithNull(object) {
+  if (!isPlainObject(object)) {
+    return object;
+  }
+
+  return reduce(object, function (result, value, key) {
+    var mappedValue = value;
+
+    if (isPlainObject(value)) {
+      mappedValue = replaceUndefinedValuesWithNull(value);
+    } else if (value === undefined) {
+      mappedValue = null;
+    } // eslint-disable-next-line no-param-reassign
+
+
+    result[key] = mappedValue;
+    return result;
+  }, {});
+}
+
+export { replaceUndefinedValuesWithNull };
+//# sourceMappingURL=replaceUndefinedValuesWithNull.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/utils/replaceUndefinedValuesWithNull.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceUndefinedValuesWithNull.js","sources":["../../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/utils/replaceUndefinedValuesWithNull.js"],"sourcesContent":["import { isPlainObject, reduce } from 'lodash';\n\nexport function replaceUndefinedValuesWithNull(object) {\n  if (!isPlainObject(object)) {\n    return object;\n  }\n\n  return reduce(\n    object,\n    (result, value, key) => {\n      let mappedValue = value;\n\n      if (isPlainObject(value)) {\n        mappedValue = replaceUndefinedValuesWithNull(value);\n      } else if (value === undefined) {\n        mappedValue = null;\n      }\n      // eslint-disable-next-line no-param-reassign\n      result[key] = mappedValue;\n\n      return result;\n    },\n    {}\n  );\n}\n"],"names":["replaceUndefinedValuesWithNull","object","isPlainObject","reduce","result","value","key","mappedValue","undefined"],"mappings":";;AAEO,SAASA,8BAAT,CAAwCC,MAAxC,EAAgD;AACrD,MAAI,CAACC,aAAa,CAACD,MAAD,CAAlB,EAA4B;AAC1B,WAAOA,MAAP;AACD;;AAED,SAAOE,MAAM,CACXF,MADW,EAEX,UAACG,MAAD,EAASC,KAAT,EAAgBC,GAAhB,EAAwB;AACtB,QAAIC,WAAW,GAAGF,KAAlB;;AAEA,QAAIH,aAAa,CAACG,KAAD,CAAjB,EAA0B;AACxBE,MAAAA,WAAW,GAAGP,8BAA8B,CAACK,KAAD,CAA5C;AACD,KAFD,MAEO,IAAIA,KAAK,KAAKG,SAAd,EAAyB;AAC9BD,MAAAA,WAAW,GAAG,IAAd;AACD,KAPqB;;;AAStBH,IAAAA,MAAM,CAACE,GAAD,CAAN,GAAcC,WAAd;AAEA,WAAOH,MAAP;AACD,GAdU,EAeX,EAfW,CAAb;AAiBD;;;;"}

package/components/DevCenter/NavigationBar/NavigationBar.js

@@ -1 +1,52 @@
-import e from"prop-types";import r from"classnames";import{withStyles as a,AppBar as i,Toolbar as n,Grid as t}from"@material-ui/core";import{jsx as s}from"react/jsx-runtime";var o=function(e){var a=e.classes,o=e.appBarClassName,p=e.children;return s(i,{className:r(a.appBar,o),position:"fixed",children:s(n,{className:a.toolbar,children:s(t,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:a.container,children:p})})})};o.propTypes={children:e.node.isRequired,appBarClassName:e.string},o.defaultProps={appBarClassName:null};var p=a((function(e){return{appBar:{height:50,zIndex:e.zIndex.drawer+1,background:"linear-gradient(86.1deg, #2C2C2C 39.4%, #3B3B3B 74.22%)"},toolbar:{minHeight:50,height:"100%"},container:{height:"100%"}}}))(o);export{p as default};
+import { jsx } from 'react/jsx-runtime';
+import { withStyles, AppBar, Toolbar, Grid } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+var NavigationBar = function NavigationBar(_ref) {
+  var classes = _ref.classes,
+      appBarClassName = _ref.appBarClassName,
+      children = _ref.children;
+  return /*#__PURE__*/jsx(AppBar, {
+    className: classNames(classes.appBar, appBarClassName),
+    position: "fixed",
+    children: /*#__PURE__*/jsx(Toolbar, {
+      className: classes.toolbar,
+      children: /*#__PURE__*/jsx(Grid, {
+        container: true,
+        direction: "row",
+        justify: "space-between",
+        alignItems: "center",
+        className: classes.container,
+        children: children
+      })
+    })
+  });
+};
+
+NavigationBar.propTypes = {
+  children: PropTypes.node.isRequired,
+  appBarClassName: PropTypes.string
+};
+NavigationBar.defaultProps = {
+  appBarClassName: null
+};
+var NavigationBar$1 = withStyles(function (theme) {
+  return {
+    appBar: {
+      height: 50,
+      zIndex: theme.zIndex.drawer + 1,
+      background: 'linear-gradient(86.1deg, #2C2C2C 39.4%, #3B3B3B 74.22%)'
+    },
+    toolbar: {
+      minHeight: 50,
+      height: '100%'
+    },
+    container: {
+      height: '100%'
+    }
+  };
+})(NavigationBar);
+
+export default NavigationBar$1;
+//# sourceMappingURL=NavigationBar.js.map

package/components/DevCenter/NavigationBar/NavigationBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/DevCenter/NavigationBar/NavigationBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport { AppBar, Toolbar, withStyles, Grid } from '@material-ui/core';\n\nconst NavigationBar = ({ classes, appBarClassName, children }) => (\n  <AppBar className={classnames(classes.appBar, appBarClassName)} position=\"fixed\">\n    <Toolbar className={classes.toolbar}>\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.container}\n      >\n        {children}\n      </Grid>\n    </Toolbar>\n  </AppBar>\n);\n\nNavigationBar.propTypes = {\n  children: PropTypes.node.isRequired,\n  appBarClassName: PropTypes.string,\n};\n\nNavigationBar.defaultProps = {\n  appBarClassName: null,\n};\n\nexport default withStyles(theme => ({\n  appBar: {\n    height: 50,\n    zIndex: theme.zIndex.drawer + 1,\n    background: 'linear-gradient(86.1deg, #2C2C2C 39.4%, #3B3B3B 74.22%)',\n  },\n  toolbar: {\n    minHeight: 50,\n    height: '100%',\n  },\n  container: {\n    height: '100%',\n  },\n}))(NavigationBar);\n"],"names":["NavigationBar","classes","appBarClassName","children","_jsx","classnames","appBar","toolbar","container","propTypes","PropTypes","node","isRequired","string","defaultProps","withStyles","theme","height","zIndex","drawer","background","minHeight"],"mappings":";;;;;AAKA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,eAAZ,QAAYA,eAAZ;AAAA,MAA6BC,QAA7B,QAA6BA,QAA7B;AAAA,sBACpBC,IAAC,MAAD;AAAQ,IAAA,SAAS,EAAEC,UAAU,CAACJ,OAAO,CAACK,MAAT,EAAiBJ,eAAjB,CAA7B;AAAgE,IAAA,QAAQ,EAAC,OAAzE;AAAA,2BACEE,IAAC,OAAD;AAAS,MAAA,SAAS,EAAEH,OAAO,CAACM,OAA5B;AAAA,6BACEH,IAAC,IAAD;AACE,QAAA,SAAS,MADX;AAEE,QAAA,SAAS,EAAC,KAFZ;AAGE,QAAA,OAAO,EAAC,eAHV;AAIE,QAAA,UAAU,EAAC,QAJb;AAKE,QAAA,SAAS,EAAEH,OAAO,CAACO,SALrB;AAAA,kBAOGL;AAPH;AADF;AADF,IADoB;AAAA,CAAtB;;AAgBAH,aAAa,CAACS,SAAd,GAA0B;AACxBN,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IAAV,CAAeC,UADD;AAExBV,EAAAA,eAAe,EAAEQ,SAAS,CAACG;AAFH,CAA1B;AAKAb,aAAa,CAACc,YAAd,GAA6B;AAC3BZ,EAAAA,eAAe,EAAE;AADU,CAA7B;AAIA,sBAAea,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AAClCV,IAAAA,MAAM,EAAE;AACNW,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,MAAM,EAAEF,KAAK,CAACE,MAAN,CAAaC,MAAb,GAAsB,CAFxB;AAGNC,MAAAA,UAAU,EAAE;AAHN,KAD0B;AAMlCb,IAAAA,OAAO,EAAE;AACPc,MAAAA,SAAS,EAAE,EADJ;AAEPJ,MAAAA,MAAM,EAAE;AAFD,KANyB;AAUlCT,IAAAA,SAAS,EAAE;AACTS,MAAAA,MAAM,EAAE;AADC;AAVuB,GAAL;AAAA,CAAN,CAAV,CAaXjB,aAbW,CAAf;;;;"}

package/components/DevCenter/SideBar/SideBar.js

@@ -1 +1,79 @@
-import r from"prop-types";import a from"classnames";import{withStyles as e,Drawer as n,Toolbar as s,List as o}from"@material-ui/core";import{jsxs as t,jsx as i}from"react/jsx-runtime";var l=function(r){var e=r.classes,l=r.drawerClassName,d=r.drawerPaperClassName,c=r.isToolbarGutterShown,m=r.onClick,p=r.children,h=r.listClassName,u=r.anchor;return t(n,{onClick:m,className:a(e.drawer,l),variant:"permanent",classes:{paper:a(e.drawerPaper,d)},anchor:u,children:[c&&i(s,{className:e.toolbar}),i(o,{className:a(e.list,h),children:p})]})};l.propTypes={children:r.oneOfType([r.arrayOf(r.node),r.node]).isRequired,drawerPaperClassName:r.string,drawerClassName:r.string,listClassName:r.string,onClick:r.func,isToolbarGutterShown:r.bool,drawerWidth:r.oneOfType([r.number,r.string]),anchor:r.oneOf(["left","right"])},l.defaultProps={drawerPaperClassName:null,drawerClassName:null,listClassName:null,onClick:function(){},isToolbarGutterShown:!0,drawerWidth:240,anchor:"left"};var d=e({drawer:{width:function(r){return r.drawerWidth},flexShrink:0},drawerPaper:{width:function(r){return r.drawerWidth},background:"#3B3B3B",border:"none",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.15)"},toolbar:{height:50,minHeight:50},list:{padding:0}})(l);export{d as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { withStyles, Drawer, Toolbar, List } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
+var SideBar = function SideBar(_ref) {
+  var classes = _ref.classes,
+      drawerClassName = _ref.drawerClassName,
+      drawerPaperClassName = _ref.drawerPaperClassName,
+      isToolbarGutterShown = _ref.isToolbarGutterShown,
+      onClick = _ref.onClick,
+      children = _ref.children,
+      listClassName = _ref.listClassName,
+      anchor = _ref.anchor;
+  return /*#__PURE__*/jsxs(Drawer, {
+    onClick: onClick,
+    className: classNames(classes.drawer, drawerClassName),
+    variant: "permanent",
+    classes: {
+      paper: classNames(classes.drawerPaper, drawerPaperClassName)
+    },
+    anchor: anchor,
+    children: [isToolbarGutterShown && /*#__PURE__*/jsx(Toolbar, {
+      className: classes.toolbar
+    }), /*#__PURE__*/jsx(List, {
+      className: classNames(classes.list, listClassName),
+      children: children
+    })]
+  });
+};
+
+SideBar.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+  drawerPaperClassName: PropTypes.string,
+  drawerClassName: PropTypes.string,
+  listClassName: PropTypes.string,
+  onClick: PropTypes.func,
+  isToolbarGutterShown: PropTypes.bool,
+  // eslint-disable-next-line react/no-unused-prop-types
+  drawerWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  anchor: PropTypes.oneOf(['left', 'right'])
+};
+SideBar.defaultProps = {
+  drawerPaperClassName: null,
+  drawerClassName: null,
+  listClassName: null,
+  onClick: function onClick() {},
+  isToolbarGutterShown: true,
+  drawerWidth: 240,
+  anchor: 'left'
+};
+var SideBar$1 = withStyles({
+  drawer: {
+    width: function width(_ref2) {
+      var drawerWidth = _ref2.drawerWidth;
+      return drawerWidth;
+    },
+    flexShrink: 0
+  },
+  drawerPaper: {
+    width: function width(_ref3) {
+      var drawerWidth = _ref3.drawerWidth;
+      return drawerWidth;
+    },
+    background: '#3B3B3B',
+    border: 'none',
+    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.15)'
+  },
+  toolbar: {
+    height: 50,
+    minHeight: 50
+  },
+  list: {
+    padding: 0
+  }
+})(SideBar);
+
+export default SideBar$1;
+//# sourceMappingURL=SideBar.js.map

package/components/DevCenter/SideBar/SideBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBar.js","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport { Drawer, List, Toolbar, withStyles } from '@material-ui/core';\n\nconst SideBar = ({\n  classes,\n  drawerClassName,\n  drawerPaperClassName,\n  isToolbarGutterShown,\n  onClick,\n  children,\n  listClassName,\n  anchor,\n}) => (\n  <Drawer\n    onClick={onClick}\n    className={classnames(classes.drawer, drawerClassName)}\n    variant=\"permanent\"\n    classes={{\n      paper: classnames(classes.drawerPaper, drawerPaperClassName),\n    }}\n    anchor={anchor}\n  >\n    {isToolbarGutterShown && <Toolbar className={classes.toolbar} />}\n    <List className={classnames(classes.list, listClassName)}>{children}</List>\n  </Drawer>\n);\n\nSideBar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  drawerPaperClassName: PropTypes.string,\n  drawerClassName: PropTypes.string,\n  listClassName: PropTypes.string,\n  onClick: PropTypes.func,\n  isToolbarGutterShown: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  drawerWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n};\n\nSideBar.defaultProps = {\n  drawerPaperClassName: null,\n  drawerClassName: null,\n  listClassName: null,\n  onClick: () => {},\n  isToolbarGutterShown: true,\n  drawerWidth: 240,\n  anchor: 'left',\n};\n\nexport default withStyles({\n  drawer: {\n    width: ({ drawerWidth }) => drawerWidth,\n    flexShrink: 0,\n  },\n  drawerPaper: {\n    width: ({ drawerWidth }) => drawerWidth,\n    background: '#3B3B3B',\n    border: 'none',\n    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n  },\n  toolbar: {\n    height: 50,\n    minHeight: 50,\n  },\n  list: {\n    padding: 0,\n  },\n})(SideBar);\n"],"names":["SideBar","classes","drawerClassName","drawerPaperClassName","isToolbarGutterShown","onClick","children","listClassName","anchor","_jsxs","classnames","drawer","paper","drawerPaper","_jsx","toolbar","list","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","func","bool","drawerWidth","number","oneOf","defaultProps","withStyles","width","flexShrink","background","border","boxShadow","height","minHeight","padding"],"mappings":"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"}