@okta/odyssey-react-mui 1.58.0 → 1.59.0

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

@@ -77,5 +77,5 @@ const AppSwitcher = ({
   });
 };
 const MemoizedAppSwitcher = exports.AppSwitcher = (0, _react.memo)(AppSwitcher);
-MemoizedAppSwitcher.displayName = "AppSwitcher::pkg=odyssey&odysseyV=1.58.0";
+MemoizedAppSwitcher.displayName = "AppSwitcher::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=AppSwitcher.cjs.map

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

@@ -57,5 +57,5 @@ const InnerAppContainer = ({
   children: [(0, _jsxRuntime.jsx)(StyledAppContainerShadow1, {}), (0, _jsxRuntime.jsx)(StyledAppContainerShadow2, {}), (0, _jsxRuntime.jsx)(StyledAppContainerShadow3, {})]
 }) : null;
 const MemoizedInnerAppContainer = exports.InnerAppContainer = (0, _react.memo)(InnerAppContainer);
-MemoizedInnerAppContainer.displayName = "InnerAppContainer::pkg=odyssey&odysseyV=1.58.0";
+MemoizedInnerAppContainer.displayName = "InnerAppContainer::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=InnerAppContainer.cjs.map

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

@@ -15,6 +15,7 @@ var _More = require("../icons.generated/More.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _InnerAppContainer = require("./InnerAppContainer.cjs");
 var _SideNav = require("./SideNav/SideNav.cjs");
+var _SkipToContent = require("./SkipToContent.cjs");
 var _HamburgerMenuIcon = require("./TopNav/HamburgerMenuIcon.cjs");
 var _UiShellLogo = require("./UiShellLogo.cjs");
 var _UiShellProvider = require("./UiShellProvider.cjs");
@@ -265,7 +266,9 @@ const NarrowUiShellContent = ({
     }), (0, _jsxRuntime.jsxs)(StyledUiShellContainer, {
       odysseyDesignTokens: odysseyDesignTokens,
       ref: parentContainerRef,
-      children: [(0, _jsxRuntime.jsx)(StyledBannersContainer, {
+      children: [(0, _jsxRuntime.jsx)(_SkipToContent.SkipToContent, {
+        appElement: appElement
+      }), (0, _jsxRuntime.jsx)(StyledBannersContainer, {
         children: optionalComponents?.banners
       }), (initialVisibleSections?.includes("TopNav") || topNavProps) && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
         fallback: null,
@@ -357,5 +360,5 @@ const NarrowUiShellContent = ({
   });
 };
 const MemoizedNarrowUiShellContent = exports.NarrowUiShellContent = (0, _react.memo)(NarrowUiShellContent);
-MemoizedNarrowUiShellContent.displayName = "NarrowUiShellContent::pkg=odyssey&odysseyV=1.58.0";
+MemoizedNarrowUiShellContent.displayName = "NarrowUiShellContent::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=NarrowUiShellContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NarrowUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_Button","_hexToRgb","_i18n","_Close","_More","_OdysseyDesignTokensContext","_InnerAppContainer","_SideNav","_HamburgerMenuIcon","_UiShellLogo","_UiShellProvider","_uiShellSharedConstants","_useMatchAppElementToUiShellAppArea","_useScrollState","_jsxRuntime","e","__esModule","default","StyledAppContentArea","styled","gridArea","position","height","width","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","backgroundColor","overflow","StyledBannersContainer","zIndex","UI_SHELL_BASE_Z_INDEX","StyledLeftSideContainer","isOpen","display","UI_SHELL_OVERLAY_Z_INDEX","StyledRightSideContainer","odysseyDesignTokens","HueNeutralWhite","maxWidth","SIDE_NAV_WIDTH","overflowY","right","StyledMenuLogo","alignItems","gap","Spacing3","StyledLogoContainer","TOP_NAV_HEIGHT","paddingBlock","Spacing4","maxHeight","StyledPageOverlay","hexToRgb","HueNeutral900","asFormattedString","replace","left","top","StyledSideNavContainer","StyledUiShellContainer","HueNeutral50","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","StyledTopNav","isContentScrolled","topNavBackgroundColor","boxShadow","DepthMedium","undefined","clipPath","flexDirection","justifyContent","transition","TransitionDurationMain","TransitionTimingMain","StyledTopNavMenu","minHeight","Spacing2","paddingInline","borderBottomColor","HueNeutral100","borderBottomStyle","BorderStyleMain","borderBottomWidth","BorderWidthMain","StyledTopNavSearch","NarrowUiShellContent","appElement","appElementScrollingMode","hasSideNavProps","hasStandardAppContentPadding","initialVisibleSections","logoProps","onError","console","error","optionalComponents","sideNavProps","topNavProps","t","useTranslation","useOdysseyDesignTokens","uiShellContext","useUiShellContext","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","useState","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","useCallback","useEffect","unsubscribeFromCloseRightSideMenu","subscribeToCloseRightSideMenu","unsubscribeFromSideNavItemClicked","subscribeToCloseSideNavMenu","toggleLeftSideMenu","toggleRightSideMenu","handleKeyDown","event","key","document","addEventListener","removeEventListener","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","Fragment","children","jsx","onClick","ref","banners","includes","ErrorBoundary","fallback","sideNavBackgroundColor","isCollapsible","isCollapsed","Button","ariaLabel","startIcon","HamburgerMenuIcon","testId","variant","UiShellLogo","rightSideMenu","CloseIcon","MoreIcon","topNavLeftSide","SideNav","isLoading","sideNavItems","emptySideNavItems","appName","hasCustomFooter","sideNavFooter","footerComponent","footerItems","isObtrusive","onCollapse","tabIndex","InnerAppContainer","MemoizedNarrowUiShellContent","exports","memo","displayName"],"sources":["../../../src/ui-shell/NarrowUiShellContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-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  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport { hexToRgb } from \"../hexToRgb.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { CloseIcon } from \"../icons.generated/Close.js\";\nimport { MoreIcon } from \"../icons.generated/More.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellLogo } from \"./UiShellLogo.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport {\n  emptySideNavItems,\n  SIDE_NAV_WIDTH,\n  TOP_NAV_HEIGHT,\n  UI_SHELL_BASE_Z_INDEX,\n  UI_SHELL_OVERLAY_Z_INDEX,\n} from \"./uiShellSharedConstants.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { useScrollState } from \"./useScrollState.js\";\n\nconst StyledAppContentArea = styled(\"div\")({\n  gridArea: \"app-content\",\n  position: \"relative\",\n  height: \"100%\",\n  width: \"100%\",\n});\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  height: \"100%\",\n  overflow: \"hidden\",\n  width: \"100%\",\n}));\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nconst StyledLeftSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\n})<{\n  isOpen: boolean;\n}>(({ isOpen }) => ({\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  position: \"absolute\",\n  zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n}));\n\nconst StyledRightSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isOpen\" && prop !== \"odysseyDesignTokens\",\n})<{\n  isOpen: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isOpen, odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  maxWidth: SIDE_NAV_WIDTH,\n  overflowY: \"auto\",\n  position: \"absolute\",\n  right: 0,\n  width: SIDE_NAV_WIDTH,\n  zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n}));\n\nconst StyledMenuLogo = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"inline-flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledLogoContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing4,\n\n  \"svg, img\": {\n    maxHeight: \"100%\",\n    width: \"auto\",\n    maxWidth: \"100%\",\n  },\n}));\n\nconst StyledPageOverlay = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: hexToRgb(\n    odysseyDesignTokens.HueNeutral900,\n  ).asFormattedString.replace(/rgb\\((.+)\\)$/, \"rgba($1, 0.26)\"),\n  gridArea: \"app-content\",\n  height: \"100vh\",\n  left: 0,\n  position: \"absolute\",\n  top: 0,\n  width: \"100vw\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledSideNavContainer = styled(\"div\")({\n  height: \"100%\", // Without this value, side nav won't fill up the height if the content is too short.\n});\n\nconst StyledUiShellContainer = 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\"\n    \"top-nav\"\n    \"app-content\"\n  `,\n  gridTemplateColumns: \"1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  overflow: \"hidden\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNav = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isContentScrolled\" &&\n    prop !== \"topNavBackgroundColor\",\n})<{\n  isContentScrolled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, isContentScrolled, topNavBackgroundColor }) => ({\n  alignItems: \"stretch\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite || topNavBackgroundColor, // This logic doesn't make sense, but I wanted to leave it here for when we eventually make a decision on `topNavBackgroundColor`. --Kevin Ghadyani\n  boxShadow: isContentScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gridArea: \"top-nav\",\n  height: \"100%\",\n  justifyContent: \"center\",\n  position: \"relative\",\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledTopNavMenu = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"topNavBackgroundColor\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, topNavBackgroundColor }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n\n  ...(topNavBackgroundColor === odysseyDesignTokens.HueNeutralWhite &&\n    ({\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n    } as CSSProperties)),\n}));\n\nconst StyledTopNavSearch = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n}));\n\nexport type NarrowUiShellContentProps = Pick<HtmlProps, \"testId\"> &\n  Pick<UiShellNavComponentProps, \"logoProps\" | \"sideNavProps\" | \"topNavProps\"> &\n  UiShellContentProps;\n\nconst NarrowUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  hasSideNavProps,\n  hasStandardAppContentPadding = true,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  logoProps,\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: NarrowUiShellContentProps) => {\n  const { t } = useTranslation();\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const [isLeftSideMenuOpen, setIsLeftSideMenuOpen] = useState(false);\n  const [isRightSideMenuOpen, setIsRightSideMenuOpen] = useState(false);\n\n  const closeSideMenus = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen(false);\n  }, []);\n\n  useEffect(() => {\n    const unsubscribeFromCloseRightSideMenu =\n      uiShellContext?.subscribeToCloseRightSideMenu(() => {\n        closeSideMenus();\n      });\n\n    const unsubscribeFromSideNavItemClicked =\n      uiShellContext?.subscribeToCloseSideNavMenu(() => {\n        closeSideMenus();\n      });\n\n    return () => {\n      unsubscribeFromCloseRightSideMenu?.();\n      unsubscribeFromSideNavItemClicked?.();\n    };\n  }, [closeSideMenus, uiShellContext]);\n\n  const toggleLeftSideMenu = useCallback(() => {\n    setIsRightSideMenuOpen(false);\n    setIsLeftSideMenuOpen((isLeftSideMenuOpen) => !isLeftSideMenuOpen);\n  }, []);\n\n  const toggleRightSideMenu = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen((isRightSideMenuOpen) => !isRightSideMenuOpen);\n  }, []);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeSideMenus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [closeSideMenus]);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"compact\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <>\n      {(isLeftSideMenuOpen || isRightSideMenuOpen) && (\n        <StyledPageOverlay\n          odysseyDesignTokens={odysseyDesignTokens}\n          onClick={closeSideMenus}\n        />\n      )}\n\n      <StyledUiShellContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={parentContainerRef}\n      >\n        <StyledBannersContainer>\n          {optionalComponents?.banners}\n        </StyledBannersContainer>\n\n        {(initialVisibleSections?.includes(\"TopNav\") || topNavProps) && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <StyledTopNav\n              isContentScrolled={isContentScrolled}\n              odysseyDesignTokens={odysseyDesignTokens}\n              topNavBackgroundColor={uiShellContext?.topNavBackgroundColor}\n            >\n              <StyledTopNavMenu\n                odysseyDesignTokens={odysseyDesignTokens}\n                topNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                <StyledMenuLogo odysseyDesignTokens={odysseyDesignTokens}>\n                  {hasSideNavProps &&\n                    (sideNavProps?.isCollapsible ||\n                      !sideNavProps?.isCollapsed) && (\n                      <Button\n                        ariaLabel={t(\"topnav.sidenavmenu.toggle\")}\n                        onClick={toggleLeftSideMenu}\n                        startIcon={<HamburgerMenuIcon />}\n                        testId=\"sidenav-menu--icon\"\n                        variant=\"floating\"\n                      />\n                    )}\n\n                  <StyledLogoContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    <UiShellLogo {...(sideNavProps?.logoProps || logoProps)} />\n                  </StyledLogoContainer>\n                </StyledMenuLogo>\n\n                {optionalComponents?.rightSideMenu && (\n                  <Button\n                    ariaLabel={t(\"topnav.usermenu.toggle\")}\n                    onClick={toggleRightSideMenu}\n                    startIcon={\n                      isRightSideMenuOpen ? <CloseIcon /> : <MoreIcon />\n                    }\n                    testId=\"userprofile-menu--icon\"\n                    variant=\"floating\"\n                  />\n                )}\n              </StyledTopNavMenu>\n\n              {optionalComponents?.topNavLeftSide && (\n                <StyledTopNavSearch odysseyDesignTokens={odysseyDesignTokens}>\n                  {optionalComponents?.topNavLeftSide}\n                </StyledTopNavSearch>\n              )}\n            </StyledTopNav>\n          </ErrorBoundary>\n        )}\n\n        <StyledAppContentArea>\n          <StyledLeftSideContainer isOpen={isLeftSideMenuOpen}>\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                !hasSideNavProps && (\n                  <ErrorBoundary fallback={null} onError={onError}>\n                    <SideNav isLoading sideNavItems={emptySideNavItems} />\n                  </ErrorBoundary>\n                )\n            }\n\n            {hasSideNavProps && sideNavProps && (\n              <ErrorBoundary fallback={null} onError={onError}>\n                <StyledSideNavContainer>\n                  <SideNav\n                    {...{\n                      ...{\n                        ...sideNavProps,\n                        // This hides the side nav logo or app name from showing up as we already have one in the narrow top nav.\n                        appName: undefined,\n                        logoProps: undefined,\n                      },\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                    isCollapsed={false}\n                    isCollapsible={false}\n                    isObtrusive\n                    onCollapse={closeSideMenus}\n                  />\n                </StyledSideNavContainer>\n              </ErrorBoundary>\n            )}\n          </StyledLeftSideContainer>\n\n          <StyledRightSideContainer\n            isOpen={isRightSideMenuOpen}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <StyledSideNavContainer>\n              {optionalComponents?.rightSideMenu}\n            </StyledSideNavContainer>\n          </StyledRightSideContainer>\n\n          <StyledAppContainer\n            appBackgroundColor={uiShellContext?.appBackgroundColor}\n            ref={uiShellAppAreaRef}\n            tabIndex={0}\n          >\n            <InnerAppContainer isContentScrolled={isContentScrolled} />\n          </StyledAppContainer>\n        </StyledAppContentArea>\n      </StyledUiShellContainer>\n    </>\n  );\n};\n\nconst MemoizedNarrowUiShellContent = memo(NarrowUiShellContent);\nMemoizedNarrowUiShellContent.displayName = \"NarrowUiShellContent\";\n\nexport { MemoizedNarrowUiShellContent as NarrowUiShellContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NarrowUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_Button","_hexToRgb","_i18n","_Close","_More","_OdysseyDesignTokensContext","_InnerAppContainer","_SideNav","_SkipToContent","_HamburgerMenuIcon","_UiShellLogo","_UiShellProvider","_uiShellSharedConstants","_useMatchAppElementToUiShellAppArea","_useScrollState","_jsxRuntime","e","__esModule","default","StyledAppContentArea","styled","gridArea","position","height","width","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","backgroundColor","overflow","StyledBannersContainer","zIndex","UI_SHELL_BASE_Z_INDEX","StyledLeftSideContainer","isOpen","display","UI_SHELL_OVERLAY_Z_INDEX","StyledRightSideContainer","odysseyDesignTokens","HueNeutralWhite","maxWidth","SIDE_NAV_WIDTH","overflowY","right","StyledMenuLogo","alignItems","gap","Spacing3","StyledLogoContainer","TOP_NAV_HEIGHT","paddingBlock","Spacing4","maxHeight","StyledPageOverlay","hexToRgb","HueNeutral900","asFormattedString","replace","left","top","StyledSideNavContainer","StyledUiShellContainer","HueNeutral50","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","StyledTopNav","isContentScrolled","topNavBackgroundColor","boxShadow","DepthMedium","undefined","clipPath","flexDirection","justifyContent","transition","TransitionDurationMain","TransitionTimingMain","StyledTopNavMenu","minHeight","Spacing2","paddingInline","borderBottomColor","HueNeutral100","borderBottomStyle","BorderStyleMain","borderBottomWidth","BorderWidthMain","StyledTopNavSearch","NarrowUiShellContent","appElement","appElementScrollingMode","hasSideNavProps","hasStandardAppContentPadding","initialVisibleSections","logoProps","onError","console","error","optionalComponents","sideNavProps","topNavProps","t","useTranslation","useOdysseyDesignTokens","uiShellContext","useUiShellContext","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","useState","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","useCallback","useEffect","unsubscribeFromCloseRightSideMenu","subscribeToCloseRightSideMenu","unsubscribeFromSideNavItemClicked","subscribeToCloseSideNavMenu","toggleLeftSideMenu","toggleRightSideMenu","handleKeyDown","event","key","document","addEventListener","removeEventListener","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","Fragment","children","jsx","onClick","ref","SkipToContent","banners","includes","ErrorBoundary","fallback","sideNavBackgroundColor","isCollapsible","isCollapsed","Button","ariaLabel","startIcon","HamburgerMenuIcon","testId","variant","UiShellLogo","rightSideMenu","CloseIcon","MoreIcon","topNavLeftSide","SideNav","isLoading","sideNavItems","emptySideNavItems","appName","hasCustomFooter","sideNavFooter","footerComponent","footerItems","isObtrusive","onCollapse","tabIndex","InnerAppContainer","MemoizedNarrowUiShellContent","exports","memo","displayName"],"sources":["../../../src/ui-shell/NarrowUiShellContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-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  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Button } from \"../Buttons/Button.js\";\nimport { hexToRgb } from \"../hexToRgb.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { CloseIcon } from \"../icons.generated/Close.js\";\nimport { MoreIcon } from \"../icons.generated/More.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { SkipToContent } from \"./SkipToContent.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellLogo } from \"./UiShellLogo.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport {\n  emptySideNavItems,\n  SIDE_NAV_WIDTH,\n  TOP_NAV_HEIGHT,\n  UI_SHELL_BASE_Z_INDEX,\n  UI_SHELL_OVERLAY_Z_INDEX,\n} from \"./uiShellSharedConstants.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { useScrollState } from \"./useScrollState.js\";\n\nconst StyledAppContentArea = styled(\"div\")({\n  gridArea: \"app-content\",\n  position: \"relative\",\n  height: \"100%\",\n  width: \"100%\",\n});\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  height: \"100%\",\n  overflow: \"hidden\",\n  width: \"100%\",\n}));\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n});\n\nconst StyledLeftSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"isOpen\",\n})<{\n  isOpen: boolean;\n}>(({ isOpen }) => ({\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  position: \"absolute\",\n  zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n}));\n\nconst StyledRightSideContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isOpen\" && prop !== \"odysseyDesignTokens\",\n})<{\n  isOpen: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ isOpen, odysseyDesignTokens }) => ({\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  display: isOpen ? \"block\" : \"none\",\n  height: \"100%\",\n  maxWidth: SIDE_NAV_WIDTH,\n  overflowY: \"auto\",\n  position: \"absolute\",\n  right: 0,\n  width: SIDE_NAV_WIDTH,\n  zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n}));\n\nconst StyledMenuLogo = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"inline-flex\",\n  gap: odysseyDesignTokens.Spacing3,\n}));\n\nconst StyledLogoContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing4,\n\n  \"svg, img\": {\n    maxHeight: \"100%\",\n    width: \"auto\",\n    maxWidth: \"100%\",\n  },\n}));\n\nconst StyledPageOverlay = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  backgroundColor: hexToRgb(\n    odysseyDesignTokens.HueNeutral900,\n  ).asFormattedString.replace(/rgb\\((.+)\\)$/, \"rgba($1, 0.26)\"),\n  gridArea: \"app-content\",\n  height: \"100vh\",\n  left: 0,\n  position: \"absolute\",\n  top: 0,\n  width: \"100vw\",\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledSideNavContainer = styled(\"div\")({\n  height: \"100%\", // Without this value, side nav won't fill up the height if the content is too short.\n});\n\nconst StyledUiShellContainer = 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\"\n    \"top-nav\"\n    \"app-content\"\n  `,\n  gridTemplateColumns: \"1fr\",\n  gridTemplateRows: \"auto auto 1fr\",\n  height: \"100vh\",\n  overflow: \"hidden\",\n  width: \"100vw\",\n}));\n\nconst StyledTopNav = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isContentScrolled\" &&\n    prop !== \"topNavBackgroundColor\",\n})<{\n  isContentScrolled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, isContentScrolled, topNavBackgroundColor }) => ({\n  alignItems: \"stretch\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite || topNavBackgroundColor, // This logic doesn't make sense, but I wanted to leave it here for when we eventually make a decision on `topNavBackgroundColor`. --Kevin Ghadyani\n  boxShadow: isContentScrolled ? odysseyDesignTokens.DepthMedium : undefined,\n  clipPath: \"inset(0 0 -100vh 0)\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gridArea: \"top-nav\",\n  height: \"100%\",\n  justifyContent: \"center\",\n  position: \"relative\",\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n  zIndex: UI_SHELL_BASE_Z_INDEX,\n}));\n\nconst StyledTopNavMenu = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"topNavBackgroundColor\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  topNavBackgroundColor?: UiShellColors[\"topNavBackgroundColor\"];\n}>(({ odysseyDesignTokens, topNavBackgroundColor }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing3,\n  height: \"100%\",\n  justifyContent: \"space-between\",\n  maxHeight: TOP_NAV_HEIGHT,\n  minHeight: TOP_NAV_HEIGHT,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,\n\n  ...(topNavBackgroundColor === odysseyDesignTokens.HueNeutralWhite &&\n    ({\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n    } as CSSProperties)),\n}));\n\nconst StyledTopNavSearch = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing3,\n}));\n\nexport type NarrowUiShellContentProps = Pick<HtmlProps, \"testId\"> &\n  Pick<UiShellNavComponentProps, \"logoProps\" | \"sideNavProps\" | \"topNavProps\"> &\n  UiShellContentProps;\n\nconst NarrowUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  hasSideNavProps,\n  hasStandardAppContentPadding = true,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  logoProps,\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: NarrowUiShellContentProps) => {\n  const { t } = useTranslation();\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const [isLeftSideMenuOpen, setIsLeftSideMenuOpen] = useState(false);\n  const [isRightSideMenuOpen, setIsRightSideMenuOpen] = useState(false);\n\n  const closeSideMenus = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen(false);\n  }, []);\n\n  useEffect(() => {\n    const unsubscribeFromCloseRightSideMenu =\n      uiShellContext?.subscribeToCloseRightSideMenu(() => {\n        closeSideMenus();\n      });\n\n    const unsubscribeFromSideNavItemClicked =\n      uiShellContext?.subscribeToCloseSideNavMenu(() => {\n        closeSideMenus();\n      });\n\n    return () => {\n      unsubscribeFromCloseRightSideMenu?.();\n      unsubscribeFromSideNavItemClicked?.();\n    };\n  }, [closeSideMenus, uiShellContext]);\n\n  const toggleLeftSideMenu = useCallback(() => {\n    setIsRightSideMenuOpen(false);\n    setIsLeftSideMenuOpen((isLeftSideMenuOpen) => !isLeftSideMenuOpen);\n  }, []);\n\n  const toggleRightSideMenu = useCallback(() => {\n    setIsLeftSideMenuOpen(false);\n    setIsRightSideMenuOpen((isRightSideMenuOpen) => !isRightSideMenuOpen);\n  }, []);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        closeSideMenus();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [closeSideMenus]);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"compact\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <>\n      {(isLeftSideMenuOpen || isRightSideMenuOpen) && (\n        <StyledPageOverlay\n          odysseyDesignTokens={odysseyDesignTokens}\n          onClick={closeSideMenus}\n        />\n      )}\n\n      <StyledUiShellContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        ref={parentContainerRef}\n      >\n        <SkipToContent appElement={appElement} />\n\n        <StyledBannersContainer>\n          {optionalComponents?.banners}\n        </StyledBannersContainer>\n\n        {(initialVisibleSections?.includes(\"TopNav\") || topNavProps) && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <StyledTopNav\n              isContentScrolled={isContentScrolled}\n              odysseyDesignTokens={odysseyDesignTokens}\n              topNavBackgroundColor={uiShellContext?.topNavBackgroundColor}\n            >\n              <StyledTopNavMenu\n                odysseyDesignTokens={odysseyDesignTokens}\n                topNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                <StyledMenuLogo odysseyDesignTokens={odysseyDesignTokens}>\n                  {hasSideNavProps &&\n                    (sideNavProps?.isCollapsible ||\n                      !sideNavProps?.isCollapsed) && (\n                      <Button\n                        ariaLabel={t(\"topnav.sidenavmenu.toggle\")}\n                        onClick={toggleLeftSideMenu}\n                        startIcon={<HamburgerMenuIcon />}\n                        testId=\"sidenav-menu--icon\"\n                        variant=\"floating\"\n                      />\n                    )}\n\n                  <StyledLogoContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    <UiShellLogo {...(sideNavProps?.logoProps || logoProps)} />\n                  </StyledLogoContainer>\n                </StyledMenuLogo>\n\n                {optionalComponents?.rightSideMenu && (\n                  <Button\n                    ariaLabel={t(\"topnav.usermenu.toggle\")}\n                    onClick={toggleRightSideMenu}\n                    startIcon={\n                      isRightSideMenuOpen ? <CloseIcon /> : <MoreIcon />\n                    }\n                    testId=\"userprofile-menu--icon\"\n                    variant=\"floating\"\n                  />\n                )}\n              </StyledTopNavMenu>\n\n              {optionalComponents?.topNavLeftSide && (\n                <StyledTopNavSearch odysseyDesignTokens={odysseyDesignTokens}>\n                  {optionalComponents?.topNavLeftSide}\n                </StyledTopNavSearch>\n              )}\n            </StyledTopNav>\n          </ErrorBoundary>\n        )}\n\n        <StyledAppContentArea>\n          <StyledLeftSideContainer isOpen={isLeftSideMenuOpen}>\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                !hasSideNavProps && (\n                  <ErrorBoundary fallback={null} onError={onError}>\n                    <SideNav isLoading sideNavItems={emptySideNavItems} />\n                  </ErrorBoundary>\n                )\n            }\n\n            {hasSideNavProps && sideNavProps && (\n              <ErrorBoundary fallback={null} onError={onError}>\n                <StyledSideNavContainer>\n                  <SideNav\n                    {...{\n                      ...{\n                        ...sideNavProps,\n                        // This hides the side nav logo or app name from showing up as we already have one in the narrow top nav.\n                        appName: undefined,\n                        logoProps: undefined,\n                      },\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                    isCollapsed={false}\n                    isCollapsible={false}\n                    isObtrusive\n                    onCollapse={closeSideMenus}\n                  />\n                </StyledSideNavContainer>\n              </ErrorBoundary>\n            )}\n          </StyledLeftSideContainer>\n\n          <StyledRightSideContainer\n            isOpen={isRightSideMenuOpen}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <StyledSideNavContainer>\n              {optionalComponents?.rightSideMenu}\n            </StyledSideNavContainer>\n          </StyledRightSideContainer>\n\n          <StyledAppContainer\n            appBackgroundColor={uiShellContext?.appBackgroundColor}\n            ref={uiShellAppAreaRef}\n            tabIndex={0}\n          >\n            <InnerAppContainer isContentScrolled={isContentScrolled} />\n          </StyledAppContainer>\n        </StyledAppContentArea>\n      </StyledUiShellContainer>\n    </>\n  );\n};\n\nconst MemoizedNarrowUiShellContent = memo(NarrowUiShellContent);\nMemoizedNarrowUiShellContent.displayName = \"NarrowUiShellContent\";\n\nexport { MemoizedNarrowUiShellContent as NarrowUiShellContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ui-shell/SideNav/NavAccordion.cjs

@@ -170,5 +170,5 @@ const NavAccordion = ({
   });
 };
 const MemoizedNavAccordion = exports.NavAccordion = (0, _react.memo)(NavAccordion);
-MemoizedNavAccordion.displayName = "NavAccordion::pkg=odyssey&odysseyV=1.58.0";
+MemoizedNavAccordion.displayName = "NavAccordion::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=NavAccordion.cjs.map

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

@@ -643,5 +643,5 @@ const SideNav = ({
   });
 };
 const MemoizedSideNav = exports.SideNav = (0, _react.memo)(SideNav);
-MemoizedSideNav.displayName = "SideNav::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNav.displayName = "SideNav::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNav.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavFooterContent.cjs

@@ -69,5 +69,5 @@ const SideNavFooterContent = ({
   });
 };
 const MemoizedSideNavFooterContent = exports.SideNavFooterContent = (0, _react.memo)(SideNavFooterContent);
-MemoizedSideNavFooterContent.displayName = "SideNavFooterContent::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavFooterContent.displayName = "SideNavFooterContent::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavFooterContent.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavHeader.cjs

@@ -100,5 +100,5 @@ const SideNavHeader = ({
   });
 };
 const MemoizedSideNavHeader = exports.SideNavHeader = (0, _react.memo)(SideNavHeader);
-MemoizedSideNavHeader.displayName = "SideNavHeader::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavHeader.displayName = "SideNavHeader::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavHeader.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavItemContent.cjs

@@ -286,5 +286,5 @@ const SideNavItemContent = ({
   }, id);
 };
 const MemoizedSideNavItemContent = exports.SideNavItemContent = (0, _react.memo)(SideNavItemContent);
-MemoizedSideNavItemContent.displayName = "SideNavItemContent::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavItemContent.displayName = "SideNavItemContent::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavItemContent.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavItemLinkContent.cjs

@@ -74,5 +74,5 @@ const SideNavItemLinkContent = ({
   });
 };
 const MemoizedSideNavItemLinkContent = exports.SideNavItemLinkContent = (0, _react.memo)(SideNavItemLinkContent);
-MemoizedSideNavItemLinkContent.displayName = "SideNavItemLinkContent::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavItemLinkContent.displayName = "SideNavItemLinkContent::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavItemLinkContent.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavSortableList.cjs

@@ -43,5 +43,5 @@ const SideNavSortableList = ({
   });
 };
 const MemoizedSideNavSortableList = exports.SideNavSortableList = (0, _react.memo)(SideNavSortableList);
