@corva/ui 3.73.0-7 → 3.73.0-8

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

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router-dom';\nimport { noop } from 'lodash';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\n\nimport { APP_IFRAME_ATTRIBUTE, IsolatedPage } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.scss';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { getAppVersion } from '~/components/DevCenter/DevCenterAppContainer/utils';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled,\n  onAppFullscreenTransparentMode,\n  onIsMaximizedChange,\n  onInnerContainerMouseEnter,\n  onInnerContainerMouseLeave,\n  onAppContainerClick,\n  setInnerContainerRefFn,\n  trackApiRateLimiterException,\n  ...props\n}) {\n  const devCenterRouter = useMemo(\n    () => devCenterUtils.createDevCenterRouter(props.history),\n    [props.history?.location]\n  );\n\n  const isNonIsolatedApp =\n    (devCenterUtils.isCorvaApp(props?.app?.app) &&\n      !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) ||\n    !isIsolationFeatureEnabled;\n\n  const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n  // Key to force iframe recreation when app version changes.\n  // This ensures global dependencies are re-initialized for the new version.\n  const appKey = props.app?.app?.app_key;\n  const appVersion = getAppVersion(props.app);\n  const iframeKey = `${appKey}-${appVersion}`;\n\n  const appIframeDocument = useRef();\n  const containerRef = useRef();\n  const fixedSizeContainerRef = useRef();\n  const fullscreenModeRef = useRef(false);\n  const fullscreenModalModeRef = useRef(false);\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(\n    queryString.parse(props.history?.location?.search),\n    props.app.id\n  );\n\n  // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n  const isAppMaximizedRef = useRef(isAppMaximized);\n  isAppMaximizedRef.current = isAppMaximized;\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  There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n  (Modal, for instance) that should cover everything on screen.\n\n  What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\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  const setIsFullscreenModalMode = useCallback(\n    function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\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        isNonIsolatedApp ||\n        (isAppMaximizedRef.current && !fullscreenModeRef.current) ||\n        fullscreenModeRef.current === nextIsFullscreenModalModeValue\n      ) {\n        // Adding modal class if modal is opened when non-modal is already open\n        if (isModal && fullscreenModalModeRef.current !== isModal) {\n          fullscreenModalModeRef.current = isModal;\n          containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n        }\n\n        return;\n      }\n\n      const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n      containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n      if (isModal || classesEditMethod === 'remove') {\n        containerRef.current?.classList[classesEditMethod](\n          styles.containerMaximizedTransparentModal\n        );\n      }\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        // 1. BATCH ALL READS FIRST - prevents layout thrashing\n        const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n        const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n\n        // 2. Flush React state updates synchronously to prevent deferred renders\n        flushSync(() => {\n          onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n        });\n\n        // 3. BATCH ALL DOM WRITES - after reads and React flush\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        document.body.classList.add(\n          'dc-isolated-app__body-overflow',\n          isBodyScrollVisible && styles.compensateScroll\n        );\n      } else {\n        // Flush React state updates synchronously before DOM writes\n        flushSync(() => {\n          onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n        });\n\n        // DOM writes after React flush\n        isolatedPageAppContainer.setAttribute('style', '');\n        document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n      }\n      fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n      fullscreenModalModeRef.current = isModal;\n    },\n    [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n  );\n\n  useEffect(() => {\n    return handleAppFullscreenTransparentModeExit;\n  }, []);\n\n  useEffect(() => {\n    if (isAppMaximized && fullscreenModeRef.current) {\n      setIsFullscreenModalMode(false);\n    }\n  }, [isAppMaximized]);\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(\n          styles.container,\n          isInsideNewMobileApp && styles.newMobileAppContainer,\n          isAppMaximized && styles.containerMaximized\n        )}\n      >\n        <DCAppComponent\n          key={iframeKey}\n          {...props}\n          isNonIsolatedApp={isNonIsolatedApp}\n          appContextValue={appContextValue}\n          devCenterRouter={devCenterRouter}\n          globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n          globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n          onAppContainerClick={onAppContainerClick}\n          onIsMaximizedChange={onIsMaximizedChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n          trackApiRateLimiterException={trackApiRateLimiterException}\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.bool,\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  apiRateLimiterConfig: PropTypes.object,\n};\n\nDevCenterIsolatedAppComponent.defaultProps = {\n  isIsolationFeatureEnabled: false,\n  onAppContainerClick: noop,\n  onAppFullscreenTransparentMode: noop,\n  onAppRemove: undefined,\n  onInnerContainerMouseEnter: noop,\n  onInnerContainerMouseLeave: noop,\n  onIsMaximizedChange: noop,\n  onSettingChange: noop,\n  onSettingsChange: noop,\n  setInnerContainerRefFn: noop,\n  updateCurrentDashboardAppLastAnnotation: noop,\n  apiRateLimiterConfig: {},\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DevCenterIsolatedAppComponent","_ref","_props$history","_props$app","_props$app2","_props$app3","_props$app3$app","_props$history2","_props$history2$locat","isIsolationFeatureEnabled","onAppFullscreenTransparentMode","onIsMaximizedChange","onInnerContainerMouseEnter","onInnerContainerMouseLeave","onAppContainerClick","setInnerContainerRefFn","trackApiRateLimiterException","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","history","location","isNonIsolatedApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","isBodyScrollVisible","window","innerWidth","clientWidth","flushSync","setAttribute","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","onAppRemove","onSettingChange","onSettingsChange","updateCurrentDashboardAppLastAnnotation","apiRateLimiterConfig","object","defaultProps","noop","undefined","DevCenterIsolatedApp","withRouter"],"mappings":"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"}
+{"version":3,"file":"DevCenterIsolatedApp.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router-dom';\nimport { noop } from 'lodash';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\n\nimport { APP_IFRAME_ATTRIBUTE, IsolatedPage } from './IsolatedPage';\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\n\nimport styles from './DevCenterIsolatedApp.module.scss';\n\nimport AppContext from '~/components/DevCenter/AppContext';\nimport { usePermissionsContext } from '~/permissions';\nimport { devcenter as devCenterUtils, getUserUnits, subscribeForUserUnitsUpdates } from '~/utils';\nimport { DevCenterAppContainer } from '~/components/DevCenter';\nimport { getAppVersion } from '~/components/DevCenter/DevCenterAppContainer/utils';\nimport { isInsideNewMobileApp } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'DevCenter_AppContainer';\nconst DEFAULT_API_RATE_LIMITER_CONFIG = {};\n\nfunction DevCenterIsolatedAppComponent({\n  isIsolationFeatureEnabled = false,\n  onAppFullscreenTransparentMode = noop,\n  onIsMaximizedChange = noop,\n  onInnerContainerMouseEnter = noop,\n  onInnerContainerMouseLeave = noop,\n  onAppContainerClick = noop,\n  setInnerContainerRefFn = noop,\n  onAppRemove = undefined,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  updateCurrentDashboardAppLastAnnotation = noop,\n  apiRateLimiterConfig = DEFAULT_API_RATE_LIMITER_CONFIG,\n  trackApiRateLimiterException,\n  ...props\n}) {\n  const devCenterRouter = useMemo(\n    () => devCenterUtils.createDevCenterRouter(props.history),\n    [props.history?.location]\n  );\n\n  const isNonIsolatedApp =\n    (devCenterUtils.isCorvaApp(props?.app?.app) &&\n      !devCenterUtils.isIsolationEnabledInPackageManifest(props?.app?.package)) ||\n    !isIsolationFeatureEnabled;\n\n  const DCAppComponent = isNonIsolatedApp ? DevCenterAppContainer : IsolatedPage;\n\n  // Key to force iframe recreation when app version changes.\n  // This ensures global dependencies are re-initialized for the new version.\n  const appKey = props.app?.app?.app_key;\n  const appVersion = getAppVersion(props.app);\n  const iframeKey = `${appKey}-${appVersion}`;\n\n  const appIframeDocument = useRef();\n  const containerRef = useRef();\n  const fixedSizeContainerRef = useRef();\n  const fullscreenModeRef = useRef(false);\n  const fullscreenModalModeRef = useRef(false);\n\n  const isAppMaximized = devCenterUtils.isAppMaximized(\n    queryString.parse(props.history?.location?.search),\n    props.app.id\n  );\n\n  // save to ref to not re-create setIsFullscreenModalMode callback on change and reduce the amoount of DC apps re-renders\n  const isAppMaximizedRef = useRef(isAppMaximized);\n  isAppMaximizedRef.current = isAppMaximized;\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  There's a second parameter to `setIsFullscreenModalMode`: `isModal`. It should be used when a fullscreen overlay is displayed\n  (Modal, for instance) that should cover everything on screen.\n\n  What it does - it basically sets the stretched element's z-index to a very high value, so it covers every other UI element in CWF\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  const setIsFullscreenModalMode = useCallback(\n    function setIsFullscreenModalMode(nextIsFullscreenModalModeValue, isModal = false) {\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        isNonIsolatedApp ||\n        (isAppMaximizedRef.current && !fullscreenModeRef.current) ||\n        fullscreenModeRef.current === nextIsFullscreenModalModeValue\n      ) {\n        // Adding modal class if modal is opened when non-modal is already open\n        if (isModal && fullscreenModalModeRef.current !== isModal) {\n          fullscreenModalModeRef.current = isModal;\n          containerRef.current?.classList.add(styles.containerMaximizedTransparentModal);\n        }\n\n        return;\n      }\n\n      const classesEditMethod = nextIsFullscreenModalModeValue ? 'add' : 'remove';\n\n      containerRef.current?.classList[classesEditMethod](styles.containerMaximizedTransparent);\n\n      if (isModal || classesEditMethod === 'remove') {\n        containerRef.current?.classList[classesEditMethod](\n          styles.containerMaximizedTransparentModal\n        );\n      }\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        // 1. BATCH ALL READS FIRST - prevents layout thrashing\n        const { top, left, width, height } = fixedSizeContainerRef.current.getBoundingClientRect();\n        const isBodyScrollVisible = window.innerWidth !== document.body.clientWidth;\n\n        // 2. Flush React state updates synchronously to prevent deferred renders\n        flushSync(() => {\n          onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: true });\n        });\n\n        // 3. BATCH ALL DOM WRITES - after reads and React flush\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        document.body.classList.add(\n          'dc-isolated-app__body-overflow',\n          isBodyScrollVisible && styles.compensateScroll\n        );\n      } else {\n        // Flush React state updates synchronously before DOM writes\n        flushSync(() => {\n          onAppFullscreenTransparentMode({ appId: props.app.id, isModeEnabled: false });\n        });\n\n        // DOM writes after React flush\n        isolatedPageAppContainer.setAttribute('style', '');\n        document.body.classList.remove('dc-isolated-app__body-overflow', styles.compensateScroll);\n      }\n      fullscreenModeRef.current = nextIsFullscreenModalModeValue;\n      fullscreenModalModeRef.current = isModal;\n    },\n    [isIsolationFeatureEnabled, isNonIsolatedApp, isAppMaximizedRef]\n  );\n\n  useEffect(() => {\n    return handleAppFullscreenTransparentModeExit;\n  }, []);\n\n  useEffect(() => {\n    if (isAppMaximized && fullscreenModeRef.current) {\n      setIsFullscreenModalMode(false);\n    }\n  }, [isAppMaximized]);\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(\n          styles.container,\n          isInsideNewMobileApp && styles.newMobileAppContainer,\n          isAppMaximized && styles.containerMaximized\n        )}\n      >\n        <DCAppComponent\n          key={iframeKey}\n          {...props}\n          isNonIsolatedApp={isNonIsolatedApp}\n          appContextValue={appContextValue}\n          devCenterRouter={devCenterRouter}\n          globalNotificationToastsAPI={window[Symbol.for('notificationToasts')]}\n          globalMixpanelEventTracker={window[Symbol.for('logToMixpanel')]}\n          onAppContainerClick={onAppContainerClick}\n          onAppRemove={onAppRemove}\n          onIsMaximizedChange={onIsMaximizedChange}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          permissionsContextValue={permissionsContextValue}\n          setIsFullscreenModalMode={setIsFullscreenModalMode}\n          userUnits={userUnits}\n          trackApiRateLimiterException={trackApiRateLimiterException}\n          updateCurrentDashboardAppLastAnnotation={updateCurrentDashboardAppLastAnnotation}\n          apiRateLimiterConfig={apiRateLimiterConfig}\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.bool,\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  apiRateLimiterConfig: PropTypes.object,\n};\n\nexport const DevCenterIsolatedApp = withRouter(DevCenterIsolatedAppComponent);\n"],"names":["DEFAULT_API_RATE_LIMITER_CONFIG","DevCenterIsolatedAppComponent","_ref","_props$history","_props$app","_props$app2","_props$app3","_props$app3$app","_props$history2","_props$history2$locat","_ref$isIsolationFeatu","isIsolationFeatureEnabled","_ref$onAppFullscreenT","onAppFullscreenTransparentMode","noop","_ref$onIsMaximizedCha","onIsMaximizedChange","_ref$onInnerContainer","onInnerContainerMouseEnter","_ref$onInnerContainer2","onInnerContainerMouseLeave","_ref$onAppContainerCl","onAppContainerClick","_ref$setInnerContaine","setInnerContainerRefFn","_ref$onAppRemove","onAppRemove","undefined","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$updateCurrentDas","updateCurrentDashboardAppLastAnnotation","_ref$apiRateLimiterCo","apiRateLimiterConfig","trackApiRateLimiterException","props","_objectWithoutProperties","_excluded","devCenterRouter","useMemo","devCenterUtils","history","location","isNonIsolatedApp","app","package","DCAppComponent","DevCenterAppContainer","IsolatedPage","appKey","app_key","appVersion","getAppVersion","iframeKey","concat","appIframeDocument","useRef","containerRef","fixedSizeContainerRef","fullscreenModeRef","fullscreenModalModeRef","isAppMaximized","queryString","parse","search","id","isAppMaximizedRef","current","_useState","useState","getUserUnits","_useState2","_slicedToArray","userUnits","setUserUnits","useEffect","unsubscribeFn","subscribeForUserUnitsUpdates","newUserUnits","appContextValue","useContext","AppContext","permissionsContextValue","usePermissionsContext","handleAppFullscreenTransparentModeExit","appId","isModeEnabled","document","body","classList","remove","styles","compensateScroll","setIsFullscreenModalMode","useCallback","nextIsFullscreenModalModeValue","_containerRef$current2","_containerRef$current4","_containerRef$current5","_containerRef$current6","_appIframeDocument$cu","isModal","_containerRef$current","add","containerMaximizedTransparentModal","_containerRef$current3","classesEditMethod","containerMaximizedTransparent","querySelector","APP_IFRAME_ATTRIBUTE","contentWindow","isolatedPageAppContainer","getElementById","ISOLATED_PAGE_APP_CONTAINER_ID","_fixedSizeContainerRe","getBoundingClientRect","top","left","width","height","isBodyScrollVisible","window","innerWidth","clientWidth","flushSync","setAttribute","setContainerRefs","node","_jsx","className","classNames","fixedSizeContainer","ref","children","onMouseEnter","onMouseLeave","PAGE_NAME","name","container","isInsideNewMobileApp","newMobileAppContainer","containerMaximized","_objectSpread","globalNotificationToastsAPI","Symbol","for","globalMixpanelEventTracker","propTypes","PropTypes","shape","number","string","isRequired","currentUser","bool","func","object","DevCenterIsolatedApp","withRouter"],"mappings":"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"}

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.d.ts

