@okta/odyssey-react-mui 1.32.0 → 1.33.0

package/babel.config.cjs

@@ -1,112 +0,0 @@
-/*!
- * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const presetEnvConfig = {
-  cjs: {},
-  esm: {
-    modules: false,
-  },
-};
-
-/**
- * @type {(api: import('@babel/core').ConfigAPI) => import('@babel/core').TransformOptions}
- */
-const babelConfig = (api) => {
-  // @ts-expect-error Something is wrong with this type. The function exists.
-  api.cache(true);
-
-  return {
-    plugins: [
-      [
-        "babel-plugin-import",
-        {
-          libraryName: "@mui/material",
-          libraryDirectory: "",
-          camel2DashComponentName: false,
-        },
-        "core",
-      ],
-      [
-        "babel-plugin-import",
-        {
-          libraryName: "@mui/icons-material",
-          libraryDirectory: "",
-          camel2DashComponentName: false,
-        },
-        "icons",
-      ],
-    ],
-    presets: [
-      "@babel/preset-env",
-      [
-        "@babel/preset-react",
-        {
-          runtime: "automatic",
-        },
-      ],
-      "@babel/preset-typescript",
-    ],
-
-    env: {
-      production: {
-        comments: false,
-        ignore: [/\.test\.|\.stories\./i],
-        plugins: [
-          [
-            "babel-plugin-import",
-            {
-              libraryName: "@mui/material",
-              libraryDirectory: "",
-              camel2DashComponentName: false,
-            },
-            "core",
-          ],
-          [
-            "babel-plugin-import",
-            {
-              libraryName: "@mui/icons-material",
-              libraryDirectory: "",
-              camel2DashComponentName: false,
-            },
-            "icons",
-          ],
-          [
-            "replace-import-extension",
-            process.env.ODYSSEY_BUILD_MODE === "cjs"
-              ? {
-                  extMapping: { ".js": ".cjs" },
-                }
-              : {},
-          ],
-        ],
-        presets: [
-          [
-            "@babel/preset-env",
-            presetEnvConfig[process.env.ODYSSEY_BUILD_MODE],
-          ],
-          [
-            "@babel/preset-react",
-            {
-              runtime: "automatic",
-            },
-          ],
-          "@babel/preset-typescript",
-        ],
-        shouldPrintComment: (val) => {
-          return /Okta, Inc\.|@license|@preserve/.test(val);
-        },
-      },
-    },
-  };
-};
-
-module.exports = babelConfig;

package/dist/cjs/ui-shell/UiShellContent.cjs