-MemoizedSideNavSortableList.displayName = "SideNavSortableList::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavSortableList.displayName = "SideNavSortableList::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavSortableList.cjs.map

package/dist/cjs/ui-shell/SideNav/SideNavToggleButton.cjs

@@ -87,7 +87,7 @@ const StyledChevronRightIcon = (0, _styled.default)(_ChevronRight.ChevronRightIc
   transitionProperty: "transform",
   transitionTimingFunction: "ease-in-out"
 }));
-StyledChevronRightIcon.displayName = "StyledChevronRightIcon::pkg=odyssey&odysseyV=1.58.0";
+StyledChevronRightIcon.displayName = "StyledChevronRightIcon::pkg=odyssey&odysseyV=1.59.0";
 const defaultLocalButton = typeof window === "undefined" ? null : document.createElement("button");
 const SideNavToggleButton = ({
   ariaControls,
@@ -162,5 +162,5 @@ const SideNavToggleButton = ({
   });
 };
 const MemoizedSideNavToggleButton = exports.SideNavToggleButton = (0, _react.memo)(SideNavToggleButton);
-MemoizedSideNavToggleButton.displayName = "SideNavToggleButton::pkg=odyssey&odysseyV=1.58.0";
+MemoizedSideNavToggleButton.displayName = "SideNavToggleButton::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=SideNavToggleButton.cjs.map

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

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkipToContent = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _BaseButton = require("../Buttons/BaseButton.cjs");
+var _i18n = require("../i18n.generated/i18n.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _uiShellSharedConstants = require("./uiShellSharedConstants.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * Copyright (c) 2026-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 StyledContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  left: odysseyDesignTokens.Spacing4,
+  position: "fixed",
+  top: odysseyDesignTokens.Spacing3,
+  zIndex: _uiShellSharedConstants.SKIP_LINKS_Z_INDEX,
+  "&:not(:focus-within)": {
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(50%)",
+    height: "1px",
+    overflow: "hidden",
+    pointerEvents: "none",
+    whiteSpace: "nowrap",
+    width: "1px"
+  }
+}));
+const SkipToContent = ({
+  appElement
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
+  const containerRef = (0, _react.useRef)(null);
+  const buttonRef = (0, _react.useRef)(null);
+  const interceptedFromRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (appElement) {
+      const hasTabIndex = appElement.hasAttribute("tabindex");
+      const hasOutlineStyle = appElement.style.getPropertyValue("outline") !== "";
+      if (!hasTabIndex) {
+        appElement.setAttribute("tabindex", "-1");
+      }
+      if (!hasOutlineStyle) {
+        appElement.style.setProperty("outline", "none");
+      }
+      return () => {
+        if (!hasTabIndex) {
+          appElement.removeAttribute("tabindex");
+        }
+        if (!hasOutlineStyle) {
+          appElement.style.removeProperty("outline");
+        }
+      };
+    }
+    return;
+  }, [appElement]);
+  (0, _react.useEffect)(() => {
+    const stopInterceptor = () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.removeEventListener("pointerdown", stopInterceptor);
+    };
+    const handleKeyDown = keyboardEvent => {
+      if (keyboardEvent.key === "Tab" && !keyboardEvent.shiftKey && !containerRef.current?.contains(document.activeElement)) {
+        interceptedFromRef.current = document.activeElement;
+        keyboardEvent.preventDefault();
+        stopInterceptor();
+        requestAnimationFrame(() => {
+          buttonRef.current?.focus();
+        });
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    document.addEventListener("pointerdown", stopInterceptor);
+    return stopInterceptor;
+  }, []);
+  (0, _react.useEffect)(() => {
+    const resumeFromInterceptedPosition = keyboardEvent => {
+      if (interceptedFromRef.current && keyboardEvent.key === "Tab" && !keyboardEvent.shiftKey && containerRef.current?.contains(document.activeElement)) {
+        interceptedFromRef.current.focus();
+        interceptedFromRef.current = null;
+      }
+    };
+    document.addEventListener("keydown", resumeFromInterceptedPosition);
+    return () => {
+      document.removeEventListener("keydown", resumeFromInterceptedPosition);
+    };
+  }, []);
+  const focusMainContent = (0, _react.useCallback)(() => {
+    appElement?.focus();
+  }, [appElement]);
+  return (0, _jsxRuntime.jsx)(StyledContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    ref: containerRef,
+    children: (0, _jsxRuntime.jsx)(_BaseButton.BaseButton, {
+      buttonRef: buttonRef,
+      label: t("skiplinks.main"),
+      onClick: focusMainContent,
+      variant: "primary"
+    })
+  });
+};
+const MemoizedSkipToContent = exports.SkipToContent = (0, _react.memo)(SkipToContent);
+MemoizedSkipToContent.displayName = "SkipToContent::pkg=odyssey&odysseyV=1.59.0";
+//# sourceMappingURL=SkipToContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkipToContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_BaseButton","_i18n","_OdysseyDesignTokensContext","_uiShellSharedConstants","_jsxRuntime","e","__esModule","default","StyledContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","left","Spacing4","position","top","Spacing3","zIndex","SKIP_LINKS_Z_INDEX","clip","clipPath","height","overflow","pointerEvents","whiteSpace","width","SkipToContent","appElement","useOdysseyDesignTokens","t","useTranslation","containerRef","useRef","buttonRef","interceptedFromRef","useEffect","hasTabIndex","hasAttribute","hasOutlineStyle","style","getPropertyValue","setAttribute","setProperty","removeAttribute","removeProperty","stopInterceptor","document","removeEventListener","handleKeyDown","keyboardEvent","key","shiftKey","current","contains","activeElement","preventDefault","requestAnimationFrame","focus","addEventListener","resumeFromInterceptedPosition","focusMainContent","useCallback","jsx","ref","children","BaseButton","label","onClick","variant","MemoizedSkipToContent","exports","memo","displayName"],"sources":["../../../src/ui-shell/SkipToContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2026-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, useCallback, useEffect, useRef } from \"react\";\n\nimport { BaseButton } from \"../Buttons/BaseButton.js\";\nimport { useTranslation } from \"../i18n.generated/i18n.js\";\nimport { FocusHandle } from \"../inputUtils.js\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { SKIP_LINKS_Z_INDEX } from \"./uiShellSharedConstants.js\";\n\nconst StyledContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  left: odysseyDesignTokens.Spacing4,\n  position: \"fixed\",\n  top: odysseyDesignTokens.Spacing3,\n  zIndex: SKIP_LINKS_Z_INDEX,\n  // Visually hidden when not focused — the \"sr-only\" pattern.\n  // https://www.a11yproject.com/posts/how-to-hide-content/\n  //\n  // We found this method via the A11y Project. It fixes axe color-contrast\n  // violations that `opacity: 0` triggers (axe still evaluates contrast on\n  // opacity-0 elements because they occupy space in the layout). The sr-only\n  // pattern collapses the element to 1×1 px and clips it, which axe — and\n  // every modern screen reader — treats as fully hidden. Unlike a large\n  // negative `left` offset, it also avoids any risk of a phantom scrollbar.\n  \"&:not(:focus-within)\": {\n    clip: \"rect(0 0 0 0)\",\n    clipPath: \"inset(50%)\",\n    height: \"1px\",\n    overflow: \"hidden\",\n    pointerEvents: \"none\",\n    whiteSpace: \"nowrap\",\n    width: \"1px\",\n  },\n}));\n\ntype SkipToContentProps = {\n  appElement: HTMLDivElement | null;\n};\n\nconst SkipToContent = ({ appElement }: SkipToContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const buttonRef = useRef<FocusHandle>(null);\n  const interceptedFromRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (appElement) {\n      const hasTabIndex = appElement.hasAttribute(\"tabindex\");\n      const hasOutlineStyle =\n        appElement.style.getPropertyValue(\"outline\") !== \"\";\n\n      if (!hasTabIndex) {\n        appElement.setAttribute(\"tabindex\", \"-1\");\n      }\n      if (!hasOutlineStyle) {\n        appElement.style.setProperty(\"outline\", \"none\");\n      }\n\n      return () => {\n        if (!hasTabIndex) {\n          appElement.removeAttribute(\"tabindex\");\n        }\n        if (!hasOutlineStyle) {\n          appElement.style.removeProperty(\"outline\");\n        }\n      };\n    }\n\n    return;\n  }, [appElement]);\n\n  useEffect(() => {\n    const stopInterceptor = () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n      document.removeEventListener(\"pointerdown\", stopInterceptor);\n    };\n\n    const handleKeyDown = (keyboardEvent: globalThis.KeyboardEvent) => {\n      if (\n        keyboardEvent.key === \"Tab\" &&\n        !keyboardEvent.shiftKey &&\n        !containerRef.current?.contains(document.activeElement)\n      ) {\n        interceptedFromRef.current = document.activeElement as HTMLElement;\n        keyboardEvent.preventDefault();\n        stopInterceptor();\n\n        requestAnimationFrame(() => {\n          buttonRef.current?.focus();\n        });\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    document.addEventListener(\"pointerdown\", stopInterceptor);\n\n    return stopInterceptor;\n  }, []);\n\n  useEffect(() => {\n    const resumeFromInterceptedPosition = (\n      keyboardEvent: globalThis.KeyboardEvent,\n    ) => {\n      if (\n        interceptedFromRef.current &&\n        keyboardEvent.key === \"Tab\" &&\n        !keyboardEvent.shiftKey &&\n        containerRef.current?.contains(document.activeElement)\n      ) {\n        interceptedFromRef.current.focus();\n        interceptedFromRef.current = null;\n      }\n    };\n\n    document.addEventListener(\"keydown\", resumeFromInterceptedPosition);\n\n    return () => {\n      document.removeEventListener(\"keydown\", resumeFromInterceptedPosition);\n    };\n  }, []);\n\n  const focusMainContent = useCallback(() => {\n    appElement?.focus();\n  }, [appElement]);\n\n  return (\n    <StyledContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={containerRef}\n    >\n      <BaseButton\n        buttonRef={buttonRef}\n        label={t(\"skiplinks.main\")}\n        onClick={focusMainContent}\n        variant=\"primary\"\n      />\n    </StyledContainer>\n  );\n};\n\nconst MemoizedSkipToContent = memo(SkipToContent);\nMemoizedSkipToContent.displayName = \"SkipToContent\";\n\nexport { MemoizedSkipToContent as SkipToContent };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ui-shell/TopNav/HamburgerMenuIcon.cjs

