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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

@@ -1 +1,356 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as r,useRef as n,useState as i,useEffect as s,useContext as p,useReducer as a,useCallback as m}from"react";import l from"classnames";import{withRouter as d}from"react-router";import{noop as c}from"lodash";import j from"prop-types";import u from"../AppContext.js";import C from"../../../permissions/PermissionsContext.js";import"../../../permissions/constants/index.js";import"../../../permissions/withPermissionsHOC.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"../../../clients/jsonApi/index.js";import"../../../permissions/ProvidePermissions.js";import{getUserUnits as A,subscribeForUserUnitsUpdates as f}from"../../../utils/index.js";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 g from"../DevCenterAppContainer/DevCenterAppContainer.js";import"../DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as b}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"./DevCenterIsolatedAppPage.js";import"./AppsGridDragHandle.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"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"../../../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"@material-ui/core";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{DevCenterAppZoidComponent as v,APP_IFRAME_ATTRIBUTE as x}from"./DevCenterAppZoidComponent.js";import{ISOLATED_PAGE_APP_CONTAINER_ID as I}from"./constants.js";import P from"./DevCenterIsolatedApp.module.css.js";import{createDevCenterRouter as S,isAppMaximized as D}from"../../../utils/devcenter.js";var h=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function y(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function E(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?y(Object(r),!0).forEach((function(o){e(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function L(e){var d,c,j=e.isIsolationFeatureEnabled,y=e.onAppFullscreenTransparentMode,L=e.onIsMaximizedChange,T=e.onInnerContainerMouseEnter,M=e.onInnerContainerMouseLeave,F=e.onAppContainerClick,w=e.setInnerContainerRefFn,k=o(e,h),O=r((function(){return S(k.router)}),[null===(d=k.router)||void 0===d?void 0:d.location]),B=j?v:g,H=n(),V=n(),W=n(),R=D(null===(c=k.location)||void 0===c?void 0:c.query,k.app.id),z=i(A()),N=t(z,2),q=N[0],U=N[1];s((function(){var e=f((function(e){return U(e)}));return function(){return e()}}),[]);var G=p(u),_=C(),K=n(!1),Z=a((function(e){return!e}),!1),J=t(Z,2)[1];function Q(){y(null),document.body.classList.remove(P.overflowHidden,P.compensateScroll)}s((function(){return Q}),[]);var X=m((function(e){V.current=e,w(e)}),[]);return b("div",{className:P.fixedSizeContainer,ref:W,children:b("div",{ref:X,onMouseEnter:T,onMouseLeave:M,"data-testid":"".concat("DevCenter_AppContainer","_").concat(k.app.app.name),className:l(P.container,K.current&&P.containerMaximizedTransparent,R&&P.containerMaximized),children:b(B,E(E({},k),{},{appContextValue:G,devCenterRouter:O,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],onAppContainerClick:F,onIsMaximizedChange:L,permissionsContextValue:_,setIsFullscreenModalMode:function(e){var t,o,r,n;if(j){K.current=e,J(),H.current=null===(t=V.current)||void 0===t||null===(o=t.querySelector("[".concat(x,"]")))||void 0===o||null===(r=o.contentWindow)||void 0===r?void 0:r.document;var i=null===(n=H.current)||void 0===n?void 0:n.getElementById(I);if(i)if(e){var s=W.current.getBoundingClientRect(),p=s.top,a=s.left,m=s.width,l=s.height;i.setAttribute("style","\n        top: ".concat(p,"px;\n        left: ").concat(a,"px;\n        width: ").concat(m,"px;\n        height: ").concat(l,"px;\n        position: absolute;\n      ")),y(k.app.id);var d=window.innerWidth!==document.body.clientWidth;document.body.classList.add(P.overflowHidden,d&&P.compensateScroll)}else i.setAttribute("style",""),Q()}},userUnits:q}))})})}L.propTypes={app:j.shape({id:j.string,app:j.shape({name:j.string})}).isRequired,currentUser:j.shape({}).isRequired,isIsolationFeatureEnabled:j.func,onAppContainerClick:j.func,onAppFullscreenTransparentMode:j.func,onAppRemove:j.func,onInnerContainerMouseEnter:j.func,onInnerContainerMouseLeave:j.func,onIsMaximizedChange:j.func,onSettingChange:j.func,onSettingsChange:j.func,setInnerContainerRefFn:j.func,updateCurrentDashboardAppLastAnnotation:j.func},L.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:c,onAppFullscreenTransparentMode:c,onAppRemove:c,onInnerContainerMouseEnter:c,onInnerContainerMouseLeave:c,onIsMaximizedChange:c,onSettingChange:c,onSettingsChange:c,setInnerContainerRefFn:c,updateCurrentDashboardAppLastAnnotation:c};var T=d(L);export{T as DevCenterIsolatedApp};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { noop } from 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../constants/completion.js';
+import '../../../constants/alerts.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import '../../../constants/goals.js';
+import '../../../constants/segment.js';
+import '../../../constants/apps.js';
+import '../../../constants/drillstring.js';
+import '../../../constants/notifications.js';
+import '../../../constants/feed.js';
+import '../../../constants/bha.js';
+import { createDevCenterRouter, isAppMaximized } from '../../../utils/devcenter.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '@babel/runtime/helpers/typeof';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import { getUserUnits, subscribeForUserUnitsUpdates } from '../../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+import '@material-ui/core';
+import { useMemo, useRef, useState, useEffect, useContext, useReducer, useCallback } 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 usePermissionsContext from '../../../permissions/PermissionsContext.js';
+import '../../../permissions/constants/index.js';
+import '../../../permissions/ProvidePermissions.js';
+import '../DevCenterRouterContext/DevCenterRouterContext.js';
+import { withRouter } from '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 { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants.js';
+import { DevCenterAppZoidComponent, APP_IFRAME_ATTRIBUTE } from './DevCenterAppZoidComponent.js';
+import './DevCenterIsolatedAppPage.js';
+import styles from './DevCenterIsolatedApp.module.css.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 PAGE_NAME = 'DevCenter_AppContainer';
+
+function DevCenterIsolatedAppComponent(_ref) {
+  var _props$router, _props$location;
+
+  var isIsolationFeatureEnabled = _ref.isIsolationFeatureEnabled,
+      onAppFullscreenTransparentMode = _ref.onAppFullscreenTransparentMode,
+      onIsMaximizedChange = _ref.onIsMaximizedChange,
+      onInnerContainerMouseEnter = _ref.onInnerContainerMouseEnter,
+      onInnerContainerMouseLeave = _ref.onInnerContainerMouseLeave,
+      onAppContainerClick = _ref.onAppContainerClick,
+      setInnerContainerRefFn = _ref.setInnerContainerRefFn,
+      props = _objectWithoutProperties(_ref, ["isIsolationFeatureEnabled", "onAppFullscreenTransparentMode", "onIsMaximizedChange", "onInnerContainerMouseEnter", "onInnerContainerMouseLeave", "onAppContainerClick", "setInnerContainerRefFn"]);
+
+  var devCenterRouter = useMemo(function () {
+    return createDevCenterRouter(props.router);
+  }, [(_props$router = props.router) === null || _props$router === void 0 ? void 0 : _props$router.location]);
+  var DCAppComponent = isIsolationFeatureEnabled ? DevCenterAppZoidComponent : DevCenterAppContainer;
+  var appIframeDocument = useRef();
+  var containerRef = useRef();
+  var fixedSizeContainerRef = useRef();
+  var isAppMaximized$1 = isAppMaximized((_props$location = props.location) === null || _props$location === void 0 ? void 0 : _props$location.query, props.app.id);
+
+  var _useState = useState(getUserUnits()),
+      _useState2 = _slicedToArray(_useState, 2),
+      userUnits = _useState2[0],
+      setUserUnits = _useState2[1];
+
+  useEffect(function () {
+    var unsubscribeFn = subscribeForUserUnitsUpdates(function (newUserUnits) {
+      return setUserUnits(newUserUnits);
+    });
+    return function () {
+      return unsubscribeFn();
+    };
+  }, []);
+  var appContextValue = useContext(AppContext);
+  var permissionsContextValue = usePermissionsContext();
+  /*
+  What is fullscreen modal mode?
+   Our apps, are shown in isolated iFrames. Because of it, when an app has some modal
+  and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.
+   To make app modals be opened at the center of the screen, as if they are not inside of an iframe,
+  we use some hacks.
+   When the app wants to open a modal, we make its iframe fullscreen, but with transparent background,
+  and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.
+  So when iframe's modal is opened, it looks like it's a part of the platform, and the app which modal is shown, looks like
+  usual, not in fullscreen
+   So the platform provides this setIsFullscreenModalMode function to DC apps.
+  When DC app wants to open a modal that should be opened at the center of the screen - it needs to
+  call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)
+  */
+
+  var isFullscreenModalModeRef = useRef(false);
+
+  var _useReducer = useReducer(function (x) {
+    return !x;
+  }, false),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      forceRender = _useReducer2[1];
+
+  function handleAppFullscreenTransparentModeExit() {
+    onAppFullscreenTransparentMode(null);
+    document.body.classList.remove(styles.overflowHidden, styles.compensateScroll);
+  }
+
+  function setIsFullscreenModalMode(nextIsFullscreenModalModeValue) {
+    var _containerRef$current, _containerRef$current2, _containerRef$current3, _appIframeDocument$cu;
+
+    if (!isIsolationFeatureEnabled) {
+      return;
+    } // update the flag in sync, but force re-render to update the view
+
+
+    isFullscreenModalModeRef.current = nextIsFullscreenModalModeValue;
+    forceRender();
+    appIframeDocument.current = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : (_containerRef$current2 = _containerRef$current.querySelector("[".concat(APP_IFRAME_ATTRIBUTE, "]"))) === null || _containerRef$current2 === void 0 ? void 0 : (_containerRef$current3 = _containerRef$current2.contentWindow) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.document;
+    var isolatedPageAppContainer = (_appIframeDocument$cu = appIframeDocument.current) === null || _appIframeDocument$cu === void 0 ? void 0 : _appIframeDocument$cu.getElementById(ISOLATED_PAGE_APP_CONTAINER_ID);
+
+    if (!isolatedPageAppContainer) {
+      return;
+    }
+
+    if (nextIsFullscreenModalModeValue) {
+      var _fixedSizeContainerRe = fixedSizeContainerRef.current.getBoundingClientRect(),
+          top = _fixedSizeContainerRe.top,
+          left = _fixedSizeContainerRe.left,
+          width = _fixedSizeContainerRe.width,
+          height = _fixedSizeContainerRe.height; // We need to directly set inner iFrame container sizes together with DC platform styles
+      // as passing this as props and using some effect inside of an iframe
+      // results in a slight delay, which looks like a quick layout jump
+
+
+      isolatedPageAppContainer.setAttribute('style', "\n        top: ".concat(top, "px;\n        left: ").concat(left, "px;\n        width: ").concat(width, "px;\n        height: ").concat(height, "px;\n        position: absolute;\n      "));
+      onAppFullscreenTransparentMode(props.app.id);
+      var isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;
+      document.body.classList.add(styles.overflowHidden, isBodyScrollVisible && styles.compensateScroll);
+    } else {
+      isolatedPageAppContainer.setAttribute('style', '');
+      handleAppFullscreenTransparentModeExit();
+    }
+  }
+
+  useEffect(function () {
+    return handleAppFullscreenTransparentModeExit;
+  }, []);
+  /**
+   * This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.
+   * Which in its turn causes infinite re-render loop.
+   */
+
+  var setContainerRefs = useCallback(function (node) {
+    containerRef.current = node;
+    setInnerContainerRefFn(node);
+  }, []);
+  return /*#__PURE__*/jsx("div", {
+    className: styles.fixedSizeContainer,
+    ref: fixedSizeContainerRef,
+    children: /*#__PURE__*/jsx("div", {
+      ref: setContainerRefs,
+      onMouseEnter: onInnerContainerMouseEnter,
+      onMouseLeave: onInnerContainerMouseLeave,
+      "data-testid": "".concat(PAGE_NAME, "_").concat(props.app.app.name),
+      className: classNames(styles.container, isFullscreenModalModeRef.current && styles.containerMaximizedTransparent, isAppMaximized$1 && styles.containerMaximized),
+      children: /*#__PURE__*/jsx(DCAppComponent, _objectSpread(_objectSpread({}, props), {}, {
+        appContextValue: appContextValue,
+        devCenterRouter: devCenterRouter,
+        globalNotificationToastsAPI: window[Symbol.for('notificationToasts')],
+        onAppContainerClick: onAppContainerClick,
+        onIsMaximizedChange: onIsMaximizedChange,
+        permissionsContextValue: permissionsContextValue,
+        setIsFullscreenModalMode: setIsFullscreenModalMode,
+        userUnits: userUnits
+      }))
+    })
+  });
+}
+
+DevCenterIsolatedAppComponent.propTypes = {
+  app: PropTypes.shape({
+    id: PropTypes.string,
+    app: PropTypes.shape({
+      name: PropTypes.string
+    })
+  }).isRequired,
+  currentUser: PropTypes.shape({}).isRequired,
+  isIsolationFeatureEnabled: PropTypes.func,
+  onAppContainerClick: PropTypes.func,
+  onAppFullscreenTransparentMode: PropTypes.func,
+  onAppRemove: PropTypes.func,
+  onInnerContainerMouseEnter: PropTypes.func,
+  onInnerContainerMouseLeave: PropTypes.func,
+  onIsMaximizedChange: PropTypes.func,
+  onSettingChange: PropTypes.func,
+  onSettingsChange: PropTypes.func,
+  setInnerContainerRefFn: PropTypes.func,
+  updateCurrentDashboardAppLastAnnotation: PropTypes.func
+};
+DevCenterIsolatedAppComponent.defaultProps = {
+  isIsolationFeatureEnabled: false,
+  onAppContainerClick: noop,
+  onAppFullscreenTransparentMode: noop,
+  onAppRemove: noop,
+  onInnerContainerMouseEnter: noop,
+  onInnerContainerMouseLeave: noop,
+  onIsMaximizedChange: noop,
+  onSettingChange: noop,
+  onSettingsChange: noop,
+  setInnerContainerRefFn: noop,
+  updateCurrentDashboardAppLastAnnotation: noop
+};
+var DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);
+
+export { DevCenterIsolatedApp };
+//# sourceMappingURL=DevCenterIsolatedApp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useContext, useMemo, useState, useEffect, useRef, useCallback, useReducer } from 'react';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\n\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components';\n\nimport { DevCenterAppZoidComponent, APP_IFRAME_ATTRIBUTE } from './DevCenterAppZoidComponent';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.css';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled,\n  onAppFullscreenTransparentMode,\n  onIsMaximizedChange,\n  onInnerContainerMouseEnter,\n  onInnerContainerMouseLeave,\n  onAppContainerClick,\n  setInnerContainerRefFn,\n  ...props\n}) {\n  const devCenterRouter = useMemo(() => devCenterUtils.createDevCenterRouter(props.router), [\n    props.router?.location,\n  ]);\n  const DCAppComponent = isIsolationFeatureEnabled\n    ? DevCenterAppZoidComponent\n    : DevCenterAppContainer;\n\n  const appIframeDocument = useRef();\n  const containerRef = useRef();\n  const fixedSizeContainerRef = useRef();\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(props.location?.query, props.app.id);\n\n  const [userUnits, setUserUnits] = useState(getUserUnits());\n\n  useEffect(() => {\n    const unsubscribeFn = subscribeForUserUnitsUpdates(newUserUnits => setUserUnits(newUserUnits));\n\n    return () => unsubscribeFn();\n  }, []);\n\n  const appContextValue = useContext(AppContext);\n  const permissionsContextValue = usePermissionsContext();\n\n  /*\n  What is fullscreen modal mode?\n\n  Our apps, are shown in isolated iFrames. Because of it, when an app has some modal\n  and opens it - it's opened inside of its iframe, instead of opening at the center of the screen.\n\n  To make app modals be opened at the center of the screen, as if they are not inside of an iframe,\n  we use some hacks.\n\n  When the app wants to open a modal, we make its iframe fullscreen, but with transparent background,\n  and we set width/height & position of that app iframe to inner app container that is located inside of the iframe.\n  So when iframe's modal is opened, it looks like it's a part of the platform, and the app which modal is shown, looks like\n  usual, not in fullscreen\n\n  So the platform provides this setIsFullscreenModalMode function to DC apps.\n  When DC app wants to open a modal that should be opened at the center of the screen - it needs to\n  call setIsFullscreenModalMode(true) first. And when it closes the modal - setIsFullscreenModalMode(false)\n  */\n  const isFullscreenModalModeRef = useRef(false);\n  const [, forceRender] = useReducer(x => !x, false);\n\n  function handleAppFullscreenTransparentModeExit() {\n    onAppFullscreenTransparentMode(null);\n    document.body.classList.remove(styles.overflowHidden, styles.compensateScroll);\n  }\n\n  function setIsFullscreenModalMode(nextIsFullscreenModalModeValue) {\n    if (!isIsolationFeatureEnabled) {\n      return;\n    }\n    // update the flag in sync, but force re-render to update the view\n    isFullscreenModalModeRef.current = nextIsFullscreenModalModeValue;\n    forceRender();\n\n    appIframeDocument.current = containerRef.current?.querySelector(\n      `[${APP_IFRAME_ATTRIBUTE}]`\n    )?.contentWindow?.document;\n\n    const isolatedPageAppContainer = appIframeDocument.current?.getElementById(\n      ISOLATED_PAGE_APP_CONTAINER_ID\n    );\n\n    if (!isolatedPageAppContainer) {\n      return;\n    }\n\n    if (nextIsFullscreenModalModeValue) {\n      const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n\n      // We need to directly set inner iFrame container sizes together with DC platform styles\n      // as passing this as props and using some effect inside of an iframe\n      // results in a slight delay, which looks like a quick layout jump\n      isolatedPageAppContainer.setAttribute(\n        'style',\n        `\n        top: ${top}px;\n        left: ${left}px;\n        width: ${width}px;\n        height: ${height}px;\n        position: absolute;\n      `\n      );\n      onAppFullscreenTransparentMode(props.app.id);\n      const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n      document.body.classList.add(\n        styles.overflowHidden,\n        isBodyScrollVisible && styles.compensateScroll\n      );\n    } else {\n      isolatedPageAppContainer.setAttribute('style', '');\n      handleAppFullscreenTransparentModeExit();\n    }\n  }\n\n  useEffect(() => {\n    return handleAppFullscreenTransparentModeExit;\n  }, []);\n\n  /**\n   * This should be the same function as calling react-intersection-observer's ref setter actually triggers re-render.\n   * Which in its turn causes infinite re-render loop.\n   */\n  const setContainerRefs = useCallback(node => {\n    containerRef.current = node;\n    setInnerContainerRefFn(node);\n  }, []);\n\n  return (\n    <div className={styles.fixedSizeContainer} ref={fixedSizeContainerRef}>\n      <div\n        ref={setContainerRefs}\n        onMouseEnter={onInnerContainerMouseEnter}\n        onMouseLeave={onInnerContainerMouseLeave}\n        data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n        className={classNames(\n          styles.container,\n          isFullscreenModalModeRef.current && styles.containerMaximizedTransparent,\n          isAppMaximized && styles.containerMaximized\n        )}\n      >\n        <DCAppComponent\n          {...props}\n          appContextValue={appContextValue}\n          devCenterRouter={devCenterRouter}\n          globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n          onAppContainerClick={onAppContainerClick}\n          onIsMaximizedChange={onIsMaximizedChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n        />\n      </div>\n    </div>\n  );\n}\n\nDevCenterIsolatedAppComponent.propTypes = {\n  app: PropTypes.shape({\n    id: PropTypes.string,\n    app: PropTypes.shape({\n      name: PropTypes.string,\n    }),\n  }).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  isIsolationFeatureEnabled: PropTypes.func,\n  onAppContainerClick: PropTypes.func,\n  onAppFullscreenTransparentMode: PropTypes.func,\n  onAppRemove: PropTypes.func,\n  onInnerContainerMouseEnter: PropTypes.func,\n  onInnerContainerMouseLeave: PropTypes.func,\n  onIsMaximizedChange: PropTypes.func,\n  onSettingChange: PropTypes.func,\n  onSettingsChange: PropTypes.func,\n  setInnerContainerRefFn: PropTypes.func,\n  updateCurrentDashboardAppLastAnnotation: PropTypes.func,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n  isIsolationFeatureEnabled: false,\n  onAppContainerClick: noop,\n  onAppFullscreenTransparentMode: noop,\n  onAppRemove: noop,\n  onInnerContainerMouseEnter: noop,\n  onInnerContainerMouseLeave: noop,\n  onIsMaximizedChange: noop,\n  onSettingChange: noop,\n  onSettingsChange: noop,\n  setInnerContainerRefFn: noop,\n  updateCurrentDashboardAppLastAnnotation: noop,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["PAGE_NAME","DevCenterIsolatedAppComponent","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","props","devCenterRouter","useMemo","devCenterUtils","router","location","DCAppComponent","DevCenterAppZoidComponent","DevCenterAppContainer","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","isAppMaximized","query","app","id","useState","getUserUnits","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","isFullscreenModalModeRef","useReducer","x","forceRender","handleAppFullscreenTransparentModeExit","document","body","classList","remove","styles","overflowHidden","compensateScroll","setIsFullscreenModalMode","nextIsFullscreenModalModeValue","current","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","getBoundingClientRect","top","left","width","height","setAttribute","isBodyScrollVisible","window","innerWidth","clientWidth","add","setContainerRefs","useCallback","node","_jsx","fixedSizeContainer","name","classNames","container","containerMaximizedTransparent","containerMaximized","Symbol","for","propTypes","PropTypes","shape","string","isRequired","currentUser","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","defaultProps","noop","DevCenterIsolatedApp","withRouter"],"mappings":"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"}

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.module.css.js