@@ -1,226 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.subComponentNames = exports.UiShellContent = void 0;
-var _ScopedCssBaseline2 = _interopRequireDefault(require("@mui/material/ScopedCssBaseline"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("react");
-var _reactErrorBoundary = require("react-error-boundary");
-var _index = require("./AppSwitcher/index.cjs");
-var _index2 = require("./SideNav/index.cjs");
-var _index3 = require("./TopNav/index.cjs");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
-var _useScrollState = require("./useScrollState.cjs");
-var _UiShellProvider = require("./UiShellProvider.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const fullHeightStyles = {
-  height: "100%"
-};
-const emptySideNavItems = [];
-const StyledAppContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  appBackgroundColor
-}) => ({
-  gridArea: "app-content",
-  backgroundColor: appBackgroundColor
-}));
-const StyledBannersContainer = (0, _styled.default)("div")(() => ({
-  gridArea: "banners"
-}));
-const StyledAppSwitcherContainer = (0, _styled.default)("div")(() => ({
-  gridArea: "app-switcher"
-}));
-const StyledSideNavContainer = (0, _styled.default)("div")(() => ({
-  gridArea: "side-nav"
-}));
-const StyledShellContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  backgroundColor: odysseyDesignTokens.HueNeutral50,
-  display: "grid",
-  gridGap: 0,
-  gridTemplateAreas: `
-    "banners banners banners"
-    "app-switcher side-nav top-nav"
-    "app-switcher side-nav app-content"
-  `,
-  gridTemplateColumns: "auto auto 1fr",
-  gridTemplateRows: "auto auto 1fr",
-  height: "100vh",
-  width: "100vw"
-}));
-const StyledTopNavContainer = (0, _styled.default)("div")(() => ({
-  gridArea: "top-nav"
-}));
-const subComponentNames = exports.subComponentNames = ["TopNav", "SideNav", "AppSwitcher"];
-const setStylesToMatchElement = (elementToStyle, elementToReference, additionalStyles) => {
-  const boundingRect = elementToReference.getBoundingClientRect();
-  elementToStyle.style.setProperty("position", "absolute");
-  elementToStyle.style.setProperty("top", `${boundingRect.y}px`);
-  elementToStyle.style.setProperty("left", `${boundingRect.x}px`);
-  elementToStyle.style.setProperty("width", `${boundingRect.width}px`);
-  elementToStyle.style.setProperty("height", `${boundingRect.height}px`);
-  for (const key in additionalStyles) {
-    elementToStyle.style.setProperty(key, additionalStyles[key]);
-  }
-};
-const UiShellContent = ({
-  appContainerElement,
-  hasStandardAppContentPadding = true,
-  appContainerScrollingMode = "vertical",
-  initialVisibleSections = ["TopNav", "SideNav", "AppSwitcher"],
-  onError = console.error,
-  optionalComponents,
-  appSwitcherProps,
-  sideNavProps,
-  topNavProps
-}) => {
-  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
-  const {
-    isContentScrolled,
-    scrollableContentRef: appContainerRef
-  } = (0, _useScrollState.useScrollState)(appContainerElement);
-  const sideNavContainerRef = (0, _react.useRef)(null);
-  const topNavContainerRef = (0, _react.useRef)(null);
-  const uiShellContext = (0, _UiShellProvider.useUiShellContext)();
-  const paddingStyles = (0, _react.useMemo)(() => ({
-    ...(hasStandardAppContentPadding ? {
-      "padding-block": odysseyDesignTokens.Spacing5 ?? null,
-      "padding-inline": odysseyDesignTokens.Spacing8 ?? null
-    } : {}),
-    ...(appContainerScrollingMode === "horizontal" || appContainerScrollingMode === "both" ? {
-      "overflow-x": "auto"
-    } : {
-      "overflow-x": "hidden"
-    }),
-    ...(appContainerScrollingMode === "vertical" || appContainerScrollingMode === "both" ? {
-      "overflow-y": "auto"
-    } : {
-      "overflow-y": "hidden"
-    })
-  }), [hasStandardAppContentPadding, appContainerScrollingMode, odysseyDesignTokens]);
-  (0, _react.useEffect)(() => {
-    if (appContainerRef.current && appContainerElement) {
-      let animationFrameId;
-      const updateStyles = () => {
-        cancelAnimationFrame(animationFrameId);
-        animationFrameId = requestAnimationFrame(() => {
-          if (appContainerRef.current) {
-            setStylesToMatchElement(appContainerElement, appContainerRef.current, paddingStyles);
-          }
-        });
-      };
-      const observer = new ResizeObserver(updateStyles);
-      observer.observe(appContainerRef.current);
-      if (sideNavContainerRef.current) {
-        observer.observe(sideNavContainerRef.current);
-      }
-      if (topNavContainerRef.current) {
-        observer.observe(topNavContainerRef.current);
-      }
-      updateStyles();
-      return () => observer.disconnect();
-    }
-    return () => {};
-  }, [appContainerRef, appContainerElement, paddingStyles]);
-  return (0, _jsxRuntime.jsxs)(StyledShellContainer, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: [(0, _jsxRuntime.jsx)(StyledBannersContainer, {
-      children: optionalComponents?.banners
-    }), (0, _jsxRuntime.jsx)(StyledAppSwitcherContainer, {
-      children: (0, _jsxRuntime.jsxs)(_ScopedCssBaseline2.default, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("AppSwitcher") && !appSwitcherProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index.AppSwitcher, {
-            isLoading: true,
-            appIcons: [],
-            selectedAppName: ""
-          })
-        }), appSwitcherProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index.AppSwitcher, {
-            ...appSwitcherProps
-          })
-        })]
-      })
-    }), (0, _jsxRuntime.jsx)(StyledSideNavContainer, {
-      ref: sideNavContainerRef,
-      children: (0, _jsxRuntime.jsxs)(_ScopedCssBaseline2.default, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("SideNav") && sideNavProps === undefined && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index2.SideNav, {
-            isLoading: true,
-            appName: "",
-            sideNavItems: emptySideNavItems
-          })
-        }), sideNavProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index2.SideNav, {
-            ...sideNavProps,
-            ...(sideNavProps.hasCustomFooter && optionalComponents?.sideNavFooter ? {
-              footerComponent: optionalComponents.sideNavFooter,
-              footerItems: undefined,
-              hasCustomFooter: sideNavProps.hasCustomFooter
-            } : {
-              footerItems: sideNavProps.footerItems,
-              hasCustomFooter: false
-            })
-          })
-        })]
-      })
-    }), (0, _jsxRuntime.jsx)(StyledTopNavContainer, {
-      ref: topNavContainerRef,
-      children: (0, _jsxRuntime.jsxs)(_ScopedCssBaseline2.default, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("TopNav") && topNavProps === undefined && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index3.TopNav, {
-            leftSideComponent: optionalComponents?.topNavLeftSide,
-            rightSideComponent: optionalComponents?.topNavRightSide
-          })
-        }), topNavProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: (0, _jsxRuntime.jsx)(_index3.TopNav, {
-            ...topNavProps,
-            isScrolled: isContentScrolled,
-            leftSideComponent: optionalComponents?.topNavLeftSide,
-            rightSideComponent: optionalComponents?.topNavRightSide
-          })
-        })]
-      })
-    }), (0, _jsxRuntime.jsx)(StyledAppContainer, {
-      appBackgroundColor: uiShellContext?.appBackgroundColor,
-      tabIndex: 0,
-      ref: appContainerRef
-    })]
-  });
-};
-const MemoizedUiShellContent = exports.UiShellContent = (0, _react.memo)(UiShellContent);
-MemoizedUiShellContent.displayName = "UiShellContent";
-//# sourceMappingURL=UiShellContent.cjs.map

