@okta/odyssey-react-mui 1.53.0 → 1.55.0

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

@@ -9,6 +9,7 @@ var _react = require("react");
 var _reactErrorBoundary = require("react-error-boundary");
 var _Button = require("../Buttons/Button.cjs");
 var _hexToRgb = require("../hexToRgb.cjs");
+var _i18n = require("../i18n.generated/i18n.cjs");
 var _Close = require("../icons.generated/Close.cjs");
 var _More = require("../icons.generated/More.cjs");
 var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
@@ -200,6 +201,9 @@ const NarrowUiShellContent = ({
   sideNavProps,
   topNavProps
 }) => {
+  const {
+    t
+  } = (0, _i18n.useTranslation)();
   const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   const uiShellContext = (0, _UiShellProvider.useUiShellContext)();
   const {
@@ -234,6 +238,17 @@ const NarrowUiShellContent = ({
     setIsLeftSideMenuOpen(false);
     setIsRightSideMenuOpen(isRightSideMenuOpen => !isRightSideMenuOpen);
   }, []);
+  (0, _react.useEffect)(() => {
+    const handleKeyDown = event => {
+      if (event.key === "Escape") {
+        closeSideMenus();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [closeSideMenus]);
   const {
     parentContainerRef
   } = (0, _useMatchAppElementToUiShellAppArea.useMatchAppElementToUiShellAppArea)({
@@ -265,6 +280,7 @@ const NarrowUiShellContent = ({
             children: [(0, _jsxRuntime.jsxs)(StyledMenuLogo, {
               odysseyDesignTokens: odysseyDesignTokens,
               children: [hasSideNavProps && (sideNavProps?.isCollapsible || !sideNavProps?.isCollapsed) && (0, _jsxRuntime.jsx)(_Button.Button, {
+                ariaLabel: t("topnav.sidenavmenu.toggle"),
                 onClick: toggleLeftSideMenu,
                 startIcon: (0, _jsxRuntime.jsx)(_HamburgerMenuIcon.HamburgerMenuIcon, {}),
                 testId: "sidenav-menu--icon",
@@ -276,6 +292,7 @@ const NarrowUiShellContent = ({
                 })
               })]
             }), optionalComponents?.rightSideMenu && (0, _jsxRuntime.jsx)(_Button.Button, {
+              ariaLabel: t("topnav.usermenu.toggle"),
               onClick: toggleRightSideMenu,
               startIcon: isRightSideMenuOpen ? (0, _jsxRuntime.jsx)(_Close.CloseIcon, {}) : (0, _jsxRuntime.jsx)(_More.MoreIcon, {}),
               testId: "userprofile-menu--icon",

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

@@ -1 +1 @@
-{"version":3,"file":"NarrowUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_Button","_hexToRgb","_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","useOdysseyDesignTokens","uiShellContext","useUiShellContext","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","useState","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","useCallback","useEffect","unsubscribeFromCloseRightSideMenu","subscribeToCloseRightSideMenu","unsubscribeFromSideNavItemClicked","subscribeToCloseSideNavMenu","toggleLeftSideMenu","toggleRightSideMenu","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","Fragment","children","jsx","onClick","ref","banners","includes","ErrorBoundary","fallback","sideNavBackgroundColor","isCollapsible","isCollapsed","Button","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 { 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 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  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                        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                    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","_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":[]}

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

@@ -71,6 +71,7 @@ const UiShell = ({
     onError: onError,
     children: (0, _jsxRuntime.jsx)(_OdysseyProvider.OdysseyProvider, {
       emotionRootElement: uiShellStylesElement,
+      fullScreenOverlayId: "odyssey-react-overlay-component-render-ui-shell",
       hasCssBaseline: true,
       shadowRootElement: uiShellAppElement,
       children: (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {

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

@@ -1 +1 @@
-{"version":3,"file":"UiShell.cjs","names":["_react","require","_reactErrorBoundary","_OdysseyProvider","_NarrowUiShellContent","_UiShellProvider","_useUiShellBreakpoints","_WideUiShellContent","_jsxRuntime","defaultComponentProps","exports","sideNavProps","undefined","topNavProps","errorComponent","jsx","UiShell","appBackgroundColor","appBackgroundContrastMode","appElement","appElementScrollingMode","breakpointConfig","closeSideNavMenu","hasStandardAppContentPadding","initialVisibleSections","onError","console","error","onSubscriptionCreated","optionalComponents","sideNavBackgroundColor","sideNavBackgroundContrastColor","subscribeToCloseRightSideMenu","subscribeToCloseSideNavMenu","subscribeToPropChanges","topNavBackgroundColor","uiShellAppElement","uiShellStylesElement","componentProps","setComponentProps","useState","activeBreakpoint","useUiShellBreakpoints","logoProps","Error","useEffect","unsubscribe","ErrorBoundary","fallback","children","OdysseyProvider","emotionRootElement","hasCssBaseline","shadowRootElement","jsxs","UiShellProvider","NarrowUiShellContent","hasSideNavProps","Boolean","WideUiShellContent","hasSessionStorageState","isCollapsed","isCollapsible","MemoizedUiShell","memo","displayName"],"sources":["../../../src/ui-shell/UiShell.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 { memo, type SetStateAction, useEffect, useState } from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport { OdysseyProvider } from \"../OdysseyProvider.js\";\nimport { MessageBus } from \"../tools/createMessageBus.js\";\nimport { type ReactRootElements } from \"../web-component/createReactRootElements.js\";\nimport { NarrowUiShellContent } from \"./NarrowUiShellContent.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellProvider, UiShellProviderProps } from \"./UiShellProvider.js\";\nimport {\n  UiShellBreakpointConfig,\n  useUiShellBreakpoints,\n} from \"./useUiShellBreakpoints.js\";\nimport { WideUiShellContent } from \"./WideUiShellContent.js\";\n\nexport const defaultComponentProps: UiShellNavComponentProps = {\n  sideNavProps: undefined,\n  topNavProps: undefined,\n} as const;\n\nconst errorComponent = <div data-error />;\n\nexport type UiShellProps = {\n  /**\n   * Customized breakpoints for UI Shell.\n   *\n   * The defaults are set for you. Pass these only if your app doesn't work properly with the defaults (like Admin).\n   */\n  breakpointConfig?: UiShellBreakpointConfig;\n  /**\n   * Notifies when subscribed to prop changes.\n   *\n   * UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.\n   */\n  onSubscriptionCreated: () => void;\n  /**\n   * This is a callback that provides a subscriber callback to listen for changes to state.\n   * It allows UI Shell to listen for state changes.\n   *\n   * The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.\n   */\n  subscribeToPropChanges: MessageBus<\n    SetStateAction<UiShellNavComponentProps>\n  >[\"subscribe\"];\n  /**\n   * Element inside UI Shell's React root component renders into. If using a web component, this is going to exist inside it.\n   */\n  uiShellAppElement: ReactRootElements[\"appRootElement\"];\n  /**\n   * Typically, this is your `<head>` element. If using a web component, you need to create one yourself as Shadow DOM's don't have a `<head>`.\n   */\n  uiShellStylesElement: ReactRootElements[\"stylesRootElement\"];\n} & UiShellProviderProps &\n  Pick<\n    UiShellContentProps,\n    | \"appElement\"\n    | \"appElementScrollingMode\"\n    | \"hasStandardAppContentPadding\"\n    | \"initialVisibleSections\"\n    | \"onError\"\n    | \"optionalComponents\"\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 UiShell = ({\n  appBackgroundColor,\n  appBackgroundContrastMode,\n  appElement,\n  appElementScrollingMode,\n  breakpointConfig,\n  closeSideNavMenu,\n  hasStandardAppContentPadding,\n  initialVisibleSections,\n  onError = console.error,\n  onSubscriptionCreated,\n  optionalComponents,\n  sideNavBackgroundColor,\n  sideNavBackgroundContrastColor,\n  subscribeToCloseRightSideMenu,\n  subscribeToCloseSideNavMenu,\n  subscribeToPropChanges,\n  topNavBackgroundColor,\n  uiShellAppElement,\n  uiShellStylesElement,\n}: UiShellProps) => {\n  const [componentProps, setComponentProps] = useState(defaultComponentProps);\n\n  const activeBreakpoint = useUiShellBreakpoints(breakpointConfig);\n\n  if (componentProps.sideNavProps?.logoProps && componentProps.logoProps) {\n    throw new Error(\n      \"Unified UI Shell: You passed both `logoProps` and `sideNavProps.logoProps` as component props. Please only use the top-level `logoProps` instead.\",\n    );\n  }\n\n  useEffect(() => {\n    const unsubscribe = subscribeToPropChanges((componentProps) => {\n      // If for some reason nothing is passed as `componentProps`, we fallback on `defaultComponentProps` as a safety mechanism to ensure nothing breaks.\n      setComponentProps(componentProps || defaultComponentProps);\n    });\n\n    onSubscriptionCreated();\n\n    return () => {\n      unsubscribe();\n    };\n  }, [onSubscriptionCreated, subscribeToPropChanges]);\n\n  return activeBreakpoint === \"none\" ? null : (\n    <ErrorBoundary fallback={errorComponent} onError={onError}>\n      <OdysseyProvider\n        emotionRootElement={uiShellStylesElement}\n        hasCssBaseline\n        shadowRootElement={uiShellAppElement}\n      >\n        <ErrorBoundary fallback={errorComponent} onError={onError}>\n          <UiShellProvider\n            appBackgroundColor={appBackgroundColor}\n            appBackgroundContrastMode={appBackgroundContrastMode}\n            closeSideNavMenu={closeSideNavMenu}\n            sideNavBackgroundColor={sideNavBackgroundColor}\n            sideNavBackgroundContrastColor={sideNavBackgroundContrastColor}\n            subscribeToCloseRightSideMenu={subscribeToCloseRightSideMenu}\n            subscribeToCloseSideNavMenu={subscribeToCloseSideNavMenu}\n            topNavBackgroundColor={topNavBackgroundColor}\n          >\n            {activeBreakpoint === \"narrow\" && (\n              <NarrowUiShellContent\n                {...componentProps}\n                appElement={appElement}\n                appElementScrollingMode={appElementScrollingMode}\n                hasSideNavProps={Boolean(componentProps.sideNavProps)}\n                hasStandardAppContentPadding={hasStandardAppContentPadding}\n                initialVisibleSections={initialVisibleSections}\n                onError={onError}\n                optionalComponents={optionalComponents}\n              />\n            )}\n\n            {(activeBreakpoint === \"medium\" || activeBreakpoint === \"wide\") && (\n              <WideUiShellContent\n                {...{\n                  ...componentProps,\n                  ...{\n                    sideNavProps: {\n                      ...componentProps.sideNavProps,\n                      hasSessionStorageState: activeBreakpoint === \"wide\",\n                      isCollapsed:\n                        activeBreakpoint === \"medium\" ||\n                        componentProps.sideNavProps?.isCollapsed,\n                      isCollapsible:\n                        activeBreakpoint === \"medium\" ||\n                        componentProps.sideNavProps?.isCollapsible,\n                      logoProps:\n                        componentProps.sideNavProps?.logoProps ||\n                        componentProps.logoProps,\n                    } as typeof componentProps.sideNavProps, // We have to use `as` because sideNavProps expects you to have `sideNavItems` defined even though it had to be passed in `...componentProps.sideNavProps`.\n                  },\n                }}\n                appElement={appElement}\n                appElementScrollingMode={appElementScrollingMode}\n                hasSideNavProps={Boolean(componentProps.sideNavProps)}\n                hasStandardAppContentPadding={hasStandardAppContentPadding}\n                initialVisibleSections={initialVisibleSections}\n                onError={onError}\n                optionalComponents={optionalComponents}\n              />\n            )}\n          </UiShellProvider>\n        </ErrorBoundary>\n      </OdysseyProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst MemoizedUiShell = memo(UiShell);\nMemoizedUiShell.displayName = \"UiShell\";\n\nexport { MemoizedUiShell as UiShell };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UiShell.cjs","names":["_react","require","_reactErrorBoundary","_OdysseyProvider","_NarrowUiShellContent","_UiShellProvider","_useUiShellBreakpoints","_WideUiShellContent","_jsxRuntime","defaultComponentProps","exports","sideNavProps","undefined","topNavProps","errorComponent","jsx","UiShell","appBackgroundColor","appBackgroundContrastMode","appElement","appElementScrollingMode","breakpointConfig","closeSideNavMenu","hasStandardAppContentPadding","initialVisibleSections","onError","console","error","onSubscriptionCreated","optionalComponents","sideNavBackgroundColor","sideNavBackgroundContrastColor","subscribeToCloseRightSideMenu","subscribeToCloseSideNavMenu","subscribeToPropChanges","topNavBackgroundColor","uiShellAppElement","uiShellStylesElement","componentProps","setComponentProps","useState","activeBreakpoint","useUiShellBreakpoints","logoProps","Error","useEffect","unsubscribe","ErrorBoundary","fallback","children","OdysseyProvider","emotionRootElement","fullScreenOverlayId","hasCssBaseline","shadowRootElement","jsxs","UiShellProvider","NarrowUiShellContent","hasSideNavProps","Boolean","WideUiShellContent","hasSessionStorageState","isCollapsed","isCollapsible","MemoizedUiShell","memo","displayName"],"sources":["../../../src/ui-shell/UiShell.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 { memo, type SetStateAction, useEffect, useState } from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\n\nimport { OdysseyProvider } from \"../OdysseyProvider.js\";\nimport { MessageBus } from \"../tools/createMessageBus.js\";\nimport { type ReactRootElements } from \"../web-component/createReactRootElements.js\";\nimport { NarrowUiShellContent } from \"./NarrowUiShellContent.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.js\";\nimport { UiShellProvider, UiShellProviderProps } from \"./UiShellProvider.js\";\nimport {\n  UiShellBreakpointConfig,\n  useUiShellBreakpoints,\n} from \"./useUiShellBreakpoints.js\";\nimport { WideUiShellContent } from \"./WideUiShellContent.js\";\n\nexport const defaultComponentProps: UiShellNavComponentProps = {\n  sideNavProps: undefined,\n  topNavProps: undefined,\n} as const;\n\nconst errorComponent = <div data-error />;\n\nexport type UiShellProps = {\n  /**\n   * Customized breakpoints for UI Shell.\n   *\n   * The defaults are set for you. Pass these only if your app doesn't work properly with the defaults (like Admin).\n   */\n  breakpointConfig?: UiShellBreakpointConfig;\n  /**\n   * Notifies when subscribed to prop changes.\n   *\n   * UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.\n   */\n  onSubscriptionCreated: () => void;\n  /**\n   * This is a callback that provides a subscriber callback to listen for changes to state.\n   * It allows UI Shell to listen for state changes.\n   *\n   * The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.\n   */\n  subscribeToPropChanges: MessageBus<\n    SetStateAction<UiShellNavComponentProps>\n  >[\"subscribe\"];\n  /**\n   * Element inside UI Shell's React root component renders into. If using a web component, this is going to exist inside it.\n   */\n  uiShellAppElement: ReactRootElements[\"appRootElement\"];\n  /**\n   * Typically, this is your `<head>` element. If using a web component, you need to create one yourself as Shadow DOM's don't have a `<head>`.\n   */\n  uiShellStylesElement: ReactRootElements[\"stylesRootElement\"];\n} & UiShellProviderProps &\n  Pick<\n    UiShellContentProps,\n    | \"appElement\"\n    | \"appElementScrollingMode\"\n    | \"hasStandardAppContentPadding\"\n    | \"initialVisibleSections\"\n    | \"onError\"\n    | \"optionalComponents\"\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 UiShell = ({\n  appBackgroundColor,\n  appBackgroundContrastMode,\n  appElement,\n  appElementScrollingMode,\n  breakpointConfig,\n  closeSideNavMenu,\n  hasStandardAppContentPadding,\n  initialVisibleSections,\n  onError = console.error,\n  onSubscriptionCreated,\n  optionalComponents,\n  sideNavBackgroundColor,\n  sideNavBackgroundContrastColor,\n  subscribeToCloseRightSideMenu,\n  subscribeToCloseSideNavMenu,\n  subscribeToPropChanges,\n  topNavBackgroundColor,\n  uiShellAppElement,\n  uiShellStylesElement,\n}: UiShellProps) => {\n  const [componentProps, setComponentProps] = useState(defaultComponentProps);\n\n  const activeBreakpoint = useUiShellBreakpoints(breakpointConfig);\n\n  if (componentProps.sideNavProps?.logoProps && componentProps.logoProps) {\n    throw new Error(\n      \"Unified UI Shell: You passed both `logoProps` and `sideNavProps.logoProps` as component props. Please only use the top-level `logoProps` instead.\",\n    );\n  }\n\n  useEffect(() => {\n    const unsubscribe = subscribeToPropChanges((componentProps) => {\n      // If for some reason nothing is passed as `componentProps`, we fallback on `defaultComponentProps` as a safety mechanism to ensure nothing breaks.\n      setComponentProps(componentProps || defaultComponentProps);\n    });\n\n    onSubscriptionCreated();\n\n    return () => {\n      unsubscribe();\n    };\n  }, [onSubscriptionCreated, subscribeToPropChanges]);\n\n  return activeBreakpoint === \"none\" ? null : (\n    <ErrorBoundary fallback={errorComponent} onError={onError}>\n      <OdysseyProvider\n        emotionRootElement={uiShellStylesElement}\n        fullScreenOverlayId=\"odyssey-react-overlay-component-render-ui-shell\"\n        hasCssBaseline\n        shadowRootElement={uiShellAppElement}\n      >\n        <ErrorBoundary fallback={errorComponent} onError={onError}>\n          <UiShellProvider\n            appBackgroundColor={appBackgroundColor}\n            appBackgroundContrastMode={appBackgroundContrastMode}\n            closeSideNavMenu={closeSideNavMenu}\n            sideNavBackgroundColor={sideNavBackgroundColor}\n            sideNavBackgroundContrastColor={sideNavBackgroundContrastColor}\n            subscribeToCloseRightSideMenu={subscribeToCloseRightSideMenu}\n            subscribeToCloseSideNavMenu={subscribeToCloseSideNavMenu}\n            topNavBackgroundColor={topNavBackgroundColor}\n          >\n            {activeBreakpoint === \"narrow\" && (\n              <NarrowUiShellContent\n                {...componentProps}\n                appElement={appElement}\n                appElementScrollingMode={appElementScrollingMode}\n                hasSideNavProps={Boolean(componentProps.sideNavProps)}\n                hasStandardAppContentPadding={hasStandardAppContentPadding}\n                initialVisibleSections={initialVisibleSections}\n                onError={onError}\n                optionalComponents={optionalComponents}\n              />\n            )}\n\n            {(activeBreakpoint === \"medium\" || activeBreakpoint === \"wide\") && (\n              <WideUiShellContent\n                {...{\n                  ...componentProps,\n                  ...{\n                    sideNavProps: {\n                      ...componentProps.sideNavProps,\n                      hasSessionStorageState: activeBreakpoint === \"wide\",\n                      isCollapsed:\n                        activeBreakpoint === \"medium\" ||\n                        componentProps.sideNavProps?.isCollapsed,\n                      isCollapsible:\n                        activeBreakpoint === \"medium\" ||\n                        componentProps.sideNavProps?.isCollapsible,\n                      logoProps:\n                        componentProps.sideNavProps?.logoProps ||\n                        componentProps.logoProps,\n                    } as typeof componentProps.sideNavProps, // We have to use `as` because sideNavProps expects you to have `sideNavItems` defined even though it had to be passed in `...componentProps.sideNavProps`.\n                  },\n                }}\n                appElement={appElement}\n                appElementScrollingMode={appElementScrollingMode}\n                hasSideNavProps={Boolean(componentProps.sideNavProps)}\n                hasStandardAppContentPadding={hasStandardAppContentPadding}\n                initialVisibleSections={initialVisibleSections}\n                onError={onError}\n                optionalComponents={optionalComponents}\n              />\n            )}\n          </UiShellProvider>\n        </ErrorBoundary>\n      </OdysseyProvider>\n    </ErrorBoundary>\n  );\n};\n\nconst MemoizedUiShell = memo(UiShell);\nMemoizedUiShell.displayName = \"UiShell\";\n\nexport { MemoizedUiShell as UiShell };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs

@@ -15,5 +15,5 @@ exports.default = void 0;
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-var _default = exports.default = "1-53-0";
+var _default = exports.default = "1-55-0";
 //# sourceMappingURL=odysseyWebComponentVersion.generated.cjs.map

package/dist/cjs/web-component/odysseyWebComponentVersion.generated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"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\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-53-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}
+{"version":3,"file":"odysseyWebComponentVersion.generated.cjs","names":["_default","exports","default"],"sources":["../../../src/web-component/odysseyWebComponentVersion.generated.ts"],"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\n/**\n * DO NOT UPDATE THIS FILE MANUALLY\n * This file is managed by scripts/updateWebComponentVersion.ts and any changes made will be overwritten\n * This script only needs to be run during release, and shouldn't be used during local development.\n */\n\nexport default \"1-55-0\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAA,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAkBe,QAAQ","ignoreList":[]}

package/dist/esm/FullScreenOverlayContext.js

@@ -24,7 +24,8 @@ const FullScreenOverlayProvider = ({
   children,
   hasShadowDom,
   overlayParentElement: overlayParentElementProp,
-  overlayType = "default"
+  overlayType = "default",
+  fullScreenOverlayId
 }) => {
   const {
     overlayEmotionRootElement,
@@ -51,13 +52,18 @@ const FullScreenOverlayProvider = ({
   }, [hasShadowDom, overlayParentElementProp]);
   useEffect(() => {
     if (overlayParentElement) {
+      if (fullScreenOverlayId) {
+        overlayParentElement.id = fullScreenOverlayId;
+      } else {
+        overlayParentElement.removeAttribute("id");
+      }
       overlayParentElement.setAttribute(OVERLAY_DATA_ATTRIBUTES[overlayType], "");
       document.body.append(overlayParentElement);
     }
     return () => {
       overlayParentElement.remove();
     };
-  }, [overlayParentElement, overlayType]);
+  }, [fullScreenOverlayId, overlayParentElement, overlayType]);
   const providerValue = useMemo(() => ({
     overlayEmotionRootElement,
     overlayShadowRootElement

package/dist/esm/FullScreenOverlayContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenOverlayContext.js","names":["createContext","memo","useContext","useEffect","useMemo","createShadowDomElements","jsx","_jsx","FullScreenOverlayContext","useFullScreenOverlayContext","OVERLAY_DATA_ATTRIBUTES","dialog","drawer","default","FullScreenOverlayProvider","children","hasShadowDom","overlayParentElement","overlayParentElementProp","overlayType","overlayEmotionRootElement","overlayShadowRootElement","document","createElement","emotionRootElement","shadowRootElement","undefined","setAttribute","body","append","remove","providerValue","Provider","value","MemoizedFullScreenOverlayProvider","displayName"],"sources":["../../src/FullScreenOverlayContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { createShadowDomElements } from \"./web-component/createShadowDomElements.js\";\n\nexport type FullScreenOverlayContextType = {\n  overlayEmotionRootElement?: HTMLDivElement | HTMLElement;\n  overlayShadowRootElement?: HTMLDivElement | HTMLElement;\n};\n\nexport const FullScreenOverlayContext =\n  createContext<FullScreenOverlayContextType>({});\n\nexport const useFullScreenOverlayContext = () =>\n  useContext(FullScreenOverlayContext);\n\nexport const OVERLAY_DATA_ATTRIBUTES = {\n  dialog: \"data-odyssey-react-dialog-overlay-component\",\n  drawer: \"data-odyssey-react-drawer-overlay-component\",\n  default: \"data-odyssey-react-overlay-component\",\n} as const;\n\nexport type OverlayType = keyof typeof OVERLAY_DATA_ATTRIBUTES;\n\nexport type FullScreenOverlayProviderProps = {\n  children: ReactNode;\n  hasShadowDom?: boolean;\n  /**\n   * @experimental This is the element overlays will render into. By default, it's set to `document.body`.\n   *\n   * If you specify this value , it will render overlays into this container, such as the `shadowRootElement` over the document body. Most likely, you don't need to change this value, but you might run into strange issues related iframes and other shadow roots. This is here as a safeguard; not meant to be used.\n   */\n  overlayParentElement?: HTMLDivElement | HTMLElement;\n  /**\n   * Type of overlay being rendered. This controls the data attribute set on the overlay parent element.\n   * @default \"default\"\n   */\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlayProvider = ({\n  children,\n  hasShadowDom,\n  overlayParentElement: overlayParentElementProp,\n  overlayType = \"default\",\n}: FullScreenOverlayProviderProps) => {\n  const {\n    overlayEmotionRootElement,\n    overlayParentElement,\n    overlayShadowRootElement,\n  } = useMemo(() => {\n    const overlayParentElement =\n      overlayParentElementProp || document.createElement(\"div\");\n\n    if (hasShadowDom) {\n      const { emotionRootElement, shadowRootElement } =\n        createShadowDomElements(overlayParentElement);\n\n      return {\n        overlayEmotionRootElement: emotionRootElement,\n        overlayParentElement,\n        overlayShadowRootElement: shadowRootElement,\n      };\n    }\n\n    return {\n      overlayEmotionRootElement: undefined,\n      overlayParentElement,\n      overlayShadowRootElement: undefined,\n    };\n  }, [hasShadowDom, overlayParentElementProp]);\n\n  useEffect(() => {\n    if (overlayParentElement) {\n      overlayParentElement.setAttribute(\n        OVERLAY_DATA_ATTRIBUTES[overlayType],\n        \"\",\n      );\n      document.body.append(overlayParentElement);\n    }\n\n    return () => {\n      overlayParentElement.remove();\n    };\n  }, [overlayParentElement, overlayType]);\n\n  const providerValue = useMemo(\n    () => ({\n      overlayEmotionRootElement,\n      overlayShadowRootElement,\n    }),\n    [overlayEmotionRootElement, overlayShadowRootElement],\n  );\n\n  return (\n    <FullScreenOverlayContext.Provider value={providerValue}>\n      {children}\n    </FullScreenOverlayContext.Provider>\n  );\n};\n\nconst MemoizedFullScreenOverlayProvider = memo(FullScreenOverlayProvider);\nMemoizedFullScreenOverlayProvider.displayName = \"FullScreenOverlayProvider\";\n\nexport { MemoizedFullScreenOverlayProvider as FullScreenOverlayProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,aAAa,EACbC,IAAI,EAEJC,UAAU,EACVC,SAAS,EACTC,OAAO,QACF,OAAO;AAEd,SAASC,uBAAuB,QAAQ,4CAA4C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrF,OAAO,MAAMC,wBAAwB,GACnCR,aAAa,CAA+B,CAAC,CAAC,CAAC;AAEjD,OAAO,MAAMS,2BAA2B,GAAGA,CAAA,KACzCP,UAAU,CAACM,wBAAwB,CAAC;AAEtC,OAAO,MAAME,uBAAuB,GAAG;EACrCC,MAAM,EAAE,6CAA6C;EACrDC,MAAM,EAAE,6CAA6C;EACrDC,OAAO,EAAE;AACX,CAAU;AAoBV,MAAMC,yBAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,YAAY;EACZC,oBAAoB,EAAEC,wBAAwB;EAC9CC,WAAW,GAAG;AACgB,CAAC,KAAK;EACpC,MAAM;IACJC,yBAAyB;IACzBH,oBAAoB;IACpBI;EACF,CAAC,GAAGjB,OAAO,CAAC,MAAM;IAChB,MAAMa,oBAAoB,GACxBC,wBAAwB,IAAII,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3D,IAAIP,YAAY,EAAE;MAChB,MAAM;QAAEQ,kBAAkB;QAAEC;MAAkB,CAAC,GAC7CpB,uBAAuB,CAACY,oBAAoB,CAAC;MAE/C,OAAO;QACLG,yBAAyB,EAAEI,kBAAkB;QAC7CP,oBAAoB;QACpBI,wBAAwB,EAAEI;MAC5B,CAAC;IACH;IAEA,OAAO;MACLL,yBAAyB,EAAEM,SAAS;MACpCT,oBAAoB;MACpBI,wBAAwB,EAAEK;IAC5B,CAAC;EACH,CAAC,EAAE,CAACV,YAAY,EAAEE,wBAAwB,CAAC,CAAC;EAE5Cf,SAAS,CAAC,MAAM;IACd,IAAIc,oBAAoB,EAAE;MACxBA,oBAAoB,CAACU,YAAY,CAC/BjB,uBAAuB,CAACS,WAAW,CAAC,EACpC,EACF,CAAC;MACDG,QAAQ,CAACM,IAAI,CAACC,MAAM,CAACZ,oBAAoB,CAAC;IAC5C;IAEA,OAAO,MAAM;MACXA,oBAAoB,CAACa,MAAM,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACb,oBAAoB,EAAEE,WAAW,CAAC,CAAC;EAEvC,MAAMY,aAAa,GAAG3B,OAAO,CAC3B,OAAO;IACLgB,yBAAyB;IACzBC;EACF,CAAC,CAAC,EACF,CAACD,yBAAyB,EAAEC,wBAAwB,CACtD,CAAC;EAED,OACEd,IAAA,CAACC,wBAAwB,CAACwB,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAhB,QAAA,EACrDA;EAAQ,CACwB,CAAC;AAExC,CAAC;AAED,MAAMmB,iCAAiC,GAAGjC,IAAI,CAACa,yBAAyB,CAAC;AACzEoB,iCAAiC,CAACC,WAAW,GAAG,2BAA2B;AAE3E,SAASD,iCAAiC,IAAIpB,yBAAyB","ignoreList":[]}
+{"version":3,"file":"FullScreenOverlayContext.js","names":["createContext","memo","useContext","useEffect","useMemo","createShadowDomElements","jsx","_jsx","FullScreenOverlayContext","useFullScreenOverlayContext","OVERLAY_DATA_ATTRIBUTES","dialog","drawer","default","FullScreenOverlayProvider","children","hasShadowDom","overlayParentElement","overlayParentElementProp","overlayType","fullScreenOverlayId","overlayEmotionRootElement","overlayShadowRootElement","document","createElement","emotionRootElement","shadowRootElement","undefined","id","removeAttribute","setAttribute","body","append","remove","providerValue","Provider","value","MemoizedFullScreenOverlayProvider","displayName"],"sources":["../../src/FullScreenOverlayContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-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 {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { createShadowDomElements } from \"./web-component/createShadowDomElements.js\";\n\nexport type FullScreenOverlayContextType = {\n  overlayEmotionRootElement?: HTMLDivElement | HTMLElement;\n  overlayShadowRootElement?: HTMLDivElement | HTMLElement;\n};\n\nexport const FullScreenOverlayContext =\n  createContext<FullScreenOverlayContextType>({});\n\nexport const useFullScreenOverlayContext = () =>\n  useContext(FullScreenOverlayContext);\n\nexport const OVERLAY_DATA_ATTRIBUTES = {\n  dialog: \"data-odyssey-react-dialog-overlay-component\",\n  drawer: \"data-odyssey-react-drawer-overlay-component\",\n  default: \"data-odyssey-react-overlay-component\",\n} as const;\n\nexport type OverlayType = keyof typeof OVERLAY_DATA_ATTRIBUTES;\n\nexport type FullScreenOverlayProviderProps = {\n  children: ReactNode;\n  /**\n   * An optional HTML `id` attribute to be applied to the overlay's container element.\n   */\n  fullScreenOverlayId?: string;\n  hasShadowDom?: boolean;\n  /**\n   * @experimental This is the element overlays will render into. By default, it's set to `document.body`.\n   *\n   * If you specify this value , it will render overlays into this container, such as the `shadowRootElement` over the document body. Most likely, you don't need to change this value, but you might run into strange issues related iframes and other shadow roots. This is here as a safeguard; not meant to be used.\n   */\n  overlayParentElement?: HTMLDivElement | HTMLElement;\n  /**\n   * Type of overlay being rendered. This controls the data attribute set on the overlay parent element.\n   * @default \"default\"\n   */\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlayProvider = ({\n  children,\n  hasShadowDom,\n  overlayParentElement: overlayParentElementProp,\n  overlayType = \"default\",\n  fullScreenOverlayId,\n}: FullScreenOverlayProviderProps) => {\n  const {\n    overlayEmotionRootElement,\n    overlayParentElement,\n    overlayShadowRootElement,\n  } = useMemo(() => {\n    const overlayParentElement =\n      overlayParentElementProp || document.createElement(\"div\");\n\n    if (hasShadowDom) {\n      const { emotionRootElement, shadowRootElement } =\n        createShadowDomElements(overlayParentElement);\n\n      return {\n        overlayEmotionRootElement: emotionRootElement,\n        overlayParentElement,\n        overlayShadowRootElement: shadowRootElement,\n      };\n    }\n\n    return {\n      overlayEmotionRootElement: undefined,\n      overlayParentElement,\n      overlayShadowRootElement: undefined,\n    };\n  }, [hasShadowDom, overlayParentElementProp]);\n\n  useEffect(() => {\n    if (overlayParentElement) {\n      if (fullScreenOverlayId) {\n        overlayParentElement.id = fullScreenOverlayId;\n      } else {\n        overlayParentElement.removeAttribute(\"id\");\n      }\n      overlayParentElement.setAttribute(\n        OVERLAY_DATA_ATTRIBUTES[overlayType],\n        \"\",\n      );\n      document.body.append(overlayParentElement);\n    }\n\n    return () => {\n      overlayParentElement.remove();\n    };\n  }, [fullScreenOverlayId, overlayParentElement, overlayType]);\n\n  const providerValue = useMemo(\n    () => ({\n      overlayEmotionRootElement,\n      overlayShadowRootElement,\n    }),\n    [overlayEmotionRootElement, overlayShadowRootElement],\n  );\n\n  return (\n    <FullScreenOverlayContext.Provider value={providerValue}>\n      {children}\n    </FullScreenOverlayContext.Provider>\n  );\n};\n\nconst MemoizedFullScreenOverlayProvider = memo(FullScreenOverlayProvider);\nMemoizedFullScreenOverlayProvider.displayName = \"FullScreenOverlayProvider\";\n\nexport { MemoizedFullScreenOverlayProvider as FullScreenOverlayProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,aAAa,EACbC,IAAI,EAEJC,UAAU,EACVC,SAAS,EACTC,OAAO,QACF,OAAO;AAEd,SAASC,uBAAuB,QAAQ,4CAA4C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrF,OAAO,MAAMC,wBAAwB,GACnCR,aAAa,CAA+B,CAAC,CAAC,CAAC;AAEjD,OAAO,MAAMS,2BAA2B,GAAGA,CAAA,KACzCP,UAAU,CAACM,wBAAwB,CAAC;AAEtC,OAAO,MAAME,uBAAuB,GAAG;EACrCC,MAAM,EAAE,6CAA6C;EACrDC,MAAM,EAAE,6CAA6C;EACrDC,OAAO,EAAE;AACX,CAAU;AAwBV,MAAMC,yBAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,YAAY;EACZC,oBAAoB,EAAEC,wBAAwB;EAC9CC,WAAW,GAAG,SAAS;EACvBC;AAC8B,CAAC,KAAK;EACpC,MAAM;IACJC,yBAAyB;IACzBJ,oBAAoB;IACpBK;EACF,CAAC,GAAGlB,OAAO,CAAC,MAAM;IAChB,MAAMa,oBAAoB,GACxBC,wBAAwB,IAAIK,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3D,IAAIR,YAAY,EAAE;MAChB,MAAM;QAAES,kBAAkB;QAAEC;MAAkB,CAAC,GAC7CrB,uBAAuB,CAACY,oBAAoB,CAAC;MAE/C,OAAO;QACLI,yBAAyB,EAAEI,kBAAkB;QAC7CR,oBAAoB;QACpBK,wBAAwB,EAAEI;MAC5B,CAAC;IACH;IAEA,OAAO;MACLL,yBAAyB,EAAEM,SAAS;MACpCV,oBAAoB;MACpBK,wBAAwB,EAAEK;IAC5B,CAAC;EACH,CAAC,EAAE,CAACX,YAAY,EAAEE,wBAAwB,CAAC,CAAC;EAE5Cf,SAAS,CAAC,MAAM;IACd,IAAIc,oBAAoB,EAAE;MACxB,IAAIG,mBAAmB,EAAE;QACvBH,oBAAoB,CAACW,EAAE,GAAGR,mBAAmB;MAC/C,CAAC,MAAM;QACLH,oBAAoB,CAACY,eAAe,CAAC,IAAI,CAAC;MAC5C;MACAZ,oBAAoB,CAACa,YAAY,CAC/BpB,uBAAuB,CAACS,WAAW,CAAC,EACpC,EACF,CAAC;MACDI,QAAQ,CAACQ,IAAI,CAACC,MAAM,CAACf,oBAAoB,CAAC;IAC5C;IAEA,OAAO,MAAM;MACXA,oBAAoB,CAACgB,MAAM,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACb,mBAAmB,EAAEH,oBAAoB,EAAEE,WAAW,CAAC,CAAC;EAE5D,MAAMe,aAAa,GAAG9B,OAAO,CAC3B,OAAO;IACLiB,yBAAyB;IACzBC;EACF,CAAC,CAAC,EACF,CAACD,yBAAyB,EAAEC,wBAAwB,CACtD,CAAC;EAED,OACEf,IAAA,CAACC,wBAAwB,CAAC2B,QAAQ;IAACC,KAAK,EAAEF,aAAc;IAAAnB,QAAA,EACrDA;EAAQ,CACwB,CAAC;AAExC,CAAC;AAED,MAAMsB,iCAAiC,GAAGpC,IAAI,CAACa,yBAAyB,CAAC;AACzEuB,iCAAiC,CAACC,WAAW,GAAG,2BAA2B;AAE3E,SAASD,iCAAiC,IAAIvB,yBAAyB","ignoreList":[]}

package/dist/esm/OdysseyProvider.js

@@ -27,6 +27,7 @@ const OdysseyProvider = ({
   designTokensOverride,
   emotionRoot,
   emotionRootElement,
+  fullScreenOverlayId,
   hasCssBaseline: hasGlobalCss,
   hasScopedCssBaseline = true,
   hasTranslationProvider = true,
@@ -60,6 +61,7 @@ const OdysseyProvider = ({
         isWrapped: hasTranslationProvider,
         Wrapper: TranslationWrapper,
         children: _jsxs(FullScreenOverlayProvider, {
+          fullScreenOverlayId: fullScreenOverlayId,
           hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
           overlayParentElement: overlayParentElement,
           overlayType: overlayType,

package/dist/esm/OdysseyProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyProvider.js","names":["memo","useMemo","ConditionalWrapper","CssBaseline","FullScreenOverlayProvider","TranslationProvider","OdysseyTranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","jsx","_jsx","jsxs","_jsxs","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","isWrapped","Wrapper","hasShadowDom","Boolean","_ScopedCssBaseline","sx","MemoizedOdysseyProvider","displayName"],"sources":["../../src/OdysseyProvider.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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SACEC,kBAAkB,QAEb,yBAAyB;AAChC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SACEC,yBAAyB,QAEpB,+BAA+B;AACtC,SAEEC,mBAAmB,IAAIC,0BAA0B,QAE5C,0BAA0B;AACjC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAGlC,OAAO,CAChC,MAAOe,QAAQ,IACbN,IAAA,CAACJ,0BAA0B;IACzBoB,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAlB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACU,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACExB,IAAA,CAACH,oBAAoB;IACnBa,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDQ,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAhB,QAAA,EAE7BN,IAAA,CAACF,oBAAoB;MACnBS,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CO,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAjB,QAAA,EAE7BN,IAAA,CAACR,kBAAkB;QACjBkC,SAAS,EAAEZ,sBAAuB;QAClCa,OAAO,EAAEF,kBAAmB;QAAAnB,QAAA,EAE5BJ,KAAA,CAACR,yBAAyB;UACxBkC,YAAY,EAAEC,OAAO,CAACR,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAb,QAAA,GAExBM,YAAY,IAAIZ,IAAA,CAACP,WAAW,IAAE,CAAC,EAE/BoB,oBAAoB,GACnBb,IAAA,CAAA8B,kBAAA;YAAmBC,EAAE,EAAE5B,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAM0B,uBAAuB,GAAG1C,IAAI,CAACe,eAAe,CAAC;AACrD2B,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAI3B,eAAe","ignoreList":[]}
+{"version":3,"file":"OdysseyProvider.js","names":["memo","useMemo","ConditionalWrapper","CssBaseline","FullScreenOverlayProvider","TranslationProvider","OdysseyTranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","jsx","_jsx","jsxs","_jsxs","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","fullScreenOverlayId","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","isWrapped","Wrapper","hasShadowDom","Boolean","_ScopedCssBaseline","sx","MemoizedOdysseyProvider","displayName"],"sources":["../../src/OdysseyProvider.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 { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  fullScreenOverlayId,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            fullScreenOverlayId={fullScreenOverlayId}\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAaC,OAAO,QAAQ,OAAO;AAEhD,SACEC,kBAAkB,QAEb,yBAAyB;AAChC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SACEC,yBAAyB,QAEpB,+BAA+B;AACtC,SAEEC,mBAAmB,IAAIC,0BAA0B,QAE5C,0BAA0B;AACjC,SACEC,oBAAoB,QAEf,2BAA2B;AAClC,SACEC,oBAAoB,QAEf,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,mBAAmB;EACnBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAGnC,OAAO,CAChC,MAAOe,QAAQ,IACbN,IAAA,CAACJ,0BAA0B;IACzBqB,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAnB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACW,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACEzB,IAAA,CAACH,oBAAoB;IACnBa,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDS,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAjB,QAAA,EAE7BN,IAAA,CAACF,oBAAoB;MACnBS,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CQ,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAlB,QAAA,EAE7BN,IAAA,CAACR,kBAAkB;QACjBmC,SAAS,EAAEZ,sBAAuB;QAClCa,OAAO,EAAEF,kBAAmB;QAAApB,QAAA,EAE5BJ,KAAA,CAACR,yBAAyB;UACxBiB,mBAAmB,EAAEA,mBAAoB;UACzCkB,YAAY,EAAEC,OAAO,CAACR,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAd,QAAA,GAExBO,YAAY,IAAIb,IAAA,CAACP,WAAW,IAAE,CAAC,EAE/BqB,oBAAoB,GACnBd,IAAA,CAAA+B,kBAAA;YAAmBC,EAAE,EAAE7B,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAM2B,uBAAuB,GAAG3C,IAAI,CAACe,eAAe,CAAC;AACrD4B,uBAAuB,CAACC,WAAW,GAAG,iBAAiB;AAEvD,SAASD,uBAAuB,IAAI5B,eAAe","ignoreList":[]}

package/dist/esm/Select.js

@@ -59,10 +59,9 @@ const NonInteractiveIcon = styled(CloseCircleFilledIcon, {
   marginInlineStart: odysseyDesignTokens.Spacing2
 }));
 const ChipsInnerContainer = styled(_Box, {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isInteractive" && prop !== "isReadOnly"
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isVisible"
 })(({
-  isInteractive,
-  isReadOnly,
+  isVisible,
   odysseyDesignTokens
 }) => ({
   display: "flex",
@@ -71,7 +70,7 @@ const ChipsInnerContainer = styled(_Box, {
   marginBlock: `-${odysseyDesignTokens.Spacing2}`,
   marginInlineEnd: odysseyDesignTokens.Spacing1,
   minHeight: odysseyDesignTokens.Spacing6,
-  opacity: isInteractive || isReadOnly ? 1 : 0,
+  opacity: isVisible ? 1 : 0,
   pointerEvents: "none"
 }));
 const {
@@ -129,7 +128,7 @@ const Select = ({
     controlState: controlledStateRef.current
   });
   const onChange = useCallback((event, child) => {
-    if (isReadOnly) {
+    if (isDisabled || isReadOnly) {
       event.preventDefault();
     } else {
       const {
@@ -142,7 +141,7 @@ const Select = ({
       }
       onChangeProp?.(event, child);
     }
-  }, [hasMultipleChoices, onChangeProp, isReadOnly]);
+  }, [hasMultipleChoices, isDisabled, onChangeProp, isReadOnly]);
   const [normalizedOptions, normalizedOptionsMap] = useMemo(() => {
     const normalizedOptions = options.map(option => {
       if (typeof option === "object") {
@@ -176,15 +175,14 @@ const Select = ({
   }, [internalSelectedValues, onChange]);
   const Chips = useCallback(({
     ariaLabel,
-    isInteractive,
-    isReadOnly
+    isDismissable,
+    isVisible
   }) => {
     const stopPropagation = event => event.stopPropagation();
-    const hasNonInteractiveIcon = !isInteractive && !isReadOnly && controlledStateRef.current === CONTROLLED && hasMultipleChoices;
+    const hasNonInteractiveIcon = !isDismissable && !isVisible && controlledStateRef.current === CONTROLLED && hasMultipleChoices;
     return Array.isArray(internalSelectedValues) && _jsx(ChipsInnerContainer, {
       "aria-label": ariaLabel,
-      isInteractive: isInteractive,
-      isReadOnly: isReadOnly,
+      isVisible: isVisible,
       odysseyDesignTokens: odysseyDesignTokens,
       role: "list",
       children: internalSelectedValues.map(item => item?.length > 0 && _jsx(_Chip, {
@@ -199,7 +197,7 @@ const Select = ({
             odysseyDesignTokens: odysseyDesignTokens
           })]
         }),
-        onDelete: isInteractive && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
+        onDelete: isDismissable && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
         role: "listitem",
         tabIndex: -1
       }, item))
@@ -225,7 +223,7 @@ const Select = ({
     }, normalizedKey(option.text, index.toString()));
   }), [hasMultipleChoices, normalizedOptions, internalSelectedValues]);
   const renderValue = useCallback(value => Array.isArray(value) && _jsx(Chips, {
-    isInteractive: false
+    isDismissable: false
   }), [Chips]);
   const renderFieldComponent = useCallback(({
     ariaDescribedBy,
@@ -271,8 +269,8 @@ const Select = ({
         odysseyDesignTokens: odysseyDesignTokens,
         children: _jsx(Chips, {
           ariaLabel: "Selected options",
-          isInteractive: !isReadOnly,
-          isReadOnly: isReadOnly
+          isDismissable: !isReadOnly && !isDisabled,
+          isVisible: true
         })
       })
     })]