@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/DevCenter/DevCenterAppContainer/effects/useAppSettings.js

@@ -1,51 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { useState } from 'react';
-
-function useAppSettings(_ref) {
-  var setIsFullscreenModalMode = _ref.setIsFullscreenModalMode;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAppSettingsDialogOpened = _useState2[0],
-    setAppSettingsDialogOpened = _useState2[1];
-  var toggleAppSettingsDialog = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var nextValue;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              nextValue = !isAppSettingsDialogOpened;
-              if (!nextValue) {
-                _context.next = 7;
-                break;
-              }
-              _context.next = 4;
-              return setIsFullscreenModalMode(nextValue);
-            case 4:
-              setAppSettingsDialogOpened(nextValue);
-              _context.next = 9;
-              break;
-            case 7:
-              setAppSettingsDialogOpened(nextValue);
-              setIsFullscreenModalMode(nextValue);
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return function toggleAppSettingsDialog() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return {
-    isAppSettingsDialogOpened: isAppSettingsDialogOpened,
-    toggleAppSettingsDialog: toggleAppSettingsDialog
-  };
-}
-
-export { useAppSettings as default };
-//# sourceMappingURL=useAppSettings.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{useState as n}from"react";function a(a){var o,i=a.setIsFullscreenModalMode,s=n(!1),p=r(s,2),c=p[0],l=p[1],u=(o=e(t.mark((function e(){var r;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(r=!c)){e.next=7;break}return e.next=4,i(r);case 4:l(r),e.next=9;break;case 7:l(r),i(r);case 9:case"end":return e.stop()}}),e)}))),function(){return o.apply(this,arguments)});return{isAppSettingsDialogOpened:c,toggleAppSettingsDialog:u}}export{a as default};

package/components/DevCenter/DevCenterAppContainer/utils.js

@@ -1,32 +1 @@
-import { get, last } from 'lodash';
-
-var getAppVersion = function getAppVersion(app) {
-  var _get, _last, _get2;
-  var packageCodeVersion = (_get = get(app, 'package.package_code_version')) === null || _get === void 0 ? void 0 : _get.toString();
-
-  // fallback exists for old packages without package_code_version field
-  // package.build is composed from '${appName}-${packageJsonVersion}'
-  var packageVersionFallback = (_last = last((_get2 = get(app, 'package.build')) === null || _get2 === void 0 ? void 0 : _get2.split('-'))) === null || _last === void 0 ? void 0 : _last.toString();
-  return packageCodeVersion || packageVersionFallback || '0.0.1';
-};
-var getAppAvailability = function getAppAvailability(availability, isSubscriptionFeatureActive) {
-  if (!availability || !isSubscriptionFeatureActive) {
-    return {
-      hasProductSubscription: true,
-      isAppSubscribedForAsset: true
-    };
-  }
-  return {
-    hasProductSubscription: availability.subscription,
-    isAppSubscribedForAsset: availability.asset_subscription
-  };
-};
-var getIsSustainabilityApp = function getIsSustainabilityApp(appId) {
-  var _window$parent, _window$parent$appSto, _window$parent$appSto2, _window$parent$appSto3, _window$parent$appSto4, _window$parent$appSto5;
-  return (_window$parent = window.parent) === null || _window$parent === void 0 ? void 0 : (_window$parent$appSto = _window$parent.appStoreMock) === null || _window$parent$appSto === void 0 ? void 0 : (_window$parent$appSto2 = _window$parent$appSto.sustainability) === null || _window$parent$appSto2 === void 0 ? void 0 : (_window$parent$appSto3 = _window$parent$appSto2.sections) === null || _window$parent$appSto3 === void 0 ? void 0 : (_window$parent$appSto4 = _window$parent$appSto3[0]) === null || _window$parent$appSto4 === void 0 ? void 0 : (_window$parent$appSto5 = _window$parent$appSto4.apps) === null || _window$parent$appSto5 === void 0 ? void 0 : _window$parent$appSto5.some(function (sustainabilityApp) {
-    return +sustainabilityApp.id === appId;
-  });
-};
-
-export { getAppAvailability, getAppVersion, getIsSustainabilityApp };
-//# sourceMappingURL=utils.js.map
+import{get as i,last as o}from"lodash";var n=function(n){var r,t,s,u=null===(r=i(n,"package.package_code_version"))||void 0===r?void 0:r.toString(),d=null===(t=o(null===(s=i(n,"package.build"))||void 0===s?void 0:s.split("-")))||void 0===t?void 0:t.toString();return u||d||"0.0.1"},r=function(i,o){return i&&o?{hasProductSubscription:i.subscription,isAppSubscribedForAsset:i.asset_subscription}:{hasProductSubscription:!0,isAppSubscribedForAsset:!0}},t=function(i){var o,n,r,t,s,u;return null===(o=window.parent)||void 0===o||null===(n=o.appStoreMock)||void 0===n||null===(r=n.sustainability)||void 0===r||null===(t=r.sections)||void 0===t||null===(s=t[0])||void 0===s||null===(u=s.apps)||void 0===u?void 0:u.some((function(o){return+o.id===i}))};export{r as getAppAvailability,n as getAppVersion,t as getIsSustainabilityApp};