package/dist/cjs/ui-shell/UiShellContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_index","_index2","_index3","_OdysseyDesignTokensContext","_useScrollState","_UiShellProvider","_jsxRuntime","e","__esModule","default","fullHeightStyles","height","emptySideNavItems","StyledAppContainer","styled","shouldForwardProp","prop","appBackgroundColor","gridArea","backgroundColor","StyledBannersContainer","StyledAppSwitcherContainer","StyledSideNavContainer","StyledShellContainer","odysseyDesignTokens","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","width","StyledTopNavContainer","subComponentNames","exports","setStylesToMatchElement","elementToStyle","elementToReference","additionalStyles","boundingRect","getBoundingClientRect","style","setProperty","y","x","key","UiShellContent","appContainerElement","hasStandardAppContentPadding","appContainerScrollingMode","initialVisibleSections","onError","console","error","optionalComponents","appSwitcherProps","sideNavProps","topNavProps","useOdysseyDesignTokens","isContentScrolled","scrollableContentRef","appContainerRef","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellContext","useUiShellContext","paddingStyles","useMemo","Spacing5","Spacing8","useEffect","current","animationFrameId","updateStyles","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","observe","disconnect","jsxs","children","jsx","banners","_ScopedCssBaseline2","sx","includes","ErrorBoundary","fallback","AppSwitcher","isLoading","appIcons","selectedAppName","ref","undefined","SideNav","appName","sideNavItems","hasCustomFooter","sideNavFooter","footerComponent","footerItems","TopNav","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","isScrolled","tabIndex","MemoizedUiShellContent","memo","displayName"],"sources":["../../../src/ui-shell/UiShellContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, useEffect, useMemo, useRef, type ReactElement } from \"react\";\nimport { ErrorBoundary, ErrorBoundaryProps } from \"react-error-boundary\";\n\nimport { AppSwitcher, type AppSwitcherProps } from \"./AppSwitcher/index.js\";\nimport { SideNav, type SideNavProps } from \"./SideNav/index.js\";\nimport { TopNav, type TopNavProps } from \"./TopNav/index.js\";\nimport {\n  useOdysseyDesignTokens,\n  type DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useScrollState } from \"./useScrollState.js\";\nimport { ContrastMode } from \"../useContrastMode.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport { ScopedCssBaseline } from \"@mui/material\";\n\nconst fullHeightStyles = { height: \"100%\" };\n\nconst emptySideNavItems = [] satisfies SideNavProps[\"sideNavItems\"];\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  gridArea: \"app-content\",\n  backgroundColor: appBackgroundColor,\n}));\n\nconst StyledBannersContainer = styled(\"div\")(() => ({\n  gridArea: \"banners\",\n}));\n\nconst StyledAppSwitcherContainer = styled(\"div\")(() => ({\n  gridArea: \"app-switcher\",\n}));\n\nconst StyledSideNavContainer = styled(\"div\")(() => ({\n  gridArea: \"side-nav\",\n}));\n\nconst StyledShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners banners banners\"\n    \"app-switcher side-nav top-nav\"\n    \"app-switcher side-nav app-content\"\n  `,\n  gridTemplateColumns: \"auto auto 1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNavContainer = styled(\"div\")(() => ({\n  gridArea: \"top-nav\",\n}));\n\nexport const subComponentNames = [\"TopNav\", \"SideNav\", \"AppSwitcher\"] as const;\nexport type SubComponentName = (typeof subComponentNames)[number];\n\nexport type UiShellNavComponentProps = {\n  /**\n   * Object that gets pass directly to the app switcher component.\n   */\n  appSwitcherProps?: AppSwitcherProps;\n  /**\n   * Object that gets pass directly to the side nav component. If `undefined` and in `initialVisibleSections`, SideNav will be initially rendered. Pass `null` to hide a previously-visible SideNav.\n   */\n  sideNavProps?: Omit<SideNavProps, \"footerComponent\"> | null;\n  /**\n   * Object that gets pass directly to the top nav component. If `undefined` and in `initialVisibleSections`, TopNav will be initially rendered. Pass `null` to hide a previously-visible TopNav.\n   */\n  topNavProps?: Omit<\n    TopNavProps,\n    \"leftSideComponent\" | \"rightSideComponent\"\n  > | null;\n};\n\nexport type UiShellContentProps = {\n  /**\n   * Sets a custom background color for the app content area.\n   */\n  appBackgroundColor?: string;\n  /**\n   * Sets either a gray or white background color for the app content area.\n   */\n  appBackgroundContrastMode?: ContrastMode;\n  /**\n   * The element within which the app will be rendered. This will be positioned appropriately while being kept out of the shadow DOM.\n   */\n  appContainerElement: HTMLDivElement;\n  /**\n   * Controls the scrolling behavior of the app content area. Defaults to \"vertical\".\n   */\n  appContainerScrollingMode?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * defaults to `true`. If `false`, the content area will have no padding provided\n   */\n  hasStandardAppContentPadding?: boolean;\n  /**\n   * Which parts of the UI Shell should be visible initially? For example,\n   * if sideNavProps is undefined, should the space for the sidenav be initially visible?\n   */\n  initialVisibleSections?: SubComponentName[];\n  /**\n   * Notifies when a React rendering error occurs. This could be useful for logging, flagging \"p0\"s, and recovering UI Shell when errors occur.\n   */\n  onError?: ErrorBoundaryProps[\"onError\"];\n  /**\n   * Components that will render as children of various other components such as the top nav or side nav.\n   */\n  optionalComponents?: {\n    banners?: ReactElement;\n    sideNavFooter?: SideNavProps[\"footerComponent\"];\n    topNavLeftSide?: TopNavProps[\"leftSideComponent\"];\n    topNavRightSide?: TopNavProps[\"rightSideComponent\"];\n  };\n} & UiShellNavComponentProps;\n\nconst setStylesToMatchElement = (\n  elementToStyle: HTMLElement,\n  elementToReference: HTMLElement,\n  additionalStyles: Record<string, string | null>,\n) => {\n  const boundingRect = elementToReference.getBoundingClientRect();\n  elementToStyle.style.setProperty(\"position\", \"absolute\");\n  elementToStyle.style.setProperty(\"top\", `${boundingRect.y}px`);\n  elementToStyle.style.setProperty(\"left\", `${boundingRect.x}px`);\n  elementToStyle.style.setProperty(\"width\", `${boundingRect.width}px`);\n  elementToStyle.style.setProperty(\"height\", `${boundingRect.height}px`);\n  for (const key in additionalStyles) {\n    elementToStyle.style.setProperty(key, additionalStyles[key]);\n  }\n};\n\n/**\n * Our new Unified Platform UI Shell.\n *\n * This includes the top and side navigation as well as the footer and provides a spot for your app to render into.\n *\n * If an error occurs, this will revert to only showing the app.\n */\nconst UiShellContent = ({\n  appContainerElement,\n  hasStandardAppContentPadding = true,\n  appContainerScrollingMode = \"vertical\",\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  appSwitcherProps,\n  sideNavProps,\n  topNavProps,\n}: UiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isContentScrolled, scrollableContentRef: appContainerRef } =\n    useScrollState(appContainerElement);\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellContext = useUiShellContext();\n\n  const paddingStyles = useMemo<Record<string, string | null>>(\n    () => ({\n      ...(hasStandardAppContentPadding\n        ? {\n            \"padding-block\": odysseyDesignTokens.Spacing5 ?? null,\n            \"padding-inline\": odysseyDesignTokens.Spacing8 ?? null,\n          }\n        : {}),\n      ...(appContainerScrollingMode === \"horizontal\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            \"overflow-x\": \"auto\",\n          }\n        : {\n            \"overflow-x\": \"hidden\",\n          }),\n      ...(appContainerScrollingMode === \"vertical\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            \"overflow-y\": \"auto\",\n          }\n        : {\n            \"overflow-y\": \"hidden\",\n          }),\n    }),\n    [\n      hasStandardAppContentPadding,\n      appContainerScrollingMode,\n      odysseyDesignTokens,\n    ],\n  );\n\n  useEffect(() => {\n    // Once appContainerRef is rendered, we can position appContainerElement on top\n    if (appContainerRef.current && appContainerElement) {\n      let animationFrameId: number;\n\n      const updateStyles = () => {\n        cancelAnimationFrame(animationFrameId);\n        animationFrameId = requestAnimationFrame(() => {\n          if (appContainerRef.current) {\n            setStylesToMatchElement(\n              appContainerElement,\n              appContainerRef.current,\n              paddingStyles,\n            );\n          }\n        });\n      };\n\n      // Setup a mutation observer to sync later updates\n      const observer = new ResizeObserver(updateStyles);\n      observer.observe(appContainerRef.current);\n\n      if (sideNavContainerRef.current) {\n        observer.observe(sideNavContainerRef.current);\n      }\n\n      if (topNavContainerRef.current) {\n        observer.observe(topNavContainerRef.current);\n      }\n\n      // Set the initial style\n      updateStyles();\n      return () => observer.disconnect();\n    }\n    return () => {};\n  }, [appContainerRef, appContainerElement, paddingStyles]);\n\n  return (\n    <StyledShellContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledAppSwitcherContainer>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If AppSwitcher should be initially visible and we have not yet received props, render AppSwitcher in the loading state */\n            initialVisibleSections?.includes(\"AppSwitcher\") &&\n              !appSwitcherProps && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <AppSwitcher isLoading appIcons={[]} selectedAppName=\"\" />\n                </ErrorBoundary>\n              )\n          }\n          {appSwitcherProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <AppSwitcher {...appSwitcherProps} />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledAppSwitcherContainer>\n\n      <StyledSideNavContainer ref={sideNavContainerRef}>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n            initialVisibleSections?.includes(\"SideNav\") &&\n              sideNavProps === undefined && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <SideNav\n                    isLoading\n                    appName=\"\"\n                    sideNavItems={emptySideNavItems}\n                  />\n                </ErrorBoundary>\n              )\n          }\n          {sideNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <SideNav\n                {...{\n                  ...sideNavProps,\n                  ...(sideNavProps.hasCustomFooter &&\n                  optionalComponents?.sideNavFooter\n                    ? {\n                        footerComponent: optionalComponents.sideNavFooter,\n                        footerItems: undefined,\n                        hasCustomFooter: sideNavProps.hasCustomFooter,\n                      }\n                    : {\n                        footerItems: sideNavProps.footerItems,\n                        hasCustomFooter: false,\n                      }),\n                }}\n              />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledSideNavContainer>\n      <StyledTopNavContainer ref={topNavContainerRef}>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If TopNav should be initially visible and we have not yet received props, render Topnav with minimal inputs */\n            initialVisibleSections?.includes(\"TopNav\") &&\n              topNavProps === undefined && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <TopNav\n                    leftSideComponent={optionalComponents?.topNavLeftSide}\n                    rightSideComponent={optionalComponents?.topNavRightSide}\n                  />\n                </ErrorBoundary>\n              )\n          }\n          {topNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <TopNav\n                {...topNavProps}\n                isScrolled={isContentScrolled}\n                leftSideComponent={optionalComponents?.topNavLeftSide}\n                rightSideComponent={optionalComponents?.topNavRightSide}\n              />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        appBackgroundColor={uiShellContext?.appBackgroundColor}\n        tabIndex={0}\n        ref={appContainerRef}\n      />\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedUiShellContent = memo(UiShellContent);\nMemoizedUiShellContent.displayName = \"UiShellContent\";\n\nexport { MemoizedUiShellContent as UiShellContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ui-shell/UiShellContent.js

