@okta/odyssey-react-mui 1.32.0 → 1.33.0

package/{src/theme/palette.types.ts → dist/cjs/theme/pxToRem.cjs}

@@ -1,5 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pxToRem = void 0;
 /*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
  * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
@@ -10,15 +16,6 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-declare module "@mui/material/styles" {
-  interface PaletteColor {
-    darker?: string;
-    lighter?: string;
-  }
-  interface SimplePaletteColorOptions {
-    darker?: string;
-    lighter?: string;
-  }
-}
-
-export {};
+const pxToRem = pixels => Number(pixels) / 14;
+exports.pxToRem = pxToRem;
+//# sourceMappingURL=pxToRem.cjs.map

package/dist/cjs/theme/pxToRem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pxToRem.cjs","names":["pxToRem","pixels","Number","exports"],"sources":["../../../src/theme/pxToRem.ts"],"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\nexport const pxToRem = <Pixels extends number | string>(pixels: Pixels) =>\n  Number(pixels) / 14;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,OAAO,GAAoCC,MAAc,IACpEC,MAAM,CAACD,MAAM,CAAC,GAAG,EAAE;AAACE,OAAA,CAAAH,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/cjs/theme/theme.cjs

@@ -14,4 +14,26 @@ Object.keys(_createOdysseyMuiTheme).forEach(function (key) {
     }
   });
 });
+var _pxToRem = require("./pxToRem.cjs");
+Object.keys(_pxToRem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pxToRem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pxToRem[key];
+    }
+  });
+});
+var _useMediaQuery = require("./useMediaQuery.cjs");
+Object.keys(_useMediaQuery).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMediaQuery[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useMediaQuery[key];
+    }
+  });
+});
 //# sourceMappingURL=theme.cjs.map

package/dist/cjs/theme/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs","names":["_createOdysseyMuiTheme","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/theme/theme.ts"],"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\nexport * from \"./createOdysseyMuiTheme.js\";\n"],"mappings":";;;;;AAYA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"theme.cjs","names":["_createOdysseyMuiTheme","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_pxToRem","_useMediaQuery"],"sources":["../../../src/theme/theme.ts"],"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\nexport * from \"./createOdysseyMuiTheme.js\";\nexport * from \"./pxToRem.js\";\nexport * from \"./useMediaQuery.js\";\n"],"mappings":";;;;;AAYA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,sBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/theme/useMediaQuery.cjs

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMediaQuery = void 0;
+var _react = require("react");
+/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+const useMediaQuery = mediaQuery => {
+  const [hasMatches, setHasMatches] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const mediaQueryList = window.matchMedia(mediaQuery);
+    const updateHasMatches = event => setHasMatches(event.matches);
+    mediaQueryList.addEventListener("change", updateHasMatches);
+    updateHasMatches(mediaQueryList);
+    return () => {
+      mediaQueryList.removeEventListener("change", updateHasMatches);
+    };
+  }, [hasMatches, mediaQuery]);
+  return hasMatches;
+};
+exports.useMediaQuery = useMediaQuery;
+//# sourceMappingURL=useMediaQuery.cjs.map

package/dist/cjs/theme/useMediaQuery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.cjs","names":["_react","require","useMediaQuery","mediaQuery","hasMatches","setHasMatches","useState","useEffect","mediaQueryList","window","matchMedia","updateHasMatches","event","matches","addEventListener","removeEventListener","exports"],"sources":["../../../src/theme/useMediaQuery.ts"],"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 { useEffect, useState } from \"react\";\n\nexport const useMediaQuery = (mediaQuery: string) => {\n  const [hasMatches, setHasMatches] = useState(false);\n\n  useEffect(() => {\n    const mediaQueryList = window.matchMedia(mediaQuery);\n\n    const updateHasMatches = (event: MediaQueryListEvent | MediaQueryList) =>\n      setHasMatches(event.matches);\n\n    mediaQueryList.addEventListener(\"change\", updateHasMatches);\n\n    updateHasMatches(mediaQueryList);\n\n    return () => {\n      mediaQueryList.removeEventListener(\"change\", updateHasMatches);\n    };\n  }, [hasMatches, mediaQuery]);\n\n  return hasMatches;\n};\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,MAAMC,aAAa,GAAIC,UAAkB,IAAK;EACnD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,cAAc,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAEpD,MAAMQ,gBAAgB,GAAIC,KAA2C,IACnEP,aAAa,CAACO,KAAK,CAACC,OAAO,CAAC;IAE9BL,cAAc,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,gBAAgB,CAAC;IAE3DA,gBAAgB,CAACH,cAAc,CAAC;IAEhC,OAAO,MAAM;MACXA,cAAc,CAACO,mBAAmB,CAAC,QAAQ,EAAEJ,gBAAgB,CAAC;IAChE,CAAC;EACH,CAAC,EAAE,CAACP,UAAU,EAAED,UAAU,CAAC,CAAC;EAE5B,OAAOC,UAAU;AACnB,CAAC;AAACY,OAAA,CAAAd,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.AppSwitcher = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
+var _AppSwitcherApp = require("./AppSwitcherApp.cjs");
 var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
 var _OktaAura = require("./OktaAura.cjs");
-var _AppSwitcherApp = require("./AppSwitcherApp.cjs");
-var _index = require("../TopNav/index.cjs");
+var _uiShellSharedConstants = require("../uiShellSharedConstants.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -42,7 +42,7 @@ const AppSwitcherOktaAuraWrapperComponent = (0, _styled.default)("div", {
 })(({
   odysseyDesignTokens
 }) => ({
-  height: _index.TOP_NAV_HEIGHT,
+  height: _uiShellSharedConstants.TOP_NAV_HEIGHT,
   padding: odysseyDesignTokens.Spacing4,
   margin: "auto",
   marginBlockEnd: odysseyDesignTokens.Spacing4

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

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.cjs","names":["_styled","_interopRequireDefault","require","_react","_OdysseyDesignTokensContext","_OktaAura","_AppSwitcherApp","_index","_jsxRuntime","e","__esModule","default","AppSwitcherWrapperComponent","styled","shouldForwardProp","prop","odysseyDesignTokens","position","display","height","backgroundColor","HueNeutralWhite","borderInlineEndStyle","borderInlineEndWidth","BorderWidthMain","borderInlineEndColor","BorderColorDisplay","AppSwitcherOktaAuraWrapperComponent","TOP_NAV_HEIGHT","padding","Spacing4","margin","marginBlockEnd","AppSwitcherAppIconULComponent","listStyleType","Spacing0","AppSwitcher","appIcons","isLoading","selectedAppName","useOdysseyDesignTokens","jsxs","children","jsx","OktaAura","map","key","AppSwitcherAppSkeleton","appIcon","AppSwitcherApp","appName","MemoizedAppSwitcher","exports","memo","displayName"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo } from \"react\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OktaAura } from \"./OktaAura.js\";\nimport {\n  AppSwitcherApp,\n  AppSwitcherAppIconData,\n  AppSwitcherAppSkeleton,\n} from \"./AppSwitcherApp.js\";\nimport { TOP_NAV_HEIGHT } from \"../TopNav/index.js\";\n\nexport type AppSwitcherProps = {\n  appIcons: AppSwitcherAppIconData[];\n  selectedAppName: string;\n  isLoading: boolean;\n};\n\nconst AppSwitcherWrapperComponent = styled(\"nav\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"relative\",\n  display: \"inline-block\",\n  height: \"100%\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  borderInlineEndColor: odysseyDesignTokens.BorderColorDisplay,\n}));\n\nconst AppSwitcherOktaAuraWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  padding: odysseyDesignTokens.Spacing4,\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n}));\n\nconst AppSwitcherAppIconULComponent = styled(\"ul\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  listStyleType: \"none\",\n  margin: odysseyDesignTokens.Spacing0,\n  padding: odysseyDesignTokens.Spacing0,\n}));\n\nconst AppSwitcher = ({\n  appIcons,\n  isLoading,\n  selectedAppName,\n}: AppSwitcherProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <AppSwitcherWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherOktaAuraWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <OktaAura />\n      </AppSwitcherOktaAuraWrapperComponent>\n      <AppSwitcherAppIconULComponent odysseyDesignTokens={odysseyDesignTokens}>\n        {isLoading\n          ? [0, 1, 2].map((key) => <AppSwitcherAppSkeleton key={key} />)\n          : appIcons?.map((appIcon) => (\n              <AppSwitcherApp\n                key={appIcon.appName}\n                selectedAppName={selectedAppName}\n                {...appIcon}\n              />\n            ))}\n      </AppSwitcherAppIconULComponent>\n    </AppSwitcherWrapperComponent>\n  );\n};\n\nconst MemoizedAppSwitcher = memo(AppSwitcher);\nMemoizedAppSwitcher.displayName = \"AppSwitcher\";\n\nexport { MemoizedAppSwitcher as AppSwitcher };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AppSwitcher.cjs","names":["_styled","_interopRequireDefault","require","_react","_AppSwitcherApp","_OdysseyDesignTokensContext","_OktaAura","_uiShellSharedConstants","_jsxRuntime","e","__esModule","default","AppSwitcherWrapperComponent","styled","shouldForwardProp","prop","odysseyDesignTokens","position","display","height","backgroundColor","HueNeutralWhite","borderInlineEndStyle","borderInlineEndWidth","BorderWidthMain","borderInlineEndColor","BorderColorDisplay","AppSwitcherOktaAuraWrapperComponent","TOP_NAV_HEIGHT","padding","Spacing4","margin","marginBlockEnd","AppSwitcherAppIconULComponent","listStyleType","Spacing0","AppSwitcher","appIcons","isLoading","selectedAppName","useOdysseyDesignTokens","jsxs","children","jsx","OktaAura","map","key","AppSwitcherAppSkeleton","appIcon","AppSwitcherApp","appName","MemoizedAppSwitcher","exports","memo","displayName"],"sources":["../../../../src/ui-shell/AppSwitcher/AppSwitcher.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo } from \"react\";\n\nimport {\n  AppSwitcherApp,\n  AppSwitcherAppIconData,\n  AppSwitcherAppSkeleton,\n} from \"./AppSwitcherApp.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OktaAura } from \"./OktaAura.js\";\nimport { TOP_NAV_HEIGHT } from \"../uiShellSharedConstants.js\";\n\nexport type AppSwitcherProps = {\n  appIcons: AppSwitcherAppIconData[];\n  selectedAppName: string;\n  isLoading: boolean;\n};\n\nconst AppSwitcherWrapperComponent = styled(\"nav\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  position: \"relative\",\n  display: \"inline-block\",\n  height: \"100%\",\n  backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n  borderInlineEndStyle: \"solid\",\n  borderInlineEndWidth: odysseyDesignTokens.BorderWidthMain,\n  borderInlineEndColor: odysseyDesignTokens.BorderColorDisplay,\n}));\n\nconst AppSwitcherOktaAuraWrapperComponent = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  height: TOP_NAV_HEIGHT,\n  padding: odysseyDesignTokens.Spacing4,\n  margin: \"auto\",\n  marginBlockEnd: odysseyDesignTokens.Spacing4,\n}));\n\nconst AppSwitcherAppIconULComponent = styled(\"ul\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  listStyleType: \"none\",\n  margin: odysseyDesignTokens.Spacing0,\n  padding: odysseyDesignTokens.Spacing0,\n}));\n\nconst AppSwitcher = ({\n  appIcons,\n  isLoading,\n  selectedAppName,\n}: AppSwitcherProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  return (\n    <AppSwitcherWrapperComponent odysseyDesignTokens={odysseyDesignTokens}>\n      <AppSwitcherOktaAuraWrapperComponent\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        <OktaAura />\n      </AppSwitcherOktaAuraWrapperComponent>\n      <AppSwitcherAppIconULComponent odysseyDesignTokens={odysseyDesignTokens}>\n        {isLoading\n          ? [0, 1, 2].map((key) => <AppSwitcherAppSkeleton key={key} />)\n          : appIcons?.map((appIcon) => (\n              <AppSwitcherApp\n                key={appIcon.appName}\n                selectedAppName={selectedAppName}\n                {...appIcon}\n              />\n            ))}\n      </AppSwitcherAppIconULComponent>\n    </AppSwitcherWrapperComponent>\n  );\n};\n\nconst MemoizedAppSwitcher = memo(AppSwitcher);\nMemoizedAppSwitcher.displayName = \"AppSwitcher\";\n\nexport { MemoizedAppSwitcher as AppSwitcher };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,340 @@
+"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 _Close = require("../icons.generated/Close.cjs");
+var _More = require("../icons.generated/More.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.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 _useScrollState = require("./useScrollState.cjs");
+var _useMatchAppElementToUiShellAppArea = require("./useMatchAppElementToUiShellAppArea.cjs");
+var _hexToRgb = require("../hexToRgb.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",
+  display: "grid",
+  gridGap: 0,
+  gridTemplateAreas: `
+    "left-side app-container right-side"
+  `,
+  gridTemplateColumns: "auto 1fr auto",
+  gridTemplateRows: "1fr",
+  height: "100%",
+  width: "100%"
+});
+const StyledAppContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "appBackgroundColor" && prop !== "odysseyDesignTokens"
+})(({
+  appBackgroundColor
+}) => ({
+  backgroundColor: appBackgroundColor,
+  height: "100%",
+  gridArea: "app-container",
+  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%",
+  gridArea: "left-side",
+  overflowY: "auto",
+  position: "absolute",
+  zIndex: _uiShellSharedConstants.UI_SHELL_BASE_Z_INDEX
+}));
+const StyledRightSideContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "isOpen" && prop !== "odysseyDesignTokens"
+})(({
+  isOpen,
+  odysseyDesignTokens
+}) => ({
+  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
+  display: isOpen ? "block" : "none",
+  gridArea: "right-side",
+  height: "100%",
+  maxWidth: _uiShellSharedConstants.SIDE_NAV_WIDTH,
+  overflowY: "auto",
+  position: "absolute",
+  right: 0,
+  width: _uiShellSharedConstants.SIDE_NAV_WIDTH,
+  zIndex: _uiShellSharedConstants.UI_SHELL_BASE_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,
+  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 unsubscribe = uiShellContext?.subscribeSideNavItemClicked(() => {
+      closeSideMenus();
+    });
+    return () => {
+      unsubscribe?.();
+    };
+  }, [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: [(0, _jsxRuntime.jsx)(_Button.Button, {
+                onClick: toggleLeftSideMenu,
+                startIcon: (0, _jsxRuntime.jsx)(_HamburgerMenuIcon.HamburgerMenuIcon, {}),
+                variant: "floating"
+              }), (0, _jsxRuntime.jsx)(StyledLogoContainer, {
+                odysseyDesignTokens: odysseyDesignTokens,
+                children: sideNavProps?.isLoading ? (0, _jsxRuntime.jsx)(_Skeleton2.default, {
+                  variant: "rounded",
+                  height: 24,
+                  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, {}),
+              variant: "floating"
+            })]
+          }), optionalComponents?.topNavLeftSide && (0, _jsxRuntime.jsx)(StyledTopNavSearch, {
+            odysseyDesignTokens: odysseyDesignTokens,
+            children: optionalComponents?.topNavLeftSide
+          })]
+        })
+      }), (0, _jsxRuntime.jsxs)(StyledAppContentArea, {
+        children: [(0, _jsxRuntime.jsx)(StyledLeftSideContainer, {
+          isOpen: isLeftSideMenuOpen,
+          children: 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
+              })
+            })
+          })
+        }), (0, _jsxRuntime.jsx)(StyledRightSideContainer, {
+          isOpen: isRightSideMenuOpen,
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: (0, _jsxRuntime.jsx)(StyledSideNavContainer, {
+            children: optionalComponents?.rightSideMenu
+          })
+        }), (0, _jsxRuntime.jsx)(StyledAppContainer, {
+          appBackgroundColor: uiShellContext?.appBackgroundColor,
+          tabIndex: 0,
+          ref: uiShellAppAreaRef
+        })]
+      })]
+    })]
+  });
+};
+const MemoizedNarrowUiShellContent = exports.NarrowUiShellContent = (0, _react.memo)(NarrowUiShellContent);
+MemoizedNarrowUiShellContent.displayName = "NarrowUiShellContent";
+//# sourceMappingURL=NarrowUiShellContent.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NarrowUiShellContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactErrorBoundary","_Button","_Close","_More","_OdysseyDesignTokensContext","_SideNav","_SideNavLogo","_HamburgerMenuIcon","_UiShellProvider","_uiShellSharedConstants","_useScrollState","_useMatchAppElementToUiShellAppArea","_hexToRgb","_jsxRuntime","e","__esModule","default","StyledAppContentArea","styled","gridArea","position","display","gridGap","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","height","width","StyledAppContainer","shouldForwardProp","prop","appBackgroundColor","backgroundColor","overflow","StyledBannersContainer","zIndex","UI_SHELL_BASE_Z_INDEX","StyledLeftSideContainer","isOpen","overflowY","StyledRightSideContainer","odysseyDesignTokens","HueNeutralWhite","maxWidth","SIDE_NAV_WIDTH","right","StyledMenuLogo","alignItems","gap","Spacing3","StyledLogoContainer","TOP_NAV_HEIGHT","paddingBlock","Spacing4","maxHeight","StyledPageOverlay","hexToRgb","HueNeutral900","asFormattedString","replace","left","top","StyledSideNavContainer","StyledUiShellContainer","HueNeutral50","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","initialVisibleSections","onError","console","error","optionalComponents","sideNavProps","topNavProps","useOdysseyDesignTokens","uiShellContext","useUiShellContext","useScrollState","sideNavContainerRef","useRef","topNavContainerRef","uiShellAppAreaRef","isLeftSideMenuOpen","setIsLeftSideMenuOpen","useState","isRightSideMenuOpen","setIsRightSideMenuOpen","closeSideMenus","useCallback","useEffect","unsubscribe","subscribeSideNavItemClicked","toggleLeftSideMenu","toggleRightSideMenu","parentContainerRef","useMatchAppElementToUiShellAppArea","paddingMode","uiShellResizableRefs","jsxs","Fragment","children","jsx","onClick","ref","banners","includes","ErrorBoundary","fallback","sideNavBackgroundColor","Button","startIcon","HamburgerMenuIcon","variant","isLoading","_Skeleton2","SideNavLogo","logoProps","rightSideMenu","CloseIcon","MoreIcon","topNavLeftSide","SideNav","appName","hasCustomFooter","sideNavFooter","footerComponent","footerItems","isCollapsed","isCollapsible","isObtrusive","tabIndex","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 { Button } from \"../Buttons/Button.js\";\nimport type { HtmlProps } from \"../HtmlProps.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 { SideNav } from \"./SideNav/SideNav.js\";\nimport { SideNavLogo } from \"./SideNav/SideNavLogo.js\";\nimport { HamburgerMenuIcon } from \"./TopNav/HamburgerMenuIcon.js\";\nimport { UiShellColors, useUiShellContext } from \"./UiShellProvider.js\";\nimport {\n  UiShellNavComponentProps,\n  UiShellContentProps,\n} from \"./uiShellContentTypes.js\";\nimport {\n  SIDE_NAV_WIDTH,\n  TOP_NAV_HEIGHT,\n  UI_SHELL_BASE_Z_INDEX,\n} from \"./uiShellSharedConstants.js\";\nimport { useScrollState } from \"./useScrollState.js\";\nimport { useMatchAppElementToUiShellAppArea } from \"./useMatchAppElementToUiShellAppArea.js\";\nimport { hexToRgb } from \"../hexToRgb.js\";\n\nconst StyledAppContentArea = styled(\"div\")({\n  gridArea: \"app-content\",\n  position: \"relative\",\n  display: \"grid\",\n  gridGap: 0,\n  gridTemplateAreas: `\n    \"left-side app-container right-side\"\n  `,\n  gridTemplateColumns: \"auto 1fr auto\",\n  gridTemplateRows: \"1fr\",\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  gridArea: \"app-container\",\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  gridArea: \"left-side\",\n  overflowY: \"auto\",\n  position: \"absolute\",\n  zIndex: UI_SHELL_BASE_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  gridArea: \"right-side\",\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_BASE_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  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 unsubscribe = uiShellContext?.subscribeSideNavItemClicked(() => {\n      closeSideMenus();\n    });\n\n    return () => {\n      unsubscribe?.();\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                  <Button\n                    onClick={toggleLeftSideMenu}\n                    startIcon={<HamburgerMenuIcon />}\n                    variant=\"floating\"\n                  />\n\n                  <StyledLogoContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    {sideNavProps?.isLoading ? (\n                      //  The skeleton takes the hardcoded dimensions of the Okta logo\n                      <Skeleton variant=\"rounded\" height={24} 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                    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            {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                  />\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            tabIndex={0}\n            ref={uiShellAppAreaRef}\n          />\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":[]}