@okta/odyssey-contribution-tooling 1.49.0 → 1.51.0

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

@@ -1,348 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NarrowUiShellContent = void 0;
-var _Skeleton2 = _interopRequireDefault(require("@mui/material/Skeleton"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _react = require("react");
-var _reactErrorBoundary = require("react-error-boundary");
-var _Button = require("../Buttons/Button.cjs");
-var _hexToRgb = require("../hexToRgb.cjs");
-var _Close = require("../icons.generated/Close.cjs");
-var _More = require("../icons.generated/More.cjs");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
-var _InnerAppContainer = require("./InnerAppContainer.cjs");
-var _SideNav = require("./SideNav/SideNav.cjs");
-var _SideNavLogo = require("./SideNav/SideNavLogo.cjs");
-var _HamburgerMenuIcon = require("./TopNav/HamburgerMenuIcon.cjs");
-var _UiShellProvider = require("./UiShellProvider.cjs");
-var _uiShellSharedConstants = require("./uiShellSharedConstants.cjs");
-var _useMatchAppElementToUiShellAppArea = require("./useMatchAppElementToUiShellAppArea.cjs");
-var _useScrollState = require("./useScrollState.cjs");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const StyledAppContentArea = (0, _styled.default)("div")({
-  gridArea: "app-content",
-  position: "relative",
-  height: "100%",
-  width: "100%"
-});
-const StyledAppContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "appBackgroundColor" && prop !== "odysseyDesignTokens"
-})(({
-  appBackgroundColor
-}) => ({
-  backgroundColor: appBackgroundColor,
-  height: "100%",
-  overflow: "hidden",
-  width: "100%"
-}));
-const StyledBannersContainer = (0, _styled.default)("div")({
-  gridArea: "banners",
-  zIndex: _uiShellSharedConstants.UI_SHELL_BASE_Z_INDEX
-});
-const StyledLeftSideContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "isOpen"
-})(({
-  isOpen
-}) => ({
-  display: isOpen ? "block" : "none",
-  height: "100%",
-  position: "absolute",
-  zIndex: _uiShellSharedConstants.UI_SHELL_OVERLAY_Z_INDEX
-}));
-const StyledRightSideContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "isOpen" && prop !== "odysseyDesignTokens"
-})(({
-  isOpen,
-  odysseyDesignTokens
-}) => ({
-  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
-  display: isOpen ? "block" : "none",
-  height: "100%",
-  maxWidth: _uiShellSharedConstants.SIDE_NAV_WIDTH,
-  overflowY: "auto",
-  position: "absolute",
-  right: 0,
-  width: _uiShellSharedConstants.SIDE_NAV_WIDTH,
-  zIndex: _uiShellSharedConstants.UI_SHELL_OVERLAY_Z_INDEX
-}));
-const StyledMenuLogo = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  alignItems: "center",
-  display: "inline-flex",
-  gap: odysseyDesignTokens.Spacing3
-}));
-const StyledLogoContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  height: _uiShellSharedConstants.TOP_NAV_HEIGHT,
-  paddingBlock: odysseyDesignTokens.Spacing4,
-  "svg, img": {
-    maxHeight: "100%",
-    width: "auto",
-    maxWidth: "100%"
-  }
-}));
-const StyledPageOverlay = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  backgroundColor: (0, _hexToRgb.hexToRgb)(odysseyDesignTokens.HueNeutral900).asFormattedString.replace(/rgb\((.+)\)$/, "rgba($1, 0.26)"),
-  gridArea: "app-content",
-  height: "100vh",
-  left: 0,
-  position: "absolute",
-  top: 0,
-  width: "100vw",
-  zIndex: _uiShellSharedConstants.UI_SHELL_BASE_Z_INDEX
-}));
-const StyledSideNavContainer = (0, _styled.default)("div")({
-  height: "100%"
-});
-const StyledUiShellContainer = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  backgroundColor: odysseyDesignTokens.HueNeutral50,
-  display: "grid",
-  gridGap: 0,
-  gridTemplateAreas: `
-    "banners"
-    "top-nav"
-    "app-content"
-  `,
-  gridTemplateColumns: "1fr",
-  gridTemplateRows: "auto auto 1fr",
-  height: "100vh",
-  overflow: "hidden",
-  width: "100vw"
-}));
-const StyledTopNav = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isContentScrolled" && prop !== "topNavBackgroundColor"
-})(({
-  odysseyDesignTokens,
-  isContentScrolled,
-  topNavBackgroundColor
-}) => ({
-  alignItems: "stretch",
-  backgroundColor: odysseyDesignTokens.HueNeutralWhite || topNavBackgroundColor,
-  boxShadow: isContentScrolled ? odysseyDesignTokens.DepthMedium : undefined,
-  clipPath: "inset(0 0 -100vh 0)",
-  display: "flex",
-  flexDirection: "column",
-  gridArea: "top-nav",
-  height: "100%",
-  justifyContent: "center",
-  position: "relative",
-  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,
-  zIndex: _uiShellSharedConstants.UI_SHELL_BASE_Z_INDEX
-}));
-const StyledTopNavMenu = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "topNavBackgroundColor"
-})(({
-  odysseyDesignTokens,
-  topNavBackgroundColor
-}) => ({
-  alignItems: "center",
-  display: "flex",
-  gap: odysseyDesignTokens.Spacing3,
-  height: "100%",
-  justifyContent: "space-between",
-  maxHeight: _uiShellSharedConstants.TOP_NAV_HEIGHT,
-  minHeight: _uiShellSharedConstants.TOP_NAV_HEIGHT,
-  paddingBlock: odysseyDesignTokens.Spacing2,
-  paddingInline: odysseyDesignTokens.Spacing3,
-  transition: `box-shadow ${odysseyDesignTokens.TransitionDurationMain} ${odysseyDesignTokens.TransitionTimingMain}`,
-  ...(topNavBackgroundColor === odysseyDesignTokens.HueNeutralWhite && {
-    borderBottomColor: odysseyDesignTokens.HueNeutral100,
-    borderBottomStyle: odysseyDesignTokens.BorderStyleMain,
-    borderBottomWidth: odysseyDesignTokens.BorderWidthMain
-  })
-}));
-const StyledTopNavSearch = (0, _styled.default)("div", {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
-})(({
-  odysseyDesignTokens
-}) => ({
-  paddingBlock: odysseyDesignTokens.Spacing2,
-  paddingInline: odysseyDesignTokens.Spacing3
-}));
-const NarrowUiShellContent = ({
-  appElement,
-  appElementScrollingMode,
-  hasStandardAppContentPadding = true,
-  hasSideNavProps,
-  initialVisibleSections = ["TopNav", "SideNav", "AppSwitcher"],
-  onError = console.error,
-  optionalComponents,
-  sideNavProps,
-  topNavProps
-}) => {
-  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
-  const uiShellContext = (0, _UiShellProvider.useUiShellContext)();
-  const {
-    isContentScrolled
-  } = (0, _useScrollState.useScrollState)(appElement);
-  const sideNavContainerRef = (0, _react.useRef)(null);
-  const topNavContainerRef = (0, _react.useRef)(null);
-  const uiShellAppAreaRef = (0, _react.useRef)(null);
-  const [isLeftSideMenuOpen, setIsLeftSideMenuOpen] = (0, _react.useState)(false);
-  const [isRightSideMenuOpen, setIsRightSideMenuOpen] = (0, _react.useState)(false);
-  const closeSideMenus = (0, _react.useCallback)(() => {
-    setIsLeftSideMenuOpen(false);
-    setIsRightSideMenuOpen(false);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const unsubscribeFromCloseRightSideMenu = uiShellContext?.subscribeToCloseRightSideMenu(() => {
-      closeSideMenus();
-    });
-    const unsubscribeFromSideNavItemClicked = uiShellContext?.subscribeToCloseSideNavMenu(() => {
-      closeSideMenus();
-    });
-    return () => {
-      unsubscribeFromCloseRightSideMenu?.();
-      unsubscribeFromSideNavItemClicked?.();
-    };
-  }, [closeSideMenus, uiShellContext]);
-  const toggleLeftSideMenu = (0, _react.useCallback)(() => {
-    setIsRightSideMenuOpen(false);
-    setIsLeftSideMenuOpen(isLeftSideMenuOpen => !isLeftSideMenuOpen);
-  }, []);
-  const toggleRightSideMenu = (0, _react.useCallback)(() => {
-    setIsLeftSideMenuOpen(false);
-    setIsRightSideMenuOpen(isRightSideMenuOpen => !isRightSideMenuOpen);
-  }, []);
-  const {
-    parentContainerRef
-  } = (0, _useMatchAppElementToUiShellAppArea.useMatchAppElementToUiShellAppArea)({
-    appElement,
-    appElementScrollingMode,
-    paddingMode: hasStandardAppContentPadding ? "compact" : "none",
-    uiShellAppAreaRef,
-    uiShellResizableRefs: [sideNavContainerRef, topNavContainerRef, uiShellAppAreaRef]
-  });
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(isLeftSideMenuOpen || isRightSideMenuOpen) && (0, _jsxRuntime.jsx)(StyledPageOverlay, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      onClick: closeSideMenus
-    }), (0, _jsxRuntime.jsxs)(StyledUiShellContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      ref: parentContainerRef,
-      children: [(0, _jsxRuntime.jsx)(StyledBannersContainer, {
-        children: optionalComponents?.banners
-      }), (initialVisibleSections?.includes("TopNav") || topNavProps) && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-        fallback: null,
-        onError: onError,
-        children: (0, _jsxRuntime.jsxs)(StyledTopNav, {
-          isContentScrolled: isContentScrolled,
-          odysseyDesignTokens: odysseyDesignTokens,
-          topNavBackgroundColor: uiShellContext?.topNavBackgroundColor,
-          children: [(0, _jsxRuntime.jsxs)(StyledTopNavMenu, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            topNavBackgroundColor: uiShellContext?.sideNavBackgroundColor,
-            children: [(0, _jsxRuntime.jsxs)(StyledMenuLogo, {
-              odysseyDesignTokens: odysseyDesignTokens,
-              children: [(sideNavProps?.isCollapsible || !sideNavProps?.isCollapsed) && (0, _jsxRuntime.jsx)(_Button.Button, {
-                onClick: toggleLeftSideMenu,
-                startIcon: (0, _jsxRuntime.jsx)(_HamburgerMenuIcon.HamburgerMenuIcon, {}),
-                testId: "sidenav-menu--icon",
-                variant: "floating"
-              }), (0, _jsxRuntime.jsx)(StyledLogoContainer, {
-                odysseyDesignTokens: odysseyDesignTokens,
-                children: sideNavProps?.isLoading ? (0, _jsxRuntime.jsx)(_Skeleton2.default, {
-                  height: 24,
-                  variant: "rounded",
-                  width: 67
-                }) : (0, _jsxRuntime.jsx)(_SideNavLogo.SideNavLogo, {
-                  ...sideNavProps?.logoProps
-                })
-              })]
-            }), optionalComponents?.rightSideMenu && (0, _jsxRuntime.jsx)(_Button.Button, {
-              onClick: toggleRightSideMenu,
-              startIcon: isRightSideMenuOpen ? (0, _jsxRuntime.jsx)(_Close.CloseIcon, {}) : (0, _jsxRuntime.jsx)(_More.MoreIcon, {}),
-              testId: "userprofile-menu--icon",
-              variant: "floating"
-            })]
-          }), optionalComponents?.topNavLeftSide && (0, _jsxRuntime.jsx)(StyledTopNavSearch, {
-            odysseyDesignTokens: odysseyDesignTokens,
-            children: optionalComponents?.topNavLeftSide
-          })]
-        })
-      }), (0, _jsxRuntime.jsxs)(StyledAppContentArea, {
-        children: [(0, _jsxRuntime.jsxs)(StyledLeftSideContainer, {
-          isOpen: isLeftSideMenuOpen,
-          children: [initialVisibleSections?.includes("SideNav") && !hasSideNavProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-            fallback: null,
-            onError: onError,
-            children: (0, _jsxRuntime.jsx)(_SideNav.SideNav, {
-              isLoading: true,
-              sideNavItems: _uiShellSharedConstants.emptySideNavItems
-            })
-          }), hasSideNavProps && sideNavProps && (0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
-            fallback: null,
-            onError: onError,
-            children: (0, _jsxRuntime.jsx)(StyledSideNavContainer, {
-              children: (0, _jsxRuntime.jsx)(_SideNav.SideNav, {
-                ...{
-                  ...sideNavProps,
-                  appName: undefined,
-                  logoProps: undefined
-                },
-                ...(sideNavProps.hasCustomFooter && optionalComponents?.sideNavFooter ? {
-                  footerComponent: optionalComponents.sideNavFooter,
-                  footerItems: undefined,
-                  hasCustomFooter: sideNavProps.hasCustomFooter
-                } : {
-                  footerItems: sideNavProps.footerItems,
-                  hasCustomFooter: false
-                }),
-                isCollapsed: false,
-                isCollapsible: false,
-                isObtrusive: true,
-                onCollapse: closeSideMenus
-              })
-            })
-          })]
-        }), (0, _jsxRuntime.jsx)(StyledRightSideContainer, {
-          isOpen: isRightSideMenuOpen,
-          odysseyDesignTokens: odysseyDesignTokens,
-          children: (0, _jsxRuntime.jsx)(StyledSideNavContainer, {
-            children: optionalComponents?.rightSideMenu
-          })
-        }), (0, _jsxRuntime.jsx)(StyledAppContainer, {
-          appBackgroundColor: uiShellContext?.appBackgroundColor,
-          ref: uiShellAppAreaRef,
-          tabIndex: 0,
-          children: (0, _jsxRuntime.jsx)(_InnerAppContainer.InnerAppContainer, {
-            isContentScrolled: isContentScrolled
-          })
-        })]
-      })]
-    })]
-  });
-};
-const MemoizedNarrowUiShellContent = exports.NarrowUiShellContent = (0, _react.memo)(NarrowUiShellContent);
-MemoizedNarrowUiShellContent.displayName = "NarrowUiShellContent";
-//# sourceMappingURL=NarrowUiShellContent.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NarrowUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_Button","_hexToRgb","_Close","_More","_OdysseyDesignTokensContext","_InnerAppContainer","_SideNav","_SideNavLogo","_HamburgerMenuIcon","_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","hasStandardAppContentPadding","hasSideNavProps","initialVisibleSections","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","isLoading","_Skeleton2","SideNavLogo","logoProps","rightSideMenu","CloseIcon","MoreIcon","topNavLeftSide","SideNav","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 { Skeleton } from \"@mui/material\";\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 { SideNavLogo } from \"./SideNav/SideNavLogo.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport {\n  UiShellContentProps,\n  UiShellNavComponentProps,\n} from \"./uiShellContentTypes.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, \"sideNavProps\" | \"topNavProps\"> &\n  UiShellContentProps;\n\nconst NarrowUiShellContent = ({\n  appElement,\n  appElementScrollingMode,\n  hasStandardAppContentPadding = true,\n  hasSideNavProps,\n  initialVisibleSections = [\"TopNav\", \"SideNav\", \"AppSwitcher\"],\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                  {(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                    {sideNavProps?.isLoading ? (\n                      //  The skeleton takes the hardcoded dimensions of the Okta logo\n                      <Skeleton height={24} variant=\"rounded\" width={67} />\n                    ) : (\n                      <SideNavLogo {...sideNavProps?.logoProps} />\n                    )}\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":[]}

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

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CollapseIcon = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const CollapseIcon = () => {
-  return (0, _jsxRuntime.jsx)("svg", {
-    fill: "none",
-    height: "32",
-    viewBox: "0 0 12 20",
-    width: "32",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: (0, _jsxRuntime.jsx)("path", {
-      d: "M3.55226 9.99998L11.2761 2.27612L9.39051 0.390503L0.723837 9.05717C0.473789 9.30722 0.333313 9.64636 0.333313 9.99998C0.333313 10.3536 0.473789 10.6927 0.723837 10.9428L9.3905 19.6095L11.2761 17.7238L3.55226 9.99998Z",
-      fill: "#6E6E6E"
-    })
-  });
-};
-const MemoizedCollapseIcon = exports.CollapseIcon = (0, _react.memo)(CollapseIcon);
-//# sourceMappingURL=CollapseIcon.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollapseIcon.cjs","names":["_react","require","_jsxRuntime","CollapseIcon","jsx","fill","height","viewBox","width","xmlns","children","d","MemoizedCollapseIcon","exports","memo"],"sources":["../../../../src/ui-shell/SideNav/CollapseIcon.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 } from \"react\";\n\nconst CollapseIcon = () => {\n  return (\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 12 20\"\n      width=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M3.55226 9.99998L11.2761 2.27612L9.39051 0.390503L0.723837 9.05717C0.473789 9.30722 0.333313 9.64636 0.333313 9.99998C0.333313 10.3536 0.473789 10.6927 0.723837 10.9428L9.3905 19.6095L11.2761 17.7238L3.55226 9.99998Z\"\n        fill=\"#6E6E6E\"\n      />\n    </svg>\n  );\n};\n\nconst MemoizedCollapseIcon = memo(CollapseIcon);\n\nexport { MemoizedCollapseIcon as CollapseIcon };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAZ7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,MAAME,YAAY,GAAGA,CAAA,KAAM;EACzB,OACE,IAAAD,WAAA,CAAAE,GAAA;IACEC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,IAAI;IACVC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElC,IAAAR,WAAA,CAAAE,GAAA;MACEO,CAAC,EAAC,0NAA0N;MAC5NN,IAAI,EAAC;IAAS,CACf;EAAC,CACC,CAAC;AAEV,CAAC;AAED,MAAMO,oBAAoB,GAAAC,OAAA,CAAAV,YAAA,GAAG,IAAAW,WAAI,EAACX,YAAY,CAAC","ignoreList":[]}

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HandleIcon = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */
-
-const HandleIcon = () => {
-  return (0, _jsxRuntime.jsx)("svg", {
-    fill: "none",
-    height: "32",
-    viewBox: "0 0 32 32",
-    width: "32",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: (0, _jsxRuntime.jsx)("path", {
-      clipRule: "evenodd",
-      d: "M17.4167 6.66687L17.4167 25.3335L14.5834 25.3335L14.5834 6.66687L17.4167 6.66687Z",
-      fill: "#6E6E6E",
-      fillRule: "evenodd"
-    })
-  });
-};
-const MemoizedHandleIcon = exports.HandleIcon = (0, _react.memo)(HandleIcon);
-//# sourceMappingURL=HandleIcon.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HandleIcon.cjs","names":["_react","require","_jsxRuntime","HandleIcon","jsx","fill","height","viewBox","width","xmlns","children","clipRule","d","fillRule","MemoizedHandleIcon","exports","memo"],"sources":["../../../../src/ui-shell/SideNav/HandleIcon.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 } from \"react\";\n\nconst HandleIcon = () => {\n  return (\n    <svg\n      fill=\"none\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      width=\"32\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        clipRule=\"evenodd\"\n        d=\"M17.4167 6.66687L17.4167 25.3335L14.5834 25.3335L14.5834 6.66687L17.4167 6.66687Z\"\n        fill=\"#6E6E6E\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nconst MemoizedHandleIcon = memo(HandleIcon);\n\nexport { MemoizedHandleIcon as HandleIcon };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAZ7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,MAAME,UAAU,GAAGA,CAAA,KAAM;EACvB,OACE,IAAAD,WAAA,CAAAE,GAAA;IACEC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,IAAI;IACVC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElC,IAAAR,WAAA,CAAAE,GAAA;MACEO,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,mFAAmF;MACrFP,IAAI,EAAC,SAAS;MACdQ,QAAQ,EAAC;IAAS,CACnB;EAAC,CACC,CAAC;AAEV,CAAC;AACD,MAAMC,kBAAkB,GAAAC,OAAA,CAAAZ,UAAA,GAAG,IAAAa,WAAI,EAACb,UAAU,CAAC","ignoreList":[]}