@@ -1,220 +0,0 @@
-import _ScopedCssBaseline from "@mui/material/ScopedCssBaseline";
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-import styled from "@emotion/styled";
-import { memo, useEffect, useMemo, useRef } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { AppSwitcher } from "./AppSwitcher/index.js";
-import { SideNav } from "./SideNav/index.js";
-import { TopNav } from "./TopNav/index.js";
-import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
-import { useScrollState } from "./useScrollState.js";
-import { useUiShellContext } from "./UiShellProvider.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const fullHeightStyles = {
-  height: "100%"
-};
-const emptySideNavItems = [];
-const StyledAppContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  appBackgroundColor
-}) => ({
-  gridArea: "app-content",
-  backgroundColor: appBackgroundColor
-}));
-const StyledBannersContainer = styled("div")(() => ({
-  gridArea: "banners"
-}));
-const StyledAppSwitcherContainer = styled("div")(() => ({
-  gridArea: "app-switcher"
-}));
-const StyledSideNavContainer = styled("div")(() => ({
-  gridArea: "side-nav"
-}));
-const StyledShellContainer = styled("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  backgroundColor: odysseyDesignTokens.HueNeutral50,
-  display: "grid",
-  gridGap: 0,
-  gridTemplateAreas: `
-    "banners banners banners"
-    "app-switcher side-nav top-nav"
-    "app-switcher side-nav app-content"
-  `,
-  gridTemplateColumns: "auto auto 1fr",
-  gridTemplateRows: "auto auto 1fr",
-  height: "100vh",
-  width: "100vw"
-}));
-const StyledTopNavContainer = styled("div")(() => ({
-  gridArea: "top-nav"
-}));
-export const subComponentNames = ["TopNav", "SideNav", "AppSwitcher"];
-const setStylesToMatchElement = (elementToStyle, elementToReference, additionalStyles) => {
-  const boundingRect = elementToReference.getBoundingClientRect();
-  elementToStyle.style.setProperty("position", "absolute");
-  elementToStyle.style.setProperty("top", `${boundingRect.y}px`);
-  elementToStyle.style.setProperty("left", `${boundingRect.x}px`);
-  elementToStyle.style.setProperty("width", `${boundingRect.width}px`);
-  elementToStyle.style.setProperty("height", `${boundingRect.height}px`);
-  for (const key in additionalStyles) {
-    elementToStyle.style.setProperty(key, additionalStyles[key]);
-  }
-};
-const UiShellContent = ({
-  appContainerElement,
-  hasStandardAppContentPadding = true,
-  appContainerScrollingMode = "vertical",
-  initialVisibleSections = ["TopNav", "SideNav", "AppSwitcher"],
-  onError = console.error,
-  optionalComponents,
-  appSwitcherProps,
-  sideNavProps,
-  topNavProps
-}) => {
-  const odysseyDesignTokens = useOdysseyDesignTokens();
-  const {
-    isContentScrolled,
-    scrollableContentRef: appContainerRef
-  } = useScrollState(appContainerElement);
-  const sideNavContainerRef = useRef(null);
-  const topNavContainerRef = useRef(null);
-  const uiShellContext = useUiShellContext();
-  const paddingStyles = useMemo(() => ({
-    ...(hasStandardAppContentPadding ? {
-      "padding-block": odysseyDesignTokens.Spacing5 ?? null,
-      "padding-inline": odysseyDesignTokens.Spacing8 ?? null
-    } : {}),
-    ...(appContainerScrollingMode === "horizontal" || appContainerScrollingMode === "both" ? {
-      "overflow-x": "auto"
-    } : {
-      "overflow-x": "hidden"
-    }),
-    ...(appContainerScrollingMode === "vertical" || appContainerScrollingMode === "both" ? {
-      "overflow-y": "auto"
-    } : {
-      "overflow-y": "hidden"
-    })
-  }), [hasStandardAppContentPadding, appContainerScrollingMode, odysseyDesignTokens]);
-  useEffect(() => {
-    if (appContainerRef.current && appContainerElement) {
-      let animationFrameId;
-      const updateStyles = () => {
-        cancelAnimationFrame(animationFrameId);
-        animationFrameId = requestAnimationFrame(() => {
-          if (appContainerRef.current) {
-            setStylesToMatchElement(appContainerElement, appContainerRef.current, paddingStyles);
-          }
-        });
-      };
-      const observer = new ResizeObserver(updateStyles);
-      observer.observe(appContainerRef.current);
-      if (sideNavContainerRef.current) {
-        observer.observe(sideNavContainerRef.current);
-      }
-      if (topNavContainerRef.current) {
-        observer.observe(topNavContainerRef.current);
-      }
-      updateStyles();
-      return () => observer.disconnect();
-    }
-    return () => {};
-  }, [appContainerRef, appContainerElement, paddingStyles]);
-  return _jsxs(StyledShellContainer, {
-    odysseyDesignTokens: odysseyDesignTokens,
-    children: [_jsx(StyledBannersContainer, {
-      children: optionalComponents?.banners
-    }), _jsx(StyledAppSwitcherContainer, {
-      children: _jsxs(_ScopedCssBaseline, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("AppSwitcher") && !appSwitcherProps && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(AppSwitcher, {
-            isLoading: true,
-            appIcons: [],
-            selectedAppName: ""
-          })
-        }), appSwitcherProps && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(AppSwitcher, {
-            ...appSwitcherProps
-          })
-        })]
-      })
-    }), _jsx(StyledSideNavContainer, {
-      ref: sideNavContainerRef,
-      children: _jsxs(_ScopedCssBaseline, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("SideNav") && sideNavProps === undefined && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(SideNav, {
-            isLoading: true,
-            appName: "",
-            sideNavItems: emptySideNavItems
-          })
-        }), sideNavProps && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(SideNav, {
-            ...sideNavProps,
-            ...(sideNavProps.hasCustomFooter && optionalComponents?.sideNavFooter ? {
-              footerComponent: optionalComponents.sideNavFooter,
-              footerItems: undefined,
-              hasCustomFooter: sideNavProps.hasCustomFooter
-            } : {
-              footerItems: sideNavProps.footerItems,
-              hasCustomFooter: false
-            })
-          })
-        })]
-      })
-    }), _jsx(StyledTopNavContainer, {
-      ref: topNavContainerRef,
-      children: _jsxs(_ScopedCssBaseline, {
-        sx: fullHeightStyles,
-        children: [initialVisibleSections?.includes("TopNav") && topNavProps === undefined && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(TopNav, {
-            leftSideComponent: optionalComponents?.topNavLeftSide,
-            rightSideComponent: optionalComponents?.topNavRightSide
-          })
-        }), topNavProps && _jsx(ErrorBoundary, {
-          fallback: null,
-          onError: onError,
-          children: _jsx(TopNav, {
-            ...topNavProps,
-            isScrolled: isContentScrolled,
-            leftSideComponent: optionalComponents?.topNavLeftSide,
-            rightSideComponent: optionalComponents?.topNavRightSide
-          })
-        })]
-      })
-    }), _jsx(StyledAppContainer, {
-      appBackgroundColor: uiShellContext?.appBackgroundColor,
-      tabIndex: 0,
-      ref: appContainerRef
-    })]
-  });
-};
-const MemoizedUiShellContent = memo(UiShellContent);
-MemoizedUiShellContent.displayName = "UiShellContent";
-export { MemoizedUiShellContent as UiShellContent };
-//# sourceMappingURL=UiShellContent.js.map

