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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

@@ -1 +1,410 @@
-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 i,useState as n,useEffect as s,useContext as p,useCallback as a}from"react";import m from"classnames";import{withRouter as l}from"react-router";import{noop as d}from"lodash";import c from"prop-types";import j from"../AppContext.js";import u 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 C,subscribeForUserUnitsUpdates as A}from"../../../utils/index.js";import{jsx as f}from"react/jsx-runtime";import"../DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../DevCenterAppContainer/components/AppSettingsDialogV2/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"../DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../Modal/CorvaModal.js";import"uuid";import"../../IconMenu/index.js";import"../../StyledMenuItem/index.js";import"../../AppIcon/AppIcon.js";import"../AppHeader/AppHeader.js";import"../AppSideBar/AppSideBar.js";import"../AppsDataProvider/AppsDataProvider.js";import b from"../DevCenterAppContainer/DevCenterAppContainer.js";import"../NavigationBar/NavigationBar.js";import"../SideBar/SideBar.js";import"../AppSettingsPopover/AppSettingsPopover.js";import"../AppFilterPanelLayout/AppFilterPanelLayout.js";import"../DevCenterRouterContext/DevCenterRouterContext.js";import"../DevCenterRouterContext/UniversalLink/UniversalLink.js";import"./DevCenterIsolatedAppPage.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"../../CollapsableSidebar.js";import"../../DateTimePicker/index.js";import"../../DatePicker/index.js";import"../../ErrorBoundary/ErrorBoundary.js";import"../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.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"../../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/core";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"../../../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{DevCenterAppZoidComponent as g,APP_IFRAME_ATTRIBUTE as v}from"./DevCenterAppZoidComponent.js";import{ISOLATED_PAGE_APP_CONTAINER_ID as S}from"./constants.js";import h from"./DevCenterIsolatedApp.module.css.js";import{createDevCenterRouter as P,isAppMaximized as x}from"../../../utils/devcenter.js";var I=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function D(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 T(t){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?D(Object(r),!0).forEach((function(o){e(t,o,r[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function y(e){var l,d,c,D=e.isIsolationFeatureEnabled,y=e.onAppFullscreenTransparentMode,E=e.onIsMaximizedChange,M=e.onInnerContainerMouseEnter,B=e.onInnerContainerMouseLeave,F=e.onAppContainerClick,L=e.setInnerContainerRefFn,O=o(e,I),k=r((function(){return P(O.router)}),[null===(l=O.router)||void 0===l?void 0:l.location]),V=D?g:b,w=i(),W=i(),R=i(),H=i(!1),G=x(null===(d=O.router)||void 0===d||null===(c=d.location)||void 0===c?void 0:c.query,O.app.id),z=n(C()),N=t(z,2),U=N[0],_=N[1];s((function(){var e=A((function(e){return _(e)}));return function(){return e()}}),[]);var Z=p(j),q=u();function K(){y({appId:O.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",h.compensateScroll)}s((function(){return K}),[]);var J=a((function(e){W.current=e,L(e)}),[]);return f("div",{className:m("dc-isolated-app",h.fixedSizeContainer),ref:R,children:f("div",{ref:J,onMouseEnter:M,onMouseLeave:B,"data-testid":"".concat("DevCenter_AppContainer","_").concat(O.app.app.name),className:m(h.container,G&&h.containerMaximized),children:f(V,T(T({},O),{},{appContextValue:Z,devCenterRouter:k,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],onAppContainerClick:F,onIsMaximizedChange:E,permissionsContextValue:q,setIsFullscreenModalMode:function(e){var t,o,r,i,n;if(D&&!G&&H.current!==e){var s=e?"add":"remove";null===(t=W.current)||void 0===t||t.classList[s](h.containerMaximizedTransparent),w.current=null===(o=W.current)||void 0===o||null===(r=o.querySelector("[".concat(v,"]")))||void 0===r||null===(i=r.contentWindow)||void 0===i?void 0:i.document;var p=null===(n=w.current)||void 0===n?void 0:n.getElementById(S);if(p){if(e){var a=R.current.getBoundingClientRect(),m=a.top,l=a.left,d=a.width,c=a.height;p.setAttribute("style","\n        top: ".concat(m,"px;\n        left: ").concat(l,"px;\n        width: ").concat(d,"px;\n        height: ").concat(c,"px;\n        position: absolute;\n      ")),y({appId:O.app.id,isModeEnabled:!0});var j=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",j&&h.compensateScroll)}else p.setAttribute("style",""),K();H.current=e}}},userUnits:U}))})})}y.propTypes={app:c.shape({id:c.number,app:c.shape({name:c.string})}).isRequired,currentUser:c.shape({}).isRequired,isIsolationFeatureEnabled:c.func,onAppContainerClick:c.func,onAppFullscreenTransparentMode:c.func,onAppRemove:c.func,onInnerContainerMouseEnter:c.func,onInnerContainerMouseLeave:c.func,onIsMaximizedChange:c.func,onSettingChange:c.func,onSettingsChange:c.func,setInnerContainerRefFn:c.func,updateCurrentDashboardAppLastAnnotation:c.func},y.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:d,onAppFullscreenTransparentMode:d,onAppRemove:d,onInnerContainerMouseEnter:d,onInnerContainerMouseLeave:d,onIsMaximizedChange:d,onSettingChange:d,onSettingsChange:d,setInnerContainerRefFn:d,updateCurrentDashboardAppLastAnnotation:d};var E=l(y);export{E as DevCenterIsolatedApp};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useMemo, useRef, useState, useEffect, useContext, useCallback } from 'react';
+import classNames from 'classnames';
+import { withRouter } from 'react-router';
+import { noop } from 'lodash';
+import PropTypes from 'prop-types';
+import AppContext from '../AppContext.js';
+import usePermissionsContext from '../../../permissions/PermissionsContext.js';
+import '../../../permissions/constants/index.js';
+import '../../LoadingIndicator/LoadingIndicator.js';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import 'query-string';
+import '../../../clients/api/apiCore.js';
+import '../../../clients/constants.js';
+import '../../../permissions/ProvidePermissions.js';
+import { getUserUnits, subscribeForUserUnitsUpdates } from '../../../utils/index.js';
+import '../DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../DevCenterAppContainer/components/AppSettingsDialogV2/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 '../DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import '../DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../Modal/CorvaModal.js';
+import 'uuid';
+import '../../IconMenu/index.js';
+import '../../StyledMenuItem/index.js';
+import '../../AppIcon/AppIcon.js';
+import '../AppHeader/AppHeader.js';
+import '../AppSideBar/AppSideBar.js';
+import '../AppsDataProvider/AppsDataProvider.js';
+import DevCenterAppContainer from '../DevCenterAppContainer/DevCenterAppContainer.js';
+import '../NavigationBar/NavigationBar.js';
+import '../SideBar/SideBar.js';
+import '../AppSettingsPopover/AppSettingsPopover.js';
+import '../AppFilterPanelLayout/AppFilterPanelLayout.js';
+import '../DevCenterRouterContext/DevCenterRouterContext.js';
+import '../DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import './DevCenterIsolatedAppPage.js';
+import '../../AssetEditor/index.js';
+import '../../AssetEditorV2/index.js';
+import '../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../Typography.js';
+import '../../RealTimeValuesSidebar/RealTimeSidebar.js';
+import '../../CollapsableSidebar.js';
+import '../../DateTimePicker/index.js';
+import '../../DatePicker/index.js';
+import '../../ErrorBoundary/ErrorBoundary.js';
+import '../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.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 '../../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/core';
+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 '../../../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 { DevCenterAppZoidComponent, APP_IFRAME_ATTRIBUTE } from './DevCenterAppZoidComponent.js';
+import { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants.js';
+import styles from './DevCenterIsolatedApp.module.css.js';
+import { createDevCenterRouter, isAppMaximized } from '../../../utils/devcenter.js';
+
+var _excluded = ["isIsolationFeatureEnabled", "onAppFullscreenTransparentMode", "onIsMaximizedChange", "onInnerContainerMouseEnter", "onInnerContainerMouseLeave", "onAppContainerClick", "setInnerContainerRefFn"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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$router2, _props$router2$locati;
+  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, _excluded);
+  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 modalModeRef = useRef(false);
+  var isAppMaximized$1 = isAppMaximized((_props$router2 = props.router) === null || _props$router2 === void 0 ? void 0 : (_props$router2$locati = _props$router2.location) === null || _props$router2$locati === void 0 ? void 0 : _props$router2$locati.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 & other elements 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 fullscreen element, 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 fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, 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)
+   Two things are important about this
+  - all these styles that make this invisible background work should be applied at once
+  - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact
+    some elements inside the DC app
+  */
+
+  function handleAppFullscreenTransparentModeExit() {
+    onAppFullscreenTransparentMode({
+      appId: props.app.id,
+      isModeEnabled: false
+    });
+    document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);
+  }
+  function setIsFullscreenModalMode(nextIsFullscreenModalModeValue) {
+    var _containerRef$current, _containerRef$current2, _containerRef$current3, _containerRef$current4, _appIframeDocument$cu;
+    // When an app is already in fullscreen mode, no need to use this
+    // invisible fullscreen mode to make elements take the whole screen
+    if (!isIsolationFeatureEnabled || isAppMaximized$1 || modalModeRef.current === nextIsFullscreenModalModeValue) {
+      return;
+    }
+    var classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';
+    (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.classList[classesEditMethod](styles.containerMaximizedTransparent);
+    appIframeDocument.current = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : (_containerRef$current3 = _containerRef$current2.querySelector("[".concat(APP_IFRAME_ATTRIBUTE, "]"))) === null || _containerRef$current3 === void 0 ? void 0 : (_containerRef$current4 = _containerRef$current3.contentWindow) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.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({
+        appId: props.app.id,
+        isModeEnabled: true
+      });
+      var isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;
+      document.body.classList.add('dc-isolated-app__body-overflow', isBodyScrollVisible && styles.compensateScroll);
+    } else {
+      isolatedPageAppContainer.setAttribute('style', '');
+      handleAppFullscreenTransparentModeExit();
+    }
+    modalModeRef.current = nextIsFullscreenModalModeValue;
+  }
+  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: classNames('dc-isolated-app', 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, 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.number,
+    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 } 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(\n    () => 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  const modalModeRef = useRef(false);\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(props.router?.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 & other elements 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 fullscreen element, 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 fullscreen element is opened, it looks like it's a part of the platform, and the app which shows the element, 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  Two things are important about this\n  - all these styles that make this invisible background work should be applied at once\n  - enter and exit from the mode, shouldn't trigger even a single re-render, as it may impact\n    some elements inside the DC app\n  */\n\n  function handleAppFullscreenTransparentModeExit() {\n    onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n    document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n  }\n\n  function setIsFullscreenModalMode(nextIsFullscreenModalModeValue) {\n    // When an app is already in fullscreen mode, no need to use this\n    // invisible fullscreen mode to make elements take the whole screen\n    if (\n      !isIsolationFeatureEnabled ||\n      isAppMaximized ||\n      modalModeRef.current === nextIsFullscreenModalModeValue\n    ) {\n      return;\n    }\n\n    const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n    containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\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({ appId: props.app.id, isModeEnabled: true });\n      const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n      document.body.classList.add(\n        'dc-isolated-app__body-overflow',\n        isBodyScrollVisible && styles.compensateScroll\n      );\n    } else {\n      isolatedPageAppContainer.setAttribute('style', '');\n      handleAppFullscreenTransparentModeExit();\n    }\n    modalModeRef.current = nextIsFullscreenModalModeValue;\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\n      className={classNames('dc-isolated-app', styles.fixedSizeContainer)}\n      ref={fixedSizeContainerRef}\n    >\n      <div\n        ref={setContainerRefs}\n        onMouseEnter={onInnerContainerMouseEnter}\n        onMouseLeave={onInnerContainerMouseLeave}\n        data-testid={`${PAGE_NAME}_${props.app.app.name}`}\n        className={classNames(styles.container, isAppMaximized && styles.containerMaximized)}\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.number,\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","modalModeRef","isAppMaximized","query","app","id","useState","getUserUnits","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","nextIsFullscreenModalModeValue","current","classesEditMethod","containerMaximizedTransparent","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","classNames","fixedSizeContainer","name","container","containerMaximized","Symbol","for","propTypes","PropTypes","shape","number","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",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}.dc-isolated-app__body-overflow{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__2I2ev {\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__2I2ev > div {\n  height: 100%;\n}\n\n.DevCenterIsolatedApp-module_containerMaximized__Yr5A0 {\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__X7Z8h {\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__vAFzM {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.dc-isolated-app__body-overflow {\n  overflow: hidden;\n}\n\n.DevCenterIsolatedApp-module_compensateScroll__LUQSd {\n  margin-right: 15px;\n}\n";
+var styles = {"container":"DevCenterIsolatedApp-module_container__2I2ev","containerMaximized":"DevCenterIsolatedApp-module_containerMaximized__Yr5A0","containerMaximizedTransparent":"DevCenterIsolatedApp-module_containerMaximizedTransparent__X7Z8h","fixedSizeContainer":"DevCenterIsolatedApp-module_fixedSizeContainer__vAFzM","compensateScroll":"DevCenterIsolatedApp-module_compensateScroll__LUQSd"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}