@@ -6,9 +6,9 @@ import '~/styles/globalStyles';
  * in local development
  */
 export declare function DevCenterIsolatedAppPage({ CLIAppComponent, CLIAppSettings, containerReportClassName, }: {
-    CLIAppComponent: any;
-    CLIAppSettings: any;
-    containerReportClassName: any;
+    CLIAppComponent?: null | undefined;
+    CLIAppSettings?: null | undefined;
+    containerReportClassName?: null | undefined;
 }): import("react").JSX.Element;
 export declare namespace DevCenterIsolatedAppPage {
     var propTypes: {
@@ -16,10 +16,5 @@ export declare namespace DevCenterIsolatedAppPage {
         CLIAppSettings: PropTypes.Requireable<(...args: any[]) => any>;
         containerReportClassName: PropTypes.Requireable<string>;
     };
-    var defaultProps: {
-        CLIAppComponent: null;
-        CLIAppSettings: null;
-        containerReportClassName: null;
-    };
 }
 //# sourceMappingURL=DevCenterIsolatedAppPage.d.ts.map

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedAppPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,uBAAuB,CAAC;AAoB/B;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,wBAAwB,GACzB;;;;CAAA,+BAsGA;yBA1Ge,wBAAwB"}
+{"version":3,"file":"DevCenterIsolatedAppPage.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"names":[],"mappings":"AAGA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,OAAO,uBAAuB,CAAC;AAoB/B;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,eAAsB,EACtB,cAAqB,EACrB,wBAA+B,GAChC;;;;CAAA,+BAsGA;yBA1Ge,wBAAwB"}

package/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as i}from"@material-ui/core";import t from"classnames";import n from"moment-timezone";import c from"prop-types";import{useLayoutEffect as r,useEffect as e}from"react";import{MemoryRouter as m}from"react-router-dom";import{ISOLATED_PAGE_APP_CONTAINER_ID as p}from"./constants.js";import{useXProps as a}from"./effects/useXProps.js";import{getDashboardCapturingHandler as l}from"./utils/dashboardCapturing.js";import{replaceUndefinedValuesWithNull as u}from"./utils/replaceUndefinedValuesWithNull.js";import{LOCAL_STORAGE_APP_THEME_KEY as j}from"../../../CLI/hocs/constants.js";import{isPDFReportView as I}from"../../../CLI/hocs/utils.js";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import{apiRequestsRateLimiter as d}from"../../../clients/api/rateLimiter.js";import f from"../AppContext.js";import C from"../DevCenterAppContainer/DevCenterAppContainer.js";import{IsInsideIsolatedDcAppProvider as b}from"../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{THEMES as h}from"../../../constants/theme.js";import g from"../../../hocs/withMUIProvidersHOC.js";import"../../../hocs/withAssetEditorLockHOC.js";import"@icon-park/react/es/all";import{jsx as v}from"react/jsx-runtime";import{IconParkProvider as A}from"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{PermissionsContext as O}from"../../../permissions/PermissionsContext.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{updateUserUnits as P}from"../../../utils/index.js";import{setThemeVariables as y}from"../../../utils/themeVariables.js";var L=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException"];function x(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function S(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?x(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):x(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var w=g(C),D=i((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function k(o){var i,c,C,g,x,k,F=o.CLIAppComponent,R=o.CLIAppSettings,E=o.containerReportClassName;D();var M=a(),T=M.appContextValue,U=M.globalMixpanelEventTracker,z=M.globalNotificationToastsAPI,N=M.onSettingChange,V=M.onSettingsChange,G=M.permissionsContextValue,W=M.timezone,H=M.userUnits,K=M.trackApiRateLimiterException,q=s(M,L),B=q.location.pathname.startsWith("/reports/")||I,X=null==q||null===(i=q.app)||void 0===i?void 0:i.id,Z=localStorage.getItem(j)||(null===(c=q.currentUser)||void 0===c||null===(C=c.settings)||void 0===C||null===(g=C.uiSettings)||void 0===g?void 0:g.theme)||h.DARK,J=!B&&Z!==h.LIGHT;return r((function(){y(J)}),[J]),r((function(){H&&P({userUnits:H})}),[H]),r((function(){return W&&n.tz.setDefault(W),function(){return n.tz.setDefault(null)}}),[W]),e((function(){window[Symbol.for("notificationToasts")]=z,window[Symbol.for("logToMixpanel")]=U,window[Symbol.for("corvaAPI.rateLimiterReport")]=K}),[z,U,K]),e((function(){d.updateConfig(q.apiRateLimiterConfig)}),[q.apiRateLimiterConfig]),e((function(){var o=l(X);return window.addEventListener("message",o),function(){return window.removeEventListener("message",o)}}),[X]),v(m,{initialEntries:[((null===(x=q.location)||void 0===x?void 0:x.pathname)||"/")+((null===(k=q.location)||void 0===k?void 0:k.search)||"")],children:v(O.Provider,{value:G,children:v(f.Provider,{value:T,children:v(b,{value:!0,children:v(A,{children:v("div",{id:p,className:t(B&&E),children:v(w,S(S({},q),{},{theme:J?h.DARK:h.LIGHT,onSettingsChange:function(o){return V(u(o))},onSettingChange:function(o,s){return N(o,u(s))},CLIAppComponent:F,CLIAppSettings:R,trackApiRateLimiterException:K}))})})})})})})}k.propTypes={CLIAppComponent:c.func,CLIAppSettings:c.func,containerReportClassName:c.string},k.defaultProps={CLIAppComponent:null,CLIAppSettings:null,containerReportClassName:null};export{k as DevCenterIsolatedAppPage};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{makeStyles as i}from"@material-ui/core";import t from"classnames";import n from"moment-timezone";import c from"prop-types";import{useLayoutEffect as r,useEffect as e}from"react";import{MemoryRouter as m}from"react-router-dom";import{ISOLATED_PAGE_APP_CONTAINER_ID as p}from"./constants.js";import{useXProps as a}from"./effects/useXProps.js";import{getDashboardCapturingHandler as l}from"./utils/dashboardCapturing.js";import{replaceUndefinedValuesWithNull as u}from"./utils/replaceUndefinedValuesWithNull.js";import{LOCAL_STORAGE_APP_THEME_KEY as j}from"../../../CLI/hocs/constants.js";import{isPDFReportView as d}from"../../../CLI/hocs/utils.js";import"uuid";import"lodash";import"@babel/runtime/helpers/toConsumableArray";import"lodash/set";import"lodash/get";import"lodash/unset";import"moment";import"../../../clients/jsonApi/index.js";import"../../../clients/subscriptions/constants.js";import"../../../clients/subscriptions.v1.js";import"../../../clients/subscriptions/subscriptions-client.factory.js";import"../../../clients/api/apiCore.js";import"../../../clients/constants.js";import"../../../clients/sso/auth0.js";import"../../../clients/sso/oauth2.js";import{apiRequestsRateLimiter as I}from"../../../clients/api/rateLimiter.js";import f from"../AppContext.js";import C from"../DevCenterAppContainer/DevCenterAppContainer.js";import{IsInsideIsolatedDcAppProvider as b}from"../DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import{THEMES as h}from"../../../constants/theme.js";import g from"../../../hocs/withMUIProvidersHOC.js";import"../../../hocs/withAssetEditorLockHOC.js";import"@icon-park/react/es/all";import{jsx as v}from"react/jsx-runtime";import{IconParkProvider as A}from"../../../icons/IconParkProvider.js";import"../../../icons/customIcons/icons/AddMessage.js";import"../../../icons/customIcons/icons/DragOne.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/SearchOne.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/DrilloutUnit.js";import"../../../icons/customIcons/icons/FracFleet.js";import"../../../icons/customIcons/icons/Global.js";import"../../../icons/customIcons/icons/Program.js";import"../../../icons/customIcons/icons/Rig.js";import"../../../icons/customIcons/icons/Well.js";import"../../../icons/customIcons/icons/Gap.js";import"../../../icons/customIcons/icons/Pin.js";import"../../../icons/customIcons/icons/CloseOneFilled.js";import"../../../icons/customIcons/icons/AttentionFilled.js";import"../../../icons/customIcons/icons/CheckOneFilled.js";import"../../../icons/customIcons/icons/Archive.js";import"../../../icons/customIcons/icons/ArchiveCancel.js";import"../../../icons/customIcons/icons/Unarchive.js";import"../../../icons/customIcons/icons/Archived.js";import"../../../icons/customIcons/icons/InterventionUnit.js";import"../../../icons/customIcons/icons/CloudDelete.js";import"../../../icons/customIcons/icons/Lasso.js";import"../../../icons/customIcons/icons/Radius.js";import"../../../icons/customIcons/icons/ErrorOps.js";import"../../../icons/customIcons/icons/DataTypeOps.js";import"../../../icons/customIcons/icons/FalsePositiveOps.js";import"../../../icons/customIcons/icons/CalibrationOps.js";import"../../../icons/customIcons/icons/CriticalOps.js";import"../../../icons/customIcons/icons/Company.js";import"../../../icons/customIcons/icons/ArchiveOne.js";import"../../../icons/customIcons/icons/ParseBotFusion.js";import"../../../icons/customIcons/icons/Connect.js";import"../../../icons/customIcons/icons/PuzzleOne.js";import"../../../icons/customIcons/icons/Feed.js";import"../../../icons/customIcons/icons/Prompt.js";import"../../../icons/customIcons/icons/Companies.js";import"../../../icons/customIcons/icons/ClipboardAi.js";import"../../../icons/customIcons/icons/Key.js";import"../../../icons/customIcons/icons/AtSignCrossed.js";import"../../../icons/customIcons/icons/MappingManual.js";import"../../../icons/customIcons/icons/Mapping.js";import"../../../icons/customIcons/icons/Metrics.js";import"../../../icons/customIcons/icons/Drops.js";import"../../../icons/customIcons/icons/ClipboardSearch.js";import"../../../icons/customIcons/icons/Template.js";import"../../../icons/customIcons/icons/ClipboardMetrics.js";import"../../../icons/customIcons/icons/ClipboardBuilder.js";import"../../../icons/customIcons/icons/UnitConversion.js";import"../../../icons/customIcons/icons/NPT.js";import"../../../icons/customIcons/icons/GuidedFrac.js";import{PermissionsContext as O}from"../../../permissions/PermissionsContext.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{updateUserUnits as y}from"../../../utils/index.js";import{setThemeVariables as P}from"../../../utils/themeVariables.js";var x=["appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException"];function L(o,s){var i=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);s&&(t=t.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),i.push.apply(i,t)}return i}function S(s){for(var i=1;i<arguments.length;i++){var t=null!=arguments[i]?arguments[i]:{};i%2?L(Object(t),!0).forEach((function(i){o(s,i,t[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(t,o))}))}return s}var w=g(C),D=i((function(){return{"@global":{body:{backgroundColor:"transparent",overflow:"hidden"}}}}));function k(o){var i,c,C,g,L,k,F=o.CLIAppComponent,E=void 0===F?null:F,R=o.CLIAppSettings,M=void 0===R?null:R,T=o.containerReportClassName,U=void 0===T?null:T;D();var z=a(),V=z.appContextValue,N=z.globalMixpanelEventTracker,G=z.globalNotificationToastsAPI,W=z.onSettingChange,H=z.onSettingsChange,K=z.permissionsContextValue,q=z.timezone,B=z.userUnits,X=z.trackApiRateLimiterException,Z=s(z,x),J=Z.location.pathname.startsWith("/reports/")||d,Q=null==Z||null===(i=Z.app)||void 0===i?void 0:i.id,Y=localStorage.getItem(j)||(null===(c=Z.currentUser)||void 0===c||null===(C=c.settings)||void 0===C||null===(g=C.uiSettings)||void 0===g?void 0:g.theme)||h.DARK,$=!J&&Y!==h.LIGHT;return r((function(){P($)}),[$]),r((function(){B&&y({userUnits:B})}),[B]),r((function(){return q&&n.tz.setDefault(q),function(){return n.tz.setDefault(null)}}),[q]),e((function(){window[Symbol.for("notificationToasts")]=G,window[Symbol.for("logToMixpanel")]=N,window[Symbol.for("corvaAPI.rateLimiterReport")]=X}),[G,N,X]),e((function(){I.updateConfig(Z.apiRateLimiterConfig)}),[Z.apiRateLimiterConfig]),e((function(){var o=l(Q);return window.addEventListener("message",o),function(){return window.removeEventListener("message",o)}}),[Q]),v(m,{initialEntries:[((null===(L=Z.location)||void 0===L?void 0:L.pathname)||"/")+((null===(k=Z.location)||void 0===k?void 0:k.search)||"")],children:v(O.Provider,{value:K,children:v(f.Provider,{value:V,children:v(b,{value:!0,children:v(A,{children:v("div",{id:p,className:t(J&&U),children:v(w,S(S({},Z),{},{theme:$?h.DARK:h.LIGHT,onSettingsChange:function(o){return H(u(o))},onSettingChange:function(o,s){return W(o,u(s))},CLIAppComponent:E,CLIAppSettings:M,trackApiRateLimiterException:X}))})})})})})})}k.propTypes={CLIAppComponent:c.func,CLIAppSettings:c.func,containerReportClassName:c.string};export{k as DevCenterIsolatedAppPage};
 //# sourceMappingURL=DevCenterIsolatedAppPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport { useEffect, useLayoutEffect } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\n\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { useXProps } from './effects/useXProps';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\n\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { apiRequestsRateLimiter } from '~/clients';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { THEMES } from '~/constants/theme';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport { IconParkProvider } from '~/icons';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport '~/styles/globalStyles';\nimport { updateUserUnits } from '~/utils';\nimport { setThemeVariables } from '~/utils/themeVariables';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/**\n * It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n */\nconst useStyles = makeStyles(() => ({\n  '@global': {\n    body: {\n      backgroundColor: 'transparent',\n      overflow: 'hidden',\n    },\n  },\n}));\n\n/**\n * Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n  CLIAppComponent,\n  CLIAppSettings,\n  containerReportClassName,\n}) {\n  useStyles();\n\n  const {\n    appContextValue,\n    globalMixpanelEventTracker,\n    globalNotificationToastsAPI,\n    onSettingChange,\n    onSettingsChange,\n    permissionsContextValue,\n    timezone,\n    userUnits,\n    trackApiRateLimiterException,\n    ...xProps\n  } = useXProps();\n  const isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;\n  const appId = xProps?.app?.id;\n\n  // Force light theme for PDF reports view\n  const selectedTheme =\n    localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) ||\n    xProps.currentUser?.settings?.uiSettings?.theme ||\n    THEMES.DARK;\n  const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n  useLayoutEffect(() => {\n    setThemeVariables(isDarkTheme);\n  }, [isDarkTheme]);\n\n  // Apply userUnits and/or timezone before paint so that the first render\n  // (including PDF reports) uses the correct unit system.\n  // useLayoutEffect runs synchronously after DOM mutations but before the browser paints,\n  // and re-runs whenever userUnits changes — fixing the production race where the iframe mounts\n  // before the parent has finished loading the dashboard's unit_system.\n  useLayoutEffect(() => {\n    if (userUnits) {\n      updateUserUnits({ userUnits });\n    }\n  }, [userUnits]);\n\n  useLayoutEffect(() => {\n    if (timezone) {\n      moment.tz.setDefault(timezone);\n    }\n    return () => moment.tz.setDefault(null);\n  }, [timezone]);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n    window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n    window[Symbol.for('corvaAPI.rateLimiterReport')] = trackApiRateLimiterException;\n  }, [globalNotificationToastsAPI, globalMixpanelEventTracker, trackApiRateLimiterException]);\n\n  useEffect(() => {\n    apiRequestsRateLimiter.updateConfig(xProps.apiRateLimiterConfig);\n  }, [xProps.apiRateLimiterConfig]);\n\n  useEffect(() => {\n    const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n    window.addEventListener('message', dashboardCapturingHandler);\n    return () => window.removeEventListener('message', dashboardCapturingHandler);\n  }, [appId]);\n\n  return (\n    <MemoryRouter\n      initialEntries={[(xProps.location?.pathname || '/') + (xProps.location?.search || '')]}\n    >\n      <PermissionsContext.Provider value={permissionsContextValue}>\n        <AppContext.Provider value={appContextValue}>\n          <IsInsideIsolatedDcAppProvider value>\n            <IconParkProvider>\n              <div\n                id={ISOLATED_PAGE_APP_CONTAINER_ID}\n                className={classNames(isReportsPage && containerReportClassName)}\n              >\n                <DevCenterAppContainerWithMUI\n                  {...xProps}\n                  theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n                  // zoid serializes passed arguments using JSON.stringify.\n                  // All undefined values are removed as they are not valid JSON values\n                  // so we replace undefined values with null to not drop them\n                  // Any future cb function that passes arbitrary objects as args\n                  // also should be wrapped in this mapper\n                  // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n                  // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n                  onSettingsChange={nextSettings =>\n                    onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n                  }\n                  onSettingChange={(key, value) =>\n                    onSettingChange(key, replaceUndefinedValuesWithNull(value))\n                  }\n                  CLIAppComponent={CLIAppComponent}\n                  CLIAppSettings={CLIAppSettings}\n                  trackApiRateLimiterException={trackApiRateLimiterException}\n                />\n              </div>\n            </IconParkProvider>\n          </IsInsideIsolatedDcAppProvider>\n        </AppContext.Provider>\n      </PermissionsContext.Provider>\n    </MemoryRouter>\n  );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n  CLIAppComponent: PropTypes.func,\n  CLIAppSettings: PropTypes.func,\n  containerReportClassName: PropTypes.string,\n};\n\nDevCenterIsolatedAppPage.defaultProps = {\n  CLIAppComponent: null,\n  CLIAppSettings: null,\n  containerReportClassName: null,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","_xProps$location","_xProps$location2","CLIAppComponent","CLIAppSettings","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useLayoutEffect","setThemeVariables","updateUserUnits","moment","tz","setDefault","useEffect","window","Symbol","for","apiRequestsRateLimiter","updateConfig","apiRateLimiterConfig","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","MemoryRouter","initialEntries","search","children","PermissionsContext","Provider","value","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string","defaultProps"],"mappings":"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"}
+{"version":3,"file":"DevCenterIsolatedAppPage.js","sources":["../../../../src/components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport classNames from 'classnames';\nimport moment from 'moment-timezone';\nimport PropTypes from 'prop-types';\nimport { useEffect, useLayoutEffect } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\n\nimport { ISOLATED_PAGE_APP_CONTAINER_ID } from './constants';\nimport { useXProps } from './effects/useXProps';\nimport { getDashboardCapturingHandler } from './utils/dashboardCapturing';\nimport { replaceUndefinedValuesWithNull } from './utils/replaceUndefinedValuesWithNull';\n\nimport { LOCAL_STORAGE_APP_THEME_KEY } from '~/CLI/hocs/constants';\nimport { isPDFReportView } from '~/CLI/hocs/utils';\nimport { apiRequestsRateLimiter } from '~/clients';\nimport AppContext from '~/components/DevCenter/AppContext';\nimport DevCenterAppContainer from '~/components/DevCenter/DevCenterAppContainer';\nimport { IsInsideIsolatedDcAppProvider } from '~/components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\nimport { THEMES } from '~/constants/theme';\nimport { withMUIProvidersHOC } from '~/hocs';\nimport { IconParkProvider } from '~/icons';\nimport { PermissionsContext } from '~/permissions/PermissionsContext';\nimport '~/styles/globalStyles';\nimport { updateUserUnits } from '~/utils';\nimport { setThemeVariables } from '~/utils/themeVariables';\n\nconst DevCenterAppContainerWithMUI = withMUIProvidersHOC(DevCenterAppContainer);\n\n/**\n * It's important to keep these global styles in js, to apply only\n * when the component is actually used, if moved to CSS - they'll be\n * applied to whatever somehow imports the code\n */\nconst useStyles = makeStyles(() => ({\n  '@global': {\n    body: {\n      backgroundColor: 'transparent',\n      overflow: 'hidden',\n    },\n  },\n}));\n\n/**\n * Root component that is rendered inside of app's iframe.\n * Receives CLIAppComponent, CLIAppSettings when used\n * in local development\n */\nexport function DevCenterIsolatedAppPage({\n  CLIAppComponent = null,\n  CLIAppSettings = null,\n  containerReportClassName = null,\n}) {\n  useStyles();\n\n  const {\n    appContextValue,\n    globalMixpanelEventTracker,\n    globalNotificationToastsAPI,\n    onSettingChange,\n    onSettingsChange,\n    permissionsContextValue,\n    timezone,\n    userUnits,\n    trackApiRateLimiterException,\n    ...xProps\n  } = useXProps();\n  const isReportsPage = xProps.location.pathname.startsWith('/reports/') || isPDFReportView;\n  const appId = xProps?.app?.id;\n\n  // Force light theme for PDF reports view\n  const selectedTheme =\n    localStorage.getItem(LOCAL_STORAGE_APP_THEME_KEY) ||\n    xProps.currentUser?.settings?.uiSettings?.theme ||\n    THEMES.DARK;\n  const isDarkTheme = !isReportsPage && selectedTheme !== THEMES.LIGHT;\n\n  useLayoutEffect(() => {\n    setThemeVariables(isDarkTheme);\n  }, [isDarkTheme]);\n\n  // Apply userUnits and/or timezone before paint so that the first render\n  // (including PDF reports) uses the correct unit system.\n  // useLayoutEffect runs synchronously after DOM mutations but before the browser paints,\n  // and re-runs whenever userUnits changes — fixing the production race where the iframe mounts\n  // before the parent has finished loading the dashboard's unit_system.\n  useLayoutEffect(() => {\n    if (userUnits) {\n      updateUserUnits({ userUnits });\n    }\n  }, [userUnits]);\n\n  useLayoutEffect(() => {\n    if (timezone) {\n      moment.tz.setDefault(timezone);\n    }\n    return () => moment.tz.setDefault(null);\n  }, [timezone]);\n\n  useEffect(() => {\n    window[Symbol.for('notificationToasts')] = globalNotificationToastsAPI;\n    window[Symbol.for('logToMixpanel')] = globalMixpanelEventTracker;\n    window[Symbol.for('corvaAPI.rateLimiterReport')] = trackApiRateLimiterException;\n  }, [globalNotificationToastsAPI, globalMixpanelEventTracker, trackApiRateLimiterException]);\n\n  useEffect(() => {\n    apiRequestsRateLimiter.updateConfig(xProps.apiRateLimiterConfig);\n  }, [xProps.apiRateLimiterConfig]);\n\n  useEffect(() => {\n    const dashboardCapturingHandler = getDashboardCapturingHandler(appId);\n    window.addEventListener('message', dashboardCapturingHandler);\n    return () => window.removeEventListener('message', dashboardCapturingHandler);\n  }, [appId]);\n\n  return (\n    <MemoryRouter\n      initialEntries={[(xProps.location?.pathname || '/') + (xProps.location?.search || '')]}\n    >\n      <PermissionsContext.Provider value={permissionsContextValue}>\n        <AppContext.Provider value={appContextValue}>\n          <IsInsideIsolatedDcAppProvider value>\n            <IconParkProvider>\n              <div\n                id={ISOLATED_PAGE_APP_CONTAINER_ID}\n                className={classNames(isReportsPage && containerReportClassName)}\n              >\n                <DevCenterAppContainerWithMUI\n                  {...xProps}\n                  theme={isDarkTheme ? THEMES.DARK : THEMES.LIGHT}\n                  // zoid serializes passed arguments using JSON.stringify.\n                  // All undefined values are removed as they are not valid JSON values\n                  // so we replace undefined values with null to not drop them\n                  // Any future cb function that passes arbitrary objects as args\n                  // also should be wrapped in this mapper\n                  // ⚠️⚠️⚠️ When refactoring this to referentially stable callbacks, remove `useStableCallback` from\n                  // /src/componentsV2/AppCommonsProvider/AppCommonsProvider.tsx\n                  onSettingsChange={nextSettings =>\n                    onSettingsChange(replaceUndefinedValuesWithNull(nextSettings))\n                  }\n                  onSettingChange={(key, value) =>\n                    onSettingChange(key, replaceUndefinedValuesWithNull(value))\n                  }\n                  CLIAppComponent={CLIAppComponent}\n                  CLIAppSettings={CLIAppSettings}\n                  trackApiRateLimiterException={trackApiRateLimiterException}\n                />\n              </div>\n            </IconParkProvider>\n          </IsInsideIsolatedDcAppProvider>\n        </AppContext.Provider>\n      </PermissionsContext.Provider>\n    </MemoryRouter>\n  );\n}\n\nDevCenterIsolatedAppPage.propTypes = {\n  CLIAppComponent: PropTypes.func,\n  CLIAppSettings: PropTypes.func,\n  containerReportClassName: PropTypes.string,\n};\n"],"names":["DevCenterAppContainerWithMUI","withMUIProvidersHOC","DevCenterAppContainer","useStyles","makeStyles","body","backgroundColor","overflow","DevCenterIsolatedAppPage","_ref","_xProps$app","_xProps$currentUser","_xProps$currentUser$s","_xProps$currentUser$s2","_xProps$location","_xProps$location2","_ref$CLIAppComponent","CLIAppComponent","_ref$CLIAppSettings","CLIAppSettings","_ref$containerReportC","containerReportClassName","_useXProps","useXProps","appContextValue","globalMixpanelEventTracker","globalNotificationToastsAPI","onSettingChange","onSettingsChange","permissionsContextValue","timezone","userUnits","trackApiRateLimiterException","xProps","_objectWithoutProperties","_excluded","isReportsPage","location","pathname","startsWith","isPDFReportView","appId","app","id","selectedTheme","localStorage","getItem","LOCAL_STORAGE_APP_THEME_KEY","currentUser","settings","uiSettings","theme","THEMES","DARK","isDarkTheme","LIGHT","useLayoutEffect","setThemeVariables","updateUserUnits","moment","tz","setDefault","useEffect","window","Symbol","for","apiRequestsRateLimiter","updateConfig","apiRateLimiterConfig","dashboardCapturingHandler","getDashboardCapturingHandler","addEventListener","removeEventListener","_jsx","MemoryRouter","initialEntries","search","children","PermissionsContext","Provider","value","AppContext","IsInsideIsolatedDcAppProvider","IconParkProvider","ISOLATED_PAGE_APP_CONTAINER_ID","className","classNames","_objectSpread","nextSettings","replaceUndefinedValuesWithNull","key","propTypes","PropTypes","func","string"],"mappings":"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"}

package/components/DevCenter/NavigationBar/NavigationBar.d.ts

@@ -1,17 +1,9 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
-    appBarClassName: any;
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
+    appBarClassName?: null | undefined;
     children: any;
     classes: any;
-}, never> & Pick<PropTypes.InferProps<{
-    children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    appBarClassName: PropTypes.Requireable<string>;
-}>, "appBarClassName" | "children"> & Pick<{
-    appBarClassName: any;
-    children: any;
-    classes: any;
-}, "classes">, "children" | "classes"> & {
-    appBarClassName?: string | null | undefined;
-} & {}, "appBarClassName" | "children"> & import("@material-ui/styles").StyledComponentProps<"appBar" | "container" | "toolbar">>;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"appBar" | "container" | "toolbar">;
+}>, "appBarClassName" | "children"> & import("@material-ui/styles").StyledComponentProps<"appBar" | "container" | "toolbar">>;
 export default _default;
 //# sourceMappingURL=NavigationBar.d.ts.map

package/components/DevCenter/NavigationBar/NavigationBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/NavigationBar/NavigationBar.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC"}
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/NavigationBar/NavigationBar.js"],"names":[],"mappings":""}

package/components/DevCenter/NavigationBar/NavigationBar.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/DevCenter/NavigationBar/NavigationBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { AppBar, Toolbar, withStyles, Grid } from '@material-ui/core';\n\nconst NavigationBar = ({ classes, appBarClassName, children }) => (\n  <AppBar className={classnames(classes.appBar, appBarClassName)} position=\"fixed\">\n    <Toolbar className={classes.toolbar}>\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.container}\n      >\n        {children}\n      </Grid>\n    </Toolbar>\n  </AppBar>\n);\n\nNavigationBar.propTypes = {\n  children: PropTypes.node.isRequired,\n  appBarClassName: PropTypes.string,\n};\n\nNavigationBar.defaultProps = {\n  appBarClassName: null,\n};\n\nexport default withStyles(theme => ({\n  appBar: {\n    height: 50,\n    zIndex: theme.zIndex.drawer + 1,\n    background: 'linear-gradient(86.1deg, #2C2C2C 39.4%, #3B3B3B 74.22%)',\n  },\n  toolbar: {\n    minHeight: 50,\n    height: '100%',\n  },\n  container: {\n    height: '100%',\n  },\n}))(NavigationBar);\n"],"names":["NavigationBar","_ref","classes","appBarClassName","children","_jsx","AppBar","className","classnames","appBar","position","Toolbar","toolbar","Grid","container","direction","justify","alignItems","propTypes","PropTypes","node","isRequired","string","defaultProps","NavigationBar$1","withStyles","theme","height","zIndex","drawer","background","minHeight"],"mappings":"8KAIA,IAAMA,EAAgB,SAAHC,GAAA,IAAMC,IAAAA,QAASC,IAAAA,gBAAiBC,IAAAA,SAAQ,OACzDC,EAACC,EAAM,CAACC,UAAWC,EAAWN,EAAQO,OAAQN,GAAkBO,SAAS,QAAON,SAC9EC,EAACM,EAAO,CAACJ,UAAWL,EAAQU,QAAQR,SAClCC,EAACQ,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXV,UAAWL,EAAQY,UAAUV,SAE5BA,OAGE,EAGXJ,EAAckB,UAAY,CACxBd,SAAUe,EAAUC,KAAKC,WACzBlB,gBAAiBgB,EAAUG,QAG7BtB,EAAcuB,aAAe,CAC3BpB,gBAAiB,MAGnB,IAAAqB,EAAeC,GAAW,SAAAC,GAAK,MAAK,CAClCjB,OAAQ,CACNkB,OAAQ,GACRC,OAAQF,EAAME,OAAOC,OAAS,EAC9BC,WAAY,2DAEdlB,QAAS,CACPmB,UAAW,GACXJ,OAAQ,QAEVb,UAAW,CACTa,OAAQ,QAEX,GAbcF,CAaXzB"}
+{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/DevCenter/NavigationBar/NavigationBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { AppBar, Toolbar, withStyles, Grid } from '@material-ui/core';\n\nconst NavigationBar = ({ classes, appBarClassName = null, children }) => (\n  <AppBar className={classnames(classes.appBar, appBarClassName)} position=\"fixed\">\n    <Toolbar className={classes.toolbar}>\n      <Grid\n        container\n        direction=\"row\"\n        justify=\"space-between\"\n        alignItems=\"center\"\n        className={classes.container}\n      >\n        {children}\n      </Grid>\n    </Toolbar>\n  </AppBar>\n);\n\nNavigationBar.propTypes = {\n  children: PropTypes.node.isRequired,\n  appBarClassName: PropTypes.string,\n};\n\nexport default withStyles(theme => ({\n  appBar: {\n    height: 50,\n    zIndex: theme.zIndex.drawer + 1,\n    background: 'linear-gradient(86.1deg, #2C2C2C 39.4%, #3B3B3B 74.22%)',\n  },\n  toolbar: {\n    minHeight: 50,\n    height: '100%',\n  },\n  container: {\n    height: '100%',\n  },\n}))(NavigationBar);\n"],"names":["NavigationBar","_ref","classes","_ref$appBarClassName","appBarClassName","children","_jsx","AppBar","className","classnames","appBar","position","Toolbar","toolbar","Grid","container","direction","justify","alignItems","propTypes","PropTypes","node","isRequired","string","NavigationBar$1","withStyles","theme","height","zIndex","drawer","background","minHeight"],"mappings":"8KAIA,IAAMA,EAAgB,SAAHC,GAAA,IAAMC,IAAAA,QAAOC,EAAAF,EAAEG,gBAAAA,aAAkB,KAAID,EAAEE,IAAAA,SAAQ,OAChEC,EAACC,EAAM,CAACC,UAAWC,EAAWP,EAAQQ,OAAQN,GAAkBO,SAAS,QAAON,SAC9EC,EAACM,EAAO,CAACJ,UAAWN,EAAQW,QAAQR,SAClCC,EAACQ,EAAI,CACHC,WAAS,EACTC,UAAU,MACVC,QAAQ,gBACRC,WAAW,SACXV,UAAWN,EAAQa,UAAUV,SAE5BA,OAGE,EAGXL,EAAcmB,UAAY,CACxBd,SAAUe,EAAUC,KAAKC,WACzBlB,gBAAiBgB,EAAUG,QAG7B,IAAAC,EAAeC,GAAW,SAAAC,GAAK,MAAK,CAClChB,OAAQ,CACNiB,OAAQ,GACRC,OAAQF,EAAME,OAAOC,OAAS,EAC9BC,WAAY,2DAEdjB,QAAS,CACPkB,UAAW,GACXJ,OAAQ,QAEVZ,UAAW,CACTY,OAAQ,QAEX,GAbcF,CAaXzB"}

package/components/DevCenter/SideBar/SideBar.d.ts

@@ -1,39 +1,15 @@
-import PropTypes from 'prop-types';
-declare const _default: import("react").ComponentType<Pick<Pick<Pick<{
-    anchor: any;
+declare const DEFAULT_ON_CLICK: () => void;
+declare const _default: import("react").ComponentType<Pick<import("@material-ui/types").ConsistentWith<{
+    anchor?: string | undefined;
     children: any;
     classes: any;
-    drawerClassName: any;
-    drawerPaperClassName: any;
-    isToolbarGutterShown: any;
-    listClassName: any;
-    onClick: any;
-}, never> & Pick<PropTypes.InferProps<{
-    children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-    drawerPaperClassName: PropTypes.Requireable<string>;
-    drawerClassName: PropTypes.Requireable<string>;
-    listClassName: PropTypes.Requireable<string>;
-    onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    isToolbarGutterShown: PropTypes.Requireable<boolean>;
-    drawerWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    anchor: PropTypes.Requireable<string>;
-}>, "anchor" | "children" | "drawerClassName" | "drawerPaperClassName" | "drawerWidth" | "isToolbarGutterShown" | "listClassName" | "onClick"> & Pick<{
-    anchor: any;
-    children: any;
-    classes: any;
-    drawerClassName: any;
-    drawerPaperClassName: any;
-    isToolbarGutterShown: any;
-    listClassName: any;
-    onClick: any;
-}, "classes">, "children" | "classes"> & {
-    drawerPaperClassName?: string | null | undefined;
-    drawerClassName?: string | null | undefined;
-    listClassName?: string | null | undefined;
-    onClick?: ((...args: any[]) => any) | null | undefined;
-    isToolbarGutterShown?: boolean | null | undefined;
-    drawerWidth?: NonNullable<string | number | null | undefined> | null | undefined;
-    anchor?: string | null | undefined;
-} & {}, "anchor" | "children" | "drawerClassName" | "drawerPaperClassName" | "drawerWidth" | "isToolbarGutterShown" | "listClassName" | "onClick"> & import("@material-ui/styles").StyledComponentProps<"drawer" | "drawerPaper" | "list" | "toolbar">>;
+    drawerClassName?: null | undefined;
+    drawerPaperClassName?: null | undefined;
+    isToolbarGutterShown?: boolean | undefined;
+    listClassName?: null | undefined;
+    onClick?: typeof DEFAULT_ON_CLICK | undefined;
+}, {
+    classes: import("@material-ui/styles").ClassNameMap<"drawer" | "drawerPaper" | "list" | "toolbar">;
+}>, "anchor" | "children" | "drawerClassName" | "drawerPaperClassName" | "isToolbarGutterShown" | "listClassName" | "onClick"> & import("@material-ui/styles").StyledComponentProps<"drawer" | "drawerPaper" | "list" | "toolbar">>;
 export default _default;
 //# sourceMappingURL=SideBar.d.ts.map

package/components/DevCenter/SideBar/SideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC"}
+{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"names":[],"mappings":"AAIA,QAAA,MAAM,gBAAgB,YAAW,CAAC"}

package/components/DevCenter/SideBar/SideBar.js

@@ -1,2 +1,2 @@
-import r from"prop-types";import a from"classnames";import{withStyles as e,Drawer as n,Toolbar as s,List as o}from"@material-ui/core";import{jsxs as t,jsx as i}from"react/jsx-runtime";var l=function(r){var e=r.classes,l=r.drawerClassName,d=r.drawerPaperClassName,c=r.isToolbarGutterShown,m=r.onClick,p=r.children,h=r.listClassName,u=r.anchor;return t(n,{onClick:m,className:a(e.drawer,l),variant:"permanent",classes:{paper:a(e.drawerPaper,d)},anchor:u,children:[c&&i(s,{className:e.toolbar}),i(o,{className:a(e.list,h),children:p})]})};l.propTypes={children:r.oneOfType([r.arrayOf(r.node),r.node]).isRequired,drawerPaperClassName:r.string,drawerClassName:r.string,listClassName:r.string,onClick:r.func,isToolbarGutterShown:r.bool,drawerWidth:r.oneOfType([r.number,r.string]),anchor:r.oneOf(["left","right"])},l.defaultProps={drawerPaperClassName:null,drawerClassName:null,listClassName:null,onClick:function(){},isToolbarGutterShown:!0,drawerWidth:240,anchor:"left"};var d=e({drawer:{width:function(r){return r.drawerWidth},flexShrink:0},drawerPaper:{width:function(r){return r.drawerWidth},background:"#3B3B3B",border:"none",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.15)"},toolbar:{height:50,minHeight:50},list:{padding:0}})(l);export{d as default};
+import r from"prop-types";import a from"classnames";import{withStyles as e,Drawer as o,Toolbar as i,List as n}from"@material-ui/core";import{jsxs as t,jsx as s}from"react/jsx-runtime";var l=function(){},d=function(r){var e=r.classes,d=r.drawerClassName,c=void 0===d?null:d,p=r.drawerPaperClassName,m=void 0===p?null:p,h=r.isToolbarGutterShown,u=void 0===h||h,f=r.onClick,w=void 0===f?l:f,v=r.children,b=r.listClassName,g=void 0===b?null:b,C=r.anchor,N=void 0===C?"left":C;return t(o,{onClick:w,className:a(e.drawer,c),variant:"permanent",classes:{paper:a(e.drawerPaper,m)},anchor:N,children:[u&&s(i,{className:e.toolbar}),s(n,{className:a(e.list,g),children:v})]})};d.propTypes={children:r.oneOfType([r.arrayOf(r.node),r.node]).isRequired,drawerPaperClassName:r.string,drawerClassName:r.string,listClassName:r.string,onClick:r.func,isToolbarGutterShown:r.bool,drawerWidth:r.oneOfType([r.number,r.string]),anchor:r.oneOf(["left","right"])};var c=e({drawer:{width:function(r){var a=r.drawerWidth;return void 0===a?240:a},flexShrink:0},drawerPaper:{width:function(r){var a=r.drawerWidth;return void 0===a?240:a},background:"#3B3B3B",border:"none",boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.15)"},toolbar:{height:50,minHeight:50},list:{padding:0}})(d);export{c as default};
 //# sourceMappingURL=SideBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideBar.js","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Drawer, List, Toolbar, withStyles } from '@material-ui/core';\n\nconst SideBar = ({\n  classes,\n  drawerClassName,\n  drawerPaperClassName,\n  isToolbarGutterShown,\n  onClick,\n  children,\n  listClassName,\n  anchor,\n}) => (\n  <Drawer\n    onClick={onClick}\n    className={classnames(classes.drawer, drawerClassName)}\n    variant=\"permanent\"\n    classes={{\n      paper: classnames(classes.drawerPaper, drawerPaperClassName),\n    }}\n    anchor={anchor}\n  >\n    {isToolbarGutterShown && <Toolbar className={classes.toolbar} />}\n    <List className={classnames(classes.list, listClassName)}>{children}</List>\n  </Drawer>\n);\n\nSideBar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  drawerPaperClassName: PropTypes.string,\n  drawerClassName: PropTypes.string,\n  listClassName: PropTypes.string,\n  onClick: PropTypes.func,\n  isToolbarGutterShown: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  drawerWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n};\n\nSideBar.defaultProps = {\n  drawerPaperClassName: null,\n  drawerClassName: null,\n  listClassName: null,\n  onClick: () => {},\n  isToolbarGutterShown: true,\n  drawerWidth: 240,\n  anchor: 'left',\n};\n\nexport default withStyles({\n  drawer: {\n    width: ({ drawerWidth }) => drawerWidth,\n    flexShrink: 0,\n  },\n  drawerPaper: {\n    width: ({ drawerWidth }) => drawerWidth,\n    background: '#3B3B3B',\n    border: 'none',\n    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n  },\n  toolbar: {\n    height: 50,\n    minHeight: 50,\n  },\n  list: {\n    padding: 0,\n  },\n})(SideBar);\n"],"names":["SideBar","_ref","classes","drawerClassName","drawerPaperClassName","isToolbarGutterShown","onClick","children","listClassName","anchor","_jsxs","Drawer","className","classnames","drawer","variant","paper","drawerPaper","_jsx","Toolbar","toolbar","List","list","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","func","bool","drawerWidth","number","oneOf","defaultProps","SideBar$1","withStyles","width","_ref2","flexShrink","_ref3","background","border","boxShadow","height","minHeight","padding"],"mappings":"wLAIA,IAAMA,EAAU,SAAHC,GAAA,IACXC,IAAAA,QACAC,IAAAA,gBACAC,IAAAA,qBACAC,IAAAA,qBACAC,IAAAA,QACAC,IAAAA,SACAC,IAAAA,cACAC,IAAAA,OAAM,OAENC,EAACC,EAAM,CACLL,QAASA,EACTM,UAAWC,EAAWX,EAAQY,OAAQX,GACtCY,QAAQ,YACRb,QAAS,CACPc,MAAOH,EAAWX,EAAQe,YAAab,IAEzCK,OAAQA,EAAOF,SAEdF,CAAAA,GAAwBa,EAACC,EAAO,CAACP,UAAWV,EAAQkB,UACrDF,EAACG,EAAI,CAACT,UAAWC,EAAWX,EAAQoB,KAAMd,GAAeD,SAAEA,MACpD,EAGXP,EAAQuB,UAAY,CAClBhB,SAAUiB,EAAUC,UAAU,CAACD,EAAUE,QAAQF,EAAUG,MAAOH,EAAUG,OAAOC,WACnFxB,qBAAsBoB,EAAUK,OAChC1B,gBAAiBqB,EAAUK,OAC3BrB,cAAegB,EAAUK,OACzBvB,QAASkB,EAAUM,KACnBzB,qBAAsBmB,EAAUO,KAEhCC,YAAaR,EAAUC,UAAU,CAACD,EAAUS,OAAQT,EAAUK,SAC9DpB,OAAQe,EAAUU,MAAM,CAAC,OAAQ,WAGnClC,EAAQmC,aAAe,CACrB/B,qBAAsB,KACtBD,gBAAiB,KACjBK,cAAe,KACfF,QAAS,WAAQ,EACjBD,sBAAsB,EACtB2B,YAAa,IACbvB,OAAQ,QAGV,IAAA2B,EAAeC,EAAW,CACxBvB,OAAQ,CACNwB,MAAO,SAAAC,GAAc,SAAXP,WAA6B,EACvCQ,WAAY,GAEdvB,YAAa,CACXqB,MAAO,SAAAG,GAAc,SAAXT,WAA6B,EACvCU,WAAY,UACZC,OAAQ,OACRC,UAAW,mCAEbxB,QAAS,CACPyB,OAAQ,GACRC,UAAW,IAEbxB,KAAM,CACJyB,QAAS,IAhBEV,CAkBZrC"}
+{"version":3,"file":"SideBar.js","sources":["../../../../src/components/DevCenter/SideBar/SideBar.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Drawer, List, Toolbar, withStyles } from '@material-ui/core';\n\nconst DEFAULT_ON_CLICK = () => {};\nconst DEFAULT_DRAWER_WIDTH = 240;\n\nconst SideBar = ({\n  classes,\n  drawerClassName = null,\n  drawerPaperClassName = null,\n  isToolbarGutterShown = true,\n  onClick = DEFAULT_ON_CLICK,\n  children,\n  listClassName = null,\n  anchor = 'left',\n}) => (\n  <Drawer\n    onClick={onClick}\n    className={classnames(classes.drawer, drawerClassName)}\n    variant=\"permanent\"\n    classes={{\n      paper: classnames(classes.drawerPaper, drawerPaperClassName),\n    }}\n    anchor={anchor}\n  >\n    {isToolbarGutterShown && <Toolbar className={classes.toolbar} />}\n    <List className={classnames(classes.list, listClassName)}>{children}</List>\n  </Drawer>\n);\n\nSideBar.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  drawerPaperClassName: PropTypes.string,\n  drawerClassName: PropTypes.string,\n  listClassName: PropTypes.string,\n  onClick: PropTypes.func,\n  isToolbarGutterShown: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  drawerWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  anchor: PropTypes.oneOf(['left', 'right']),\n};\n\nexport default withStyles({\n  drawer: {\n    width: ({ drawerWidth = DEFAULT_DRAWER_WIDTH }) => drawerWidth,\n    flexShrink: 0,\n  },\n  drawerPaper: {\n    width: ({ drawerWidth = DEFAULT_DRAWER_WIDTH }) => drawerWidth,\n    background: '#3B3B3B',\n    border: 'none',\n    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.15)',\n  },\n  toolbar: {\n    height: 50,\n    minHeight: 50,\n  },\n  list: {\n    padding: 0,\n  },\n})(SideBar);\n"],"names":["DEFAULT_ON_CLICK","SideBar","_ref","classes","_ref$drawerClassName","drawerClassName","_ref$drawerPaperClass","drawerPaperClassName","_ref$isToolbarGutterS","isToolbarGutterShown","_ref$onClick","onClick","children","_ref$listClassName","listClassName","_ref$anchor","anchor","_jsxs","Drawer","className","classnames","drawer","variant","paper","drawerPaper","_jsx","Toolbar","toolbar","List","list","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","func","bool","drawerWidth","number","oneOf","SideBar$1","withStyles","width","_ref2","_ref2$drawerWidth","flexShrink","_ref3","_ref3$drawerWidth","background","border","boxShadow","height","minHeight","padding"],"mappings":"wLAIA,IAAMA,EAAmB,aAGnBC,EAAU,SAAHC,GAAA,IACXC,IAAAA,QAAOC,EAAAF,EACPG,gBAAAA,aAAkB,KAAID,EAAAE,EAAAJ,EACtBK,qBAAAA,aAAuB,KAAID,EAAAE,EAAAN,EAC3BO,qBAAAA,cAA2BD,EAAAE,EAAAR,EAC3BS,QAAAA,aAAUX,EAAgBU,EAC1BE,IAAAA,SAAQC,EAAAX,EACRY,cAAAA,aAAgB,KAAID,EAAAE,EAAAb,EACpBc,OAAAA,aAAS,OAAMD,EAAA,OAEfE,EAACC,EAAM,CACLP,QAASA,EACTQ,UAAWC,EAAWjB,EAAQkB,OAAQhB,GACtCiB,QAAQ,YACRnB,QAAS,CACPoB,MAAOH,EAAWjB,EAAQqB,YAAajB,IAEzCS,OAAQA,EAAOJ,SAEdH,CAAAA,GAAwBgB,EAACC,EAAO,CAACP,UAAWhB,EAAQwB,UACrDF,EAACG,EAAI,CAACT,UAAWC,EAAWjB,EAAQ0B,KAAMf,GAAeF,SAAEA,MACpD,EAGXX,EAAQ6B,UAAY,CAClBlB,SAAUmB,EAAUC,UAAU,CAACD,EAAUE,QAAQF,EAAUG,MAAOH,EAAUG,OAAOC,WACnF5B,qBAAsBwB,EAAUK,OAChC/B,gBAAiB0B,EAAUK,OAC3BtB,cAAeiB,EAAUK,OACzBzB,QAASoB,EAAUM,KACnB5B,qBAAsBsB,EAAUO,KAEhCC,YAAaR,EAAUC,UAAU,CAACD,EAAUS,OAAQT,EAAUK,SAC9DpB,OAAQe,EAAUU,MAAM,CAAC,OAAQ,WAGnC,IAAAC,EAAeC,EAAW,CACxBtB,OAAQ,CACNuB,MAAO,SAAAC,GAAA,IAAAC,EAAAD,EAAGN,YAAkC,kBAxCnB,IAwCmBO,CAAkB,EAC9DC,WAAY,GAEdvB,YAAa,CACXoB,MAAO,SAAAI,GAAA,IAAAC,EAAAD,EAAGT,YAAkC,kBA5CnB,IA4CmBU,CAAkB,EAC9DC,WAAY,UACZC,OAAQ,OACRC,UAAW,mCAEbzB,QAAS,CACP0B,OAAQ,GACRC,UAAW,IAEbzB,KAAM,CACJ0B,QAAS,IAhBEZ,CAkBZ1C"}

package/components/DevCenter/icons/CorvaLogoSmall.d.ts

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 declare function CorvaLogoSmall({ color, width, height }: {
-    color: any;
-    height: any;
-    width: any;
+    color?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace CorvaLogoSmall {
     var propTypes: {
@@ -10,11 +10,6 @@ declare namespace CorvaLogoSmall {
         width: PropTypes.Requireable<number>;
         height: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        color: string;
-        width: number;
-        height: number;
-    };
 }
 export default CorvaLogoSmall;
 //# sourceMappingURL=CorvaLogoSmall.d.ts.map

package/components/DevCenter/icons/CorvaLogoSmall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CorvaLogoSmall.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/icons/CorvaLogoSmall.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;;;;CAAA,+BAe/C;kBAfQ,cAAc;;;;;;;;;;;;eA6BR,cAAc"}
+{"version":3,"file":"CorvaLogoSmall.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/icons/CorvaLogoSmall.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,cAAc,CAAC,EAAE,KAAe,EAAE,KAAU,EAAE,MAAW,EAAE;;;;CAAA,+BAenE;kBAfQ,cAAc;;;;;;;eAuBR,cAAc"}

package/components/DevCenter/icons/DevCenterIcon.d.ts

@@ -1,8 +1,8 @@
 import PropTypes from 'prop-types';
 declare function DevCenterIcon({ color, width, height }: {
-    color: any;
-    height: any;
-    width: any;
+    color?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
 }): import("react").JSX.Element;
 declare namespace DevCenterIcon {
     var propTypes: {
@@ -10,11 +10,6 @@ declare namespace DevCenterIcon {
         width: PropTypes.Requireable<number>;
         height: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        color: string;
-        width: number;
-        height: number;
-    };
 }
 export default DevCenterIcon;
 //# sourceMappingURL=DevCenterIcon.d.ts.map

package/components/DevCenter/icons/DevCenterIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/icons/DevCenterIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;;;;CAAA,+BAe9C;kBAfQ,aAAa;;;;;;;;;;;;eA6BP,aAAa"}
+{"version":3,"file":"DevCenterIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/icons/DevCenterIcon.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,iBAAS,aAAa,CAAC,EAAE,KAAiB,EAAE,KAAU,EAAE,MAAW,EAAE;;;;CAAA,+BAepE;kBAfQ,aAAa;;;;;;;eAuBP,aAAa"}

package/components/DocumentViewer/DocumentViewer.d.ts

@@ -5,7 +5,7 @@ declare function DocumentViewer({ open, fileUrl, fileSize, fileName, webviewType
     fileUrl: any;
     onClose: any;
     open: any;
-    webviewType: any;
+    webviewType?: string | undefined;
 }): import("react").JSX.Element;
 declare namespace DocumentViewer {
     var propTypes: {
@@ -17,11 +17,6 @@ declare namespace DocumentViewer {
         onClose: PropTypes.Validator<(...args: any[]) => any>;
         classes: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
     };
-    var defaultProps: {
-        fileName: undefined;
-        fileSize: undefined;
-        webviewType: string;
-    };
 }
 export default DocumentViewer;
 //# sourceMappingURL=DocumentViewer.d.ts.map

package/components/DocumentViewer/DocumentViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;gCAaX,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE;;;;;;;CAAA;;;;;;;;;;;;;;;;;eAmHpE,cAAc"}
+{"version":3,"file":"DocumentViewer.d.ts","sourceRoot":"","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,YAAY,CAAC;gCAaX,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAsB,EAAE,OAAO,EAAE;;;;;;;CAAA;;;;;;;;;;;;eA6G/E,cAAc"}