package/dist/esm/ui-shell/UiShellContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiShellContent.js","names":["styled","memo","useEffect","useMemo","useRef","ErrorBoundary","AppSwitcher","SideNav","TopNav","useOdysseyDesignTokens","useScrollState","useUiShellContext","jsx","_jsx","jsxs","_jsxs","fullHeightStyles","height","emptySideNavItems","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","gridArea","backgroundColor","StyledBannersContainer","StyledAppSwitcherContainer","StyledSideNavContainer","StyledShellContainer","odysseyDesignTokens","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","width","StyledTopNavContainer","subComponentNames","setStylesToMatchElement","elementToStyle","elementToReference","additionalStyles","boundingRect","getBoundingClientRect","style","setProperty","y","x","key","UiShellContent","appContainerElement","hasStandardAppContentPadding","appContainerScrollingMode","initialVisibleSections","onError","console","error","optionalComponents","appSwitcherProps","sideNavProps","topNavProps","isContentScrolled","scrollableContentRef","appContainerRef","sideNavContainerRef","topNavContainerRef","uiShellContext","paddingStyles","Spacing5","Spacing8","current","animationFrameId","updateStyles","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","observe","disconnect","children","banners","_ScopedCssBaseline","sx","includes","fallback","isLoading","appIcons","selectedAppName","ref","undefined","appName","sideNavItems","hasCustomFooter","sideNavFooter","footerComponent","footerItems","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","isScrolled","tabIndex","MemoizedUiShellContent","displayName"],"sources":["../../../src/ui-shell/UiShellContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, useEffect, useMemo, useRef, type ReactElement } from \"react\";\nimport { ErrorBoundary, ErrorBoundaryProps } from \"react-error-boundary\";\n\nimport { AppSwitcher, type AppSwitcherProps } from \"./AppSwitcher/index.js\";\nimport { SideNav, type SideNavProps } from \"./SideNav/index.js\";\nimport { TopNav, type TopNavProps } from \"./TopNav/index.js\";\nimport {\n  useOdysseyDesignTokens,\n  type DesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useScrollState } from \"./useScrollState.js\";\nimport { ContrastMode } from \"../useContrastMode.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport { ScopedCssBaseline } from \"@mui/material\";\n\nconst fullHeightStyles = { height: \"100%\" };\n\nconst emptySideNavItems = [] satisfies SideNavProps[\"sideNavItems\"];\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  gridArea: \"app-content\",\n  backgroundColor: appBackgroundColor,\n}));\n\nconst StyledBannersContainer = styled(\"div\")(() => ({\n  gridArea: \"banners\",\n}));\n\nconst StyledAppSwitcherContainer = styled(\"div\")(() => ({\n  gridArea: \"app-switcher\",\n}));\n\nconst StyledSideNavContainer = styled(\"div\")(() => ({\n  gridArea: \"side-nav\",\n}));\n\nconst StyledShellContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutral50,\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"banners banners banners\"\n    \"app-switcher side-nav top-nav\"\n    \"app-switcher side-nav app-content\"\n  `,\n  gridTemplateColumns: \"auto auto 1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNavContainer = styled(\"div\")(() => ({\n  gridArea: \"top-nav\",\n}));\n\nexport const subComponentNames = [\"TopNav\", \"SideNav\", \"AppSwitcher\"] as const;\nexport type SubComponentName = (typeof subComponentNames)[number];\n\nexport type UiShellNavComponentProps = {\n  /**\n   * Object that gets pass directly to the app switcher component.\n   */\n  appSwitcherProps?: AppSwitcherProps;\n  /**\n   * Object that gets pass directly to the side nav component. If `undefined` and in `initialVisibleSections`, SideNav will be initially rendered. Pass `null` to hide a previously-visible SideNav.\n   */\n  sideNavProps?: Omit<SideNavProps, \"footerComponent\"> | null;\n  /**\n   * Object that gets pass directly to the top nav component. If `undefined` and in `initialVisibleSections`, TopNav will be initially rendered. Pass `null` to hide a previously-visible TopNav.\n   */\n  topNavProps?: Omit<\n    TopNavProps,\n    \"leftSideComponent\" | \"rightSideComponent\"\n  > | null;\n};\n\nexport type UiShellContentProps = {\n  /**\n   * Sets a custom background color for the app content area.\n   */\n  appBackgroundColor?: string;\n  /**\n   * Sets either a gray or white background color for the app content area.\n   */\n  appBackgroundContrastMode?: ContrastMode;\n  /**\n   * The element within which the app will be rendered. This will be positioned appropriately while being kept out of the shadow DOM.\n   */\n  appContainerElement: HTMLDivElement;\n  /**\n   * Controls the scrolling behavior of the app content area. Defaults to \"vertical\".\n   */\n  appContainerScrollingMode?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * defaults to `true`. If `false`, the content area will have no padding provided\n   */\n  hasStandardAppContentPadding?: boolean;\n  /**\n   * Which parts of the UI Shell should be visible initially? For example,\n   * if sideNavProps is undefined, should the space for the sidenav be initially visible?\n   */\n  initialVisibleSections?: SubComponentName[];\n  /**\n   * Notifies when a React rendering error occurs. This could be useful for logging, flagging \"p0\"s, and recovering UI Shell when errors occur.\n   */\n  onError?: ErrorBoundaryProps[\"onError\"];\n  /**\n   * Components that will render as children of various other components such as the top nav or side nav.\n   */\n  optionalComponents?: {\n    banners?: ReactElement;\n    sideNavFooter?: SideNavProps[\"footerComponent\"];\n    topNavLeftSide?: TopNavProps[\"leftSideComponent\"];\n    topNavRightSide?: TopNavProps[\"rightSideComponent\"];\n  };\n} & UiShellNavComponentProps;\n\nconst setStylesToMatchElement = (\n  elementToStyle: HTMLElement,\n  elementToReference: HTMLElement,\n  additionalStyles: Record<string, string | null>,\n) => {\n  const boundingRect = elementToReference.getBoundingClientRect();\n  elementToStyle.style.setProperty(\"position\", \"absolute\");\n  elementToStyle.style.setProperty(\"top\", `${boundingRect.y}px`);\n  elementToStyle.style.setProperty(\"left\", `${boundingRect.x}px`);\n  elementToStyle.style.setProperty(\"width\", `${boundingRect.width}px`);\n  elementToStyle.style.setProperty(\"height\", `${boundingRect.height}px`);\n  for (const key in additionalStyles) {\n    elementToStyle.style.setProperty(key, additionalStyles[key]);\n  }\n};\n\n/**\n * Our new Unified Platform UI Shell.\n *\n * This includes the top and side navigation as well as the footer and provides a spot for your app to render into.\n *\n * If an error occurs, this will revert to only showing the app.\n */\nconst UiShellContent = ({\n  appContainerElement,\n  hasStandardAppContentPadding = true,\n  appContainerScrollingMode = \"vertical\",\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  appSwitcherProps,\n  sideNavProps,\n  topNavProps,\n}: UiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { isContentScrolled, scrollableContentRef: appContainerRef } =\n    useScrollState(appContainerElement);\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellContext = useUiShellContext();\n\n  const paddingStyles = useMemo<Record<string, string | null>>(\n    () => ({\n      ...(hasStandardAppContentPadding\n        ? {\n            \"padding-block\": odysseyDesignTokens.Spacing5 ?? null,\n            \"padding-inline\": odysseyDesignTokens.Spacing8 ?? null,\n          }\n        : {}),\n      ...(appContainerScrollingMode === \"horizontal\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            \"overflow-x\": \"auto\",\n          }\n        : {\n            \"overflow-x\": \"hidden\",\n          }),\n      ...(appContainerScrollingMode === \"vertical\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            \"overflow-y\": \"auto\",\n          }\n        : {\n            \"overflow-y\": \"hidden\",\n          }),\n    }),\n    [\n      hasStandardAppContentPadding,\n      appContainerScrollingMode,\n      odysseyDesignTokens,\n    ],\n  );\n\n  useEffect(() => {\n    // Once appContainerRef is rendered, we can position appContainerElement on top\n    if (appContainerRef.current && appContainerElement) {\n      let animationFrameId: number;\n\n      const updateStyles = () => {\n        cancelAnimationFrame(animationFrameId);\n        animationFrameId = requestAnimationFrame(() => {\n          if (appContainerRef.current) {\n            setStylesToMatchElement(\n              appContainerElement,\n              appContainerRef.current,\n              paddingStyles,\n            );\n          }\n        });\n      };\n\n      // Setup a mutation observer to sync later updates\n      const observer = new ResizeObserver(updateStyles);\n      observer.observe(appContainerRef.current);\n\n      if (sideNavContainerRef.current) {\n        observer.observe(sideNavContainerRef.current);\n      }\n\n      if (topNavContainerRef.current) {\n        observer.observe(topNavContainerRef.current);\n      }\n\n      // Set the initial style\n      updateStyles();\n      return () => observer.disconnect();\n    }\n    return () => {};\n  }, [appContainerRef, appContainerElement, paddingStyles]);\n\n  return (\n    <StyledShellContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledAppSwitcherContainer>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If AppSwitcher should be initially visible and we have not yet received props, render AppSwitcher in the loading state */\n            initialVisibleSections?.includes(\"AppSwitcher\") &&\n              !appSwitcherProps && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <AppSwitcher isLoading appIcons={[]} selectedAppName=\"\" />\n                </ErrorBoundary>\n              )\n          }\n          {appSwitcherProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <AppSwitcher {...appSwitcherProps} />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledAppSwitcherContainer>\n\n      <StyledSideNavContainer ref={sideNavContainerRef}>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n            initialVisibleSections?.includes(\"SideNav\") &&\n              sideNavProps === undefined && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <SideNav\n                    isLoading\n                    appName=\"\"\n                    sideNavItems={emptySideNavItems}\n                  />\n                </ErrorBoundary>\n              )\n          }\n          {sideNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <SideNav\n                {...{\n                  ...sideNavProps,\n                  ...(sideNavProps.hasCustomFooter &&\n                  optionalComponents?.sideNavFooter\n                    ? {\n                        footerComponent: optionalComponents.sideNavFooter,\n                        footerItems: undefined,\n                        hasCustomFooter: sideNavProps.hasCustomFooter,\n                      }\n                    : {\n                        footerItems: sideNavProps.footerItems,\n                        hasCustomFooter: false,\n                      }),\n                }}\n              />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledSideNavContainer>\n      <StyledTopNavContainer ref={topNavContainerRef}>\n        <ScopedCssBaseline sx={fullHeightStyles}>\n          {\n            /* If TopNav should be initially visible and we have not yet received props, render Topnav with minimal inputs */\n            initialVisibleSections?.includes(\"TopNav\") &&\n              topNavProps === undefined && (\n                <ErrorBoundary fallback={null} onError={onError}>\n                  <TopNav\n                    leftSideComponent={optionalComponents?.topNavLeftSide}\n                    rightSideComponent={optionalComponents?.topNavRightSide}\n                  />\n                </ErrorBoundary>\n              )\n          }\n          {topNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <TopNav\n                {...topNavProps}\n                isScrolled={isContentScrolled}\n                leftSideComponent={optionalComponents?.topNavLeftSide}\n                rightSideComponent={optionalComponents?.topNavRightSide}\n              />\n            </ErrorBoundary>\n          )}\n        </ScopedCssBaseline>\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        appBackgroundColor={uiShellContext?.appBackgroundColor}\n        tabIndex={0}\n        ref={appContainerRef}\n      />\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedUiShellContent = memo(UiShellContent);\nMemoizedUiShellContent.displayName = \"UiShellContent\";\n\nexport { MemoizedUiShellContent as UiShellContent };\n"],"mappings":"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","ignoreList":[]}