package/components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js

@@ -1,6 +1 @@
-import { createContext } from 'react';
-
-var DevCenterRouterContext = createContext();
-
-export { DevCenterRouterContext };
-//# sourceMappingURL=DevCenterRouterContext.js.map
+import{createContext as r}from"react";var o=r();export{o as DevCenterRouterContext};

package/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.css.js

@@ -1,8 +1 @@
-import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".UniversalLink_buttonLink__EDK36 {\n  border: none;\n  background: none;\n  color: #039be5;\n  font-size: 1rem;\n  font-family: Roboto, sans-serif;\n  cursor: pointer;\n}\n";
-var styles = {"buttonLink":"UniversalLink_buttonLink__EDK36"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=UniversalLink.css.js.map
+import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var o={buttonLink:"UniversalLink_buttonLink__EDK36"};n(".UniversalLink_buttonLink__EDK36{background:none;border:none;color:#039be5;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem}");export{o as default};

package/components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js

@@ -0,0 +1 @@
+import e from"classnames";import{Link as t}from"react-router";import r from"prop-types";import{noop as n}from"lodash";import{useDevCenterRouter as o}from"../effects/useDevCenterRouter.js";import a from"./UniversalLink.css.js";import{jsx as i}from"react/jsx-runtime";function s(r){var n=r.href,s=r.children,l=r.className,c=r["data-testid"],m=r.onClick,d=o();return d?i("a",{href:n||null,children:i("button",{"data-testid":c,tabIndex:"0",role:"link",className:e(a.buttonLink,l),onClick:function(e){n&&(e.stopPropagation(),m(e),e.metaKey||e.ctrlKey?window.open(n,"_blank"):d.push(n))},children:s})}):i(t,{"data-testid":c,to:n,className:l,children:s})}s.propTypes={href:r.any,children:r.node.isRequired,className:r.string,onClick:r.func,"data-testid":r.string},s.defaultProps={className:null,"data-testid":"UniversalLink",href:null,onClick:n};export{s as UniversalLink};

package/components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js

@@ -1,9 +1 @@
-import { useContext } from 'react';
-import { DevCenterRouterContext } from '../DevCenterRouterContext.js';
-
-function useDevCenterRouter() {
-  return useContext(DevCenterRouterContext);
-}
-
-export { useDevCenterRouter };
-//# sourceMappingURL=useDevCenterRouter.js.map
+import{useContext as r}from"react";import{DevCenterRouterContext as t}from"../DevCenterRouterContext.js";function e(){return r(t)}export{e as useDevCenterRouter};

package/components/DevCenter/DevCenterRouterContext/hocs/withUniversalLocationHOC.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { withRouter } from 'react-router';
-import { useDevCenterRouter } from '../effects/useDevCenterRouter.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["location", "router", "params"];
-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; }
-function getDisplayName(WrappedComponent) {
-  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
-}
-function withReactRouterLocation(Component) {
-  function WithReactRouterLocation(_ref) {
-    var location = _ref.location;
-      _ref.router;
-      _ref.params;
-      var otherProps = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/jsx(Component, _objectSpread({
-      location: location
-    }, otherProps));
-  }
-  WithReactRouterLocation.displayName = "withReactRouterLocation(".concat(getDisplayName(Component), ")");
-  return withRouter(WithReactRouterLocation);
-}
-function withUniversalLocationHOC(Component) {
-  var ComponentWithReactRouterLocation = withReactRouterLocation(Component);
-  function WithUniversalLocation(props) {
-    var devCenterRouter = useDevCenterRouter();
-    if (devCenterRouter) {
-      return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-        location: devCenterRouter.location
-      }));
-    }
-    return /*#__PURE__*/jsx(ComponentWithReactRouterLocation, _objectSpread({}, props));
-  }
-  WithUniversalLocation.displayName = "WithUniversalLocationHOC(".concat(getDisplayName(Component), ")");
-  return WithUniversalLocation;
-}
-
-export { withUniversalLocationHOC };
-//# sourceMappingURL=withUniversalLocationHOC.js.map
+import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{withRouter as e}from"react-router";import{useDevCenterRouter as o}from"../effects/useDevCenterRouter.js";import{jsx as n}from"react/jsx-runtime";var c=["location","router","params"];function i(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.push.apply(e,o)}return e}function a(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?i(Object(o),!0).forEach((function(e){r(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):i(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}function p(r){return r.displayName||r.name||"Component"}function u(r){var i=function(r){function o(e){var o=e.location;e.router,e.params;var i=t(e,c);return n(r,a({location:o},i))}return o.displayName="withReactRouterLocation(".concat(p(r),")"),e(o)}(r);function u(t){var e=o();return e?n(r,a(a({},t),{},{location:e.location})):n(i,a({},t))}return u.displayName="WithUniversalLocationHOC(".concat(p(r),")"),u}export{u as withUniversalLocationHOC};

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js

@@ -1,211 +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 { DevCenterAppZoidComponent, APP_IFRAME_ATTRIBUTE } from './DevCenterAppZoidComponent.js';
-import { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants.js';
-import styles from './DevCenterIsolatedApp.module.css.js';
-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 '../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 { isInsideNewMobileApp } from '../../../utils/mobileDetect.js';
-import { createDevCenterRouter, isCorvaApp, isIsolationEnabledInPackageManifest, 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$app, _props$app2, _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 isNonIsolatedApp = isCorvaApp(props === null || props === void 0 ? void 0 : (_props$app = props.app) === null || _props$app === void 0 ? void 0 : _props$app.app) && !isIsolationEnabledInPackageManifest(props === null || props === void 0 ? void 0 : (_props$app2 = props.app) === null || _props$app2 === void 0 ? void 0 : _props$app2.package) || !isIsolationFeatureEnabled;
-  var DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : DevCenterAppZoidComponent;
-  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 || isNonIsolatedApp || 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, isInsideNewMobileApp && styles.newMobileAppContainer, isAppMaximized$1 && styles.containerMaximized),
-      children: /*#__PURE__*/jsx(DCAppComponent, _objectSpread(_objectSpread({}, props), {}, {
-        appContextValue: appContextValue,
-        devCenterRouter: devCenterRouter,
-        globalNotificationToastsAPI: window[Symbol.for('notificationToasts')],
-        globalMixpanelEventTracker: window[Symbol.for('logToMixpanel')],
-        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.bool,
-  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 n from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/helpers/objectWithoutProperties";import{useMemo as t,useRef as r,useState as i,useEffect as a,useContext as p,useCallback as s}from"react";import l from"classnames";import{withRouter as c}from"react-router";import{noop as u}from"lodash";import d from"prop-types";import{DevCenterAppZoidComponent as m,APP_IFRAME_ATTRIBUTE as f}from"./DevCenterAppZoidComponent.js";import{ISOLATED_PAGE_APP_CONTAINER_ID as v}from"./constants.js";import C from"./DevCenterIsolatedApp.module.css.js";import b from"../AppContext.js";import A 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 j,subscribeForUserUnitsUpdates as g}from"../../../utils/index.js";import"../AppHeader/AppHeader.js";import"../AppSideBar/AppSideBar.js";import"../AppsDataProvider/AppsDataProvider.js";import h 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{jsx as y}from"react/jsx-runtime";import"./DevCenterIsolatedAppPage.js";import{isInsideNewMobileApp as I}from"../../../utils/mobileDetect.js";import{createDevCenterRouter as M,isCorvaApp as x,isIsolationEnabledInPackageManifest as P,isAppMaximized as w}from"../../../utils/devcenter.js";var D=["isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn"];function O(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function S(n){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{};o%2?O(Object(t),!0).forEach((function(o){e(n,o,t[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function E(e){var c,u,d,O,E,F=e.isIsolationFeatureEnabled,L=e.onAppFullscreenTransparentMode,R=e.onIsMaximizedChange,T=e.onInnerContainerMouseEnter,k=e.onInnerContainerMouseLeave,z=e.onAppContainerClick,B=e.setInnerContainerRefFn,_=o(e,D),N=t((function(){return M(_.router)}),[null===(c=_.router)||void 0===c?void 0:c.location]),q=x(null==_||null===(u=_.app)||void 0===u?void 0:u.app)&&!P(null==_||null===(d=_.app)||void 0===d?void 0:d.package)||!F,U=q?h:m,W=r(),H=r(),V=r(),G=r(!1),Z=w(null===(O=_.router)||void 0===O||null===(E=O.location)||void 0===E?void 0:E.query,_.app.id),J=i(j()),K=n(J,2),Q=K[0],X=K[1];a((function(){var e=g((function(e){return X(e)}));return function(){return e()}}),[]);var Y=p(b),$=A();function ee(){L({appId:_.app.id,isModeEnabled:!1}),document.body.classList.remove("dc-isolated-app__body-overflow",C.compensateScroll)}a((function(){return ee}),[]);var ne=s((function(e){H.current=e,B(e)}),[]);return y("div",{className:l("dc-isolated-app",C.fixedSizeContainer),ref:V,children:y("div",{ref:ne,onMouseEnter:T,onMouseLeave:k,"data-testid":"".concat("DevCenter_AppContainer","_").concat(_.app.app.name),className:l(C.container,I&&C.newMobileAppContainer,Z&&C.containerMaximized),children:y(U,S(S({},_),{},{appContextValue:Y,devCenterRouter:N,globalNotificationToastsAPI:window[Symbol.for("notificationToasts")],globalMixpanelEventTracker:window[Symbol.for("logToMixpanel")],onAppContainerClick:z,onIsMaximizedChange:R,permissionsContextValue:$,setIsFullscreenModalMode:function(e){var n,o,t,r,i;if(F&&!q&&!Z&&G.current!==e){var a=e?"add":"remove";null===(n=H.current)||void 0===n||n.classList[a](C.containerMaximizedTransparent),W.current=null===(o=H.current)||void 0===o||null===(t=o.querySelector("[".concat(f,"]")))||void 0===t||null===(r=t.contentWindow)||void 0===r?void 0:r.document;var p=null===(i=W.current)||void 0===i?void 0:i.getElementById(v);if(p){if(e){var s=V.current.getBoundingClientRect(),l=s.top,c=s.left,u=s.width,d=s.height;p.setAttribute("style","\n        top: ".concat(l,"px;\n        left: ").concat(c,"px;\n        width: ").concat(u,"px;\n        height: ").concat(d,"px;\n        position: absolute;\n      ")),L({appId:_.app.id,isModeEnabled:!0});var m=window.innerWidth!==document.body.clientWidth;document.body.classList.add("dc-isolated-app__body-overflow",m&&C.compensateScroll)}else p.setAttribute("style",""),ee();G.current=e}}},userUnits:Q}))})})}E.propTypes={app:d.shape({id:d.number,app:d.shape({name:d.string})}).isRequired,currentUser:d.shape({}).isRequired,isIsolationFeatureEnabled:d.bool,onAppContainerClick:d.func,onAppFullscreenTransparentMode:d.func,onAppRemove:d.func,onInnerContainerMouseEnter:d.func,onInnerContainerMouseLeave:d.func,onIsMaximizedChange:d.func,onSettingChange:d.func,onSettingsChange:d.func,setInnerContainerRefFn:d.func,updateCurrentDashboardAppLastAnnotation:d.func},E.defaultProps={isIsolationFeatureEnabled:!1,onAppContainerClick:u,onAppFullscreenTransparentMode:u,onAppRemove:u,onInnerContainerMouseEnter:u,onInnerContainerMouseLeave:u,onIsMaximizedChange:u,onSettingChange:u,onSettingsChange:u,setInnerContainerRefFn:u,updateCurrentDashboardAppLastAnnotation:u};var F=c(E);export{F as DevCenterIsolatedApp};

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js

@@ -1,172 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core';
-import classNames from 'classnames';
-import moment from 'moment-timezone';
-import { useXProps } from './effects/useXProps.js';
-import { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants.js';
-import { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull.js';
-import { IsInsideIsolatedDcAppProvider } from '../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
-import DevCenterAppContainer from '../DevCenterAppContainer/DevCenterAppContainer.js';
-import '@icon-park/react/es/all';
-import { jsx } from 'react/jsx-runtime';
-import { IconParkProvider } from '../../../icons/IconParkProvider.js';
-import '../../../icons/customIcons/icons/AddMessage.js';
-import '../../../icons/customIcons/icons/Attention.js';
-import '../../../icons/customIcons/icons/Collapse.js';
-import '../../../icons/customIcons/icons/Dashboard.js';
-import '../../../icons/customIcons/icons/Expand.js';
-import '../../../icons/customIcons/icons/FolderClosed.js';
-import '../../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../../icons/customIcons/icons/FolderOpened.js';
-import '../../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../../icons/customIcons/icons/LessOrEqual.js';
-import '../../../icons/customIcons/icons/Search.js';
-import '../../../icons/customIcons/icons/Wellhub.js';
-import '../../../icons/customIcons/icons/MultiRuler.js';
-import '../../../icons/customIcons/icons/Checkbox.js';
-import '../../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../../icons/customIcons/icons/Radio.js';
-import '../../../icons/customIcons/icons/RadioChecked.js';
-import '../../../icons/customIcons/icons/SimulFrac.js';
-import '../../../icons/customIcons/icons/ZipperFrac.js';
-import '../../../icons/customIcons/icons/CautionFilled.js';
-import '../../../icons/customIcons/icons/MoreApp.js';
-import '../../../icons/customIcons/icons/Pad.js';
-import '../../../icons/customIcons/icons/Gap.js';
-import withMUIProvidersHOC from '../../../hocs/withMUIProvidersHOC.js';
-import '../../../hocs/withAssetEditorLockHOC.js';
-import AppContext from '../AppContext.js';
-import { THEMES } from '../../../constants/theme.js';
-import { LOCAL_STORAGE_APP_THEME_KEY } from '../../../CLI/hocs/constants.js';
-import { setThemeVariables } from '../../../utils/themeVariables.js';
-import { isPDFReportView } from '../../../CLI/hocs/utils.js';
-import { PermissionsContext } from '../../../permissions/PermissionsContext.js';
-import { updateUserUnits } from '../../../utils/index.js';
-import '../../../config/initGlobalDependencies.js';
-import '../../../styles/iconPark.global.css.js';
-import '../../../styles/index.global.css.js';
-import '../../../styles/reactVirtualized.global.css.js';
-import '../../../styles/emojiMart.global.css.js';
-import '../../../styles/mapbox.global.css.js';
-import '../../../styles/lightbox.global.css.js';
-import '../../../styles/generatedThemesVariables.global.css.js';
-import '../../../styles/customScrollbars.global.css.js';
-import './DevCenterAppZoidComponent.js';
-
-var _excluded = ["appContextValue", "globalMixpanelEventTracker", "globalNotificationToastsAPI", "onSettingChange", "onSettingsChange", "permissionsContextValue", "timezone", "userUnits"];
-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 DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);
-
-/**
- * It's important to keep these global styles in js, to apply only
- * when the component is actually used, if moved to CSS - they'll be
- * applied to whatever somehow imports the code
- */
-var useStyles = makeStyles(function () {
-  return {
-    '@global': {
-      body: {
-        backgroundColor: 'transparent',
-        overflow: 'hidden'
-      }
-    }
-  };
-});
-
-/**
- * Root component that is rendered inside of app's iframe.
- * Receives CLIAppComponent, CLIAppSettings when used
- * in local development
- */
-function DevCenterIsolatedAppPage(_ref) {
-  var _xProps$currentUser, _xProps$currentUser$s, _xProps$currentUser$s2;
-  var CLIAppComponent = _ref.CLIAppComponent,
-    CLIAppSettings = _ref.CLIAppSettings,
-    containerReportClassName = _ref.containerReportClassName;
-  useStyles();
-  var _useXProps = useXProps(),
-    appContextValue = _useXProps.appContextValue,
-    globalMixpanelEventTracker = _useXProps.globalMixpanelEventTracker,
-    globalNotificationToastsAPI = _useXProps.globalNotificationToastsAPI,
-    _onSettingChange = _useXProps.onSettingChange,
-    _onSettingsChange = _useXProps.onSettingsChange,
-    permissionsContextValue = _useXProps.permissionsContextValue,
-    timezone = _useXProps.timezone,
-    userUnits = _useXProps.userUnits,
-    xProps = _objectWithoutProperties(_useXProps, _excluded);
-  var isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;
-
-  // Force light theme for PDF reports view
-  var selectedTheme = localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) || ((_xProps$currentUser = xProps.currentUser) === null || _xProps$currentUser === void 0 ? void 0 : (_xProps$currentUser$s = _xProps$currentUser.settings) === null || _xProps$currentUser$s === void 0 ? void 0 : (_xProps$currentUser$s2 = _xProps$currentUser$s.uiSettings) === null || _xProps$currentUser$s2 === void 0 ? void 0 : _xProps$currentUser$s2.theme) || THEMES.DARK;
-  var isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;
-  useEffect(function () {
-    setThemeVariables(isDarkTheme);
-  }, [isDarkTheme]);
-  useEffect(function () {
-    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;
-    window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;
-  }, [globalNotificationToastsAPI, globalMixpanelEventTracker]);
-  var isFirstRenderRef = useRef(true);
-  if (isFirstRenderRef.current || isReportsPage) {
-    isFirstRenderRef.current = false;
-    updateUserUnits({
-      userUnits: userUnits
-    });
-  }
-  useEffect(function () {
-    if (timezone) moment.tz.setDefault(timezone);
-    return function () {
-      return moment.tz.setDefault(null);
-    };
-  }, [timezone]);
-  return /*#__PURE__*/jsx(PermissionsContext.Provider, {
-    value: permissionsContextValue,
-    children: /*#__PURE__*/jsx(AppContext.Provider, {
-      value: appContextValue,
-      children: /*#__PURE__*/jsx(IsInsideIsolatedDcAppProvider, {
-        value: true,
-        children: /*#__PURE__*/jsx(IconParkProvider, {
-          children: /*#__PURE__*/jsx("div", {
-            id: ISOLATED_PAGE_APP_CONTAINER_ID,
-            className: classNames(isReportsPage && containerReportClassName),
-            children: /*#__PURE__*/jsx(DevCenterAppContainerWithMUI, _objectSpread(_objectSpread({}, xProps), {}, {
-              theme: isDarkTheme ? THEMES.DARK : THEMES.LIGHT
-              // zoid serializes passed arguments using JSON.stringify.
-              // All undefined values are removed as they are not valid JSON values
-              // so we replace undefined values with null to not drop them
-              // Any future cb function that passes arbitrary objects as args
-              // also should be wrapped in this mapper
-              ,
-              onSettingsChange: function onSettingsChange(nextSettings) {
-                return _onSettingsChange(replaceUndefinedValuesWithNull(nextSettings));
-              },
-              onSettingChange: function onSettingChange(key, value) {
-                return _onSettingChange(key, replaceUndefinedValuesWithNull(value));
-              },
-              CLIAppComponent: CLIAppComponent,
-              CLIAppSettings: CLIAppSettings
-            }))
-          })
-        })
-      })
-    })
-  });
-}
-DevCenterIsolatedAppPage.propTypes = {
-  CLIAppComponent: PropTypes.func,
-  CLIAppSettings: PropTypes.func,
-  containerReportClassName: PropTypes.string
-};
-DevCenterIsolatedAppPage.defaultProps = {
-  CLIAppComponent: null,
-  CLIAppSettings: null,
-  containerReportClassName: null
-};
-
-export { DevCenterIsolatedAppPage };
-//# sourceMappingURL=DevCenterIsolatedAppPage.js.map
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{useEffect as t,useRef as e}from"react";import n from"prop-types";import{makeStyles as r}from"@material-ui/core";import i from"classnames";import c from"moment-timezone";import{useXProps as p}from"./effects/useXProps.js";import{ISOLATED_PAGE_APP_CONTAINER_ID as m}from"./constants.js";import{replaceUndefinedValuesWithNull as l}from"./utils/replaceUndefinedValuesWithNull.js";import{IsInsideIsolatedDcAppProvider as a}from"../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import u from"../DevCenterAppContainer/DevCenterAppContainer.js";import{jsx as j}from"react/jsx-runtime";import"@icon-park/react/es/all";import{IconParkProvider as d}from"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/Attention.js";import"../../../icons/customIcons/icons/Collapse.js";import"../../../icons/customIcons/icons/Dashboard.js";import"../../../icons/customIcons/icons/Expand.js";import"../../../icons/customIcons/icons/FolderClosed.js";import"../../../icons/customIcons/icons/FolderClosedFilled.js";import"../../../icons/customIcons/icons/FolderOpened.js";import"../../../icons/customIcons/icons/GreaterOrEqual.js";import"../../../icons/customIcons/icons/LessOrEqual.js";import"../../../icons/customIcons/icons/Search.js";import"../../../icons/customIcons/icons/Wellhub.js";import"../../../icons/customIcons/icons/MultiRuler.js";import"../../../icons/customIcons/icons/Checkbox.js";import"../../../icons/customIcons/icons/CheckboxChecked.js";import"../../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../../icons/customIcons/icons/Radio.js";import"../../../icons/customIcons/icons/RadioChecked.js";import"../../../icons/customIcons/icons/SimulFrac.js";import"../../../icons/customIcons/icons/ZipperFrac.js";import"../../../icons/customIcons/icons/CautionFilled.js";import"../../../icons/customIcons/icons/MoreApp.js";import"../../../icons/customIcons/icons/Pad.js";import"../../../icons/customIcons/icons/Gap.js";import f from"../../../hocs/withMUIProvidersHOC.js";import"../../../hocs/withAssetEditorLockHOC.js";import C from"../AppContext.js";import{THEMES as I}from"../../../constants/theme.js";import{LOCAL_STORAGE_APP_THEME_KEY as b}from"../../../CLI/hocs/constants.js";import{setThemeVariables as g}from"../../../utils/themeVariables.js";import{isPDFReportView as h}from"../../../CLI/hocs/utils.js";import{PermissionsContext as v}from"../../../permissions/PermissionsContext.js";import{updateUserUnits as y}from"../../../utils/index.js";import"../../../config/initGlobalDependencies.js";import"../../../styles/iconPark.global.css.js";import"../../../styles/index.global.css.js";import"../../../styles/reactVirtualized.global.css.js";import"../../../styles/emojiMart.global.css.js";import"../../../styles/mapbox.global.css.js";import"../../../styles/lightbox.global.css.js";import"../../../styles/generatedThemesVariables.global.css.js";import"../../../styles/customScrollbars.global.css.js";import"./DevCenterAppZoidComponent.js";var P=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits"];function A(o,s){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);s&&(e=e.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),t.push.apply(t,e)}return t}function O(s){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?A(Object(e),!0).forEach((function(t){o(s,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(e,o))}))}return s}var x=f(u),S=r((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function D(o){var n,r,u,f=o.CLIAppComponent,A=o.CLIAppSettings,D=o.containerReportClassName;S();var L=p(),k=L.appContextValue,w=L.globalMixpanelEventTracker,T=L.globalNotificationToastsAPI,E=L.onSettingChange,M=L.onSettingsChange,R=L.permissionsContextValue,V=L.timezone,F=L.userUnits,N=s(L,P),z=N.location.pathname.startsWith("/reports/")||h,U=localStorage.getItem(b)||(null===(n=N.currentUser)||void 0===n||null===(r=n.settings)||void 0===r||null===(u=r.uiSettings)||void 0===u?void 0:u.theme)||I.DARK,G=!z&&U!==I.LIGHT;t((function(){g(G)}),[G]),t((function(){window[Symbol.for("notificationToasts")]=T,window[Symbol.for("logToMixpanel")]=w}),[T,w]);var H=e(!0);return(H.current||z)&&(H.current=!1,y({userUnits:F})),t((function(){return V&&c.tz.setDefault(V),function(){return c.tz.setDefault(null)}}),[V]),j(v.Provider,{value:R,children:j(C.Provider,{value:k,children:j(a,{value:!0,children:j(d,{children:j("div",{id:m,className:i(z&&D),children:j(x,O(O({},N),{},{theme:G?I.DARK:I.LIGHT,onSettingsChange:function(o){return M(l(o))},onSettingChange:function(o,s){return E(o,l(s))},CLIAppComponent:f,CLIAppSettings:A}))})})})})})}D.propTypes={CLIAppComponent:n.func,CLIAppSettings:n.func,containerReportClassName:n.string},D.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null};export{D as DevCenterIsolatedAppPage};

package/components/DevCenter/NavigationBar/NavigationBar.js

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