@@ -33,5 +33,5 @@ var _jsxRuntime = require("react/jsx-runtime");
   });
 });
 const MemoizedHamburgerMenuIcon = exports.HamburgerMenuIcon = (0, _react.memo)(HamburgerMenuIcon);
-MemoizedHamburgerMenuIcon.displayName = "HamburgerMenuIcon::pkg=odyssey&odysseyV=1.58.0";
+MemoizedHamburgerMenuIcon.displayName = "HamburgerMenuIcon::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=HamburgerMenuIcon.cjs.map

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

@@ -69,5 +69,5 @@ const TopNav = ({
   });
 };
 const MemoizedTopNav = exports.TopNav = (0, _react.memo)(TopNav);
-MemoizedTopNav.displayName = "TopNav::pkg=odyssey&odysseyV=1.58.0";
+MemoizedTopNav.displayName = "TopNav::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=TopNav.cjs.map

package/dist/cjs/ui-shell/TopNav/TopNavLinksList.cjs

@@ -39,5 +39,5 @@ const TopNavLinksList = ({
   })
 });
 const MemoizedTopNavLinksList = exports.TopNavLinksList = (0, _react.memo)(TopNavLinksList);
-MemoizedTopNavLinksList.displayName = "TopNavLinksList::pkg=odyssey&odysseyV=1.58.0";
+MemoizedTopNavLinksList.displayName = "TopNavLinksList::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=TopNavLinksList.cjs.map