@@ -1 +1,8 @@
-import e from'./../../../ext-esm/style-inject/dist/style-inject.es.js';var o={container:"DevCenterIsolatedApp-module_container__2I2ev",containerMaximized:"DevCenterIsolatedApp-module_containerMaximized__Yr5A0",containerMaximizedTransparent:"DevCenterIsolatedApp-module_containerMaximizedTransparent__X7Z8h",fixedSizeContainer:"DevCenterIsolatedApp-module_fixedSizeContainer__vAFzM",overflowHidden:"DevCenterIsolatedApp-module_overflowHidden__nfpOf",compensateScroll:"DevCenterIsolatedApp-module_compensateScroll__LUQSd"};e(".DevCenterIsolatedApp-module_container__2I2ev{background-color:#201f1f;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.DevCenterIsolatedApp-module_container__2I2ev>div{height:100%}.DevCenterIsolatedApp-module_containerMaximized__Yr5A0{bottom:10px;box-shadow:0 0 18px 3px rgba(0,0,0,.75);height:auto;left:10px;overflow:hidden;position:fixed;right:10px;top:10px;width:auto;z-index:500}.DevCenterIsolatedApp-module_containerMaximizedTransparent__X7Z8h{background-color:transparent;bottom:0;height:auto;left:0;overflow:hidden;position:fixed;right:0;top:0;width:auto;z-index:500}.DevCenterIsolatedApp-module_fixedSizeContainer__vAFzM{bottom:0;left:0;position:absolute;right:0;top:0}.DevCenterIsolatedApp-module_overflowHidden__nfpOf{overflow:hidden}.DevCenterIsolatedApp-module_compensateScroll__LUQSd{margin-right:15px}");export{o as default};
+import styleInject from '../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".DevCenterIsolatedApp-module_container__ynMsM {\n  background-color: #201f1f;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow: hidden;\n}\n\n.DevCenterIsolatedApp-module_container__ynMsM > div {\n  height: 100%;\n}\n\n.DevCenterIsolatedApp-module_containerMaximized__3dpui {\n  position: fixed;\n  top: 10px;\n  left: 10px;\n  right: 10px;\n  bottom: 10px;\n  width: auto;\n  height: auto;\n  z-index: 500;\n  box-shadow: 0 0 18px 3px rgba(0, 0, 0, 0.75);\n  overflow: hidden;\n}\n\n.DevCenterIsolatedApp-module_containerMaximizedTransparent__33MEA {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: auto;\n  height: auto;\n  z-index: 500;\n  overflow: hidden;\n  background-color: transparent;\n}\n\n.DevCenterIsolatedApp-module_fixedSizeContainer__3u9MU {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.DevCenterIsolatedApp-module_overflowHidden__3B0EK {\n  overflow: hidden;\n}\n\n.DevCenterIsolatedApp-module_compensateScroll__3opcf {\n  margin-right: 15px;\n}\n";
+var styles = {"container":"DevCenterIsolatedApp-module_container__ynMsM","containerMaximized":"DevCenterIsolatedApp-module_containerMaximized__3dpui","containerMaximizedTransparent":"DevCenterIsolatedApp-module_containerMaximizedTransparent__33MEA","fixedSizeContainer":"DevCenterIsolatedApp-module_fixedSizeContainer__3u9MU","overflowHidden":"DevCenterIsolatedApp-module_overflowHidden__3B0EK","compensateScroll":"DevCenterIsolatedApp-module_compensateScroll__3opcf"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=DevCenterIsolatedApp.module.css.js.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,uDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}