@okta/odyssey-react-mui 1.32.4 → 1.33.0

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

@@ -1,234 +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 !== "appBackgroundColor" && 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"];
-export const convertCamelCaseToKebabCase = string => string.replace(/([A-Z])/g, "-$1").toLowerCase();
-export const setStylesToMatchElement = ({
-  additionalStyles,
-  appContainerElement,
-  appContentReferenceElement
-}) => {
-  const boundingRect = appContentReferenceElement.getBoundingClientRect();
-  appContainerElement.style.setProperty("position", "absolute");
-  appContainerElement.style.setProperty("top", `${boundingRect.y}px`);
-  appContainerElement.style.setProperty("left", `${boundingRect.x}px`);
-  appContainerElement.style.setProperty("width", `${boundingRect.width}px`);
-  appContainerElement.style.setProperty("height", `${boundingRect.height}px`);
-  Object.entries(additionalStyles).forEach(([cssPropertyName, cssPropertyValue]) => {
-    appContainerElement.style.setProperty(convertCamelCaseToKebabCase(cssPropertyName), String(cssPropertyValue));
-  });
-};
-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 appContainerElementStyles = useMemo(() => ({
-    ...(hasStandardAppContentPadding ? {
-      paddingBlock: odysseyDesignTokens.Spacing5 ?? null,
-      paddingInline: odysseyDesignTokens.Spacing8 ?? null
-    } : {}),
-    ...(appContainerScrollingMode === "horizontal" || appContainerScrollingMode === "both" ? {
-      overflowX: "auto"
-    } : {
-      overflowX: "hidden"
-    }),
-    ...(appContainerScrollingMode === "vertical" || appContainerScrollingMode === "both" ? {
-      overflowY: "auto"
-    } : {
-      overflowY: "hidden"
-    })
-  }), [hasStandardAppContentPadding, appContainerScrollingMode, odysseyDesignTokens]);
-  useEffect(() => {
-    if (appContainerRef.current && appContainerElement) {
-      let animationFrameId;
-      const updateStyles = () => {
-        cancelAnimationFrame(animationFrameId);
-        animationFrameId = requestAnimationFrame(() => {
-          if (appContainerRef.current) {
-            setStylesToMatchElement({
-              additionalStyles: appContainerElementStyles,
-              appContentReferenceElement: appContainerRef.current,
-              appContainerElement
-            });
-          }
-        });
-      };
-      const sideNavElement = sideNavContainerRef.current;
-      sideNavElement?.addEventListener("transitionend", updateStyles);
-      const observer = new ResizeObserver(updateStyles);
-      observer.observe(appContainerRef.current);
-      if (sideNavElement) {
-        observer.observe(sideNavElement);
-      }
-      if (topNavContainerRef.current) {
-        observer.observe(topNavContainerRef.current);
-      }
-      updateStyles();
-      return () => {
-        observer.disconnect();
-        sideNavElement?.removeEventListener("transitionend", updateStyles);
-      };
-    }
-    return () => {};
-  }, [appContainerElement, appContainerElementStyles, appContainerRef]);
-  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","convertCamelCaseToKebabCase","string","replace","toLowerCase","setStylesToMatchElement","additionalStyles","appContainerElement","appContentReferenceElement","boundingRect","getBoundingClientRect","style","setProperty","y","x","Object","entries","forEach","cssPropertyName","cssPropertyValue","String","UiShellContent","hasStandardAppContentPadding","appContainerScrollingMode","initialVisibleSections","onError","console","error","optionalComponents","appSwitcherProps","sideNavProps","topNavProps","isContentScrolled","scrollableContentRef","appContainerRef","sideNavContainerRef","topNavContainerRef","uiShellContext","appContainerElementStyles","paddingBlock","Spacing5","paddingInline","Spacing8","overflowX","overflowY","current","animationFrameId","updateStyles","cancelAnimationFrame","requestAnimationFrame","sideNavElement","addEventListener","observer","ResizeObserver","observe","disconnect","removeEventListener","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 {\n  CSSProperties,\n  memo,\n  useEffect,\n  useMemo,\n  useRef,\n  type ReactElement,\n} 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) =>\n    prop !== \"appBackgroundColor\" && 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   * When passed, the app is expected to render into this element, not the Shadow DOM. UI Shell will position this element appropriately as if it was rendered in the app content area 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\nexport const convertCamelCaseToKebabCase = (string: string) =>\n  string.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\nexport const setStylesToMatchElement = ({\n  additionalStyles,\n  appContainerElement,\n  appContentReferenceElement,\n}: {\n  additionalStyles: CSSProperties;\n  appContainerElement: HTMLElement;\n  appContentReferenceElement: HTMLElement;\n}) => {\n  const boundingRect = appContentReferenceElement.getBoundingClientRect();\n\n  appContainerElement.style.setProperty(\"position\", \"absolute\");\n  appContainerElement.style.setProperty(\"top\", `${boundingRect.y}px`);\n  appContainerElement.style.setProperty(\"left\", `${boundingRect.x}px`);\n  appContainerElement.style.setProperty(\"width\", `${boundingRect.width}px`);\n  appContainerElement.style.setProperty(\"height\", `${boundingRect.height}px`);\n\n  (\n    Object.entries(additionalStyles) as Array<\n      [\n        keyof typeof additionalStyles,\n        (typeof additionalStyles)[keyof typeof additionalStyles],\n      ]\n    >\n  ).forEach(([cssPropertyName, cssPropertyValue]) => {\n    appContainerElement.style.setProperty(\n      convertCamelCaseToKebabCase(cssPropertyName),\n      String(cssPropertyValue),\n    );\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 appContainerElementStyles = useMemo<CSSProperties>(\n    () => ({\n      ...(hasStandardAppContentPadding\n        ? {\n            paddingBlock: odysseyDesignTokens.Spacing5 ?? null,\n            paddingInline: odysseyDesignTokens.Spacing8 ?? null,\n          }\n        : {}),\n      ...(appContainerScrollingMode === \"horizontal\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            overflowX: \"auto\",\n          }\n        : {\n            overflowX: \"hidden\",\n          }),\n      ...(appContainerScrollingMode === \"vertical\" ||\n      appContainerScrollingMode === \"both\"\n        ? {\n            overflowY: \"auto\",\n          }\n        : {\n            overflowY: \"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              additionalStyles: appContainerElementStyles,\n              appContentReferenceElement: appContainerRef.current,\n              appContainerElement,\n            });\n          }\n        });\n      };\n\n      // This element might have changed from `.current`, so it's important to keep track of the old one when we attach event listeners.\n      const sideNavElement = sideNavContainerRef.current;\n\n      sideNavElement?.addEventListener(\"transitionend\", updateStyles);\n\n      // Setup a mutation observer to sync later updates\n      const observer = new ResizeObserver(updateStyles);\n      observer.observe(appContainerRef.current);\n\n      if (sideNavElement) {\n        observer.observe(sideNavElement);\n      }\n\n      if (topNavContainerRef.current) {\n        observer.observe(topNavContainerRef.current);\n      }\n\n      // Set the initial styles\n      updateStyles();\n\n      return () => {\n        observer.disconnect();\n        sideNavElement?.removeEventListener(\"transitionend\", updateStyles);\n      };\n    }\n    return () => {};\n  }, [appContainerElement, appContainerElementStyles, appContainerRef]);\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/types/ui-shell/UiShellContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiShellContent.d.ts","sourceRoot":"","sources":["../../../src/ui-shell/UiShellContent.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,aAAa,EAKb,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AACf,OAAO,EAAiB,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAqDrD,eAAO,MAAM,iBAAiB,+CAAgD,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAC5D;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,mBAAmB,GAAG,oBAAoB,CAC3C,GAAG,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC;IACzC;;OAEG;IACH,mBAAmB,EAAE,cAAc,CAAC;IACpC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACxE;;OAEG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,YAAY,CAAC;QACvB,aAAa,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAChD,cAAc,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;QAClD,eAAe,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;KACrD,CAAC;CACH,GAAG,wBAAwB,CAAC;AAE7B,eAAO,MAAM,2BAA2B,WAAY,MAAM,WACT,CAAC;AAElD,eAAO,MAAM,uBAAuB,2EAIjC;IACD,gBAAgB,EAAE,aAAa,CAAC;IAChC,mBAAmB,EAAE,WAAW,CAAC;IACjC,0BAA0B,EAAE,WAAW,CAAC;CACzC,SAsBA,CAAC;AA2MF,QAAA,MAAM,sBAAsB,4NAxLzB,mBAAmB,sDAwL6B,CAAC;AAGpD,OAAO,EAAE,sBAAsB,IAAI,cAAc,EAAE,CAAC"}