package/dist/cjs/ui-shell/TopNav/TopNavListItem.cjs

@@ -133,5 +133,5 @@ const TopNavListItem = ({
   });
 };
 const MemoizedTopNavListItem = exports.TopNavListItem = (0, _react.memo)(TopNavListItem);
-MemoizedTopNavListItem.displayName = "TopNavListItem::pkg=odyssey&odysseyV=1.58.0";
+MemoizedTopNavListItem.displayName = "TopNavListItem::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=TopNavListItem.cjs.map

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

@@ -120,5 +120,5 @@ const UiShell = ({
   });
 };
 const MemoizedUiShell = exports.UiShell = (0, _react.memo)(UiShell);
-MemoizedUiShell.displayName = "UiShell::pkg=odyssey&odysseyV=1.58.0";
+MemoizedUiShell.displayName = "UiShell::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=UiShell.cjs.map

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

@@ -72,5 +72,5 @@ const UiShellLogo = ({
   });
 };
 const MemoizedUiShellLogo = exports.UiShellLogo = (0, _react.memo)(UiShellLogo);
-MemoizedUiShellLogo.displayName = "UiShellLogo::pkg=odyssey&odysseyV=1.58.0";
+MemoizedUiShellLogo.displayName = "UiShellLogo::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=UiShellLogo.cjs.map

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

