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

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

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

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

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