@okta/odyssey-react-mui 1.45.0 → 1.47.0

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

@@ -1 +1 @@
-{"version":3,"file":"SideNav.cjs","names":["_sortable","require","_styled","_interopRequireDefault","_react","_reactErrorBoundary","_reactI18next","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_Typography","_UiShellProvider","_useMountLifecycleEffect","_uiShellSharedConstants","_useElementAtContainerEdge","_NavAccordion","_SideNavFooterContent","_SideNavHeader","_SideNavItemContent","_SideNavItemContentContext","_SideNavToggleButton","_SortableList","_useIsSideNavCollapsedSessionStorage","_jsxRuntime","e","__esModule","default","SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED","exports","SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED","StyledCollapsibleContent","styled","shouldForwardProp","prop","odysseyDesignTokens","isSideNavCollapsed","position","display","gridTemplateColumns","SIDE_NAV_WIDTH","height","transition","TransitionDurationMain","transitionTimingFunction","TransitionTimingMain","overflow","opacity","StyledOpacityTransitionContainer","gridTemplateRows","StyledSideNavContainer","backgroundColor","hasNeighbouringContentAtInlineStart","isAppContentWhiteBackground","isSideNavToggleHighlighted","HueNeutralWhite","width","content","pointerEvents","right","BorderWidthMain","top","userSelect","zIndex","UI_SHELL_OVERLAY_Z_INDEX","BorderColorPrimaryControl","HueNeutral100","HueNeutral200","transform","SIDE_NAV_TOGGLE_ICON_HALF_SIZE","borderRightColor","borderRightStyle","BorderStyleMain","borderRightWidth","StyledSideNavToggleButtonContainer","SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION","SIDE_NAV_TOGGLE_ICON_SIZE","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","UI_SHELL_BASE_Z_INDEX","boxShadow","StyledSideNavFooterItemsContainer","sideNavContrastColors","flexWrap","alignItems","fontSize","TypographySizeOverline","fontColor","textDecoration","HueNeutral900","StyledLoadingItemContainer","gap","getHasScrollableContent","scrollableContainer","scrollHeight","clientHeight","LoadingItem","useOdysseyDesignTokens","jsxs","children","jsx","_Skeleton2","variant","SideNav","appName","footerComponent","footerItems","hasCustomFooter","hasSessionStorageState","isCollapsible","isCollapsed","isCompact","isLoading","isObtrusive","logoProps","onCollapse","onExpand","onSort","sideNavItems","setHasContentScrolled","useState","setIsContentScrollable","setIsSideNavToggleHighlighted","sideNavItemsList","updateSideNavItemsList","isSideNavCollapsedLocalState","setIsSideNavCollapsedLocalState","sessionState","isSideNavCollapsedSessionState","setSessionState","setIsSideNavCollapsedSessionState","useIsSideNavCollapsedSessionStorage","setIsSideNavCollapsed","uiShellContext","useUiShellContext","t","useTranslation","scrollableContentRef","useRef","resizeObserverRef","intersectionObserverRef","sideNavRef","isAtContainerInlineStart","useElementAtContainerEdge","element","current","monitoringElement","parentElement","blankElement","useMemo","useEffect","onMount","useCallback","onUpdate","useMountLifecycleEffect","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","SideNavItemContentContext","Provider","value","SideNavItemContent","onItemSelected","scrollRef","translate","sideNavExpandClickHandler","sideNavExpandKeyHandler","event","key","code","preventDefault","unsubscribe","subscribeToCloseSideNavMenu","setSortedItems","parentId","activeId","activeIndex","overIndex","sortedSideNavItems","arrayMove","onSideNavToggleButtonHighlight","isHighlighted","appBackgroundColor","ref","SideNavToggleButton","ariaControls","clickAreaPadding","onClick","onHighlight","onKeyDown","OdysseyThemeProvider","SideNavHeader","role","fill","_","index","href","isDefaultExpanded","isExpanded","isSectionHeader","label","startIcon","ErrorBoundary","fallback","Overline","component","nestedChildren","SortableList","items","onChange","renderItem","sortableItem","Item","StyledSideNavListItem","disabled","NavAccordion","SideNavFooterContent","MemoizedSideNav","memo","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":[]}
+{"version":3,"file":"SideNav.cjs","names":["_sortable","require","_styled","_interopRequireDefault","_react","_reactErrorBoundary","_i18n","_OdysseyDesignTokensContext","_OdysseyThemeProvider","_Typography","_UiShellProvider","_useMountLifecycleEffect","_uiShellSharedConstants","_useElementAtContainerEdge","_NavAccordion","_SideNavFooterContent","_SideNavHeader","_SideNavItemContent","_SideNavItemContentContext","_SideNavSortableList","_SideNavToggleButton","_useIsSideNavCollapsedSessionStorage","_jsxRuntime","e","__esModule","default","SIDE_NAV_COLLAPSED_PADDING_HIGHLIGHTED","exports","SIDE_NAV_COLLAPSED_PADDING_UNHIGHLIGHTED","flattenNestedItems","items","flatMap","item","nestedNavItems","StyledCollapsibleContent","styled","shouldForwardProp","prop","odysseyDesignTokens","isSideNavCollapsed","position","display","gridTemplateColumns","SIDE_NAV_WIDTH","height","transition","TransitionDurationMain","transitionTimingFunction","TransitionTimingMain","overflow","opacity","StyledOpacityTransitionContainer","gridTemplateRows","StyledSideNavContainer","backgroundColor","hasNeighbouringContentAtInlineStart","isAppContentWhiteBackground","isSideNavToggleHighlighted","HueNeutralWhite","width","content","pointerEvents","right","BorderWidthMain","top","userSelect","zIndex","UI_SHELL_OVERLAY_Z_INDEX","BorderColorPrimaryControl","HueNeutral100","HueNeutral200","transform","SIDE_NAV_TOGGLE_ICON_HALF_SIZE","borderRightColor","borderRightStyle","BorderStyleMain","borderRightWidth","StyledSideNavToggleButtonContainer","SIDE_NAV_VISIBILITY_TOGGLE_ICON_POSITION","SIDE_NAV_TOGGLE_ICON_SIZE","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","UI_SHELL_BASE_Z_INDEX","boxShadow","StyledSideNavFooterItemsContainer","sideNavContrastColors","flexWrap","alignItems","fontSize","TypographySizeOverline","fontColor","textDecoration","HueNeutral900","StyledLoadingItemContainer","gap","getHasScrollableContent","scrollableContainer","scrollHeight","clientHeight","LoadingItem","useOdysseyDesignTokens","jsxs","children","jsx","_Skeleton2","variant","SideNav","appName","footerComponent","footerItems","hasCustomFooter","hasSessionStorageState","isCollapsible","isCollapsed","isCompact","isLoading","isObtrusive","logoProps","leavesPaddingStart","onCollapse","onExpand","onSort","sideNavItems","setHasContentScrolled","useState","setIsContentScrollable","setIsSideNavToggleHighlighted","sideNavItemsList","updateSideNavItemsList","isSideNavCollapsedLocalState","setIsSideNavCollapsedLocalState","sessionState","isSideNavCollapsedSessionState","setSessionState","setIsSideNavCollapsedSessionState","useIsSideNavCollapsedSessionStorage","setIsSideNavCollapsed","uiShellContext","useUiShellContext","t","useTranslation","scrollableContentRef","useRef","resizeObserverRef","intersectionObserverRef","sideNavRef","isAtContainerInlineStart","useElementAtContainerEdge","element","current","monitoringElement","parentElement","blankElement","useMemo","useEffect","onMount","useCallback","onUpdate","useMountLifecycleEffect","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","firstItemWithIsSelected","find","sideNavItem","isSelected","id","scrollIntoView","getRefIfThisIsFirstNodeWithIsSelected","itemId","undefined","setSelectedItem","selectedItemId","updateNestedSelection","map","updatedSideNavItems","closeSideNavMenu","createAccordionContextValue","depth","createLeafItemContextValue","isSortable","absolutePaddingStart","renderSideNavItem","href","isDefaultExpanded","isDisabled","isExpanded","isSectionHeader","label","startIcon","translate","ErrorBoundary","fallback","Overline","component","length","nestedChildren","role","SideNavSortableList","onChange","setSortedItems","parentId","processSideNavItems","sortableItem","navItem","SideNavItemContent","onItemSelected","scrollRef","StyledSideNavListItem","disabled","SideNavItemContentContext","Provider","value","NavAccordion","sideNavExpandClickHandler","sideNavExpandKeyHandler","event","key","code","preventDefault","unsubscribe","subscribeToCloseSideNavMenu","activeId","activeIndex","overIndex","sortedSideNavItems","arrayMove","onSideNavToggleButtonHighlight","isHighlighted","appBackgroundColor","ref","SideNavToggleButton","ariaControls","clickAreaPadding","onClick","onHighlight","onKeyDown","OdysseyThemeProvider","SideNavHeader","fill","_","index","SideNavFooterContent","MemoizedSideNav","memo","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\";\n\nimport type { SideNavItem, SideNavProps } from \"./types.js\";\n\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.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 { SideNavSortableList } from \"./SideNavSortableList.js\";\nimport {\n  SIDE_NAV_TOGGLE_ICON_HALF_SIZE,\n  SIDE_NAV_TOGGLE_ICON_SIZE,\n  SideNavToggleButton,\n  SideNavToggleButtonProps,\n} from \"./SideNavToggleButton.js\";\nimport { BaseItem } 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 flattenNestedItems = (items: SideNavItem[]): SideNavItem[] => {\n  return items.flatMap((item) => {\n    if (item.nestedNavItems) {\n      return [item, ...flattenNestedItems(item.nestedNavItems)];\n    }\n    return item;\n  });\n};\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  leavesPaddingStart,\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 = flattenNestedItems(sideNavItemsList);\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 setSelectedItem = useCallback(\n    (selectedItemId: string) => {\n      // Recursive function to update nested items\n      const updateNestedSelection = (items: SideNavItem[]): SideNavItem[] => {\n        return items.map((item) => {\n          if (item.nestedNavItems) {\n            return {\n              ...item,\n              isSelected: item.id === selectedItemId,\n              nestedNavItems: updateNestedSelection(item.nestedNavItems),\n            };\n          }\n\n          return {\n            ...item,\n            isSelected: item.id === selectedItemId,\n          };\n        });\n      };\n\n      const updatedSideNavItems = updateNestedSelection(sideNavItemsList);\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 createAccordionContextValue = useCallback(\n    (depth: number) => ({\n      depth,\n    }),\n    [],\n  );\n\n  const createLeafItemContextValue = useCallback(\n    (depth: number, isSortable?: boolean) => ({\n      isCompact,\n      depth,\n      isSortable,\n      absolutePaddingStart: leavesPaddingStart,\n    }),\n    [isCompact, leavesPaddingStart],\n  );\n\n  const renderSideNavItem = (item: SideNavItem, depth: number = 1) => {\n    const {\n      href,\n      id,\n      isDefaultExpanded,\n      isDisabled,\n      isExpanded,\n      isSectionHeader,\n      label,\n      startIcon,\n      nestedNavItems,\n      isSortable,\n      translate,\n    } = item;\n\n    if (isSectionHeader) {\n      return (\n        <ErrorBoundary fallback={blankElement} key={id}>\n          <StyledSectionHeaderContainer\n            contrastFontColor={uiShellContext?.sideNavContrastColors?.fontColor}\n            id={id}\n            odysseyDesignTokens={odysseyDesignTokens}\n          >\n            <Overline component=\"h3\">{label}</Overline>\n          </StyledSectionHeaderContainer>\n        </ErrorBoundary>\n      );\n    } else if (nestedNavItems && nestedNavItems.length > 0) {\n      // Recursive case: item has nested children - ALWAYS render as accordion\n      const nestedChildren = (\n        <StyledSideNavListContainer role=\"presentation\">\n          {isSortable ? (\n            <SideNavSortableList\n              depth={depth + 1}\n              items={nestedNavItems}\n              onChange={setSortedItems}\n              parentId={item.id}\n              processSideNavItems={processSideNavItems}\n            />\n          ) : (\n            processSideNavItems(nestedNavItems, depth + 1).map(\n              (item) => item.sortableItem.navItem,\n            )\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(item.id)}\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            <SideNavItemContentContext.Provider\n              key={id}\n              value={createAccordionContextValue(depth)}\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            </SideNavItemContentContext.Provider>\n          </StyledSideNavListItem>\n        </ErrorBoundary>\n      );\n    } else {\n      // Base case: leaf item with no children\n      return (\n        <ErrorBoundary fallback={blankElement} key={id}>\n          <SideNavItemContentContext.Provider\n            key={id}\n            value={createLeafItemContextValue(depth, isSortable)}\n          >\n            <SideNavItemContent\n              {...item}\n              onItemSelected={setSelectedItem}\n              scrollRef={getRefIfThisIsFirstNodeWithIsSelected(id)}\n              startIcon={startIcon}\n              translate={translate}\n            />\n          </SideNavItemContentContext.Provider>\n        </ErrorBoundary>\n      );\n    }\n  };\n\n  const processSideNavItems = (\n    items: SideNavItem[],\n    depth: number = 1,\n  ): (SideNavItem & { sortableItem: BaseItem })[] => {\n    return items?.map((item) => ({\n      ...item,\n      sortableItem: {\n        id: item.id,\n        isSelected: item.isSelected,\n        isDisabled: item.isDisabled,\n        isSortable: item.isSortable,\n        navItem: renderSideNavItem(item, depth),\n      },\n    }));\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                  : processSideNavItems(sideNavItemsList).map(\n                      (item) => item.sortableItem.navItem,\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":[]}

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.SideNavFooterContent = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _react = require("react");
-var _reactI18next = require("react-i18next");
 var _Box = require("../../Box.cjs");
+var _i18n = require("../../i18n.generated/i18n.cjs");
 var _Link = require("../../Link.cjs");
 var _OdysseyDesignTokensContext = require("../../OdysseyDesignTokensContext.cjs");
 var _UiShellProvider = require("../../ui-shell/UiShellProvider.cjs");
@@ -46,7 +46,7 @@ const SideNavFooterContent = ({
   const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
   const {
     t
-  } = (0, _reactI18next.useTranslation)();
+  } = (0, _i18n.useTranslation)();
   const shellColors = (0, _UiShellProvider.useUiShellContext)();
   const memoizedFooterContent = (0, _react.useMemo)(() => {
     return footerItems?.map(item => (0, _jsxRuntime.jsx)(StyledFooterItemContainer, {

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavFooterContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_Box","_Link","_OdysseyDesignTokensContext","_UiShellProvider","_jsxRuntime","e","__esModule","default","StyledFooterNav","styled","display","StyledFooterItemContainer","shouldForwardProp","prop","borderColor","odysseyDesignTokens","marginInlineStart","Spacing4","paddingInlineStart","borderInlineStart","HueNeutral300","SideNavFooterContent","footerItems","useOdysseyDesignTokens","t","useTranslation","shellColors","useUiShellContext","memoizedFooterContent","useMemo","map","item","jsx","sideNavContrastColors","fontColor","role","children","href","Link","label","Box","component","id","MemoizedSideNavFooterContent","exports","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavFooterContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, useMemo } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { SideNavFooterItem } from \"./types.js\";\n\nimport { Box } from \"../../Box.js\";\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport { Link } from \"../../Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { useUiShellContext } from \"../../ui-shell/UiShellProvider.js\";\n\nconst StyledFooterNav = styled(\"nav\")({\n  display: \"flex\",\n});\n\nconst StyledFooterItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"borderColor\",\n})(\n  ({\n    borderColor,\n    odysseyDesignTokens,\n  }: {\n    borderColor: ContrastColors[\"fontColor\"];\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    \"& + &\": {\n      marginInlineStart: odysseyDesignTokens.Spacing4,\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n      borderInlineStart: `1px solid ${borderColor || odysseyDesignTokens.HueNeutral300}`,\n    },\n  }),\n);\n\nconst SideNavFooterContent = ({\n  footerItems,\n}: {\n  footerItems: SideNavFooterItem[];\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const shellColors = useUiShellContext();\n\n  const memoizedFooterContent = useMemo(() => {\n    return footerItems?.map((item) => (\n      <StyledFooterItemContainer\n        borderColor={shellColors?.sideNavContrastColors?.fontColor}\n        key={item.id}\n        odysseyDesignTokens={odysseyDesignTokens}\n        role=\"menuitem\"\n      >\n        {item.href ? (\n          <Link href={item.href}>{item.label}</Link>\n        ) : (\n          <Box component=\"span\">{item.label}</Box>\n        )}\n      </StyledFooterItemContainer>\n    ));\n  }, [footerItems, odysseyDesignTokens, shellColors]);\n\n  return (\n    <StyledFooterNav aria-label={t(\"navigation.footer\")} role=\"menubar\">\n      {memoizedFooterContent}\n    </StyledFooterNav>\n  );\n};\nconst MemoizedSideNavFooterContent = memo(SideNavFooterContent);\nMemoizedSideNavFooterContent.displayName = \"SideNavFooterContent\";\n\nexport { MemoizedSideNavFooterContent as SideNavFooterContent };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAIA,IAAAG,IAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AAAsE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAC,KAAK,CAAC,CAAC;EACpCC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,yBAAyB,GAAG,IAAAF,eAAM,EAAC,KAAK,EAAE;EAC9CG,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CACA,CAAC;EACCC,WAAW;EACXC;AAIF,CAAC,MAAM;EACL,OAAO,EAAE;IACPC,iBAAiB,EAAED,mBAAmB,CAACE,QAAQ;IAC/CC,kBAAkB,EAAEH,mBAAmB,CAACE,QAAQ;IAChDE,iBAAiB,EAAE,aAAaL,WAAW,IAAIC,mBAAmB,CAACK,aAAa;EAClF;AACF,CAAC,CACH,CAAC;AAED,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC;AAGF,CAAC,KAAK;EACJ,MAAMP,mBAAmB,GAAG,IAAAQ,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAMC,WAAW,GAAG,IAAAC,kCAAiB,EAAC,CAAC;EAEvC,MAAMC,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,OAAOP,WAAW,EAAEQ,GAAG,CAAEC,IAAI,IAC3B,IAAA3B,WAAA,CAAA4B,GAAA,EAACrB,yBAAyB;MACxBG,WAAW,EAAEY,WAAW,EAAEO,qBAAqB,EAAEC,SAAU;MAE3DnB,mBAAmB,EAAEA,mBAAoB;MACzCoB,IAAI,EAAC,UAAU;MAAAC,QAAA,EAEdL,IAAI,CAACM,IAAI,GACR,IAAAjC,WAAA,CAAA4B,GAAA,EAAC/B,KAAA,CAAAqC,IAAI;QAACD,IAAI,EAAEN,IAAI,CAACM,IAAK;QAAAD,QAAA,EAAEL,IAAI,CAACQ;MAAK,CAAO,CAAC,GAE1C,IAAAnC,WAAA,CAAA4B,GAAA,EAAChC,IAAA,CAAAwC,GAAG;QAACC,SAAS,EAAC,MAAM;QAAAL,QAAA,EAAEL,IAAI,CAACQ;MAAK,CAAM;IACxC,GARIR,IAAI,CAACW,EASe,CAC5B,CAAC;EACJ,CAAC,EAAE,CAACpB,WAAW,EAAEP,mBAAmB,EAAEW,WAAW,CAAC,CAAC;EAEnD,OACE,IAAAtB,WAAA,CAAA4B,GAAA,EAACxB,eAAe;IAAC,cAAYgB,CAAC,CAAC,mBAAmB,CAAE;IAACW,IAAI,EAAC,SAAS;IAAAC,QAAA,EAChER;EAAqB,CACP,CAAC;AAEtB,CAAC;AACD,MAAMe,4BAA4B,GAAAC,OAAA,CAAAvB,oBAAA,GAAG,IAAAwB,WAAI,EAACxB,oBAAoB,CAAC;AAC/DsB,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"file":"SideNavFooterContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_i18n","_Link","_OdysseyDesignTokensContext","_UiShellProvider","_jsxRuntime","e","__esModule","default","StyledFooterNav","styled","display","StyledFooterItemContainer","shouldForwardProp","prop","borderColor","odysseyDesignTokens","marginInlineStart","Spacing4","paddingInlineStart","borderInlineStart","HueNeutral300","SideNavFooterContent","footerItems","useOdysseyDesignTokens","t","useTranslation","shellColors","useUiShellContext","memoizedFooterContent","useMemo","map","item","jsx","sideNavContrastColors","fontColor","role","children","href","Link","label","Box","component","id","MemoizedSideNavFooterContent","exports","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavFooterContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, useMemo } from \"react\";\n\nimport type { SideNavFooterItem } from \"./types.js\";\n\nimport { Box } from \"../../Box.js\";\nimport { ContrastColors } from \"../../createContrastColors.js\";\nimport { useTranslation } from \"../../i18n.generated/i18n.js\";\nimport { Link } from \"../../Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { useUiShellContext } from \"../../ui-shell/UiShellProvider.js\";\n\nconst StyledFooterNav = styled(\"nav\")({\n  display: \"flex\",\n});\n\nconst StyledFooterItemContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"borderColor\",\n})(\n  ({\n    borderColor,\n    odysseyDesignTokens,\n  }: {\n    borderColor: ContrastColors[\"fontColor\"];\n    odysseyDesignTokens: DesignTokens;\n  }) => ({\n    \"& + &\": {\n      marginInlineStart: odysseyDesignTokens.Spacing4,\n      paddingInlineStart: odysseyDesignTokens.Spacing4,\n      borderInlineStart: `1px solid ${borderColor || odysseyDesignTokens.HueNeutral300}`,\n    },\n  }),\n);\n\nconst SideNavFooterContent = ({\n  footerItems,\n}: {\n  footerItems: SideNavFooterItem[];\n}) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const { t } = useTranslation();\n  const shellColors = useUiShellContext();\n\n  const memoizedFooterContent = useMemo(() => {\n    return footerItems?.map((item) => (\n      <StyledFooterItemContainer\n        borderColor={shellColors?.sideNavContrastColors?.fontColor}\n        key={item.id}\n        odysseyDesignTokens={odysseyDesignTokens}\n        role=\"menuitem\"\n      >\n        {item.href ? (\n          <Link href={item.href}>{item.label}</Link>\n        ) : (\n          <Box component=\"span\">{item.label}</Box>\n        )}\n      </StyledFooterItemContainer>\n    ));\n  }, [footerItems, odysseyDesignTokens, shellColors]);\n\n  return (\n    <StyledFooterNav aria-label={t(\"navigation.footer\")} role=\"menubar\">\n      {memoizedFooterContent}\n    </StyledFooterNav>\n  );\n};\nconst MemoizedSideNavFooterContent = memo(SideNavFooterContent);\nMemoizedSideNavFooterContent.displayName = \"SideNavFooterContent\";\n\nexport { MemoizedSideNavFooterContent as SideNavFooterContent };\n"],"mappings":";;;;;;AAYA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,IAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,2BAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AAAsE,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAzBtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBA,MAAMG,eAAe,GAAG,IAAAC,eAAM,EAAC,KAAK,CAAC,CAAC;EACpCC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,MAAMC,yBAAyB,GAAG,IAAAF,eAAM,EAAC,KAAK,EAAE;EAC9CG,iBAAiB,EAAGC,IAAI,IACtBA,IAAI,KAAK,qBAAqB,IAAIA,IAAI,KAAK;AAC/C,CAAC,CAAC,CACA,CAAC;EACCC,WAAW;EACXC;AAIF,CAAC,MAAM;EACL,OAAO,EAAE;IACPC,iBAAiB,EAAED,mBAAmB,CAACE,QAAQ;IAC/CC,kBAAkB,EAAEH,mBAAmB,CAACE,QAAQ;IAChDE,iBAAiB,EAAE,aAAaL,WAAW,IAAIC,mBAAmB,CAACK,aAAa;EAClF;AACF,CAAC,CACH,CAAC;AAED,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC;AAGF,CAAC,KAAK;EACJ,MAAMP,mBAAmB,GAAG,IAAAQ,kDAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAC9B,MAAMC,WAAW,GAAG,IAAAC,kCAAiB,EAAC,CAAC;EAEvC,MAAMC,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,OAAOP,WAAW,EAAEQ,GAAG,CAAEC,IAAI,IAC3B,IAAA3B,WAAA,CAAA4B,GAAA,EAACrB,yBAAyB;MACxBG,WAAW,EAAEY,WAAW,EAAEO,qBAAqB,EAAEC,SAAU;MAE3DnB,mBAAmB,EAAEA,mBAAoB;MACzCoB,IAAI,EAAC,UAAU;MAAAC,QAAA,EAEdL,IAAI,CAACM,IAAI,GACR,IAAAjC,WAAA,CAAA4B,GAAA,EAAC/B,KAAA,CAAAqC,IAAI;QAACD,IAAI,EAAEN,IAAI,CAACM,IAAK;QAAAD,QAAA,EAAEL,IAAI,CAACQ;MAAK,CAAO,CAAC,GAE1C,IAAAnC,WAAA,CAAA4B,GAAA,EAACjC,IAAA,CAAAyC,GAAG;QAACC,SAAS,EAAC,MAAM;QAAAL,QAAA,EAAEL,IAAI,CAACQ;MAAK,CAAM;IACxC,GARIR,IAAI,CAACW,EASe,CAC5B,CAAC;EACJ,CAAC,EAAE,CAACpB,WAAW,EAAEP,mBAAmB,EAAEW,WAAW,CAAC,CAAC;EAEnD,OACE,IAAAtB,WAAA,CAAA4B,GAAA,EAACxB,eAAe;IAAC,cAAYgB,CAAC,CAAC,mBAAmB,CAAE;IAACW,IAAI,EAAC,SAAS;IAAAC,QAAA,EAChER;EAAqB,CACP,CAAC;AAEtB,CAAC;AACD,MAAMe,4BAA4B,GAAAC,OAAA,CAAAvB,oBAAA,GAAG,IAAAwB,WAAI,EAACxB,oBAAoB,CAAC;AAC/DsB,4BAA4B,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}

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

@@ -103,9 +103,10 @@ const getBaseNavItemContentStyles = ({
 exports.getBaseNavItemContentStyles = getBaseNavItemContentStyles;
 const getNavItemContentStyles = ({
   odysseyDesignTokens,
-  contextValue
+  contextValue,
+  paddingInlineStart = odysseyDesignTokens.Spacing6
 }) => ({
-  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,
+  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${paddingInlineStart})`,
   ...(contextValue.depth === 1 && {
     paddingInlineStart: odysseyDesignTokens.Spacing4
   }),
@@ -133,7 +134,8 @@ const NavItemContentContainer = (0, _styled.default)("div", {
   }),
   ...getNavItemContentStyles({
     odysseyDesignTokens,
-    contextValue
+    contextValue,
+    paddingInlineStart: contextValue.absolutePaddingStart
   })
 }));
 const StyledNavItemLink = (0, _styled.default)(_Link2.default, {
@@ -155,7 +157,8 @@ const StyledNavItemLink = (0, _styled.default)(_Link2.default, {
   }),
   ...getNavItemContentStyles({
     odysseyDesignTokens,
-    contextValue
+    contextValue,
+    paddingInlineStart: contextValue.absolutePaddingStart
   })
 }));
 const SideNavItemContent = ({

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavItemContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_OdysseyDesignTokensContext","_UiShellProvider","_SideNavItemContentContext","_SideNavItemLinkContent","_jsxRuntime","e","__esModule","default","StyledSideNavListItem","exports","styled","shouldForwardProp","prop","isSelected","odysseyDesignTokens","sideNavContrastColors","display","alignItems","backgroundColor","borderRadius","BorderRadiusMain","transition","TransitionDurationMain","color","fontColor","TypographyColorAction","itemSelectedBackgroundColor","HueBlue50","scrollToNode","node","scrollIntoView","behavior","block","inline","getBaseNavItemContentStyles","isDisabled","isActiveDropTarget","width","textDecoration","TypographyColorHeading","minHeight","paddingBlock","Spacing3","paddingInlineEnd","Spacing4","cursor","itemHoverBackgroundColor","HueNeutral50","fontWeight","TypographyWeightBodyBold","TypographyColorDisabled","itemDisabledFontColor","outline","boxShadow","focusRingColor","PalettePrimaryMain","getNavItemContentStyles","contextValue","paddingInlineStart","depth","Spacing6","isCompact","Spacing1","NavItemContentContainer","StyledNavItemLink","_Link2","SideNavItemContent","count","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","onItemSelected","translate","uiShellContext","useUiShellContext","sidenavItemContentContext","useSideNavItemContent","useMemo","useOdysseyDesignTokens","setIsActiveDropTarget","useState","localScrollRef","useRef","useImperativeHandle","current","itemClickHandler","useCallback","event","sideNavItemContentKeyHandler","key","preventDefault","jsx","undefined","disabled","onDragLeave","onDragOver","onDrop","ref","children","SideNavItemLinkContent","onKeyDown","role","tabIndex","jsxs","className","ExternalLinkIcon","MemoizedSideNavItemContent","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { Link as NavItemLink } from \"@mui/material\";\nimport {\n  KeyboardEventHandler,\n  memo,\n  MouseEventHandler,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { SideNavItem } from \"./types.js\";\n\nimport { ExternalLinkIcon } from \"../../icons.generated/index.js\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport {\n  SideNavItemContentContextValue,\n  useSideNavItemContent,\n} from \"./SideNavItemContentContext.js\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent.js\";\n\nexport const StyledSideNavListItem = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isSelected\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  disabled?: boolean;\n  isSelected?: boolean;\n  itemSelectedBackgroundColor?: string;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n}>(({ isSelected, odysseyDesignTokens, sideNavContrastColors }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: \"unset\",\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n  ...(isSelected && {\n    color: sideNavContrastColors?.fontColor\n      ? `${sideNavContrastColors.fontColor}`\n      : `${odysseyDesignTokens.TypographyColorAction}`,\n    backgroundColor:\n      sideNavContrastColors?.itemSelectedBackgroundColor ||\n      odysseyDesignTokens.HueBlue50,\n  }),\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n  if (node) {\n    node?.scrollIntoView({\n      behavior: \"instant\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }\n};\n\ntype ScrollIntoViewHandle = {\n  scrollIntoView: () => void;\n};\n\nexport const getBaseNavItemContentStyles = ({\n  isDisabled,\n  isSelected,\n  odysseyDesignTokens,\n  sideNavContrastColors,\n  isActiveDropTarget,\n}: {\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  textDecoration: \"none\",\n  // !important needed here to override more specific base link styling\n  color: sideNavContrastColors?.fontColor\n    ? `${sideNavContrastColors?.fontColor} !important`\n    : `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  minHeight: \"unset\",\n  paddingBlock: odysseyDesignTokens.Spacing3,\n  paddingInlineEnd: odysseyDesignTokens.Spacing4,\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n  cursor: \"pointer\",\n  ...(isActiveDropTarget && {\n    backgroundColor:\n      sideNavContrastColors?.itemHoverBackgroundColor ||\n      odysseyDesignTokens.HueNeutral50,\n  }),\n\n  // When hover or focus of the drag handle, apply general hover styles\n  \"&:hover, li:has(> button:hover, > button:focus, > button:focus-visible) &\": {\n    textDecoration: \"none\",\n    backgroundColor:\n      sideNavContrastColors?.itemHoverBackgroundColor ||\n      odysseyDesignTokens.HueNeutral50,\n\n    ...(isSelected && {\n      backgroundColor:\n        sideNavContrastColors?.itemSelectedBackgroundColor ||\n        odysseyDesignTokens.HueBlue50,\n      color:\n        sideNavContrastColors?.fontColor ||\n        odysseyDesignTokens.TypographyColorAction,\n    }),\n\n    ...(isDisabled && {\n      backgroundColor: \"unset\",\n    }),\n  },\n\n  ...(isSelected && {\n    color: sideNavContrastColors?.fontColor\n      ? `${sideNavContrastColors?.fontColor} !important`\n      : `${odysseyDesignTokens.TypographyColorAction} !important`,\n    fontWeight: odysseyDesignTokens.TypographyWeightBodyBold,\n  }),\n\n  ...(isDisabled && {\n    cursor: \"default\",\n    color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      color: `${sideNavContrastColors?.itemDisabledFontColor} !important`,\n    }),\n  }),\n\n  \"&:focus-visible\": {\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${sideNavContrastColors?.focusRingColor || odysseyDesignTokens.PalettePrimaryMain}`,\n  },\n});\n\nexport const getNavItemContentStyles = ({\n  odysseyDesignTokens,\n  contextValue,\n}: {\n  contextValue: SideNavItemContentContextValue;\n  odysseyDesignTokens: DesignTokens;\n}) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${odysseyDesignTokens.Spacing6})`,\n\n  ...(contextValue.depth === 1 && {\n    paddingInlineStart: odysseyDesignTokens.Spacing4,\n  }),\n\n  ...(contextValue.isCompact && {\n    paddingBlock: odysseyDesignTokens.Spacing1,\n  }),\n});\n\nconst NavItemContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"sideNavContrastColors\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"isActiveDropTarget\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(\n  ({\n    isDisabled,\n    isSelected,\n    contextValue,\n    odysseyDesignTokens,\n    sideNavContrastColors,\n    isActiveDropTarget,\n  }) => ({\n    ...getBaseNavItemContentStyles({\n      isDisabled,\n      isSelected,\n      odysseyDesignTokens,\n      sideNavContrastColors,\n      isActiveDropTarget,\n    }),\n\n    ...getNavItemContentStyles({\n      odysseyDesignTokens,\n      contextValue,\n    }),\n  }),\n);\n\nconst StyledNavItemLink = styled(NavItemLink, {\n  shouldForwardProp: (prop) =>\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavContrastColors\" &&\n    prop !== \"isActiveDropTarget\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(\n  ({\n    isDisabled,\n    isSelected,\n    contextValue,\n    odysseyDesignTokens,\n    sideNavContrastColors,\n    isActiveDropTarget,\n  }) => ({\n    ...getBaseNavItemContentStyles({\n      isDisabled,\n      isSelected,\n      odysseyDesignTokens,\n      sideNavContrastColors,\n      isActiveDropTarget,\n    }),\n\n    ...getNavItemContentStyles({\n      odysseyDesignTokens,\n      contextValue,\n    }),\n  }),\n);\n\nconst SideNavItemContent = ({\n  count,\n  id,\n  label,\n  href,\n  target,\n  startIcon,\n  severity,\n  statusLabel,\n  endIcon,\n  onClick,\n  isDisabled,\n  isSelected,\n  scrollRef,\n  onItemSelected,\n  translate,\n}: Pick<\n  SideNavItem,\n  | \"count\"\n  | \"id\"\n  | \"label\"\n  | \"href\"\n  | \"target\"\n  | \"startIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"endIcon\"\n  | \"onClick\"\n  | \"isDisabled\"\n  | \"isSelected\"\n  | \"translate\"\n> & {\n  onItemSelected?: (selectedItemId: string) => void;\n  /**\n   * The ref used to scroll to this item\n   */\n  scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n}) => {\n  const uiShellContext = useUiShellContext();\n  const sidenavItemContentContext = useSideNavItemContent();\n  const contextValue = useMemo(\n    () => sidenavItemContentContext,\n    [sidenavItemContentContext],\n  );\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [isActiveDropTarget, setIsActiveDropTarget] = useState(false);\n\n  const localScrollRef = useRef<HTMLLIElement>(null);\n  useImperativeHandle(scrollRef, () => {\n    return {\n      scrollIntoView: () => {\n        scrollToNode(localScrollRef.current);\n      },\n    };\n  }, []);\n\n  const itemClickHandler = useCallback<\n    MouseEventHandler<HTMLDivElement | HTMLAnchorElement>\n  >(\n    (event) => {\n      onItemSelected?.(id);\n      onClick?.(event);\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  const sideNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        onItemSelected?.(id);\n        onClick?.(event);\n      }\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  return (\n    <StyledSideNavListItem\n      aria-current={isSelected ? \"page\" : undefined}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      id={id}\n      isSelected={isSelected}\n      key={id}\n      odysseyDesignTokens={odysseyDesignTokens}\n      onDragLeave={() => {\n        setIsActiveDropTarget(false);\n      }}\n      onDragOver={() => {\n        setIsActiveDropTarget(true);\n      }}\n      onDrop={() => {\n        setIsActiveDropTarget(false);\n      }}\n      ref={localScrollRef}\n      sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentContainer\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            isActiveDropTarget={false}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n          </NavItemContentContainer>\n        ) : !href ? (\n          <NavItemContentContainer\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            isActiveDropTarget={isActiveDropTarget}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={itemClickHandler}\n            onKeyDown={sideNavItemContentKeyHandler}\n            role=\"button\"\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n            tabIndex={0}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n          </NavItemContentContainer>\n        ) : (\n          <StyledNavItemLink\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            href={href}\n            isActiveDropTarget={isActiveDropTarget}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={itemClickHandler}\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n            target={target}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n            {target === \"_blank\" && (\n              <span className=\"Link-indicator\" role=\"presentation\">\n                <ExternalLinkIcon />\n              </span>\n            )}\n          </StyledNavItemLink>\n        )\n      }\n    </StyledSideNavListItem>\n  );\n};\n\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideNavItemContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_index","_OdysseyDesignTokensContext","_UiShellProvider","_SideNavItemContentContext","_SideNavItemLinkContent","_jsxRuntime","e","__esModule","default","StyledSideNavListItem","exports","styled","shouldForwardProp","prop","isSelected","odysseyDesignTokens","sideNavContrastColors","display","alignItems","backgroundColor","borderRadius","BorderRadiusMain","transition","TransitionDurationMain","color","fontColor","TypographyColorAction","itemSelectedBackgroundColor","HueBlue50","scrollToNode","node","scrollIntoView","behavior","block","inline","getBaseNavItemContentStyles","isDisabled","isActiveDropTarget","width","textDecoration","TypographyColorHeading","minHeight","paddingBlock","Spacing3","paddingInlineEnd","Spacing4","cursor","itemHoverBackgroundColor","HueNeutral50","fontWeight","TypographyWeightBodyBold","TypographyColorDisabled","itemDisabledFontColor","outline","boxShadow","focusRingColor","PalettePrimaryMain","getNavItemContentStyles","contextValue","paddingInlineStart","Spacing6","depth","isCompact","Spacing1","NavItemContentContainer","absolutePaddingStart","StyledNavItemLink","_Link2","SideNavItemContent","count","id","label","href","target","startIcon","severity","statusLabel","endIcon","onClick","scrollRef","onItemSelected","translate","uiShellContext","useUiShellContext","sidenavItemContentContext","useSideNavItemContent","useMemo","useOdysseyDesignTokens","setIsActiveDropTarget","useState","localScrollRef","useRef","useImperativeHandle","current","itemClickHandler","useCallback","event","sideNavItemContentKeyHandler","key","preventDefault","jsx","undefined","disabled","onDragLeave","onDragOver","onDrop","ref","children","SideNavItemLinkContent","onKeyDown","role","tabIndex","jsxs","className","ExternalLinkIcon","MemoizedSideNavItemContent","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { Link as NavItemLink } from \"@mui/material\";\nimport {\n  KeyboardEventHandler,\n  memo,\n  MouseEventHandler,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { SideNavItem } from \"./types.js\";\n\nimport { ExternalLinkIcon } from \"../../icons.generated/index.js\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport {\n  UiShellColors,\n  useUiShellContext,\n} from \"../../ui-shell/UiShellProvider.js\";\nimport {\n  SideNavItemContentContextValue,\n  useSideNavItemContent,\n} from \"./SideNavItemContentContext.js\";\nimport { SideNavItemLinkContent } from \"./SideNavItemLinkContent.js\";\n\nexport const StyledSideNavListItem = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"isSelected\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavContrastColors\",\n})<{\n  disabled?: boolean;\n  isSelected?: boolean;\n  itemSelectedBackgroundColor?: string;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors?: UiShellColors[\"sideNavContrastColors\"];\n}>(({ isSelected, odysseyDesignTokens, sideNavContrastColors }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  backgroundColor: \"unset\",\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n\n  ...(isSelected && {\n    color: sideNavContrastColors?.fontColor\n      ? `${sideNavContrastColors.fontColor}`\n      : `${odysseyDesignTokens.TypographyColorAction}`,\n    backgroundColor:\n      sideNavContrastColors?.itemSelectedBackgroundColor ||\n      odysseyDesignTokens.HueBlue50,\n  }),\n}));\n\nconst scrollToNode = (node: HTMLElement | null) => {\n  if (node) {\n    node?.scrollIntoView({\n      behavior: \"instant\",\n      block: \"center\",\n      inline: \"nearest\",\n    });\n  }\n};\n\ntype ScrollIntoViewHandle = {\n  scrollIntoView: () => void;\n};\n\nexport const getBaseNavItemContentStyles = ({\n  isDisabled,\n  isSelected,\n  odysseyDesignTokens,\n  sideNavContrastColors,\n  isActiveDropTarget,\n}: {\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  width: \"100%\",\n  textDecoration: \"none\",\n  // !important needed here to override more specific base link styling\n  color: sideNavContrastColors?.fontColor\n    ? `${sideNavContrastColors?.fontColor} !important`\n    : `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  minHeight: \"unset\",\n  paddingBlock: odysseyDesignTokens.Spacing3,\n  paddingInlineEnd: odysseyDesignTokens.Spacing4,\n  borderRadius: odysseyDesignTokens.BorderRadiusMain,\n  transition: `backgroundColor ${odysseyDesignTokens.TransitionDurationMain}, color ${odysseyDesignTokens.TransitionDurationMain}`,\n  cursor: \"pointer\",\n  ...(isActiveDropTarget && {\n    backgroundColor:\n      sideNavContrastColors?.itemHoverBackgroundColor ||\n      odysseyDesignTokens.HueNeutral50,\n  }),\n\n  // When hover or focus of the drag handle, apply general hover styles\n  \"&:hover, li:has(> button:hover, > button:focus, > button:focus-visible) &\": {\n    textDecoration: \"none\",\n    backgroundColor:\n      sideNavContrastColors?.itemHoverBackgroundColor ||\n      odysseyDesignTokens.HueNeutral50,\n\n    ...(isSelected && {\n      backgroundColor:\n        sideNavContrastColors?.itemSelectedBackgroundColor ||\n        odysseyDesignTokens.HueBlue50,\n      color:\n        sideNavContrastColors?.fontColor ||\n        odysseyDesignTokens.TypographyColorAction,\n    }),\n\n    ...(isDisabled && {\n      backgroundColor: \"unset\",\n    }),\n  },\n\n  ...(isSelected && {\n    color: sideNavContrastColors?.fontColor\n      ? `${sideNavContrastColors?.fontColor} !important`\n      : `${odysseyDesignTokens.TypographyColorAction} !important`,\n    fontWeight: odysseyDesignTokens.TypographyWeightBodyBold,\n  }),\n\n  ...(isDisabled && {\n    cursor: \"default\",\n    color: `${odysseyDesignTokens.TypographyColorDisabled} !important`,\n\n    ...(sideNavContrastColors?.itemDisabledFontColor && {\n      color: `${sideNavContrastColors?.itemDisabledFontColor} !important`,\n    }),\n  }),\n\n  \"&:focus-visible\": {\n    outline: \"none\",\n    boxShadow: `inset 0 0 0 2px ${sideNavContrastColors?.focusRingColor || odysseyDesignTokens.PalettePrimaryMain}`,\n  },\n});\n\nexport const getNavItemContentStyles = ({\n  odysseyDesignTokens,\n  contextValue,\n  paddingInlineStart = odysseyDesignTokens.Spacing6,\n}: {\n  contextValue: SideNavItemContentContextValue;\n  odysseyDesignTokens: DesignTokens;\n  paddingInlineStart?: string;\n}) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.Spacing4} * ${contextValue.depth} + ${paddingInlineStart})`,\n\n  ...(contextValue.depth === 1 && {\n    paddingInlineStart: odysseyDesignTokens.Spacing4,\n  }),\n\n  ...(contextValue.isCompact && {\n    paddingBlock: odysseyDesignTokens.Spacing1,\n  }),\n});\n\nconst NavItemContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"sideNavContrastColors\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"isActiveDropTarget\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(\n  ({\n    isDisabled,\n    isSelected,\n    contextValue,\n    odysseyDesignTokens,\n    sideNavContrastColors,\n    isActiveDropTarget,\n  }) => ({\n    ...getBaseNavItemContentStyles({\n      isDisabled,\n      isSelected,\n      odysseyDesignTokens,\n      sideNavContrastColors,\n      isActiveDropTarget,\n    }),\n\n    ...getNavItemContentStyles({\n      odysseyDesignTokens,\n      contextValue,\n      paddingInlineStart: contextValue.absolutePaddingStart,\n    }),\n  }),\n);\n\nconst StyledNavItemLink = styled(NavItemLink, {\n  shouldForwardProp: (prop) =>\n    prop != \"contextValue\" &&\n    prop !== \"isDisabled\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"sideNavContrastColors\" &&\n    prop !== \"isActiveDropTarget\",\n})<{\n  contextValue: SideNavItemContentContextValue;\n  isActiveDropTarget: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  odysseyDesignTokens: DesignTokens;\n  sideNavContrastColors: UiShellColors[\"sideNavContrastColors\"];\n}>(\n  ({\n    isDisabled,\n    isSelected,\n    contextValue,\n    odysseyDesignTokens,\n    sideNavContrastColors,\n    isActiveDropTarget,\n  }) => ({\n    ...getBaseNavItemContentStyles({\n      isDisabled,\n      isSelected,\n      odysseyDesignTokens,\n      sideNavContrastColors,\n      isActiveDropTarget,\n    }),\n\n    ...getNavItemContentStyles({\n      odysseyDesignTokens,\n      contextValue,\n      paddingInlineStart: contextValue.absolutePaddingStart,\n    }),\n  }),\n);\n\nconst SideNavItemContent = ({\n  count,\n  id,\n  label,\n  href,\n  target,\n  startIcon,\n  severity,\n  statusLabel,\n  endIcon,\n  onClick,\n  isDisabled,\n  isSelected,\n  scrollRef,\n  onItemSelected,\n  translate,\n}: Pick<\n  SideNavItem,\n  | \"count\"\n  | \"id\"\n  | \"label\"\n  | \"href\"\n  | \"target\"\n  | \"startIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"endIcon\"\n  | \"onClick\"\n  | \"isDisabled\"\n  | \"isSelected\"\n  | \"translate\"\n> & {\n  onItemSelected?: (selectedItemId: string) => void;\n  /**\n   * The ref used to scroll to this item\n   */\n  scrollRef?: React.RefObject<ScrollIntoViewHandle>;\n}) => {\n  const uiShellContext = useUiShellContext();\n  const sidenavItemContentContext = useSideNavItemContent();\n  const contextValue = useMemo(\n    () => sidenavItemContentContext,\n    [sidenavItemContentContext],\n  );\n\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const [isActiveDropTarget, setIsActiveDropTarget] = useState(false);\n\n  const localScrollRef = useRef<HTMLLIElement>(null);\n  useImperativeHandle(scrollRef, () => {\n    return {\n      scrollIntoView: () => {\n        scrollToNode(localScrollRef.current);\n      },\n    };\n  }, []);\n\n  const itemClickHandler = useCallback<\n    MouseEventHandler<HTMLDivElement | HTMLAnchorElement>\n  >(\n    (event) => {\n      onItemSelected?.(id);\n      onClick?.(event);\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  const sideNavItemContentKeyHandler = useCallback<\n    KeyboardEventHandler<HTMLDivElement>\n  >(\n    (event) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        onItemSelected?.(id);\n        onClick?.(event);\n      }\n    },\n    [id, onClick, onItemSelected],\n  );\n\n  return (\n    <StyledSideNavListItem\n      aria-current={isSelected ? \"page\" : undefined}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      id={id}\n      isSelected={isSelected}\n      key={id}\n      odysseyDesignTokens={odysseyDesignTokens}\n      onDragLeave={() => {\n        setIsActiveDropTarget(false);\n      }}\n      onDragOver={() => {\n        setIsActiveDropTarget(true);\n      }}\n      onDrop={() => {\n        setIsActiveDropTarget(false);\n      }}\n      ref={localScrollRef}\n      sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n    >\n      {\n        // Use Link for nav items with links and div for disabled or non-link items\n        isDisabled ? (\n          <NavItemContentContainer\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            isActiveDropTarget={false}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n          </NavItemContentContainer>\n        ) : !href ? (\n          <NavItemContentContainer\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            isActiveDropTarget={isActiveDropTarget}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={itemClickHandler}\n            onKeyDown={sideNavItemContentKeyHandler}\n            role=\"button\"\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n            tabIndex={0}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n          </NavItemContentContainer>\n        ) : (\n          <StyledNavItemLink\n            contextValue={contextValue}\n            data-se=\"tb--sidenav-text-container\"\n            href={href}\n            isActiveDropTarget={isActiveDropTarget}\n            isDisabled={isDisabled}\n            isSelected={isSelected}\n            odysseyDesignTokens={odysseyDesignTokens}\n            onClick={itemClickHandler}\n            sideNavContrastColors={uiShellContext?.sideNavContrastColors}\n            target={target}\n          >\n            <SideNavItemLinkContent\n              count={count}\n              endIcon={endIcon}\n              label={label}\n              severity={severity}\n              startIcon={startIcon}\n              statusLabel={statusLabel}\n              translate={translate}\n            />\n            {target === \"_blank\" && (\n              <span className=\"Link-indicator\" role=\"presentation\">\n                <ExternalLinkIcon />\n              </span>\n            )}\n          </StyledNavItemLink>\n        )\n      }\n    </StyledSideNavListItem>\n  );\n};\n\nconst MemoizedSideNavItemContent = memo(SideNavItemContent);\nMemoizedSideNavItemContent.displayName = \"SideNavItemContent\";\n\nexport { MemoizedSideNavItemContent as SideNavItemContent };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavItemContentContext.cjs","names":["_react","require","SideNavItemContentContext","exports","createContext","isCompact","isSortable","depth","useSideNavItemContent","useContext"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemContentContext.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 { createContext, useContext } from \"react\";\n\nexport type SideNavItemContentContextValue = {\n  depth: number;\n  isCompact?: boolean;\n  isSortable?: boolean;\n};\n\nexport const SideNavItemContentContext =\n  createContext<SideNavItemContentContextValue>({\n    isCompact: false,\n    isSortable: false,\n    depth: 1,\n  });\n\nexport const useSideNavItemContent = () =>\n  useContext(SideNavItemContentContext);\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GACpC,IAAAE,oBAAa,EAAiC;EAC5CC,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,KAAK;EACjBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEG,MAAMC,qBAAqB,GAAGA,CAAA,KACnC,IAAAC,iBAAU,EAACP,yBAAyB,CAAC;AAACC,OAAA,CAAAK,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"file":"SideNavItemContentContext.cjs","names":["_react","require","SideNavItemContentContext","exports","createContext","isCompact","isSortable","depth","useSideNavItemContent","useContext"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemContentContext.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 { createContext, useContext } from \"react\";\n\nexport type SideNavItemContentContextValue = {\n  absolutePaddingStart?: string;\n  depth: number;\n  isCompact?: boolean;\n  isSortable?: boolean;\n};\n\nexport const SideNavItemContentContext =\n  createContext<SideNavItemContentContextValue>({\n    isCompact: false,\n    isSortable: false,\n    depth: 1,\n  });\n\nexport const useSideNavItemContent = () =>\n  useContext(SideNavItemContentContext);\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GACpC,IAAAE,oBAAa,EAAiC;EAC5CC,SAAS,EAAE,KAAK;EAChBC,UAAU,EAAE,KAAK;EACjBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEG,MAAMC,qBAAqB,GAAGA,CAAA,KACnC,IAAAC,iBAAU,EAACP,yBAAyB,CAAC;AAACC,OAAA,CAAAK,qBAAA,GAAAA,qBAAA","ignoreList":[]}

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

@@ -30,13 +30,12 @@ const SideNavItemLabelContainer = (0, _styled.default)("div", {
   odysseyDesignTokens,
   isIconVisible
 }) => ({
+  width: "100%",
+  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,
   alignItems: "center",
   display: "flex",
-  flexWrap: "wrap",
   fontSize: odysseyDesignTokens.TypographySizeBody,
-  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,
-  overflowWrap: "anywhere",
-  width: "100%"
+  overflowWrap: "anywhere"
 }));
 const SideNavItemLinkContent = ({
   count,

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

@@ -1 +1 @@
-{"version":3,"file":"SideNavItemLinkContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_Status","_jsxRuntime","e","__esModule","default","SideNavItemLabelContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","isIconVisible","alignItems","display","flexWrap","fontSize","TypographySizeBody","marginInlineStart","Spacing3","overflowWrap","width","SideNavItemLinkContent","count","label","startIcon","endIcon","severity","statusLabel","translate","useOdysseyDesignTokens","sideNavItemContentStyles","useMemo","gap","Spacing1","Spacing2","jsxs","Fragment","children","Boolean","jsx","Box","sx","Status","Badge","badgeContent","MemoizedSideNavItemLinkContent","exports","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemLinkContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport type { SideNavItem } from \"./types.js\";\n\nimport { Badge } from \"../../Badge.js\";\nimport { Box } from \"../../Box.js\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Status } from \"../../Status.js\";\n\nconst SideNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  isIconVisible: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  alignItems: \"center\",\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  fontSize: odysseyDesignTokens.TypographySizeBody,\n  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,\n  overflowWrap: \"anywhere\", // New way to do `wordBreak: \"break-word\"`. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word\n  width: \"100%\",\n}));\n\nconst SideNavItemLinkContent = ({\n  count,\n  label,\n  startIcon,\n  endIcon,\n  severity,\n  statusLabel,\n  translate,\n}: Pick<\n  SideNavItem,\n  | \"count\"\n  | \"label\"\n  | \"startIcon\"\n  | \"endIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"translate\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavItemContentStyles = useMemo(\n    () => ({\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: odysseyDesignTokens.Spacing1,\n      marginInlineStart: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <>\n      {startIcon && startIcon}\n      <SideNavItemLabelContainer\n        isIconVisible={Boolean(startIcon)}\n        odysseyDesignTokens={odysseyDesignTokens}\n        translate={translate}\n      >\n        {label}\n        {!count && severity && (\n          <Box sx={sideNavItemContentStyles}>\n            {severity && (\n              <Status label={statusLabel || \"\"} severity={severity} />\n            )}\n          </Box>\n        )}\n        {!severity && count && (\n          <Box sx={sideNavItemContentStyles}>\n            {count && <Badge badgeContent={count} />}\n          </Box>\n        )}\n      </SideNavItemLabelContainer>\n      {endIcon && endIcon}\n    </>\n  );\n};\nconst MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);\nMemoizedSideNavItemLinkContent.displayName = \"SideNavItemLinkContent\";\n\nexport { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SideNavItemLinkContent.cjs","names":["_styled","_interopRequireDefault","require","_react","_Badge","_Box","_OdysseyDesignTokensContext","_Status","_jsxRuntime","e","__esModule","default","SideNavItemLabelContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","isIconVisible","width","marginInlineStart","Spacing3","alignItems","display","fontSize","TypographySizeBody","overflowWrap","SideNavItemLinkContent","count","label","startIcon","endIcon","severity","statusLabel","translate","useOdysseyDesignTokens","sideNavItemContentStyles","useMemo","gap","Spacing1","Spacing2","jsxs","Fragment","children","Boolean","jsx","Box","sx","Status","Badge","badgeContent","MemoizedSideNavItemLinkContent","exports","memo","displayName"],"sources":["../../../../src/ui-shell/SideNav/SideNavItemLinkContent.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport type { SideNavItem } from \"./types.js\";\n\nimport { Badge } from \"../../Badge.js\";\nimport { Box } from \"../../Box.js\";\nimport {\n  type DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../../OdysseyDesignTokensContext.js\";\nimport { Status } from \"../../Status.js\";\n\nconst SideNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  isIconVisible: boolean;\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  marginInlineStart: isIconVisible ? odysseyDesignTokens.Spacing3 : 0,\n  alignItems: \"center\",\n  display: \"flex\",\n  fontSize: odysseyDesignTokens.TypographySizeBody,\n  overflowWrap: \"anywhere\", // New way to do `wordBreak: \"break-word\"`. Source: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word\n}));\n\nconst SideNavItemLinkContent = ({\n  count,\n  label,\n  startIcon,\n  endIcon,\n  severity,\n  statusLabel,\n  translate,\n}: Pick<\n  SideNavItem,\n  | \"count\"\n  | \"label\"\n  | \"startIcon\"\n  | \"endIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"translate\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavItemContentStyles = useMemo(\n    () => ({\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: odysseyDesignTokens.Spacing1,\n      marginInlineStart: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <>\n      {startIcon && startIcon}\n      <SideNavItemLabelContainer\n        isIconVisible={Boolean(startIcon)}\n        odysseyDesignTokens={odysseyDesignTokens}\n        translate={translate}\n      >\n        {label}\n        {!count && severity && (\n          <Box sx={sideNavItemContentStyles}>\n            {severity && (\n              <Status label={statusLabel || \"\"} severity={severity} />\n            )}\n          </Box>\n        )}\n        {!severity && count && (\n          <Box sx={sideNavItemContentStyles}>\n            {count && <Badge badgeContent={count} />}\n          </Box>\n        )}\n      </SideNavItemLabelContainer>\n      {endIcon && endIcon}\n    </>\n  );\n};\nconst MemoizedSideNavItemLinkContent = memo(SideNavItemLinkContent);\nMemoizedSideNavItemLinkContent.displayName = \"SideNavItemLinkContent\";\n\nexport { MemoizedSideNavItemLinkContent as SideNavItemLinkContent };\n"],"mappings":"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","ignoreList":[]}