@@ -11,6 +11,7 @@ var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
 var _AppSwitcher = require("./AppSwitcher/AppSwitcher.cjs");
 var _InnerAppContainer = require("./InnerAppContainer.cjs");
 var _SideNav = require("./SideNav/SideNav.cjs");
+var _SkipToContent = require("./SkipToContent.cjs");
 var _TopNav = require("./TopNav/TopNav.cjs");
 var _uiShellContentTypes = require("./uiShellContentTypes.cjs");
 var _UiShellProvider = require("./UiShellProvider.cjs");
@@ -103,7 +104,9 @@ const WideUiShellContent = ({
   return (0, _jsxRuntime.jsxs)(StyledShellContainer, {
     odysseyDesignTokens: odysseyDesignTokens,
     ref: parentContainerRef,
-    children: [(0, _jsxRuntime.jsx)(StyledBannersContainer, {
+    children: [(0, _jsxRuntime.jsx)(_SkipToContent.SkipToContent, {
+      appElement: appElement
+    }), (0, _jsxRuntime.jsx)(StyledBannersContainer, {
       children: optionalComponents?.banners
     }), (0, _jsxRuntime.jsxs)(StyledAppSwitcherContainer, {
       children: [initialVisibleSections?.includes("AppSwitcher") && !appSwitcherProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
@@ -174,5 +177,5 @@ const WideUiShellContent = ({
   });
 };
 const MemoizedWideUiShellContent = exports.WideUiShellContent = (0, _react.memo)(WideUiShellContent);
-MemoizedWideUiShellContent.displayName = "WideUiShellContent::pkg=odyssey&odysseyV=1.58.0";
+MemoizedWideUiShellContent.displayName = "WideUiShellContent::pkg=odyssey&odysseyV=1.59.0";
 //# sourceMappingURL=WideUiShellContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"WideUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_OdysseyDesignTokensContext","_AppSwitcher","_InnerAppContainer","_SideNav","_TopNav","_uiShellContentTypes","_UiShellProvider","_uiShellSharedConstants","_useMatchAppElementToUiShellAppArea","_useScrollState","_jsxRuntime","e","__esModule","default","appSwitcherDefaultAppIcons","StyledAppContainer","styled","shouldForwardProp","prop","appBackgroundColor","backgroundColor","gridArea","position","StyledAppSwitcherContainer","StyledBannersContainer","StyledSideNavContainer","StyledShellContainer","odysseyDesignTokens","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledTopNavContainer","WideUiShellContent","appElement","appElementScrollingMode","appSwitcherProps","hasStandardAppContentPadding","hasSideNavProps","initialVisibleSections","onError","console","error","optionalComponents","sideNavProps","topNavProps","useOdysseyDesignTokens","uiShellContext","useUiShellContext","isContentScrolled","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","ref","children","jsx","banners","includes","ErrorBoundary","fallback","AppSwitcher","appIcons","isLoading","selectedAppName","TURN_OFF_APP_SWITCHER","SideNav","sideNavItems","emptySideNavItems","hasCustomFooter","sideNavFooter","footerComponent","footerItems","undefined","TopNav","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","tabIndex","InnerAppContainer","MemoizedWideUiShellContent","exports","memo","displayName"],"sources":["../../../src/ui-shell/WideUiShellContent.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, useRef } from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { AppSwitcher } from \"./AppSwitcher/AppSwitcher.js\";\nimport { AppSwitcherAppIconData } from \"./AppSwitcher/AppSwitcherApp.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { TopNav } from \"./TopNav/TopNav.js\";\nimport {\n  TURN_OFF_APP_SWITCHER,\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport { emptySideNavItems } from \"./uiShellSharedConstants.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { useScrollState } from \"./useScrollState.js\";\n\nconst appSwitcherDefaultAppIcons = [] satisfies AppSwitcherAppIconData[];\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  gridArea: \"app-content\",\n  position: \"relative\",\n}));\n\nconst StyledAppSwitcherContainer = styled(\"div\")({\n  gridArea: \"app-switcher\",\n});\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\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 type WideUiShellContentProps = UiShellNavComponentProps &\n  UiShellContentProps;\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 WideUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  appSwitcherProps,\n  hasStandardAppContentPadding = true,\n  hasSideNavProps,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: WideUiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"comfortable\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <StyledShellContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={parentContainerRef}\n    >\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledAppSwitcherContainer>\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\n                  appIcons={appSwitcherDefaultAppIcons}\n                  isLoading\n                  selectedAppName=\"\"\n                />\n              </ErrorBoundary>\n            )\n        }\n\n        {appSwitcherProps && appSwitcherProps !== TURN_OFF_APP_SWITCHER && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <AppSwitcher {...appSwitcherProps} />\n          </ErrorBoundary>\n        )}\n      </StyledAppSwitcherContainer>\n\n      <StyledSideNavContainer ref={sideNavContainerRef}>\n        {\n          /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n          initialVisibleSections?.includes(\"SideNav\") && !hasSideNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <SideNav isLoading sideNavItems={emptySideNavItems} />\n            </ErrorBoundary>\n          )\n        }\n\n        {hasSideNavProps && 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      </StyledSideNavContainer>\n\n      <StyledTopNavContainer ref={topNavContainerRef}>\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\n        {topNavProps && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <TopNav\n              {...topNavProps}\n              leftSideComponent={optionalComponents?.topNavLeftSide}\n              rightSideComponent={optionalComponents?.topNavRightSide}\n            />\n          </ErrorBoundary>\n        )}\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        appBackgroundColor={uiShellContext?.appBackgroundColor}\n        ref={uiShellAppAreaRef}\n        tabIndex={0}\n      >\n        <InnerAppContainer isContentScrolled={isContentScrolled} />\n      </StyledAppContainer>\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedWideUiShellContent = memo(WideUiShellContent);\nMemoizedWideUiShellContent.displayName = \"WideUiShellContent\";\n\nexport { MemoizedWideUiShellContent as WideUiShellContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"WideUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_OdysseyDesignTokensContext","_AppSwitcher","_InnerAppContainer","_SideNav","_SkipToContent","_TopNav","_uiShellContentTypes","_UiShellProvider","_uiShellSharedConstants","_useMatchAppElementToUiShellAppArea","_useScrollState","_jsxRuntime","e","__esModule","default","appSwitcherDefaultAppIcons","StyledAppContainer","styled","shouldForwardProp","prop","appBackgroundColor","backgroundColor","gridArea","position","StyledAppSwitcherContainer","StyledBannersContainer","StyledSideNavContainer","StyledShellContainer","odysseyDesignTokens","HueNeutral50","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledTopNavContainer","WideUiShellContent","appElement","appElementScrollingMode","appSwitcherProps","hasStandardAppContentPadding","hasSideNavProps","initialVisibleSections","onError","console","error","optionalComponents","sideNavProps","topNavProps","useOdysseyDesignTokens","uiShellContext","useUiShellContext","isContentScrolled","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","ref","children","jsx","SkipToContent","banners","includes","ErrorBoundary","fallback","AppSwitcher","appIcons","isLoading","selectedAppName","TURN_OFF_APP_SWITCHER","SideNav","sideNavItems","emptySideNavItems","hasCustomFooter","sideNavFooter","footerComponent","footerItems","undefined","TopNav","leftSideComponent","topNavLeftSide","rightSideComponent","topNavRightSide","tabIndex","InnerAppContainer","MemoizedWideUiShellContent","exports","memo","displayName"],"sources":["../../../src/ui-shell/WideUiShellContent.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, useRef } from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { AppSwitcher } from \"./AppSwitcher/AppSwitcher.js\";\nimport { AppSwitcherAppIconData } from \"./AppSwitcher/AppSwitcherApp.js\";\nimport { InnerAppContainer } from \"./InnerAppContainer.js\";\nimport { SideNav } from \"./SideNav/SideNav.js\";\nimport { SkipToContent } from \"./SkipToContent.js\";\nimport { TopNav } from \"./TopNav/TopNav.js\";\nimport {\n  TURN_OFF_APP_SWITCHER,\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport { emptySideNavItems } from \"./uiShellSharedConstants.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { useScrollState } from \"./useScrollState.js\";\n\nconst appSwitcherDefaultAppIcons = [] satisfies AppSwitcherAppIconData[];\n\nconst StyledAppContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"appBackgroundColor\" && prop !== \"odysseyDesignTokens\",\n})<{\n  appBackgroundColor?: UiShellColors[\"appBackgroundColor\"];\n}>(({ appBackgroundColor }) => ({\n  backgroundColor: appBackgroundColor,\n  gridArea: \"app-content\",\n  position: \"relative\",\n}));\n\nconst StyledAppSwitcherContainer = styled(\"div\")({\n  gridArea: \"app-switcher\",\n});\n\nconst StyledBannersContainer = styled(\"div\")({\n  gridArea: \"banners\",\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 type WideUiShellContentProps = UiShellNavComponentProps &\n  UiShellContentProps;\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 WideUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  appSwitcherProps,\n  hasStandardAppContentPadding = true,\n  hasSideNavProps,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\n  onError = console.error,\n  optionalComponents,\n  sideNavProps,\n  topNavProps,\n}: WideUiShellContentProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  const { isContentScrolled } = useScrollState(appElement);\n\n  const sideNavContainerRef = useRef<HTMLDivElement>(null);\n  const topNavContainerRef = useRef<HTMLDivElement>(null);\n  const uiShellAppAreaRef = useRef<HTMLDivElement>(null);\n\n  const { parentContainerRef } = useMatchAppElementToUiShellAppArea({\n    appElement,\n    appElementScrollingMode,\n    paddingMode: hasStandardAppContentPadding ? \"comfortable\" : \"none\",\n    uiShellAppAreaRef,\n    uiShellResizableRefs: [\n      sideNavContainerRef,\n      topNavContainerRef,\n      uiShellAppAreaRef,\n    ],\n  });\n\n  return (\n    <StyledShellContainer\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={parentContainerRef}\n    >\n      <SkipToContent appElement={appElement} />\n\n      <StyledBannersContainer>\n        {optionalComponents?.banners}\n      </StyledBannersContainer>\n\n      <StyledAppSwitcherContainer>\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\n                  appIcons={appSwitcherDefaultAppIcons}\n                  isLoading\n                  selectedAppName=\"\"\n                />\n              </ErrorBoundary>\n            )\n        }\n\n        {appSwitcherProps && appSwitcherProps !== TURN_OFF_APP_SWITCHER && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <AppSwitcher {...appSwitcherProps} />\n          </ErrorBoundary>\n        )}\n      </StyledAppSwitcherContainer>\n\n      <StyledSideNavContainer ref={sideNavContainerRef}>\n        {\n          /* If SideNav should be initially visible and we have not yet received props, render SideNav with minimal inputs */\n          initialVisibleSections?.includes(\"SideNav\") && !hasSideNavProps && (\n            <ErrorBoundary fallback={null} onError={onError}>\n              <SideNav isLoading sideNavItems={emptySideNavItems} />\n            </ErrorBoundary>\n          )\n        }\n\n        {hasSideNavProps && 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      </StyledSideNavContainer>\n\n      <StyledTopNavContainer ref={topNavContainerRef}>\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\n        {topNavProps && (\n          <ErrorBoundary fallback={null} onError={onError}>\n            <TopNav\n              {...topNavProps}\n              leftSideComponent={optionalComponents?.topNavLeftSide}\n              rightSideComponent={optionalComponents?.topNavRightSide}\n            />\n          </ErrorBoundary>\n        )}\n      </StyledTopNavContainer>\n\n      <StyledAppContainer\n        appBackgroundColor={uiShellContext?.appBackgroundColor}\n        ref={uiShellAppAreaRef}\n        tabIndex={0}\n      >\n        <InnerAppContainer isContentScrolled={isContentScrolled} />\n      </StyledAppContainer>\n    </StyledShellContainer>\n  );\n};\n\nconst MemoizedWideUiShellContent = memo(WideUiShellContent);\nMemoizedWideUiShellContent.displayName = \"WideUiShellContent\";\n\nexport { MemoizedWideUiShellContent as WideUiShellContent };\n"],"mappings":"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","ignoreList":[]}

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

@@ -98,6 +98,18 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
+var _SkipToContent = require("./SkipToContent.cjs");
+Object.keys(_SkipToContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SkipToContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SkipToContent[key];
+    }
+  });
+});
 var _TopNav = require("./TopNav/TopNav.cjs");
 Object.keys(_TopNav).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;