@okta/odyssey-react-mui 1.43.0 → 1.44.0

package/dist/esm/ui-shell/SideNav/HandleIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"HandleIcon.js","names":["memo","jsx","_jsx","HandleIcon","width","height","viewBox","fill","xmlns","children","fillRule","clipRule","d","MemoizedHandleIcon"],"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      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\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      />\n    </svg>\n  );\n};\nconst MemoizedHandleIcon = memo(HandleIcon);\n\nexport { MemoizedHandleIcon as HandleIcon };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7B,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvB,OACED,IAAA;IACEE,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCP,IAAA;MACEQ,QAAQ,EAAC,SAAS;MAClBC,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,mFAAmF;MACrFL,IAAI,EAAC;IAAS,CACf;EAAC,CACC,CAAC;AAEV,CAAC;AACD,MAAMM,kBAAkB,GAAGb,IAAI,CAACG,UAAU,CAAC;AAE3C,SAASU,kBAAkB,IAAIV,UAAU","ignoreList":[]}
+{"version":3,"file":"HandleIcon.js","names":["memo","jsx","_jsx","HandleIcon","fill","height","viewBox","width","xmlns","children","clipRule","d","fillRule","MemoizedHandleIcon"],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7B,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvB,OACED,IAAA;IACEE,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,IAAI;IACVC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,EAElCP,IAAA;MACEQ,QAAQ,EAAC,SAAS;MAClBC,CAAC,EAAC,mFAAmF;MACrFP,IAAI,EAAC,SAAS;MACdQ,QAAQ,EAAC;IAAS,CACnB;EAAC,CACC,CAAC;AAEV,CAAC;AACD,MAAMC,kBAAkB,GAAGb,IAAI,CAACG,UAAU,CAAC;AAE3C,SAASU,kBAAkB,IAAIV,UAAU","ignoreList":[]}

package/dist/esm/ui-shell/SideNav/NavAccordion.js

@@ -18,8 +18,8 @@ import { memo } from "react";
 import { ChevronDownIcon } from "../../icons.generated/index.js";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
 import { Support } from "../../Typography.js";
-import { useUniqueId } from "../../useUniqueId.js";
 import { useUiShellContext } from "../../ui-shell/UiShellProvider.js";
+import { useUniqueId } from "../../useUniqueId.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SideNavAccordionContainer = styled("div", {
   shouldForwardProp: prop => prop !== "backgroundColor" && prop !== "fontColor"
@@ -123,33 +123,33 @@ const NavAccordion = ({
   return _jsx(SideNavAccordionContainer, {
     backgroundColor: uiShellContext?.sideNavBackgroundColor,
     children: _jsxs(_Accordion, {
+      className: "nav-accordion",
       defaultExpanded: isDefaultExpanded,
       disabled: isDisabled,
       disableGutters: true,
       expanded: isExpanded,
-      className: "nav-accordion",
       children: [_jsx(AccordionSummaryContainer, {
         "aria-controls": contentId,
         className: "nav-accordion-summary",
         expandIcon: _jsx(ChevronDownIcon, {}),
-        sideNavContrastColors: uiShellContext?.sideNavContrastColors,
         id: headerId,
         isCompact: isCompact,
         isDisabled: isDisabled,
         odysseyDesignTokens: odysseyDesignTokens,
+        sideNavContrastColors: uiShellContext?.sideNavContrastColors,
         children: _jsxs(Support, {
           component: "div",
           translate: translate,
           children: [startIcon && startIcon, _jsx(AccordionLabelContainer, {
-            sideNavContrastColors: uiShellContext?.sideNavContrastColors,
             isIconVisible: Boolean(startIcon),
             odysseyDesignTokens: odysseyDesignTokens,
+            sideNavContrastColors: uiShellContext?.sideNavContrastColors,
             children: label
           })]
         })
       }), _jsx(_AccordionDetails, {
-        className: "nav-accordion-details",
         "aria-labelledby": headerId,
+        className: "nav-accordion-details",
         children: children
       })]
     })

package/dist/esm/ui-shell/SideNav/NavAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavAccordion.js","names":["styled","memo","ChevronDownIcon","useOdysseyDesignTokens","Support","useUniqueId","useUiShellContext","jsx","_jsx","jsxs","_jsxs","SideNavAccordionContainer","shouldForwardProp","prop","backgroundColor","fontColor","width","color","AccordionLabelContainer","sideNavContrastColors","odysseyDesignTokens","isIconVisible","marginInlineStart","Spacing3","fontWeight","TypographyWeightHeading","TypographyColorHeading","TypographyColorDisabled","itemDisabledFontColor","AccordionSummaryContainer","_AccordionSummary","isCompact","isDisabled","borderRadius","BorderRadiusMain","paddingBlock","paddingInline","Spacing4","opacity","svg","path","fill","HueNeutral50","itemHoverBackgroundColor","outline","boxShadow","PalettePrimaryMain","focusRingColor","Spacing2","minHeight","NavAccordion","children","label","id","idOverride","isDefaultExpanded","isExpanded","translate","startIcon","headerId","contentId","uiShellContext","sideNavBackgroundColor","_Accordion","defaultExpanded","disabled","disableGutters","expanded","className","expandIcon","component","Boolean","_AccordionDetails","MemoizedNavAccordion","displayName"],"sources":["../../../../src/ui-shell/SideNav/NavAccordion.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionSummary as MuiAccordionSummary,\n  AccordionProps as MuiAccordionProps,\n} from \"@mui/material\";\nimport { PropsWithChildren, ReactNode, memo } from \"react\";\n\nimport type { HtmlProps } from \"../../HtmlProps.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Support } from \"../../Typography.js\";\nimport { useUniqueId } from \"../../useUniqueId.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport { ContrastColors } from \"../../createContrastColors.js\";\n\nconst SideNavAccordionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"backgroundColor\" && prop !== \"fontColor\",\n})<{\n  backgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  fontColor?: ContrastColors[\"fontColor\"];\n}>(({ backgroundColor, fontColor }) => ({\n  width: \"100%\",\n\n  \".MuiAccordion-root\": {\n    backgroundColor: backgroundColor,\n    color: fontColor || \"inherit\",\n  },\n}));\n\nexport type NavAccordionProps = {\n  /**\n   * The label text for the AccordionSummary\n   */\n  label: string;\n  /**\n   * Defines IDs for the header and the content of the Accordion\n   */\n  id?: string;\n  /**\n   *  Determines if the Accordion component use compact layout\n   */\n  isCompact?: boolean;\n  /**\n   * Whether the item is expanded by default\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, expands the accordion, otherwise collapse it.\n   * Setting this prop enables control over the accordion.\n   */\n  isExpanded?: boolean;\n  /**\n   * Event fired when the expansion state of the accordion is changed\n   */\n  onChange?: MuiAccordionProps[\"onChange\"];\n  /**\n   * The icon element to display at the start of the Nav Item\n   */\n  startIcon?: ReactNode;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst AccordionLabelContainer = styled(\"span\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isIconVisible\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n  isIconVisible: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ sideNavContrastColors, odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n  color:\n    sideNavContrastColors?.fontColor ||\n    odysseyDesignTokens.TypographyColorHeading,\n\n  \".Mui-disabled &\": {\n    color: odysseyDesignTokens.TypographyColorDisabled,\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      color: sideNavContrastColors?.itemDisabledFontColor,\n    }),\n  },\n}));\n\nconst AccordionSummaryContainer = styled(MuiAccordionSummary, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isCompact\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n  isCompact?: boolean;\n  isDisabled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, sideNavContrastColors, isCompact, isDisabled }) => ({\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  paddingBlock: odysseyDesignTokens.Spacing3,\n  paddingInline: odysseyDesignTokens.Spacing4,\n\n  ...(isDisabled && {\n    opacity: \"1 !important\",\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      svg: {\n        path: {\n          fill: `${sideNavContrastColors.itemDisabledFontColor} !important`,\n        },\n      },\n    }),\n  }),\n\n  ...(!isDisabled && {\n    \"&:hover\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n    },\n  }),\n\n  ...(!isDisabled &&\n    sideNavContrastColors?.fontColor && {\n      svg: {\n        path: {\n          fill: `${sideNavContrastColors.fontColor} !important`,\n        },\n      },\n    }),\n\n  ...(sideNavContrastColors?.itemHoverBackgroundColor && {\n    ...(!isDisabled && {\n      \"&:hover\": {\n        backgroundColor: sideNavContrastColors.itemHoverBackgroundColor,\n      },\n    }),\n  }),\n\n  \"&:focus-visible\": {\n    backgroundColor: \"unset\",\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n\n    ...(sideNavContrastColors?.focusRingColor && {\n      boxShadow: `inset 0 0 0 2px ${sideNavContrastColors.focusRingColor}`,\n    }),\n  },\n\n  ...(isCompact && {\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    minHeight: \"unset\",\n  }),\n}));\n\nconst NavAccordion = ({\n  children,\n  label,\n  id: idOverride,\n  isCompact,\n  isDefaultExpanded,\n  isDisabled,\n  isExpanded,\n  translate,\n  startIcon,\n}: PropsWithChildren<NavAccordionProps>) => {\n  const id = useUniqueId(idOverride);\n  const headerId = `${id}-header`;\n  const contentId = `${id}-content`;\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  return (\n    <SideNavAccordionContainer\n      backgroundColor={uiShellContext?.sideNavBackgroundColor}\n    >\n      <MuiAccordion\n        defaultExpanded={isDefaultExpanded}\n        disabled={isDisabled}\n        disableGutters\n        expanded={isExpanded}\n        className=\"nav-accordion\"\n      >\n        <AccordionSummaryContainer\n          aria-controls={contentId}\n          className=\"nav-accordion-summary\"\n          expandIcon={<ChevronDownIcon />}\n          sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n          id={headerId}\n          isCompact={isCompact}\n          isDisabled={isDisabled}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <Support component=\"div\" translate={translate}>\n            {startIcon && startIcon}\n            <AccordionLabelContainer\n              sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n              isIconVisible={Boolean(startIcon)}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {label}\n            </AccordionLabelContainer>\n          </Support>\n        </AccordionSummaryContainer>\n        <MuiAccordionDetails\n          className=\"nav-accordion-details\"\n          aria-labelledby={headerId}\n        >\n          {children}\n        </MuiAccordionDetails>\n      </MuiAccordion>\n    </SideNavAccordionContainer>\n  );\n};\n\nconst MemoizedNavAccordion = memo(NavAccordion);\nMemoizedNavAccordion.displayName = \"NavAccordion\";\n\nexport { MemoizedNavAccordion as NavAccordion };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"NavAccordion.js","names":["styled","memo","ChevronDownIcon","useOdysseyDesignTokens","Support","useUiShellContext","useUniqueId","jsx","_jsx","jsxs","_jsxs","SideNavAccordionContainer","shouldForwardProp","prop","backgroundColor","fontColor","width","color","AccordionLabelContainer","sideNavContrastColors","odysseyDesignTokens","isIconVisible","marginInlineStart","Spacing3","fontWeight","TypographyWeightHeading","TypographyColorHeading","TypographyColorDisabled","itemDisabledFontColor","AccordionSummaryContainer","_AccordionSummary","isCompact","isDisabled","borderRadius","BorderRadiusMain","paddingBlock","paddingInline","Spacing4","opacity","svg","path","fill","HueNeutral50","itemHoverBackgroundColor","outline","boxShadow","PalettePrimaryMain","focusRingColor","Spacing2","minHeight","NavAccordion","children","label","id","idOverride","isDefaultExpanded","isExpanded","translate","startIcon","headerId","contentId","uiShellContext","sideNavBackgroundColor","_Accordion","className","defaultExpanded","disabled","disableGutters","expanded","expandIcon","component","Boolean","_AccordionDetails","MemoizedNavAccordion","displayName"],"sources":["../../../../src/ui-shell/SideNav/NavAccordion.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  Accordion as MuiAccordion,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionProps as MuiAccordionProps,\n  AccordionSummary as MuiAccordionSummary,\n} from \"@mui/material\";\nimport { memo, PropsWithChildren, ReactNode } from \"react\";\n\nimport type { HtmlProps } from \"../../HtmlProps.js\";\n\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport { ChevronDownIcon } from \"../../icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Support } from \"../../Typography.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport { useUniqueId } from \"../../useUniqueId.js\";\n\nconst SideNavAccordionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"backgroundColor\" && prop !== \"fontColor\",\n})<{\n  backgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  fontColor?: ContrastColors[\"fontColor\"];\n}>(({ backgroundColor, fontColor }) => ({\n  width: \"100%\",\n\n  \".MuiAccordion-root\": {\n    backgroundColor: backgroundColor,\n    color: fontColor || \"inherit\",\n  },\n}));\n\nexport type NavAccordionProps = {\n  /**\n   * Defines IDs for the header and the content of the Accordion\n   */\n  id?: string;\n  /**\n   *  Determines if the Accordion component use compact layout\n   */\n  isCompact?: boolean;\n  /**\n   * Whether the item is expanded by default\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the item is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * If true, expands the accordion, otherwise collapse it.\n   * Setting this prop enables control over the accordion.\n   */\n  isExpanded?: boolean;\n  /**\n   * The label text for the AccordionSummary\n   */\n  label: string;\n  /**\n   * Event fired when the expansion state of the accordion is changed\n   */\n  onChange?: MuiAccordionProps[\"onChange\"];\n  /**\n   * The icon element to display at the start of the Nav Item\n   */\n  startIcon?: ReactNode;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst AccordionLabelContainer = styled(\"span\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isIconVisible\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  isIconVisible: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n}>(({ sideNavContrastColors, odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n  color:\n    sideNavContrastColors?.fontColor ||\n    odysseyDesignTokens.TypographyColorHeading,\n\n  \".Mui-disabled &\": {\n    color: odysseyDesignTokens.TypographyColorDisabled,\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      color: sideNavContrastColors?.itemDisabledFontColor,\n    }),\n  },\n}));\n\nconst AccordionSummaryContainer = styled(MuiAccordionSummary, {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isCompact\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  isCompact?: boolean;\n  isDisabled?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n}>(({ odysseyDesignTokens, sideNavContrastColors, isCompact, isDisabled }) => ({\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  paddingBlock: odysseyDesignTokens.Spacing3,\n  paddingInline: odysseyDesignTokens.Spacing4,\n\n  ...(isDisabled && {\n    opacity: \"1 !important\",\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      svg: {\n        path: {\n          fill: `${sideNavContrastColors.itemDisabledFontColor} !important`,\n        },\n      },\n    }),\n  }),\n\n  ...(!isDisabled && {\n    \"&:hover\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n    },\n  }),\n\n  ...(!isDisabled &&\n    sideNavContrastColors?.fontColor && {\n      svg: {\n        path: {\n          fill: `${sideNavContrastColors.fontColor} !important`,\n        },\n      },\n    }),\n\n  ...(sideNavContrastColors?.itemHoverBackgroundColor && {\n    ...(!isDisabled && {\n      \"&:hover\": {\n        backgroundColor: sideNavContrastColors.itemHoverBackgroundColor,\n      },\n    }),\n  }),\n\n  \"&:focus-visible\": {\n    backgroundColor: \"unset\",\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${odysseyDesignTokens.PalettePrimaryMain}`,\n\n    ...(sideNavContrastColors?.focusRingColor && {\n      boxShadow: `inset 0 0 0 2px ${sideNavContrastColors.focusRingColor}`,\n    }),\n  },\n\n  ...(isCompact && {\n    paddingBlock: odysseyDesignTokens.Spacing2,\n    minHeight: \"unset\",\n  }),\n}));\n\nconst NavAccordion = ({\n  children,\n  label,\n  id: idOverride,\n  isCompact,\n  isDefaultExpanded,\n  isDisabled,\n  isExpanded,\n  translate,\n  startIcon,\n}: PropsWithChildren<NavAccordionProps>) => {\n  const id = useUniqueId(idOverride);\n  const headerId = `${id}-header`;\n  const contentId = `${id}-content`;\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const uiShellContext = useUiShellContext();\n\n  return (\n    <SideNavAccordionContainer\n      backgroundColor={uiShellContext?.sideNavBackgroundColor}\n    >\n      <MuiAccordion\n        className=\"nav-accordion\"\n        defaultExpanded={isDefaultExpanded}\n        disabled={isDisabled}\n        disableGutters\n        expanded={isExpanded}\n      >\n        <AccordionSummaryContainer\n          aria-controls={contentId}\n          className=\"nav-accordion-summary\"\n          expandIcon={<ChevronDownIcon />}\n          id={headerId}\n          isCompact={isCompact}\n          isDisabled={isDisabled}\n          odysseyDesignTokens={odysseyDesignTokens}\n          sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n        >\n          <Support component=\"div\" translate={translate}>\n            {startIcon && startIcon}\n            <AccordionLabelContainer\n              isIconVisible={Boolean(startIcon)}\n              odysseyDesignTokens={odysseyDesignTokens}\n              sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n            >\n              {label}\n            </AccordionLabelContainer>\n          </Support>\n        </AccordionSummaryContainer>\n        <MuiAccordionDetails\n          aria-labelledby={headerId}\n          className=\"nav-accordion-details\"\n        >\n          {children}\n        </MuiAccordionDetails>\n      </MuiAccordion>\n    </SideNavAccordionContainer>\n  );\n};\n\nconst MemoizedNavAccordion = memo(NavAccordion);\nMemoizedNavAccordion.displayName = \"NavAccordion\";\n\nexport { MemoizedNavAccordion as NavAccordion };\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ui-shell/SideNav/OktaLogo.js

@@ -14,10 +14,10 @@ import { memo } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const OktaLogo = () => {
   return _jsxs("svg", {
-    width: "67",
+    fill: "none",
     height: "24",
     viewBox: "0 0 67 24",
-    fill: "none",
+    width: "67",
     xmlns: "http://www.w3.org/2000/svg",
     children: [_jsx("title", {
       children: "Okta"

package/dist/esm/ui-shell/SideNav/OktaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"OktaLogo.js","names":["memo","jsx","_jsx","jsxs","_jsxs","OktaLogo","width","height","viewBox","fill","xmlns","children","d","MemoizedOktaLogo"],"sources":["../../../../src/ui-shell/SideNav/OktaLogo.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 OktaLogo = () => {\n  return (\n    <svg\n      width=\"67\"\n      height=\"24\"\n      viewBox=\"0 0 67 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Okta</title>\n      <path\n        d=\"M55.308 20.5716C52.1058 20.5716 49.8418 18.0813 49.8418 14.8145C49.8418 11.5476 52.1058 9.0574 55.308 9.0574C58.5103 9.0574 60.7097 11.5476 60.7097 14.8145C60.7097 18.0813 58.478 20.5716 55.308 20.5716ZM54.7905 24C57.3782 24 59.5777 22.9972 60.9682 20.8947C61.2267 22.9326 62.7147 23.6763 64.5905 23.6763H66.0785V20.4418H65.4317C64.3643 20.4418 64.1058 19.9242 64.1058 18.7276V5.95153H60.6774V8.57159C59.5131 6.72814 57.3136 5.62842 54.7911 5.62842C50.2952 5.62842 46.1554 9.38051 46.1554 14.8139C46.1554 20.2473 50.2947 24 54.7905 24ZM37.1309 19.5688C37.1309 22.4797 38.942 23.6763 41.1092 23.6763H45.2813V20.4418H42.2412C40.9799 20.4418 40.7209 19.9565 40.7209 18.7276V9.18608H45.2813V5.95153H40.7209V0H37.1309V19.5688ZM20.7972 23.6763H24.3872V16.0758H25.5838L31.6969 23.6763H36.225L28.4301 14.0379L34.4139 5.9521H30.371L25.4869 12.7766H24.3872V0.00113398H20.7972V23.6763ZM9.1532 5.62842C4.13983 5.62842 0 9.38051 0 14.8139C0 20.2473 4.13983 23.9994 9.1532 23.9994C14.1666 23.9994 18.3064 20.2473 18.3064 14.8139C18.3064 9.38051 14.1666 5.62842 9.1532 5.62842ZM9.1532 20.5716C5.95096 20.5716 3.68689 18.0813 3.68689 14.8145C3.68689 11.5476 5.95096 9.0574 9.1532 9.0574C12.3554 9.0574 14.6195 11.5476 14.6195 14.8145C14.6195 18.0813 12.3554 20.5716 9.1532 20.5716Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\nconst MemoizedOktaLogo = memo(OktaLogo);\n\nexport { MemoizedOktaLogo as OktaLogo };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7B,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,OACED,KAAA;IACEE,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,GAElCT,IAAA;MAAAS,QAAA,EAAO;IAAI,CAAO,CAAC,EACnBT,IAAA;MACEU,CAAC,EAAC,mvCAAmvC;MACrvCH,IAAI,EAAC;IAAO,CACb,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AACD,MAAMI,gBAAgB,GAAGb,IAAI,CAACK,QAAQ,CAAC;AAEvC,SAASQ,gBAAgB,IAAIR,QAAQ","ignoreList":[]}
+{"version":3,"file":"OktaLogo.js","names":["memo","jsx","_jsx","jsxs","_jsxs","OktaLogo","fill","height","viewBox","width","xmlns","children","d","MemoizedOktaLogo"],"sources":["../../../../src/ui-shell/SideNav/OktaLogo.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 OktaLogo = () => {\n  return (\n    <svg\n      fill=\"none\"\n      height=\"24\"\n      viewBox=\"0 0 67 24\"\n      width=\"67\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title>Okta</title>\n      <path\n        d=\"M55.308 20.5716C52.1058 20.5716 49.8418 18.0813 49.8418 14.8145C49.8418 11.5476 52.1058 9.0574 55.308 9.0574C58.5103 9.0574 60.7097 11.5476 60.7097 14.8145C60.7097 18.0813 58.478 20.5716 55.308 20.5716ZM54.7905 24C57.3782 24 59.5777 22.9972 60.9682 20.8947C61.2267 22.9326 62.7147 23.6763 64.5905 23.6763H66.0785V20.4418H65.4317C64.3643 20.4418 64.1058 19.9242 64.1058 18.7276V5.95153H60.6774V8.57159C59.5131 6.72814 57.3136 5.62842 54.7911 5.62842C50.2952 5.62842 46.1554 9.38051 46.1554 14.8139C46.1554 20.2473 50.2947 24 54.7905 24ZM37.1309 19.5688C37.1309 22.4797 38.942 23.6763 41.1092 23.6763H45.2813V20.4418H42.2412C40.9799 20.4418 40.7209 19.9565 40.7209 18.7276V9.18608H45.2813V5.95153H40.7209V0H37.1309V19.5688ZM20.7972 23.6763H24.3872V16.0758H25.5838L31.6969 23.6763H36.225L28.4301 14.0379L34.4139 5.9521H30.371L25.4869 12.7766H24.3872V0.00113398H20.7972V23.6763ZM9.1532 5.62842C4.13983 5.62842 0 9.38051 0 14.8139C0 20.2473 4.13983 23.9994 9.1532 23.9994C14.1666 23.9994 18.3064 20.2473 18.3064 14.8139C18.3064 9.38051 14.1666 5.62842 9.1532 5.62842ZM9.1532 20.5716C5.95096 20.5716 3.68689 18.0813 3.68689 14.8145C3.68689 11.5476 5.95096 9.0574 9.1532 9.0574C12.3554 9.0574 14.6195 11.5476 14.6195 14.8145C14.6195 18.0813 12.3554 20.5716 9.1532 20.5716Z\"\n        fill=\"black\"\n      />\n    </svg>\n  );\n};\nconst MemoizedOktaLogo = memo(OktaLogo);\n\nexport { MemoizedOktaLogo as OktaLogo };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7B,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EACrB,OACED,KAAA;IACEE,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,IAAI;IACVC,KAAK,EAAC,4BAA4B;IAAAC,QAAA,GAElCT,IAAA;MAAAS,QAAA,EAAO;IAAI,CAAO,CAAC,EACnBT,IAAA;MACEU,CAAC,EAAC,mvCAAmvC;MACrvCN,IAAI,EAAC;IAAO,CACb,CAAC;EAAA,CACC,CAAC;AAEV,CAAC;AACD,MAAMO,gBAAgB,GAAGb,IAAI,CAACK,QAAQ,CAAC;AAEvC,SAASQ,gBAAgB,IAAIR,QAAQ","ignoreList":[]}

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

@@ -11,26 +11,26 @@ import _Skeleton from "@mui/material/Skeleton";
  * See the License for the specific language governing permissions and limitations under the License.
  */
 
-import styled from "@emotion/styled";
-import { memo, useMemo, useState, useCallback, useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
 import { arrayMove } from "@dnd-kit/sortable";
+import styled from "@emotion/styled";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ErrorBoundary } from "react-error-boundary";
-import { NavAccordion } from "./NavAccordion.js";
+import { useTranslation } from "react-i18next";
 import { useOdysseyDesignTokens } from "../../OdysseyDesignTokensContext.js";
-import { useElementAtContainerEdge } from "../useElementAtContainerEdge.js";
 import { OdysseyThemeProvider } from "../../OdysseyThemeProvider.js";
+import { Overline } from "../../Typography.js";
+import { useUiShellContext } from "../../ui-shell/UiShellProvider.js";
+import { useMountLifecycleEffect } from "../../useMountLifecycleEffect.js";
+import { SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION, SIDE_NAV_WIDTH, UI_SHELL_BASE_Z_INDEX, UI_SHELL_OVERLAY_Z_INDEX } from "../uiShellSharedConstants.js";
+import { useElementAtContainerEdge } from "../useElementAtContainerEdge.js";
+import { NavAccordion } from "./NavAccordion.js";
+import { SideNavFooterContent } from "./SideNavFooterContent.js";
 import { SideNavHeader } from "./SideNavHeader.js";
 import { SideNavItemContent, StyledSideNavListItem } from "./SideNavItemContent.js";
-import { SideNavFooterContent } from "./SideNavFooterContent.js";
 import { SideNavItemContentContext } from "./SideNavItemContentContext.js";
 import { SIDE_NAV_TOGGLE_ICON_HALF_SIZE, SIDE_NAV_TOGGLE_ICON_SIZE, SideNavToggleButton } from "./SideNavToggleButton.js";
 import { SortableList } from "./SortableList/SortableList.js";
-import { Overline } from "../../Typography.js";
-import { useUiShellContext } from "../../ui-shell/UiShellProvider.js";
-import { SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION, SIDE_NAV_WIDTH, UI_SHELL_BASE_Z_INDEX, UI_SHELL_OVERLAY_Z_INDEX } from "../uiShellSharedConstants.js";
 import { useIsSideNavCollapsedSessionStorage } from "./useIsSideNavCollapsedSessionStorage.js";
-import { useMountLifecycleEffect } from "../../useMountLifecycleEffect.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED = 12;
 export const SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED = 2;
@@ -252,9 +252,9 @@ const LoadingItem = () => {
   return _jsxs(StyledLoadingItemContainer, {
     odysseyDesignTokens: odysseyDesignTokens,
     children: [_jsx(_Skeleton, {
+      height: odysseyDesignTokens.Spacing4,
       variant: "circular",
-      width: odysseyDesignTokens.Spacing4,
-      height: odysseyDesignTokens.Spacing4
+      width: odysseyDesignTokens.Spacing4
     }), _jsx(_Skeleton, {
       variant: "rounded",
       width: "100%"
@@ -487,8 +487,8 @@ const SideNav = ({
       isSideNavToggleHighlighted: isSideNavToggleHighlighted,
       odysseyDesignTokens: odysseyDesignTokens,
       children: _jsx(SideNavToggleButton, {
-        clickAreaPadding: isSideNavCollapsed && !hasNeighbouringContentAtInlineStart ? SIDE_NAV_TOGGLE_ICON_SIZE / 2 : 0,
         ariaControls: "side-nav-expandable",
+        clickAreaPadding: isSideNavCollapsed && !hasNeighbouringContentAtInlineStart ? SIDE_NAV_TOGGLE_ICON_SIZE / 2 : 0,
         isSideNavCollapsed: isSideNavCollapsed,
         onClick: sideNavExpandClickHandler,
         onHighlight: onSideNavToggleButtonHighlight,
@@ -503,9 +503,9 @@ const SideNav = ({
           isSideNavCollapsed: isSideNavCollapsed,
           odysseyDesignTokens: odysseyDesignTokens,
           children: [appName || isLoading || logoProps ? _jsx(StyledSideNavHeaderContainer, {
+            borderColor: uiShellContext?.sideNavContrastColors?.fontColor,
             hasContentScrolled: hasContentScrolled,
             odysseyDesignTokens: odysseyDesignTokens,
-            borderColor: uiShellContext?.sideNavContrastColors?.fontColor,
             children: isLoading && !appName && !logoProps ? _jsx(SideNavHeader, {
               isLoading: isLoading
             }) : _jsx(SideNavHeader, {
@@ -514,12 +514,12 @@ const SideNav = ({
               logoProps: logoProps
             })
           }) : _jsx("div", {}), _jsxs(StyledSideNavScrollableContainer, {
-            odysseyDesignTokens: odysseyDesignTokens,
             "data-se": "scrollable-region",
             hasBlockStartPadding: !appName,
+            odysseyDesignTokens: odysseyDesignTokens,
             children: [_jsx(StyledSideNavListContainer, {
-              role: "none",
               ref: scrollableContentRef,
+              role: "none",
               children: isLoading ? Array(6).fill(null).map((_, index) => _jsx(LoadingItem, {}, index)) : processedSideNavItems?.map(item => {
                 const {
                   childNavItems,
@@ -550,9 +550,9 @@ const SideNav = ({
                   const nestedChildren = _jsx(StyledSideNavListContainer, {
                     role: "presentation",
                     children: isSortable ? _jsx(SortableList, {
-                      parentId: item.id,
                       items: childNavItems,
                       onChange: setSortedItems,
+                      parentId: item.id,
                       renderItem: sortableItem => _jsx(SortableList.Item, {
                         id: sortableItem.id,
                         isDisabled: sortableItem.isDisabled,
@@ -571,26 +571,26 @@ const SideNav = ({
                       scrollRef: getRefIfThisIsFirstNodeWithIsSelected(item.id),
                       startIcon: item.startIcon
                     }), _jsx(StyledSideNavListItem, {
+                      "aria-disabled": isDisabled,
+                      disabled: isDisabled,
                       id: `${id}-items`,
                       odysseyDesignTokens: odysseyDesignTokens,
-                      disabled: isDisabled,
-                      "aria-disabled": isDisabled,
                       children: nestedChildren
                     })]
                   }, id) : _jsx(ErrorBoundary, {
                     fallback: blankElement,
                     children: _jsx(StyledSideNavListItem, {
+                      "aria-disabled": isDisabled,
+                      disabled: isDisabled,
                       id: id,
                       odysseyDesignTokens: odysseyDesignTokens,
-                      disabled: isDisabled,
-                      "aria-disabled": isDisabled,
                       children: _jsx(NavAccordion, {
-                        label: label,
                         isCompact: isCompact,
                         isDefaultExpanded: isDefaultExpanded,
+                        isDisabled: isDisabled,
                         isExpanded: isExpanded,
+                        label: label,
                         startIcon: startIcon,
-                        isDisabled: isDisabled,
                         children: nestedChildren
                       })
                     })

package/dist/esm/ui-shell/SideNav/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.js","names":["styled","memo","useMemo","useState","useCallback","useRef","useEffect","useTranslation","arrayMove","ErrorBoundary","NavAccordion","useOdysseyDesignTokens","useElementAtContainerEdge","OdysseyThemeProvider","SideNavHeader","SideNavItemContent","StyledSideNavListItem","SideNavFooterContent","SideNavItemContentContext","SIDE_NAV_TOGGLE_ICON_HALF_SIZE","SIDE_NAV_TOGGLE_ICON_SIZE","SideNavToggleButton","SortableList","Overline","useUiShellContext","SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION","SIDE_NAV_WIDTH","UI_SHELL_BASE_Z_INDEX","UI_SHELL_OVERLAY_Z_INDEX","useIsSideNavCollapsedSessionStorage","useMountLifecycleEffect","jsx","_jsx","jsxs","_jsxs","SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED","SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED","StyledCollapsibleContent","shouldForwardProp","prop","odysseyDesignTokens","isSideNavCollapsed","position","display","gridTemplateColumns","height","transition","TransitionDurationMain","transitionTimingFunction","TransitionTimingMain","overflow","opacity","StyledOpacityTransitionContainer","gridTemplateRows","StyledSideNavContainer","backgroundColor","hasNeighbouringContentAtInlineStart","isAppContentWhiteBackground","isSideNavToggleHighlighted","HueNeutralWhite","width","content","pointerEvents","right","BorderWidthMain","top","userSelect","zIndex","BorderColorPrimaryControl","HueNeutral100","HueNeutral200","transform","borderRightColor","borderRightStyle","BorderStyleMain","borderRightWidth","StyledSideNavToggleButtonContainer","StyledSideNavHeaderContainer","borderColor","hasContentScrolled","flexShrink","borderBottomWidth","borderBottomStyle","borderBottomColor","concat","StyledSideNavListContainer","padding","listStyle","listStyleType","margin","StyledSideNavScrollableContainer","hasBlockStartPadding","overflowY","paddingBlockStart","Spacing2","paddingInline","StyledSectionHeaderContainer","contrastFontColor","color","HueNeutral600","marginBlock","Spacing3","paddingBlock","Spacing1","Spacing4","StyledSideNavFooter","sideNavBackgroundColor","StyledPersistentSideNavFooter","isContentScrollable","transitionProperty","transitionDuration","transitionTiming","boxShadow","StyledSideNavFooterItemsContainer","sideNavContrastColors","flexWrap","alignItems","fontSize","TypographySizeOverline","fontColor","textDecoration","HueNeutral900","StyledLoadingItemContainer","gap","getHasScrollableContent","scrollableContainer","scrollHeight","clientHeight","LoadingItem","children","_Skeleton","variant","SideNav","appName","footerComponent","footerItems","hasCustomFooter","hasSessionStorageState","isCollapsible","isCollapsed","isCompact","isLoading","isObtrusive","logoProps","onCollapse","onExpand","onSort","sideNavItems","setHasContentScrolled","setIsContentScrollable","setIsSideNavToggleHighlighted","sideNavItemsList","updateSideNavItemsList","isSideNavCollapsedLocalState","setIsSideNavCollapsedLocalState","sessionState","isSideNavCollapsedSessionState","setSessionState","setIsSideNavCollapsedSessionState","setIsSideNavCollapsed","uiShellContext","t","scrollableContentRef","resizeObserverRef","intersectionObserverRef","sideNavRef","isAtContainerInlineStart","element","current","monitoringElement","parentElement","blankElement","onMount","onUpdate","updateIsContentScrollable","resizeObserverDebounceTimer","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","IntersectionObserver","entries","isIntersecting","slice","sort","a","b","time","at","root","threshold","ulElement","liElement","Array","from","disconnect","scrollIntoViewRef","firstSideNavItemIdWithIsSelected","flattenedItems","flatMap","sideNavItem","nestedNavItems","firstItemWithIsSelected","find","isSelected","id","scrollIntoView","getRefIfThisIsFirstNodeWithIsSelected","itemId","undefined","sideNavItemContentProviderValue","depth","setSelectedItem","selectedItemId","updatedSideNavItems","map","item","childItem","closeSideNavMenu","processedSideNavItems","childNavItems","childProps","isDisabled","isSortable","navItem","Provider","value","onItemSelected","scrollRef","translate","sideNavExpandClickHandler","sideNavExpandKeyHandler","event","key","code","preventDefault","unsubscribe","subscribeToCloseSideNavMenu","setSortedItems","parentId","activeId","activeIndex","overIndex","sortedSideNavItems","onSideNavToggleButtonHighlight","isHighlighted","appBackgroundColor","ref","clickAreaPadding","ariaControls","onClick","onHighlight","onKeyDown","role","fill","_","index","href","isDefaultExpanded","isExpanded","isSectionHeader","label","startIcon","fallback","component","nestedChildren","items","onChange","renderItem","sortableItem","Item","disabled","MemoizedSideNav","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNav.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  memo,\n  useMemo,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  KeyboardEventHandler,\n  CSSProperties,\n} from \"react\";\nimport { Skeleton } from \"@mui/material\";\nimport { useTranslation } from \"react-i18next\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { Property } from \"csstype\";\n\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport { NavAccordion } from \"./NavAccordion.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { useElementAtContainerEdge } from \"../useElementAtContainerEdge.js\";\nimport { OdysseyThemeProvider } from \"../../OdysseyThemeProvider.js\";\nimport type { SideNavProps } from \"./types.js\";\nimport { SideNavHeader } from \"./SideNavHeader.js\";\nimport {\n  SideNavItemContent,\n  StyledSideNavListItem,\n} from \"./SideNavItemContent.js\";\nimport { SideNavFooterContent } from \"./SideNavFooterContent.js\";\nimport { SideNavItemContentContext } from \"./SideNavItemContentContext.js\";\nimport {\n  SIDE_NAV_TOGGLE_ICON_HALF_SIZE,\n  SIDE_NAV_TOGGLE_ICON_SIZE,\n  SideNavToggleButton,\n  SideNavToggleButtonProps,\n} from \"./SideNavToggleButton.js\";\nimport { SortableList } from \"./SortableList/SortableList.js\";\nimport { Overline } from \"../../Typography.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport {\n  SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION,\n  SIDE_NAV_WIDTH,\n  UI_SHELL_BASE_Z_INDEX,\n  UI_SHELL_OVERLAY_Z_INDEX,\n} from \"../uiShellSharedConstants.js\";\nimport { useIsSideNavCollapsedSessionStorage } from \"./useIsSideNavCollapsedSessionStorage.js\";\nimport { useMountLifecycleEffect } from \"../../useMountLifecycleEffect.js\";\n\nexport const SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED = 12;\nexport const SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED = 2;\n\nconst StyledCollapsibleContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isSideNavCollapsed: boolean;\n}>(({ odysseyDesignTokens, isSideNavCollapsed }) => ({\n  position: \"relative\",\n  display: \"grid\",\n  gridTemplateColumns: SIDE_NAV_WIDTH,\n  height: \"100%\",\n  transition: `grid-template-columns ${odysseyDesignTokens.TransitionDurationMain}, opacity 300ms`,\n  transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n  overflow: \"hidden\",\n\n  ...(isSideNavCollapsed &&\n    ({\n      gridTemplateColumns: 0,\n      opacity: 0,\n    } satisfies CSSProperties)),\n}));\n\nconst StyledOpacityTransitionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n  ({\n    odysseyDesignTokens,\n    isSideNavCollapsed,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isSideNavCollapsed: boolean;\n  }) => ({\n    display: \"grid\",\n    gridTemplateRows: \"max-content 1fr max-content\",\n    height: \"100%\",\n    transition: `opacity 50ms`,\n    transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n    overflow: \"hidden\",\n\n    ...(isSideNavCollapsed &&\n      ({\n        opacity: 0,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledSideNavContainer = styled(\"nav\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"backgroundColor\" &&\n    prop !== \"hasNeighbouringContentAtInlineStart\" &&\n    prop !== \"isAppContentWhiteBackground\" &&\n    prop !== \"isSideNavCollapsed\" &&\n    prop !== \"isSideNavToggleHighlighted\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  backgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  hasNeighbouringContentAtInlineStart: boolean;\n  isAppContentWhiteBackground: boolean;\n  isSideNavCollapsed: boolean;\n  isSideNavToggleHighlighted: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    backgroundColor,\n    hasNeighbouringContentAtInlineStart,\n    isAppContentWhiteBackground,\n    isSideNavCollapsed,\n    isSideNavToggleHighlighted,\n    odysseyDesignTokens,\n  }) => ({\n    // Side nav container styles\n    backgroundColor: backgroundColor || odysseyDesignTokens.HueNeutralWhite,\n    height: \"100%\",\n    position: \"relative\",\n    width: \"fit-content\",\n\n    // Right-side vertical line shared\n    \"&::before, &::after\": {\n      content: \"''\",\n      height: \"100%\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      right: `-${odysseyDesignTokens.BorderWidthMain}`,\n      top: 0,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}, transform ${odysseyDesignTokens.TransitionDurationMain}, width ${odysseyDesignTokens.TransitionDurationMain}`,\n      userSelect: \"none\",\n      zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n    },\n\n    // Right-side vertical line when open\n    \"&::before\": {\n      backgroundColor: isSideNavToggleHighlighted\n        ? odysseyDesignTokens.BorderColorPrimaryControl\n        : odysseyDesignTokens.HueNeutral100,\n      opacity:\n        isAppContentWhiteBackground ||\n        (!isSideNavCollapsed && isSideNavToggleHighlighted)\n          ? 1\n          : 0,\n      width: `calc(${odysseyDesignTokens.BorderWidthMain} * 2)`,\n    },\n\n    // Side nav vertical fill line when no neighboring content\n    \"&::after\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral200,\n      opacity: isSideNavCollapsed ? 1 : 0,\n      transform:\n        isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n          ? isSideNavToggleHighlighted\n            ? `translateX(calc(100% - (${odysseyDesignTokens.BorderWidthMain} * 2)))`\n            : `translateX(calc(100% - ${SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px))`\n          : \"translateX(0)\",\n      width: hasNeighbouringContentAtInlineStart\n        ? 0\n        : `calc(${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px + ${odysseyDesignTokens.BorderWidthMain} * 2)`,\n\n      // Right-side vertical line when collapsed\n      ...((isSideNavCollapsed && isSideNavToggleHighlighted\n        ? {\n            borderRightColor: odysseyDesignTokens.BorderColorPrimaryControl,\n            borderRightStyle:\n              odysseyDesignTokens.BorderStyleMain as Property.BorderRightStyle,\n            borderRightWidth: `calc(${odysseyDesignTokens.BorderWidthMain} * 2)`,\n          }\n        : {}) satisfies CSSProperties),\n    },\n  }),\n);\n\nconst StyledSideNavToggleButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasNeighbouringContentAtInlineStart\" &&\n    prop !== \"isSideNavCollapsed\" &&\n    prop !== \"isSideNavToggleHighlighted\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  hasNeighbouringContentAtInlineStart: boolean;\n  isSideNavCollapsed: boolean;\n  isSideNavToggleHighlighted: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    hasNeighbouringContentAtInlineStart,\n    isSideNavCollapsed,\n    isSideNavToggleHighlighted,\n    odysseyDesignTokens,\n  }) => ({\n    position: \"absolute\",\n    right: `${SIDE_NAV_TOGGLE_ICON_HALF_SIZE}px`,\n    top: SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION,\n    width: `${SIDE_NAV_TOGGLE_ICON_SIZE}px`,\n    transform:\n      isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n        ? isSideNavToggleHighlighted\n          ? `translate3d(calc(100% + ${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px), 0, 0)`\n          : `translate3d(calc(100% + ${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED}px), 0, 0)`\n        : \"translate3d(100%, 0, 0)\",\n    transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n    zIndex: UI_SHELL_OVERLAY_Z_INDEX + 1,\n  }),\n);\n\nconst StyledSideNavHeaderContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"borderColor\" &&\n    prop !== \"hasContentScrolled\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  borderColor: ContrastColors[\"fontColor\"];\n  hasContentScrolled: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ borderColor, hasContentScrolled, odysseyDesignTokens }) => ({\n  flexShrink: 0,\n  // The bottom border should appear only if the scrollable region has been scrolled\n  ...(hasContentScrolled &&\n    ({\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n\n      ...(borderColor &&\n        ({\n          borderBottomColor: borderColor.concat(\"15\"),\n        } satisfies CSSProperties)),\n    } as CSSProperties)),\n}));\n\nconst StyledSideNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  margin: 0,\n  width: \"100%\",\n}));\n\nconst StyledSideNavScrollableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasBlockStartPadding\",\n})<{ odysseyDesignTokens: DesignTokens; hasBlockStartPadding?: boolean }>(\n  ({ odysseyDesignTokens, hasBlockStartPadding }) => ({\n    display: \"inline-grid\",\n    gridTemplateRows: \"1fr max-content\",\n    overflowY: \"auto\",\n    paddingBlockStart: hasBlockStartPadding ? odysseyDesignTokens.Spacing2 : 0,\n    paddingInline: odysseyDesignTokens.Spacing2,\n  }),\n);\n\nconst StyledSectionHeaderContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"contrastFontColor\",\n})(\n  ({\n    contrastFontColor,\n    odysseyDesignTokens,\n  }: {\n    contrastFontColor: ContrastColors[\"fontColor\"];\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    color: contrastFontColor || odysseyDesignTokens.HueNeutral600,\n    marginBlock: `${odysseyDesignTokens.Spacing3}`,\n    paddingBlock: odysseyDesignTokens.Spacing1,\n    paddingInline: odysseyDesignTokens.Spacing4,\n  }),\n);\n\nconst StyledSideNavFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"sideNavBackgroundColor\",\n})(\n  ({\n    odysseyDesignTokens,\n    sideNavBackgroundColor,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    sideNavBackgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  }) => ({\n    backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n    flexShrink: 0,\n    padding: odysseyDesignTokens.Spacing4,\n\n    ...(sideNavBackgroundColor &&\n      ({\n        backgroundColor: sideNavBackgroundColor,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledPersistentSideNavFooter = styled(StyledSideNavFooter, {\n  shouldForwardProp: (prop) =>\n    prop !== \"isContentScrollable\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavBackgroundColor\",\n})(\n  ({\n    isContentScrollable,\n    odysseyDesignTokens,\n    sideNavBackgroundColor,\n  }: {\n    isContentScrollable: boolean;\n    odysseyDesignTokens: DesignTokens;\n    sideNavBackgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  }) => ({\n    transitionProperty: \"box-shadow\",\n    transitionDuration: odysseyDesignTokens.TransitionDurationMain,\n    transitionTiming: odysseyDesignTokens.TransitionTimingMain,\n    zIndex: UI_SHELL_BASE_Z_INDEX,\n\n    // The box shadow should appear above the footer only if the scrollable region has overflow\n    ...(isContentScrollable &&\n      ({\n        boxShadow: \"0px -8px 8px -8px rgba(39, 39, 39, 0.08)\",\n      } satisfies CSSProperties)),\n\n    ...(sideNavBackgroundColor &&\n      ({\n        backgroundColor: sideNavBackgroundColor,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledSideNavFooterItemsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"sideNavContrastColors\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(({ odysseyDesignTokens, sideNavContrastColors }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographySizeOverline,\n\n  \"a, span\": {\n    color: odysseyDesignTokens.HueNeutral600,\n    transition: `color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n    \"&:visited\": {\n      color: odysseyDesignTokens.HueNeutral600,\n\n      ...(sideNavContrastColors?.fontColor &&\n        ({\n          color: sideNavContrastColors?.fontColor,\n        } satisfies CSSProperties)),\n    },\n\n    \"&:hover\": {\n      textDecoration: \"none\",\n      color: odysseyDesignTokens.HueNeutral900,\n\n      ...(sideNavContrastColors?.fontColor &&\n        ({\n          color: sideNavContrastColors?.fontColor,\n        } satisfies CSSProperties)),\n    },\n\n    ...(sideNavContrastColors?.fontColor &&\n      ({\n        color: sideNavContrastColors?.fontColor,\n      } satisfies CSSProperties)),\n  },\n}));\n\nconst StyledLoadingItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing4,\n}));\n\nconst getHasScrollableContent = (scrollableContainer: HTMLElement) =>\n  scrollableContainer.scrollHeight > scrollableContainer.clientHeight;\n\nconst LoadingItem = () => {\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  return (\n    <StyledLoadingItemContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <Skeleton\n        variant=\"circular\"\n        width={odysseyDesignTokens.Spacing4}\n        height={odysseyDesignTokens.Spacing4}\n      />\n      <Skeleton variant=\"rounded\" width=\"100%\" />\n    </StyledLoadingItemContainer>\n  );\n};\n\nconst SideNav = ({\n  appName,\n  footerComponent,\n  footerItems,\n  hasCustomFooter,\n  hasSessionStorageState,\n  isCollapsible,\n  isCollapsed = false,\n  isCompact,\n  isLoading,\n  isObtrusive,\n  logoProps,\n  onCollapse,\n  onExpand,\n  onSort,\n  sideNavItems,\n}: SideNavProps) => {\n  const [hasContentScrolled, setHasContentScrolled] = useState(false);\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const [isSideNavToggleHighlighted, setIsSideNavToggleHighlighted] =\n    useState(false);\n  const [sideNavItemsList, updateSideNavItemsList] = useState(\n    sideNavItems || [],\n  );\n\n  const [isSideNavCollapsedLocalState, setIsSideNavCollapsedLocalState] =\n    useState(isCollapsed);\n\n  const {\n    sessionState: isSideNavCollapsedSessionState,\n    setSessionState: setIsSideNavCollapsedSessionState,\n  } = useIsSideNavCollapsedSessionStorage(isCollapsed);\n\n  const isSideNavCollapsed = hasSessionStorageState\n    ? isSideNavCollapsedSessionState\n    : isSideNavCollapsedLocalState;\n  const setIsSideNavCollapsed = hasSessionStorageState\n    ? setIsSideNavCollapsedSessionState\n    : setIsSideNavCollapsedLocalState;\n\n  const uiShellContext = useUiShellContext();\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const scrollableContentRef = useRef<HTMLUListElement>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const sideNavRef = useRef<HTMLDivElement>(null);\n\n  const { isAtContainerInlineStart } = useElementAtContainerEdge({\n    element: sideNavRef.current,\n    monitoringElement: sideNavRef.current?.parentElement?.parentElement,\n  });\n\n  const hasNeighbouringContentAtInlineStart = !isAtContainerInlineStart;\n\n  const blankElement = useMemo(() => <div />, []);\n\n  // The default value (sideNavItems) passed to useState is ONLY used by the useState hook for\n  // the very first value. Subsequent updates to the prop (sideNavItems) need to cause the state\n  // to update!\n  useEffect(() => updateSideNavItemsList(sideNavItems || []), [sideNavItems]);\n\n  // In the case that you can't control the side nav, then it should use whatever state was passed (app control) rather than what's stored in session storage (user control).\n  const onMount = useCallback(() => {\n    if (!isCollapsible) {\n      setIsSideNavCollapsed(isCollapsed);\n    }\n  }, [isCollapsed, isCollapsible, setIsSideNavCollapsed]);\n\n  const onUpdate = useCallback(() => {\n    setIsSideNavCollapsed(isCollapsed);\n  }, [isCollapsed, setIsSideNavCollapsed]);\n\n  useMountLifecycleEffect({\n    onMount,\n    onUpdate,\n  });\n\n  useEffect(() => {\n    // This is called directly in this effect AND perhaps as a result of the ResizeObserver\n    const updateIsContentScrollable = () => {\n      if (\n        scrollableContentRef.current &&\n        scrollableContentRef.current.parentElement\n      ) {\n        setIsContentScrollable(\n          getHasScrollableContent(scrollableContentRef.current.parentElement),\n        );\n      }\n    };\n\n    // If the window is resized, we may need to re-determine if the scrollable container has overflow\n    // Setup a ResizeObserver to know if the size of the scrollableContent changes\n    let resizeObserverDebounceTimer: ReturnType<typeof requestAnimationFrame>;\n    if (!resizeObserverRef.current) {\n      resizeObserverRef.current = new ResizeObserver(() => {\n        cancelAnimationFrame(resizeObserverDebounceTimer);\n        resizeObserverDebounceTimer = requestAnimationFrame(\n          updateIsContentScrollable,\n        );\n      });\n    }\n\n    if (resizeObserverRef.current && scrollableContentRef.current) {\n      // Observe the <ul> itself (in case it changes size due to the content expanding)\n      resizeObserverRef.current.observe(scrollableContentRef.current);\n      if (scrollableContentRef.current.parentElement) {\n        // ALSO observe the parent (<SideNavScrollableContainer>) in case the window resizes\n        resizeObserverRef.current.observe(\n          scrollableContentRef.current.parentElement,\n        );\n      }\n    }\n\n    // Determine if the scrollable container has overflow or not on load\n    updateIsContentScrollable();\n\n    // Finally, we only want to have the border on the bottom of the header iff the user has scrolled\n    // the scrollable container\n    if (!intersectionObserverRef.current && scrollableContentRef.current) {\n      intersectionObserverRef.current = new IntersectionObserver(\n        (entries) => {\n          // If isIntersecting is true, then we're at the top of the scroll container\n          // If isIntersecting is false, some scrolling has occurred.\n          // The entries must be sorted by time and we only really need to look at the latest one\n          const isIntersecting = entries\n            .slice()\n            .sort((a, b) => a.time - b.time)\n            .at(0)?.isIntersecting;\n          setHasContentScrolled(!isIntersecting);\n        },\n        {\n          root: scrollableContentRef.current.parentElement,\n          threshold: 1.0,\n        },\n      );\n    }\n\n    if (intersectionObserverRef.current && scrollableContentRef.current) {\n      const ulElement = scrollableContentRef.current;\n      const [liElement] = Array.from(ulElement?.children || []);\n\n      if (liElement) {\n        intersectionObserverRef.current.observe(liElement);\n      }\n    }\n\n    // Cleanup when unmounted:\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n        intersectionObserverRef.current = null;\n      }\n      cancelAnimationFrame(resizeObserverDebounceTimer); // Ensure timer is cleared on component unmount\n    };\n  }, [sideNavItemsList]);\n\n  const scrollIntoViewRef = useRef<HTMLLIElement>(null);\n  /**\n   * Look through the sideNavItems and determine which is the first node\n   * with isSelected. This should be the node we set a ref on in order to\n   * call scrollIntoView in the effect\n   */\n  const firstSideNavItemIdWithIsSelected = useMemo(() => {\n    const flattenedItems = sideNavItemsList.flatMap((sideNavItem) =>\n      sideNavItem.nestedNavItems\n        ? [sideNavItem, ...sideNavItem.nestedNavItems]\n        : sideNavItem,\n    );\n    const firstItemWithIsSelected = flattenedItems.find(\n      (sideNavItem) => sideNavItem.isSelected,\n    );\n    return firstItemWithIsSelected?.id;\n  }, [sideNavItemsList]);\n  /**\n   * Once we've rendered and if we have an item to scroll to, do the scroll action.\n   * This must rely on checking firstSideNavItemIdWithIsSelected or it will not run\n   * once the actual ref is populated.\n   */\n  useEffect(() => {\n    if (firstSideNavItemIdWithIsSelected && scrollIntoViewRef.current) {\n      scrollIntoViewRef.current.scrollIntoView();\n    }\n  }, [firstSideNavItemIdWithIsSelected]);\n\n  /**\n   * We only want to put a ref on a node iff it is the first selected node.\n   * This function returns the ref only if the ID provided matches the first\n   * selected node, otherwise returns undefined (so that the node has no ref)\n   */\n  const getRefIfThisIsFirstNodeWithIsSelected = useCallback(\n    (itemId: string) =>\n      itemId === firstSideNavItemIdWithIsSelected\n        ? scrollIntoViewRef\n        : undefined,\n    [firstSideNavItemIdWithIsSelected],\n  );\n\n  const sideNavItemContentProviderValue = useMemo(\n    () => ({ isCompact, depth: 1 }),\n    [isCompact],\n  );\n\n  const setSelectedItem = useCallback(\n    (selectedItemId: string) => {\n      const updatedSideNavItems = sideNavItemsList.map((item) => {\n        if (item.id === selectedItemId) {\n          item.isSelected = true;\n        } else if (item.isSelected) {\n          delete item.isSelected;\n        }\n\n        return item.nestedNavItems\n          ? {\n              ...item,\n              nestedNavItems: item.nestedNavItems.map((childItem) => {\n                if (childItem.id === selectedItemId) {\n                  childItem.isSelected = true;\n                } else if (childItem.isSelected) {\n                  delete childItem.isSelected;\n                }\n                return childItem;\n              }),\n            }\n          : item;\n      });\n      updateSideNavItemsList(updatedSideNavItems);\n\n      if (isCollapsed || isObtrusive) {\n        if (isCollapsible) {\n          uiShellContext?.closeSideNavMenu();\n        } else {\n          onCollapse?.();\n        }\n      }\n    },\n    [\n      isCollapsed,\n      isCollapsible,\n      isObtrusive,\n      onCollapse,\n      sideNavItemsList,\n      uiShellContext,\n    ],\n  );\n\n  const processedSideNavItems = useMemo(() => {\n    return sideNavItemsList?.map((item) => ({\n      ...item,\n      childNavItems: item.nestedNavItems?.map((childProps) => ({\n        id: childProps.id,\n        isSelected: childProps.isSelected,\n        isDisabled: childProps.isDisabled,\n        isSortable: childProps.isSortable,\n        navItem: (\n          <SideNavItemContentContext.Provider\n            key={childProps.id}\n            value={{\n              ...sideNavItemContentProviderValue,\n              depth: 2,\n              isSortable: item.isSortable,\n            }}\n          >\n            <SideNavItemContent\n              {...childProps}\n              onItemSelected={setSelectedItem}\n              scrollRef={getRefIfThisIsFirstNodeWithIsSelected(childProps.id)}\n              translate={childProps.translate}\n            />\n          </SideNavItemContentContext.Provider>\n        ),\n      })),\n    }));\n  }, [\n    getRefIfThisIsFirstNodeWithIsSelected,\n    setSelectedItem,\n    sideNavItemContentProviderValue,\n    sideNavItemsList,\n  ]);\n\n  const sideNavExpandClickHandler = useCallback(() => {\n    setIsSideNavCollapsed((isSideNavCollapsed) => {\n      if (isSideNavCollapsed) {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n\n      return !isSideNavCollapsed;\n    });\n  }, [onCollapse, onExpand, setIsSideNavCollapsed]);\n\n  const sideNavExpandKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLButtonElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\" || event?.code === \"Space\") {\n        event.preventDefault();\n        sideNavExpandClickHandler();\n      }\n    },\n    [sideNavExpandClickHandler],\n  );\n\n  useEffect(() => {\n    const unsubscribe = uiShellContext?.subscribeToCloseSideNavMenu(() => {\n      onCollapse?.();\n      setIsSideNavCollapsed(true);\n    });\n\n    return () => {\n      unsubscribe?.();\n    };\n  }, [onCollapse, setIsSideNavCollapsed, uiShellContext]);\n\n  const setSortedItems = useCallback(\n    (\n      parentId: string,\n      activeId: UniqueIdentifier,\n      activeIndex: number,\n      overIndex: number,\n    ) => {\n      const sortedSideNavItems = sideNavItemsList.map((item) =>\n        item.id === parentId && item.nestedNavItems\n          ? {\n              ...item,\n              nestedNavItems: arrayMove(\n                item.nestedNavItems,\n                activeIndex,\n                overIndex,\n              ),\n            }\n          : item,\n      );\n      updateSideNavItemsList(sortedSideNavItems);\n      onSort?.(sortedSideNavItems, parentId, activeId, activeIndex, overIndex);\n    },\n    [onSort, sideNavItemsList],\n  );\n\n  const onSideNavToggleButtonHighlight = useCallback<\n    NonNullable<SideNavToggleButtonProps[\"onHighlight\"]>\n  >((isHighlighted) => {\n    setIsSideNavToggleHighlighted(isHighlighted);\n  }, []);\n\n  return (\n    <StyledSideNavContainer\n      aria-label={t(\"navigation.label\")}\n      backgroundColor={uiShellContext?.sideNavBackgroundColor}\n      hasNeighbouringContentAtInlineStart={hasNeighbouringContentAtInlineStart}\n      id=\"side-nav-expandable\"\n      isAppContentWhiteBackground={\n        uiShellContext?.appBackgroundColor ===\n        odysseyDesignTokens.HueNeutralWhite\n      }\n      isSideNavCollapsed={isSideNavCollapsed}\n      isSideNavToggleHighlighted={isSideNavToggleHighlighted}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={sideNavRef}\n    >\n      {isCollapsible && (\n        <StyledSideNavToggleButtonContainer\n          hasNeighbouringContentAtInlineStart={\n            hasNeighbouringContentAtInlineStart\n          }\n          isSideNavCollapsed={isSideNavCollapsed}\n          isSideNavToggleHighlighted={isSideNavToggleHighlighted}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <SideNavToggleButton\n            clickAreaPadding={\n              isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n                ? SIDE_NAV_TOGGLE_ICON_SIZE / 2\n                : 0\n            }\n            ariaControls=\"side-nav-expandable\"\n            isSideNavCollapsed={isSideNavCollapsed}\n            onClick={sideNavExpandClickHandler}\n            onHighlight={onSideNavToggleButtonHighlight}\n            onKeyDown={sideNavExpandKeyHandler}\n          />\n        </StyledSideNavToggleButtonContainer>\n      )}\n\n      <OdysseyThemeProvider>\n        <StyledCollapsibleContent\n          data-se=\"collapsible-region\"\n          isSideNavCollapsed={isSideNavCollapsed}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <StyledOpacityTransitionContainer\n            isSideNavCollapsed={isSideNavCollapsed}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {appName || isLoading || logoProps ? (\n              <StyledSideNavHeaderContainer\n                hasContentScrolled={hasContentScrolled}\n                odysseyDesignTokens={odysseyDesignTokens}\n                borderColor={uiShellContext?.sideNavContrastColors?.fontColor}\n              >\n                {isLoading && !appName && !logoProps ? (\n                  <SideNavHeader isLoading={isLoading} />\n                ) : (\n                  <SideNavHeader\n                    appName={appName}\n                    isLoading={isLoading}\n                    logoProps={logoProps}\n                  />\n                )}\n              </StyledSideNavHeaderContainer>\n            ) : (\n              <div />\n            )}\n\n            <StyledSideNavScrollableContainer\n              odysseyDesignTokens={odysseyDesignTokens}\n              data-se=\"scrollable-region\"\n              hasBlockStartPadding={!appName}\n            >\n              <StyledSideNavListContainer\n                role=\"none\"\n                ref={scrollableContentRef}\n              >\n                {isLoading\n                  ? Array(6)\n                      .fill(null)\n                      .map((_, index) => <LoadingItem key={index} />)\n                  : processedSideNavItems?.map((item) => {\n                      const {\n                        childNavItems,\n                        href,\n                        id,\n                        isDefaultExpanded,\n                        isDisabled,\n                        isExpanded,\n                        isSectionHeader,\n                        isSortable,\n                        label,\n                        startIcon,\n                      } = item;\n\n                      if (isSectionHeader) {\n                        return (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <StyledSectionHeaderContainer\n                              contrastFontColor={\n                                uiShellContext?.sideNavContrastColors?.fontColor\n                              }\n                              id={id}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              <Overline component=\"h3\">{label}</Overline>\n                            </StyledSectionHeaderContainer>\n                          </ErrorBoundary>\n                        );\n                      } else if (childNavItems) {\n                        const nestedChildren = (\n                          <StyledSideNavListContainer role=\"presentation\">\n                            {isSortable ? (\n                              <SortableList\n                                parentId={item.id}\n                                items={childNavItems}\n                                onChange={setSortedItems}\n                                renderItem={(sortableItem) => (\n                                  <SortableList.Item\n                                    id={sortableItem.id}\n                                    isDisabled={sortableItem.isDisabled}\n                                    isSelected={sortableItem.isSelected}\n                                    isSortable={sortableItem.isSortable}\n                                  >\n                                    {sortableItem.navItem}\n                                  </SortableList.Item>\n                                )}\n                              />\n                            ) : (\n                              childNavItems.map((item) => item.navItem)\n                            )}\n                          </StyledSideNavListContainer>\n                        );\n\n                        return href ? (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <SideNavItemContent\n                              {...item}\n                              href={href}\n                              onItemSelected={setSelectedItem}\n                              scrollRef={getRefIfThisIsFirstNodeWithIsSelected(\n                                item.id,\n                              )}\n                              startIcon={item.startIcon}\n                            />\n\n                            <StyledSideNavListItem\n                              id={`${id}-items`}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                              disabled={isDisabled}\n                              aria-disabled={isDisabled}\n                            >\n                              {nestedChildren}\n                            </StyledSideNavListItem>\n                          </ErrorBoundary>\n                        ) : (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <StyledSideNavListItem\n                              id={id}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                              disabled={isDisabled}\n                              aria-disabled={isDisabled}\n                            >\n                              <NavAccordion\n                                label={label}\n                                isCompact={isCompact}\n                                isDefaultExpanded={isDefaultExpanded}\n                                isExpanded={isExpanded}\n                                startIcon={startIcon}\n                                isDisabled={isDisabled}\n                              >\n                                {nestedChildren}\n                              </NavAccordion>\n                            </StyledSideNavListItem>\n                          </ErrorBoundary>\n                        );\n                      } else {\n                        return (\n                          <ErrorBoundary fallback={blankElement} key={item.id}>\n                            <SideNavItemContentContext.Provider\n                              value={sideNavItemContentProviderValue}\n                            >\n                              <SideNavItemContent\n                                {...item}\n                                onItemSelected={setSelectedItem}\n                                scrollRef={getRefIfThisIsFirstNodeWithIsSelected(\n                                  item.id,\n                                )}\n                                startIcon={item.startIcon}\n                              />\n                            </SideNavItemContentContext.Provider>\n                          </ErrorBoundary>\n                        );\n                      }\n                    })}\n              </StyledSideNavListContainer>\n              {!isLoading && footerItems && !hasCustomFooter && (\n                <StyledSideNavFooter\n                  odysseyDesignTokens={odysseyDesignTokens}\n                  sideNavBackgroundColor={\n                    uiShellContext?.sideNavBackgroundColor\n                  }\n                >\n                  <StyledSideNavFooterItemsContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                    sideNavContrastColors={\n                      uiShellContext?.sideNavContrastColors\n                    }\n                  >\n                    <SideNavFooterContent footerItems={footerItems} />\n                  </StyledSideNavFooterItemsContainer>\n                </StyledSideNavFooter>\n              )}\n            </StyledSideNavScrollableContainer>\n            {!isLoading && !footerItems && hasCustomFooter && (\n              <StyledPersistentSideNavFooter\n                isContentScrollable={isContentScrollable}\n                odysseyDesignTokens={odysseyDesignTokens}\n                sideNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                {footerComponent}\n              </StyledPersistentSideNavFooter>\n            )}\n          </StyledOpacityTransitionContainer>\n        </StyledCollapsibleContent>\n      </OdysseyThemeProvider>\n    </StyledSideNavContainer>\n  );\n};\n\nconst MemoizedSideNav = memo(SideNav);\nMemoizedSideNav.displayName = \"SideNav\";\n\nexport { MemoizedSideNav as SideNav };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideNav.js","names":["arrayMove","styled","memo","useCallback","useEffect","useMemo","useRef","useState","ErrorBoundary","useTranslation","useOdysseyDesignTokens","OdysseyThemeProvider","Overline","useUiShellContext","useMountLifecycleEffect","SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION","SIDE_NAV_WIDTH","UI_SHELL_BASE_Z_INDEX","UI_SHELL_OVERLAY_Z_INDEX","useElementAtContainerEdge","NavAccordion","SideNavFooterContent","SideNavHeader","SideNavItemContent","StyledSideNavListItem","SideNavItemContentContext","SIDE_NAV_TOGGLE_ICON_HALF_SIZE","SIDE_NAV_TOGGLE_ICON_SIZE","SideNavToggleButton","SortableList","useIsSideNavCollapsedSessionStorage","jsx","_jsx","jsxs","_jsxs","SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED","SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED","StyledCollapsibleContent","shouldForwardProp","prop","odysseyDesignTokens","isSideNavCollapsed","position","display","gridTemplateColumns","height","transition","TransitionDurationMain","transitionTimingFunction","TransitionTimingMain","overflow","opacity","StyledOpacityTransitionContainer","gridTemplateRows","StyledSideNavContainer","backgroundColor","hasNeighbouringContentAtInlineStart","isAppContentWhiteBackground","isSideNavToggleHighlighted","HueNeutralWhite","width","content","pointerEvents","right","BorderWidthMain","top","userSelect","zIndex","BorderColorPrimaryControl","HueNeutral100","HueNeutral200","transform","borderRightColor","borderRightStyle","BorderStyleMain","borderRightWidth","StyledSideNavToggleButtonContainer","StyledSideNavHeaderContainer","borderColor","hasContentScrolled","flexShrink","borderBottomWidth","borderBottomStyle","borderBottomColor","concat","StyledSideNavListContainer","padding","listStyle","listStyleType","margin","StyledSideNavScrollableContainer","hasBlockStartPadding","overflowY","paddingBlockStart","Spacing2","paddingInline","StyledSectionHeaderContainer","contrastFontColor","color","HueNeutral600","marginBlock","Spacing3","paddingBlock","Spacing1","Spacing4","StyledSideNavFooter","sideNavBackgroundColor","StyledPersistentSideNavFooter","isContentScrollable","transitionProperty","transitionDuration","transitionTiming","boxShadow","StyledSideNavFooterItemsContainer","sideNavContrastColors","flexWrap","alignItems","fontSize","TypographySizeOverline","fontColor","textDecoration","HueNeutral900","StyledLoadingItemContainer","gap","getHasScrollableContent","scrollableContainer","scrollHeight","clientHeight","LoadingItem","children","_Skeleton","variant","SideNav","appName","footerComponent","footerItems","hasCustomFooter","hasSessionStorageState","isCollapsible","isCollapsed","isCompact","isLoading","isObtrusive","logoProps","onCollapse","onExpand","onSort","sideNavItems","setHasContentScrolled","setIsContentScrollable","setIsSideNavToggleHighlighted","sideNavItemsList","updateSideNavItemsList","isSideNavCollapsedLocalState","setIsSideNavCollapsedLocalState","sessionState","isSideNavCollapsedSessionState","setSessionState","setIsSideNavCollapsedSessionState","setIsSideNavCollapsed","uiShellContext","t","scrollableContentRef","resizeObserverRef","intersectionObserverRef","sideNavRef","isAtContainerInlineStart","element","current","monitoringElement","parentElement","blankElement","onMount","onUpdate","updateIsContentScrollable","resizeObserverDebounceTimer","ResizeObserver","cancelAnimationFrame","requestAnimationFrame","observe","IntersectionObserver","entries","isIntersecting","slice","sort","a","b","time","at","root","threshold","ulElement","liElement","Array","from","disconnect","scrollIntoViewRef","firstSideNavItemIdWithIsSelected","flattenedItems","flatMap","sideNavItem","nestedNavItems","firstItemWithIsSelected","find","isSelected","id","scrollIntoView","getRefIfThisIsFirstNodeWithIsSelected","itemId","undefined","sideNavItemContentProviderValue","depth","setSelectedItem","selectedItemId","updatedSideNavItems","map","item","childItem","closeSideNavMenu","processedSideNavItems","childNavItems","childProps","isDisabled","isSortable","navItem","Provider","value","onItemSelected","scrollRef","translate","sideNavExpandClickHandler","sideNavExpandKeyHandler","event","key","code","preventDefault","unsubscribe","subscribeToCloseSideNavMenu","setSortedItems","parentId","activeId","activeIndex","overIndex","sortedSideNavItems","onSideNavToggleButtonHighlight","isHighlighted","appBackgroundColor","ref","ariaControls","clickAreaPadding","onClick","onHighlight","onKeyDown","role","fill","_","index","href","isDefaultExpanded","isExpanded","isSectionHeader","label","startIcon","fallback","component","nestedChildren","items","onChange","renderItem","sortableItem","Item","disabled","MemoizedSideNav","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNav.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 { UniqueIdentifier } from \"@dnd-kit/core\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport styled from \"@emotion/styled\";\nimport { Skeleton } from \"@mui/material\";\nimport { Property } from \"csstype\";\nimport {\n  CSSProperties,\n  KeyboardEventHandler,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ErrorBoundary } from \"react-error-boundary\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { SideNavProps } from \"./types.js\";\n\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { OdysseyThemeProvider } from \"../../OdysseyThemeProvider.js\";\nimport { Overline } from \"../../Typography.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport { useMountLifecycleEffect } from \"../../useMountLifecycleEffect.js\";\nimport {\n  SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION,\n  SIDE_NAV_WIDTH,\n  UI_SHELL_BASE_Z_INDEX,\n  UI_SHELL_OVERLAY_Z_INDEX,\n} from \"../uiShellSharedConstants.js\";\nimport { useElementAtContainerEdge } from \"../useElementAtContainerEdge.js\";\nimport { NavAccordion } from \"./NavAccordion.js\";\nimport { SideNavFooterContent } from \"./SideNavFooterContent.js\";\nimport { SideNavHeader } from \"./SideNavHeader.js\";\nimport {\n  SideNavItemContent,\n  StyledSideNavListItem,\n} from \"./SideNavItemContent.js\";\nimport { SideNavItemContentContext } from \"./SideNavItemContentContext.js\";\nimport {\n  SIDE_NAV_TOGGLE_ICON_HALF_SIZE,\n  SIDE_NAV_TOGGLE_ICON_SIZE,\n  SideNavToggleButton,\n  SideNavToggleButtonProps,\n} from \"./SideNavToggleButton.js\";\nimport { SortableList } from \"./SortableList/SortableList.js\";\nimport { useIsSideNavCollapsedSessionStorage } from \"./useIsSideNavCollapsedSessionStorage.js\";\n\nexport const SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED = 12;\nexport const SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED = 2;\n\nconst StyledCollapsibleContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})<{\n  isSideNavCollapsed: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isSideNavCollapsed }) => ({\n  position: \"relative\",\n  display: \"grid\",\n  gridTemplateColumns: SIDE_NAV_WIDTH,\n  height: \"100%\",\n  transition: `grid-template-columns ${odysseyDesignTokens.TransitionDurationMain}, opacity 300ms`,\n  transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n  overflow: \"hidden\",\n\n  ...(isSideNavCollapsed &&\n    ({\n      gridTemplateColumns: 0,\n      opacity: 0,\n    } satisfies CSSProperties)),\n}));\n\nconst StyledOpacityTransitionContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n  ({\n    odysseyDesignTokens,\n    isSideNavCollapsed,\n  }: {\n    isSideNavCollapsed: boolean;\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    display: \"grid\",\n    gridTemplateRows: \"max-content 1fr max-content\",\n    height: \"100%\",\n    transition: `opacity 50ms`,\n    transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n    overflow: \"hidden\",\n\n    ...(isSideNavCollapsed &&\n      ({\n        opacity: 0,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledSideNavContainer = styled(\"nav\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"backgroundColor\" &&\n    prop !== \"hasNeighbouringContentAtInlineStart\" &&\n    prop !== \"isAppContentWhiteBackground\" &&\n    prop !== \"isSideNavCollapsed\" &&\n    prop !== \"isSideNavToggleHighlighted\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  backgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  hasNeighbouringContentAtInlineStart: boolean;\n  isAppContentWhiteBackground: boolean;\n  isSideNavCollapsed: boolean;\n  isSideNavToggleHighlighted: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    backgroundColor,\n    hasNeighbouringContentAtInlineStart,\n    isAppContentWhiteBackground,\n    isSideNavCollapsed,\n    isSideNavToggleHighlighted,\n    odysseyDesignTokens,\n  }) => ({\n    // Side nav container styles\n    backgroundColor: backgroundColor || odysseyDesignTokens.HueNeutralWhite,\n    height: \"100%\",\n    position: \"relative\",\n    width: \"fit-content\",\n\n    // Right-side vertical line shared\n    \"&::before, &::after\": {\n      content: \"''\",\n      height: \"100%\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      right: `-${odysseyDesignTokens.BorderWidthMain}`,\n      top: 0,\n      transition: `opacity ${odysseyDesignTokens.TransitionDurationMain}, transform ${odysseyDesignTokens.TransitionDurationMain}, width ${odysseyDesignTokens.TransitionDurationMain}`,\n      userSelect: \"none\",\n      zIndex: UI_SHELL_OVERLAY_Z_INDEX,\n    },\n\n    // Right-side vertical line when open\n    \"&::before\": {\n      backgroundColor: isSideNavToggleHighlighted\n        ? odysseyDesignTokens.BorderColorPrimaryControl\n        : odysseyDesignTokens.HueNeutral100,\n      opacity:\n        isAppContentWhiteBackground ||\n        (!isSideNavCollapsed && isSideNavToggleHighlighted)\n          ? 1\n          : 0,\n      width: `calc(${odysseyDesignTokens.BorderWidthMain} * 2)`,\n    },\n\n    // Side nav vertical fill line when no neighboring content\n    \"&::after\": {\n      backgroundColor: odysseyDesignTokens.HueNeutral200,\n      opacity: isSideNavCollapsed ? 1 : 0,\n      transform:\n        isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n          ? isSideNavToggleHighlighted\n            ? `translateX(calc(100% - (${odysseyDesignTokens.BorderWidthMain} * 2)))`\n            : `translateX(calc(100% - ${SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px))`\n          : \"translateX(0)\",\n      width: hasNeighbouringContentAtInlineStart\n        ? 0\n        : `calc(${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px + ${odysseyDesignTokens.BorderWidthMain} * 2)`,\n\n      // Right-side vertical line when collapsed\n      ...((isSideNavCollapsed && isSideNavToggleHighlighted\n        ? {\n            borderRightColor: odysseyDesignTokens.BorderColorPrimaryControl,\n            borderRightStyle:\n              odysseyDesignTokens.BorderStyleMain as Property.BorderRightStyle,\n            borderRightWidth: `calc(${odysseyDesignTokens.BorderWidthMain} * 2)`,\n          }\n        : {}) satisfies CSSProperties),\n    },\n  }),\n);\n\nconst StyledSideNavToggleButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasNeighbouringContentAtInlineStart\" &&\n    prop !== \"isSideNavCollapsed\" &&\n    prop !== \"isSideNavToggleHighlighted\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  hasNeighbouringContentAtInlineStart: boolean;\n  isSideNavCollapsed: boolean;\n  isSideNavToggleHighlighted: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(\n  ({\n    hasNeighbouringContentAtInlineStart,\n    isSideNavCollapsed,\n    isSideNavToggleHighlighted,\n    odysseyDesignTokens,\n  }) => ({\n    position: \"absolute\",\n    right: `${SIDE_NAV_TOGGLE_ICON_HALF_SIZE}px`,\n    top: SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION,\n    width: `${SIDE_NAV_TOGGLE_ICON_SIZE}px`,\n    transform:\n      isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n        ? isSideNavToggleHighlighted\n          ? `translate3d(calc(100% + ${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED}px), 0, 0)`\n          : `translate3d(calc(100% + ${SIDE_NAV_TOGGLE_ICON_HALF_SIZE + SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED}px), 0, 0)`\n        : \"translate3d(100%, 0, 0)\",\n    transition: `transform ${odysseyDesignTokens.TransitionDurationMain}`,\n    zIndex: UI_SHELL_OVERLAY_Z_INDEX + 1,\n  }),\n);\n\nconst StyledSideNavHeaderContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"borderColor\" &&\n    prop !== \"hasContentScrolled\" &&\n    prop !== \"odysseyDesignTokens\",\n})<{\n  borderColor: ContrastColors[\"fontColor\"];\n  hasContentScrolled: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ borderColor, hasContentScrolled, odysseyDesignTokens }) => ({\n  flexShrink: 0,\n  // The bottom border should appear only if the scrollable region has been scrolled\n  ...(hasContentScrolled &&\n    ({\n      borderBottomWidth: odysseyDesignTokens.BorderWidthMain,\n      borderBottomStyle: odysseyDesignTokens.BorderStyleMain,\n      borderBottomColor: odysseyDesignTokens.HueNeutral100,\n\n      ...(borderColor &&\n        ({\n          borderBottomColor: borderColor.concat(\"15\"),\n        } satisfies CSSProperties)),\n    } as CSSProperties)),\n}));\n\nconst StyledSideNavListContainer = styled(\"ul\")(() => ({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n  margin: 0,\n  width: \"100%\",\n}));\n\nconst StyledSideNavScrollableContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasBlockStartPadding\",\n})<{ hasBlockStartPadding?: boolean; odysseyDesignTokens: DesignTokens }>(\n  ({ odysseyDesignTokens, hasBlockStartPadding }) => ({\n    display: \"inline-grid\",\n    gridTemplateRows: \"1fr max-content\",\n    overflowY: \"auto\",\n    paddingBlockStart: hasBlockStartPadding ? odysseyDesignTokens.Spacing2 : 0,\n    paddingInline: odysseyDesignTokens.Spacing2,\n  }),\n);\n\nconst StyledSectionHeaderContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"contrastFontColor\",\n})(\n  ({\n    contrastFontColor,\n    odysseyDesignTokens,\n  }: {\n    contrastFontColor: ContrastColors[\"fontColor\"];\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    color: contrastFontColor || odysseyDesignTokens.HueNeutral600,\n    marginBlock: `${odysseyDesignTokens.Spacing3}`,\n    paddingBlock: odysseyDesignTokens.Spacing1,\n    paddingInline: odysseyDesignTokens.Spacing4,\n  }),\n);\n\nconst StyledSideNavFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"sideNavBackgroundColor\",\n})(\n  ({\n    odysseyDesignTokens,\n    sideNavBackgroundColor,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    sideNavBackgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  }) => ({\n    backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n    flexShrink: 0,\n    padding: odysseyDesignTokens.Spacing4,\n\n    ...(sideNavBackgroundColor &&\n      ({\n        backgroundColor: sideNavBackgroundColor,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledPersistentSideNavFooter = styled(StyledSideNavFooter, {\n  shouldForwardProp: (prop) =>\n    prop !== \"isContentScrollable\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavBackgroundColor\",\n})(\n  ({\n    isContentScrollable,\n    odysseyDesignTokens,\n    sideNavBackgroundColor,\n  }: {\n    isContentScrollable: boolean;\n    odysseyDesignTokens: DesignTokens;\n    sideNavBackgroundColor?: UiShellColors[\"sideNavBackgroundColor\"];\n  }) => ({\n    transitionProperty: \"box-shadow\",\n    transitionDuration: odysseyDesignTokens.TransitionDurationMain,\n    transitionTiming: odysseyDesignTokens.TransitionTimingMain,\n    zIndex: UI_SHELL_BASE_Z_INDEX,\n\n    // The box shadow should appear above the footer only if the scrollable region has overflow\n    ...(isContentScrollable &&\n      ({\n        boxShadow: \"0px -8px 8px -8px rgba(39, 39, 39, 0.08)\",\n      } satisfies CSSProperties)),\n\n    ...(sideNavBackgroundColor &&\n      ({\n        backgroundColor: sideNavBackgroundColor,\n      } satisfies CSSProperties)),\n  }),\n);\n\nconst StyledSideNavFooterItemsContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"sideNavContrastColors\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(({ odysseyDesignTokens, sideNavContrastColors }) => ({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographySizeOverline,\n\n  \"a, span\": {\n    color: odysseyDesignTokens.HueNeutral600,\n    transition: `color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n    \"&:visited\": {\n      color: odysseyDesignTokens.HueNeutral600,\n\n      ...(sideNavContrastColors?.fontColor &&\n        ({\n          color: sideNavContrastColors?.fontColor,\n        } satisfies CSSProperties)),\n    },\n\n    \"&:hover\": {\n      textDecoration: \"none\",\n      color: odysseyDesignTokens.HueNeutral900,\n\n      ...(sideNavContrastColors?.fontColor &&\n        ({\n          color: sideNavContrastColors?.fontColor,\n        } satisfies CSSProperties)),\n    },\n\n    ...(sideNavContrastColors?.fontColor &&\n      ({\n        color: sideNavContrastColors?.fontColor,\n      } satisfies CSSProperties)),\n  },\n}));\n\nconst StyledLoadingItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  gap: odysseyDesignTokens.Spacing2,\n  paddingBlock: odysseyDesignTokens.Spacing2,\n  paddingInline: odysseyDesignTokens.Spacing4,\n}));\n\nconst getHasScrollableContent = (scrollableContainer: HTMLElement) =>\n  scrollableContainer.scrollHeight > scrollableContainer.clientHeight;\n\nconst LoadingItem = () => {\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  return (\n    <StyledLoadingItemContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <Skeleton\n        height={odysseyDesignTokens.Spacing4}\n        variant=\"circular\"\n        width={odysseyDesignTokens.Spacing4}\n      />\n      <Skeleton variant=\"rounded\" width=\"100%\" />\n    </StyledLoadingItemContainer>\n  );\n};\n\nconst SideNav = ({\n  appName,\n  footerComponent,\n  footerItems,\n  hasCustomFooter,\n  hasSessionStorageState,\n  isCollapsible,\n  isCollapsed = false,\n  isCompact,\n  isLoading,\n  isObtrusive,\n  logoProps,\n  onCollapse,\n  onExpand,\n  onSort,\n  sideNavItems,\n}: SideNavProps) => {\n  const [hasContentScrolled, setHasContentScrolled] = useState(false);\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const [isSideNavToggleHighlighted, setIsSideNavToggleHighlighted] =\n    useState(false);\n  const [sideNavItemsList, updateSideNavItemsList] = useState(\n    sideNavItems || [],\n  );\n\n  const [isSideNavCollapsedLocalState, setIsSideNavCollapsedLocalState] =\n    useState(isCollapsed);\n\n  const {\n    sessionState: isSideNavCollapsedSessionState,\n    setSessionState: setIsSideNavCollapsedSessionState,\n  } = useIsSideNavCollapsedSessionStorage(isCollapsed);\n\n  const isSideNavCollapsed = hasSessionStorageState\n    ? isSideNavCollapsedSessionState\n    : isSideNavCollapsedLocalState;\n  const setIsSideNavCollapsed = hasSessionStorageState\n    ? setIsSideNavCollapsedSessionState\n    : setIsSideNavCollapsedLocalState;\n\n  const uiShellContext = useUiShellContext();\n  const odysseyDesignTokens: DesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n\n  const scrollableContentRef = useRef<HTMLUListElement>(null);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null);\n  const sideNavRef = useRef<HTMLDivElement>(null);\n\n  const { isAtContainerInlineStart } = useElementAtContainerEdge({\n    element: sideNavRef.current,\n    monitoringElement: sideNavRef.current?.parentElement?.parentElement,\n  });\n\n  const hasNeighbouringContentAtInlineStart = !isAtContainerInlineStart;\n\n  const blankElement = useMemo(() => <div />, []);\n\n  // The default value (sideNavItems) passed to useState is ONLY used by the useState hook for\n  // the very first value. Subsequent updates to the prop (sideNavItems) need to cause the state\n  // to update!\n  useEffect(() => updateSideNavItemsList(sideNavItems || []), [sideNavItems]);\n\n  // In the case that you can't control the side nav, then it should use whatever state was passed (app control) rather than what's stored in session storage (user control).\n  const onMount = useCallback(() => {\n    if (!isCollapsible) {\n      setIsSideNavCollapsed(isCollapsed);\n    }\n  }, [isCollapsed, isCollapsible, setIsSideNavCollapsed]);\n\n  const onUpdate = useCallback(() => {\n    setIsSideNavCollapsed(isCollapsed);\n  }, [isCollapsed, setIsSideNavCollapsed]);\n\n  useMountLifecycleEffect({\n    onMount,\n    onUpdate,\n  });\n\n  useEffect(() => {\n    // This is called directly in this effect AND perhaps as a result of the ResizeObserver\n    const updateIsContentScrollable = () => {\n      if (\n        scrollableContentRef.current &&\n        scrollableContentRef.current.parentElement\n      ) {\n        setIsContentScrollable(\n          getHasScrollableContent(scrollableContentRef.current.parentElement),\n        );\n      }\n    };\n\n    // If the window is resized, we may need to re-determine if the scrollable container has overflow\n    // Setup a ResizeObserver to know if the size of the scrollableContent changes\n    let resizeObserverDebounceTimer: ReturnType<typeof requestAnimationFrame>;\n    if (!resizeObserverRef.current) {\n      resizeObserverRef.current = new ResizeObserver(() => {\n        cancelAnimationFrame(resizeObserverDebounceTimer);\n        resizeObserverDebounceTimer = requestAnimationFrame(\n          updateIsContentScrollable,\n        );\n      });\n    }\n\n    if (resizeObserverRef.current && scrollableContentRef.current) {\n      // Observe the <ul> itself (in case it changes size due to the content expanding)\n      resizeObserverRef.current.observe(scrollableContentRef.current);\n      if (scrollableContentRef.current.parentElement) {\n        // ALSO observe the parent (<SideNavScrollableContainer>) in case the window resizes\n        resizeObserverRef.current.observe(\n          scrollableContentRef.current.parentElement,\n        );\n      }\n    }\n\n    // Determine if the scrollable container has overflow or not on load\n    updateIsContentScrollable();\n\n    // Finally, we only want to have the border on the bottom of the header iff the user has scrolled\n    // the scrollable container\n    if (!intersectionObserverRef.current && scrollableContentRef.current) {\n      intersectionObserverRef.current = new IntersectionObserver(\n        (entries) => {\n          // If isIntersecting is true, then we're at the top of the scroll container\n          // If isIntersecting is false, some scrolling has occurred.\n          // The entries must be sorted by time and we only really need to look at the latest one\n          const isIntersecting = entries\n            .slice()\n            .sort((a, b) => a.time - b.time)\n            .at(0)?.isIntersecting;\n          setHasContentScrolled(!isIntersecting);\n        },\n        {\n          root: scrollableContentRef.current.parentElement,\n          threshold: 1.0,\n        },\n      );\n    }\n\n    if (intersectionObserverRef.current && scrollableContentRef.current) {\n      const ulElement = scrollableContentRef.current;\n      const [liElement] = Array.from(ulElement?.children || []);\n\n      if (liElement) {\n        intersectionObserverRef.current.observe(liElement);\n      }\n    }\n\n    // Cleanup when unmounted:\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n      if (intersectionObserverRef.current) {\n        intersectionObserverRef.current.disconnect();\n        intersectionObserverRef.current = null;\n      }\n      cancelAnimationFrame(resizeObserverDebounceTimer); // Ensure timer is cleared on component unmount\n    };\n  }, [sideNavItemsList]);\n\n  const scrollIntoViewRef = useRef<HTMLLIElement>(null);\n  /**\n   * Look through the sideNavItems and determine which is the first node\n   * with isSelected. This should be the node we set a ref on in order to\n   * call scrollIntoView in the effect\n   */\n  const firstSideNavItemIdWithIsSelected = useMemo(() => {\n    const flattenedItems = sideNavItemsList.flatMap((sideNavItem) =>\n      sideNavItem.nestedNavItems\n        ? [sideNavItem, ...sideNavItem.nestedNavItems]\n        : sideNavItem,\n    );\n    const firstItemWithIsSelected = flattenedItems.find(\n      (sideNavItem) => sideNavItem.isSelected,\n    );\n    return firstItemWithIsSelected?.id;\n  }, [sideNavItemsList]);\n  /**\n   * Once we've rendered and if we have an item to scroll to, do the scroll action.\n   * This must rely on checking firstSideNavItemIdWithIsSelected or it will not run\n   * once the actual ref is populated.\n   */\n  useEffect(() => {\n    if (firstSideNavItemIdWithIsSelected && scrollIntoViewRef.current) {\n      scrollIntoViewRef.current.scrollIntoView();\n    }\n  }, [firstSideNavItemIdWithIsSelected]);\n\n  /**\n   * We only want to put a ref on a node iff it is the first selected node.\n   * This function returns the ref only if the ID provided matches the first\n   * selected node, otherwise returns undefined (so that the node has no ref)\n   */\n  const getRefIfThisIsFirstNodeWithIsSelected = useCallback(\n    (itemId: string) =>\n      itemId === firstSideNavItemIdWithIsSelected\n        ? scrollIntoViewRef\n        : undefined,\n    [firstSideNavItemIdWithIsSelected],\n  );\n\n  const sideNavItemContentProviderValue = useMemo(\n    () => ({ isCompact, depth: 1 }),\n    [isCompact],\n  );\n\n  const setSelectedItem = useCallback(\n    (selectedItemId: string) => {\n      const updatedSideNavItems = sideNavItemsList.map((item) => {\n        if (item.id === selectedItemId) {\n          item.isSelected = true;\n        } else if (item.isSelected) {\n          delete item.isSelected;\n        }\n\n        return item.nestedNavItems\n          ? {\n              ...item,\n              nestedNavItems: item.nestedNavItems.map((childItem) => {\n                if (childItem.id === selectedItemId) {\n                  childItem.isSelected = true;\n                } else if (childItem.isSelected) {\n                  delete childItem.isSelected;\n                }\n                return childItem;\n              }),\n            }\n          : item;\n      });\n      updateSideNavItemsList(updatedSideNavItems);\n\n      if (isCollapsed || isObtrusive) {\n        if (isCollapsible) {\n          uiShellContext?.closeSideNavMenu();\n        } else {\n          onCollapse?.();\n        }\n      }\n    },\n    [\n      isCollapsed,\n      isCollapsible,\n      isObtrusive,\n      onCollapse,\n      sideNavItemsList,\n      uiShellContext,\n    ],\n  );\n\n  const processedSideNavItems = useMemo(() => {\n    return sideNavItemsList?.map((item) => ({\n      ...item,\n      childNavItems: item.nestedNavItems?.map((childProps) => ({\n        id: childProps.id,\n        isSelected: childProps.isSelected,\n        isDisabled: childProps.isDisabled,\n        isSortable: childProps.isSortable,\n        navItem: (\n          <SideNavItemContentContext.Provider\n            key={childProps.id}\n            value={{\n              ...sideNavItemContentProviderValue,\n              depth: 2,\n              isSortable: item.isSortable,\n            }}\n          >\n            <SideNavItemContent\n              {...childProps}\n              onItemSelected={setSelectedItem}\n              scrollRef={getRefIfThisIsFirstNodeWithIsSelected(childProps.id)}\n              translate={childProps.translate}\n            />\n          </SideNavItemContentContext.Provider>\n        ),\n      })),\n    }));\n  }, [\n    getRefIfThisIsFirstNodeWithIsSelected,\n    setSelectedItem,\n    sideNavItemContentProviderValue,\n    sideNavItemsList,\n  ]);\n\n  const sideNavExpandClickHandler = useCallback(() => {\n    setIsSideNavCollapsed((isSideNavCollapsed) => {\n      if (isSideNavCollapsed) {\n        onExpand?.();\n      } else {\n        onCollapse?.();\n      }\n\n      return !isSideNavCollapsed;\n    });\n  }, [onCollapse, onExpand, setIsSideNavCollapsed]);\n\n  const sideNavExpandKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLButtonElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\" || event?.code === \"Space\") {\n        event.preventDefault();\n        sideNavExpandClickHandler();\n      }\n    },\n    [sideNavExpandClickHandler],\n  );\n\n  useEffect(() => {\n    const unsubscribe = uiShellContext?.subscribeToCloseSideNavMenu(() => {\n      onCollapse?.();\n      setIsSideNavCollapsed(true);\n    });\n\n    return () => {\n      unsubscribe?.();\n    };\n  }, [onCollapse, setIsSideNavCollapsed, uiShellContext]);\n\n  const setSortedItems = useCallback(\n    (\n      parentId: string,\n      activeId: UniqueIdentifier,\n      activeIndex: number,\n      overIndex: number,\n    ) => {\n      const sortedSideNavItems = sideNavItemsList.map((item) =>\n        item.id === parentId && item.nestedNavItems\n          ? {\n              ...item,\n              nestedNavItems: arrayMove(\n                item.nestedNavItems,\n                activeIndex,\n                overIndex,\n              ),\n            }\n          : item,\n      );\n      updateSideNavItemsList(sortedSideNavItems);\n      onSort?.(sortedSideNavItems, parentId, activeId, activeIndex, overIndex);\n    },\n    [onSort, sideNavItemsList],\n  );\n\n  const onSideNavToggleButtonHighlight = useCallback<\n    NonNullable<SideNavToggleButtonProps[\"onHighlight\"]>\n  >((isHighlighted) => {\n    setIsSideNavToggleHighlighted(isHighlighted);\n  }, []);\n\n  return (\n    <StyledSideNavContainer\n      aria-label={t(\"navigation.label\")}\n      backgroundColor={uiShellContext?.sideNavBackgroundColor}\n      hasNeighbouringContentAtInlineStart={hasNeighbouringContentAtInlineStart}\n      id=\"side-nav-expandable\"\n      isAppContentWhiteBackground={\n        uiShellContext?.appBackgroundColor ===\n        odysseyDesignTokens.HueNeutralWhite\n      }\n      isSideNavCollapsed={isSideNavCollapsed}\n      isSideNavToggleHighlighted={isSideNavToggleHighlighted}\n      odysseyDesignTokens={odysseyDesignTokens}\n      ref={sideNavRef}\n    >\n      {isCollapsible && (\n        <StyledSideNavToggleButtonContainer\n          hasNeighbouringContentAtInlineStart={\n            hasNeighbouringContentAtInlineStart\n          }\n          isSideNavCollapsed={isSideNavCollapsed}\n          isSideNavToggleHighlighted={isSideNavToggleHighlighted}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <SideNavToggleButton\n            ariaControls=\"side-nav-expandable\"\n            clickAreaPadding={\n              isSideNavCollapsed && !hasNeighbouringContentAtInlineStart\n                ? SIDE_NAV_TOGGLE_ICON_SIZE / 2\n                : 0\n            }\n            isSideNavCollapsed={isSideNavCollapsed}\n            onClick={sideNavExpandClickHandler}\n            onHighlight={onSideNavToggleButtonHighlight}\n            onKeyDown={sideNavExpandKeyHandler}\n          />\n        </StyledSideNavToggleButtonContainer>\n      )}\n\n      <OdysseyThemeProvider>\n        <StyledCollapsibleContent\n          data-se=\"collapsible-region\"\n          isSideNavCollapsed={isSideNavCollapsed}\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <StyledOpacityTransitionContainer\n            isSideNavCollapsed={isSideNavCollapsed}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            {appName || isLoading || logoProps ? (\n              <StyledSideNavHeaderContainer\n                borderColor={uiShellContext?.sideNavContrastColors?.fontColor}\n                hasContentScrolled={hasContentScrolled}\n                odysseyDesignTokens={odysseyDesignTokens}\n              >\n                {isLoading && !appName && !logoProps ? (\n                  <SideNavHeader isLoading={isLoading} />\n                ) : (\n                  <SideNavHeader\n                    appName={appName}\n                    isLoading={isLoading}\n                    logoProps={logoProps}\n                  />\n                )}\n              </StyledSideNavHeaderContainer>\n            ) : (\n              <div />\n            )}\n\n            <StyledSideNavScrollableContainer\n              data-se=\"scrollable-region\"\n              hasBlockStartPadding={!appName}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              <StyledSideNavListContainer\n                ref={scrollableContentRef}\n                role=\"none\"\n              >\n                {isLoading\n                  ? Array(6)\n                      .fill(null)\n                      .map((_, index) => <LoadingItem key={index} />)\n                  : processedSideNavItems?.map((item) => {\n                      const {\n                        childNavItems,\n                        href,\n                        id,\n                        isDefaultExpanded,\n                        isDisabled,\n                        isExpanded,\n                        isSectionHeader,\n                        isSortable,\n                        label,\n                        startIcon,\n                      } = item;\n\n                      if (isSectionHeader) {\n                        return (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <StyledSectionHeaderContainer\n                              contrastFontColor={\n                                uiShellContext?.sideNavContrastColors?.fontColor\n                              }\n                              id={id}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              <Overline component=\"h3\">{label}</Overline>\n                            </StyledSectionHeaderContainer>\n                          </ErrorBoundary>\n                        );\n                      } else if (childNavItems) {\n                        const nestedChildren = (\n                          <StyledSideNavListContainer role=\"presentation\">\n                            {isSortable ? (\n                              <SortableList\n                                items={childNavItems}\n                                onChange={setSortedItems}\n                                parentId={item.id}\n                                renderItem={(sortableItem) => (\n                                  <SortableList.Item\n                                    id={sortableItem.id}\n                                    isDisabled={sortableItem.isDisabled}\n                                    isSelected={sortableItem.isSelected}\n                                    isSortable={sortableItem.isSortable}\n                                  >\n                                    {sortableItem.navItem}\n                                  </SortableList.Item>\n                                )}\n                              />\n                            ) : (\n                              childNavItems.map((item) => item.navItem)\n                            )}\n                          </StyledSideNavListContainer>\n                        );\n\n                        return href ? (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <SideNavItemContent\n                              {...item}\n                              href={href}\n                              onItemSelected={setSelectedItem}\n                              scrollRef={getRefIfThisIsFirstNodeWithIsSelected(\n                                item.id,\n                              )}\n                              startIcon={item.startIcon}\n                            />\n\n                            <StyledSideNavListItem\n                              aria-disabled={isDisabled}\n                              disabled={isDisabled}\n                              id={`${id}-items`}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              {nestedChildren}\n                            </StyledSideNavListItem>\n                          </ErrorBoundary>\n                        ) : (\n                          <ErrorBoundary fallback={blankElement} key={id}>\n                            <StyledSideNavListItem\n                              aria-disabled={isDisabled}\n                              disabled={isDisabled}\n                              id={id}\n                              odysseyDesignTokens={odysseyDesignTokens}\n                            >\n                              <NavAccordion\n                                isCompact={isCompact}\n                                isDefaultExpanded={isDefaultExpanded}\n                                isDisabled={isDisabled}\n                                isExpanded={isExpanded}\n                                label={label}\n                                startIcon={startIcon}\n                              >\n                                {nestedChildren}\n                              </NavAccordion>\n                            </StyledSideNavListItem>\n                          </ErrorBoundary>\n                        );\n                      } else {\n                        return (\n                          <ErrorBoundary fallback={blankElement} key={item.id}>\n                            <SideNavItemContentContext.Provider\n                              value={sideNavItemContentProviderValue}\n                            >\n                              <SideNavItemContent\n                                {...item}\n                                onItemSelected={setSelectedItem}\n                                scrollRef={getRefIfThisIsFirstNodeWithIsSelected(\n                                  item.id,\n                                )}\n                                startIcon={item.startIcon}\n                              />\n                            </SideNavItemContentContext.Provider>\n                          </ErrorBoundary>\n                        );\n                      }\n                    })}\n              </StyledSideNavListContainer>\n              {!isLoading && footerItems && !hasCustomFooter && (\n                <StyledSideNavFooter\n                  odysseyDesignTokens={odysseyDesignTokens}\n                  sideNavBackgroundColor={\n                    uiShellContext?.sideNavBackgroundColor\n                  }\n                >\n                  <StyledSideNavFooterItemsContainer\n                    odysseyDesignTokens={odysseyDesignTokens}\n                    sideNavContrastColors={\n                      uiShellContext?.sideNavContrastColors\n                    }\n                  >\n                    <SideNavFooterContent footerItems={footerItems} />\n                  </StyledSideNavFooterItemsContainer>\n                </StyledSideNavFooter>\n              )}\n            </StyledSideNavScrollableContainer>\n            {!isLoading && !footerItems && hasCustomFooter && (\n              <StyledPersistentSideNavFooter\n                isContentScrollable={isContentScrollable}\n                odysseyDesignTokens={odysseyDesignTokens}\n                sideNavBackgroundColor={uiShellContext?.sideNavBackgroundColor}\n              >\n                {footerComponent}\n              </StyledPersistentSideNavFooter>\n            )}\n          </StyledOpacityTransitionContainer>\n        </StyledCollapsibleContent>\n      </OdysseyThemeProvider>\n    </StyledSideNavContainer>\n  );\n};\n\nconst MemoizedSideNav = memo(SideNav);\nMemoizedSideNav.displayName = \"SideNav\";\n\nexport { MemoizedSideNav as SideNav };\n"],"mappings":"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","ignoreList":[]}