@okta/odyssey-react-mui 1.15.8 → 1.20.0

package/dist/labs/SideNav.js

@@ -0,0 +1,478 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import styled from "@emotion/styled";
+import { memo, useMemo, useState, useCallback } from "react";
+import { Box } from "../Box.js";
+import { Button } from "../Button.js";
+import { CollapseLeftIcon, ExpandLeftIcon } from "../icons.generated/index.js";
+import { Link } from "../Link.js";
+import { NavAccordion } from "./NavAccordion.js";
+import { useOdysseyDesignTokens } from "../OdysseyDesignTokensContext.js";
+import { Status } from "../Status.js";
+import { Heading6 } from "../Typography.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const SideNavCollapsedContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isSideNavCollapsed"
+})(({
+  odysseyDesignTokens,
+  isSideNavCollapsed
+}) => ({
+  backgroundColor: odysseyDesignTokens.HueNeutral300,
+  paddingTop: odysseyDesignTokens.Spacing5,
+  cursor: "pointer",
+  width: isSideNavCollapsed ? "auto" : 0,
+  opacity: isSideNavCollapsed ? 1 : 0,
+  visibility: isSideNavCollapsed ? "visible" : "hidden",
+  transitionProperty: "opacity",
+  transitionDuration: odysseyDesignTokens.TransitionDurationMain,
+  transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain
+}));
+const SideNavExpandContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isSideNavCollapsed"
+})(({
+  odysseyDesignTokens,
+  isSideNavCollapsed
+}) => ({
+  backgroundColor: odysseyDesignTokens.HueNeutralWhite,
+  flexDirection: "column",
+  display: "flex",
+  opacity: isSideNavCollapsed ? 0 : 1,
+  visibility: isSideNavCollapsed ? "hidden" : "visible",
+  width: isSideNavCollapsed ? "0" : "100%",
+  transitionProperty: "opacity, width",
+  transitionDuration: odysseyDesignTokens.TransitionDurationMain,
+  transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain
+}));
+const SideNavHeaderContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  paddingLeft: odysseyDesignTokens.Spacing4,
+  paddingRight: odysseyDesignTokens.Spacing4,
+  paddingTop: odysseyDesignTokens.Spacing3,
+  paddingBottom: odysseyDesignTokens.Spacing3
+}));
+const CollapseIcon = ({
+  onClick
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const collapseButtonStyles = useMemo(() => ({
+    "& > button": {
+      height: odysseyDesignTokens.Spacing6,
+      width: odysseyDesignTokens.Spacing6,
+      color: odysseyDesignTokens.HueNeutral400
+    }
+  }), [odysseyDesignTokens]);
+  return _jsx(Box, {
+    sx: collapseButtonStyles,
+    children: _jsx(Button, {
+      tabIndex: 0,
+      variant: "secondary",
+      onClick: onClick,
+      startIcon: _jsx(CollapseLeftIcon, {}),
+      ariaLabel: "collapse side navigation"
+    })
+  });
+};
+const SideNavHeader = ({
+  navHeaderText,
+  isCollapsible,
+  onCollapse
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const sideNavHeaderStyles = useMemo(() => ({
+    marginTop: odysseyDesignTokens.Spacing2
+  }), [odysseyDesignTokens]);
+  return _jsxs(SideNavHeaderContainer, {
+    odysseyDesignTokens: odysseyDesignTokens,
+    children: [_jsx(Box, {
+      sx: sideNavHeaderStyles,
+      children: _jsx(Heading6, {
+        children: navHeaderText
+      })
+    }), isCollapsible && _jsx(CollapseIcon, {
+      onClick: onCollapse
+    })]
+  });
+};
+const SideNavListContainer = styled.ul({
+  padding: 0,
+  listStyle: "none",
+  listStyleType: "none"
+});
+const SectionHeader = styled("li", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  fontSize: odysseyDesignTokens.TypographySizeOverline,
+  fontWeight: odysseyDesignTokens.TypographyWeightHeadingBold,
+  color: odysseyDesignTokens.HueNeutral600,
+  paddingTop: odysseyDesignTokens.Spacing3,
+  paddingBottom: odysseyDesignTokens.Spacing3,
+  paddingLeft: odysseyDesignTokens.Spacing4,
+  textTransform: "uppercase"
+}));
+const SideNavItemLabelContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isIconVisible"
+})(({
+  odysseyDesignTokens,
+  isIconVisible
+}) => ({
+  width: "100%",
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  fontSize: odysseyDesignTokens.TypographyScale0,
+  fontWeight: odysseyDesignTokens.TypographyWeightHeading,
+  marginLeft: isIconVisible ? odysseyDesignTokens.Spacing2 : 0,
+  "& a": {
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,
+    fontSize: odysseyDesignTokens.TypographyScale0
+  },
+  "& a:hover": {
+    textDecoration: "none",
+    cursor: "pointer"
+  }
+}));
+const SideNavListItemContainer = styled("li", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isSelected" && prop !== "isDisabled"
+})(({
+  odysseyDesignTokens,
+  isSelected,
+  isDisabled
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  cursor: isDisabled ? "default" : "pointer",
+  pointerEvents: isDisabled ? "none" : "auto",
+  backgroundColor: isSelected ? odysseyDesignTokens.HueNeutral50 : "unset",
+  margin: `${odysseyDesignTokens.Spacing1} 0`,
+  "&:last-child": {
+    marginBottom: odysseyDesignTokens.Spacing2
+  },
+  "& a": {
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    minHeight: "48px",
+    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,
+    pointerEvents: isDisabled ? "none" : "auto"
+  },
+  "& a:hover": {
+    textDecoration: "none",
+    cursor: isDisabled ? "default" : "pointer",
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  },
+  "& a:focus-visible": {
+    outlineOffset: 0,
+    borderRadius: 0,
+    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : "inherit"
+  }
+}));
+const SideNavFooterContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  paddingTop: odysseyDesignTokens.Spacing2,
+  paddingBottom: odysseyDesignTokens.Spacing2,
+  display: "flex",
+  justifyContent: "center",
+  flexWrap: "wrap",
+  alignItems: "center",
+  fontSize: odysseyDesignTokens.TypographySizeOverline,
+  "& a": {
+    color: `${odysseyDesignTokens.TypographyColorHeading} !important`
+  },
+  "& a:hover": {
+    textDecoration: "none"
+  },
+  "& a:visited": {
+    color: odysseyDesignTokens.TypographyColorHeading
+  }
+}));
+const SideNavItemLinkContent = ({
+  label,
+  startIcon,
+  endIcon,
+  severity,
+  statusLabel
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const sideNavItemContentStyles = useMemo(() => ({
+    marginLeft: odysseyDesignTokens.Spacing2
+  }), [odysseyDesignTokens]);
+  return _jsxs(_Fragment, {
+    children: [startIcon && startIcon, _jsxs(SideNavItemLabelContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      isIconVisible: Boolean(startIcon),
+      children: [label, severity && _jsx(Box, {
+        sx: sideNavItemContentStyles,
+        children: _jsx(Status, {
+          severity: severity,
+          label: statusLabel || ""
+        })
+      })]
+    }), endIcon && endIcon]
+  });
+};
+const SideNavItemContent = ({
+  id,
+  label,
+  href,
+  target,
+  startIcon,
+  severity,
+  statusLabel,
+  endIcon,
+  onClick,
+  isSelected,
+  isDisabled
+}) => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const NavItemContentClickContainer = styled("div", {
+    shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+  })(() => ({
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    minHeight: "48px",
+    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,
+    color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,
+    "&:focus-visible": {
+      borderRadius: 0,
+      outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,
+      outlineStyle: odysseyDesignTokens.FocusOutlineStyle,
+      outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,
+      backgroundColor: odysseyDesignTokens.HueNeutral50,
+      textDecoration: "none"
+    }
+  }));
+  const sideNavItemContentKeyHandler = useCallback(event => {
+    if (event?.key === "Enter") {
+      event.preventDefault();
+      onClick?.();
+    }
+  }, [onClick]);
+  const sideNavItemContent = useMemo(() => {
+    return _jsx(SideNavListItemContainer, {
+      id: id,
+      disabled: isDisabled,
+      "aria-disabled": isDisabled,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: isDisabled ? _jsx(NavItemContentClickContainer, {
+        children: _jsx(SideNavItemLinkContent, {
+          label: label,
+          startIcon: startIcon,
+          endIcon: endIcon,
+          statusLabel: statusLabel,
+          severity: severity
+        })
+      }) : !href ? _jsx(NavItemContentClickContainer, {
+        role: "button",
+        tabIndex: 0,
+        onClick: onClick,
+        onKeyDown: sideNavItemContentKeyHandler,
+        children: _jsx(SideNavItemLinkContent, {
+          label: label,
+          startIcon: startIcon,
+          endIcon: endIcon,
+          statusLabel: statusLabel,
+          severity: severity
+        })
+      }) : _jsx(Link, {
+        href: href,
+        target: target,
+        onClick: onClick,
+        children: _jsx(SideNavItemLinkContent, {
+          label: label,
+          startIcon: startIcon,
+          endIcon: endIcon,
+          statusLabel: statusLabel,
+          severity: severity
+        })
+      })
+    }, id);
+  }, [id, label, href, target, startIcon, severity, statusLabel, endIcon, onClick, isSelected, isDisabled, NavItemContentClickContainer, sideNavItemContentKeyHandler, odysseyDesignTokens]);
+  return sideNavItemContent;
+};
+const SideNavFooterContent = footerItems => {
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const footerContent = useMemo(() => {
+    return footerItems?.map((item, index) => _jsxs(Box, {
+      sx: {
+        display: "flex"
+      },
+      children: [item.href ? _jsx(Link, {
+        href: item.href,
+        children: item.label
+      }, item.id) : _jsx(Box, {
+        component: "span",
+        children: item.label
+      }, item.id), index < footerItems.length - 1 && _jsx(Box, {
+        sx: {
+          marginLeft: odysseyDesignTokens.Spacing4,
+          marginRight: odysseyDesignTokens.Spacing4,
+          color: odysseyDesignTokens.HueNeutral300
+        },
+        children: "|"
+      }, `${item.id}-separator`)]
+    }, `${item.id}-wrapper`));
+  }, [footerItems, odysseyDesignTokens]);
+  return footerContent;
+};
+const SideNav = ({
+  navHeaderText,
+  isCollapsible,
+  onCollapse,
+  onExpand,
+  sideNavItems,
+  footerItems
+}) => {
+  const [isSideNavCollapsed, setSideNavCollapsed] = useState(false);
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const processedSideNavItems = useMemo(() => sideNavItems.map(item => ({
+    ...item,
+    children: item.children?.map(childProps => _jsx(SideNavItemContent, {
+      ...childProps
+    }, childProps.id))
+  })), [sideNavItems]);
+  const sideNavCollapseHandler = useCallback(() => {
+    setSideNavCollapsed(!isSideNavCollapsed);
+    onCollapse?.();
+  }, [isSideNavCollapsed, setSideNavCollapsed, onCollapse]);
+  const sideNavExpandClickHandler = useCallback(() => {
+    setSideNavCollapsed(!isSideNavCollapsed);
+    onExpand?.();
+  }, [isSideNavCollapsed, setSideNavCollapsed, onExpand]);
+  const sideNavExpandKeyHandler = useCallback(event => {
+    if (event?.key === "Enter" || event?.code === "Space") {
+      event.preventDefault();
+      setSideNavCollapsed(!isSideNavCollapsed);
+      onExpand?.();
+    }
+  }, [isSideNavCollapsed, setSideNavCollapsed, onExpand]);
+  const sideNavStyles = useMemo(() => ({
+    display: "flex",
+    height: "100vh"
+  }), []);
+  const sideNavHeaderContainerStyles = useMemo(() => ({
+    position: "sticky",
+    top: 0
+  }), []);
+  const sideNavListContainerStyles = useMemo(() => ({
+    flex: 1,
+    overflowY: "auto"
+  }), []);
+  const sideNavFooterContainerStyles = useMemo(() => ({
+    position: "sticky",
+    bottom: 0,
+    paddingTop: odysseyDesignTokens.Spacing2
+  }), [odysseyDesignTokens]);
+  const expandLeftIconStyles = useMemo(() => ({
+    fontSize: "1em",
+    margin: `0 ${odysseyDesignTokens.Spacing1}`
+  }), [odysseyDesignTokens]);
+  return _jsxs(Box, {
+    sx: sideNavStyles,
+    children: [_jsx(SideNavCollapsedContainer, {
+      tabIndex: 0,
+      role: "button",
+      odysseyDesignTokens: odysseyDesignTokens,
+      isSideNavCollapsed: isSideNavCollapsed,
+      onClick: sideNavExpandClickHandler,
+      onKeyDown: sideNavExpandKeyHandler,
+      "data-testid": "collapsed-region",
+      "data-aria-label": "expand side navigation",
+      children: _jsx(ExpandLeftIcon, {
+        sx: expandLeftIconStyles
+      })
+    }), _jsxs(SideNavExpandContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      isSideNavCollapsed: isSideNavCollapsed,
+      "data-testid": "expanded-region",
+      children: [_jsx(Box, {
+        sx: sideNavHeaderContainerStyles,
+        children: _jsx(SideNavHeader, {
+          navHeaderText: navHeaderText,
+          isCollapsible: isCollapsible,
+          onCollapse: sideNavCollapseHandler
+        })
+      }), _jsx(Box, {
+        sx: sideNavListContainerStyles,
+        children: _jsx(SideNavListContainer, {
+          children: processedSideNavItems?.map(item => {
+            const {
+              id,
+              label,
+              isSectionHeader,
+              startIcon,
+              children,
+              isDefaultExpanded,
+              isDisabled,
+              isExpanded
+            } = item;
+            if (isSectionHeader) {
+              return _jsx(SectionHeader, {
+                id: id,
+                odysseyDesignTokens: odysseyDesignTokens,
+                children: label
+              }, id);
+            } else if (children) {
+              return _jsx(SideNavListItemContainer, {
+                id: id,
+                odysseyDesignTokens: odysseyDesignTokens,
+                children: _jsx(NavAccordion, {
+                  label: label,
+                  isDefaultExpanded: isDefaultExpanded,
+                  isExpanded: isExpanded,
+                  startIcon: startIcon,
+                  isDisabled: isDisabled,
+                  children: _jsx(SideNavListContainer, {
+                    id: `${id}-list`,
+                    children: children
+                  })
+                })
+              }, id);
+            } else {
+              return _jsx(SideNavItemContent, {
+                ...item
+              }, item.id);
+            }
+          })
+        })
+      }), footerItems && _jsx(Box, {
+        sx: sideNavFooterContainerStyles,
+        children: _jsx(SideNavFooterContainer, {
+          odysseyDesignTokens: odysseyDesignTokens,
+          children: SideNavFooterContent(footerItems)
+        })
+      })]
+    })]
+  });
+};
+const MemoizedSideNav = memo(SideNav);
+MemoizedSideNav.displayName = "SideNav";
+export { MemoizedSideNav as SideNav };
+//# sourceMappingURL=SideNav.js.map

package/dist/labs/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","names":["styled","memo","useMemo","useState","useCallback","Box","Button","CollapseLeftIcon","ExpandLeftIcon","Link","NavAccordion","useOdysseyDesignTokens","Status","Heading6","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SideNavCollapsedContainer","shouldForwardProp","prop","odysseyDesignTokens","isSideNavCollapsed","backgroundColor","HueNeutral300","paddingTop","Spacing5","cursor","width","opacity","visibility","transitionProperty","transitionDuration","TransitionDurationMain","transitionTimingFunction","TransitionTimingMain","SideNavExpandContainer","HueNeutralWhite","flexDirection","display","SideNavHeaderContainer","justifyContent","alignItems","paddingLeft","Spacing4","paddingRight","Spacing3","paddingBottom","CollapseIcon","onClick","collapseButtonStyles","height","Spacing6","color","HueNeutral400","sx","children","tabIndex","variant","startIcon","ariaLabel","SideNavHeader","navHeaderText","isCollapsible","onCollapse","sideNavHeaderStyles","marginTop","Spacing2","SideNavListContainer","ul","padding","listStyle","listStyleType","SectionHeader","fontSize","TypographySizeOverline","fontWeight","TypographyWeightHeadingBold","HueNeutral600","textTransform","SideNavItemLabelContainer","isIconVisible","flexWrap","TypographyScale0","TypographyWeightHeading","marginLeft","TypographyColorHeading","textDecoration","SideNavListItemContainer","isSelected","isDisabled","pointerEvents","HueNeutral50","margin","Spacing1","marginBottom","minHeight","outlineOffset","borderRadius","outlineWidth","FocusOutlineWidthMain","SideNavFooterContainer","SideNavItemLinkContent","label","endIcon","severity","statusLabel","sideNavItemContentStyles","Boolean","SideNavItemContent","id","href","target","NavItemContentClickContainer","TypographyColorDisabled","outlineColor","FocusOutlineColorPrimary","outlineStyle","FocusOutlineStyle","sideNavItemContentKeyHandler","event","key","preventDefault","sideNavItemContent","disabled","role","onKeyDown","SideNavFooterContent","footerItems","footerContent","map","item","index","component","length","marginRight","SideNav","onExpand","sideNavItems","setSideNavCollapsed","processedSideNavItems","childProps","sideNavCollapseHandler","sideNavExpandClickHandler","sideNavExpandKeyHandler","code","sideNavStyles","sideNavHeaderContainerStyles","position","top","sideNavListContainerStyles","flex","overflowY","sideNavFooterContainerStyles","bottom","expandLeftIconStyles","isSectionHeader","isDefaultExpanded","isExpanded","MemoizedSideNav","displayName"],"sources":["../../src/labs/SideNav.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  memo,\n  useMemo,\n  useState,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  KeyboardEvent,\n} from \"react\";\n\nimport { Box } from \"../Box\";\nimport { Button } from \"../Button\";\nimport type { HtmlProps } from \"../HtmlProps\";\nimport { CollapseLeftIcon, ExpandLeftIcon } from \"../icons.generated\";\nimport { Link } from \"../Link\";\nimport { NavAccordion } from \"./NavAccordion\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext\";\nimport { Status, statusSeverityValues } from \"../Status\";\nimport { Heading6 } from \"../Typography\";\n\nexport type SideNavItem = {\n  id: string;\n  label: string;\n  /**\n   * The icon element to display at the end of the Nav Item\n   */\n  endIcon?: ReactElement;\n  /**\n   * Whether the item is disabled. When set to true the nav item is set to Disabled color,\n   * the link/item is not clickable, and item with children is not expandable.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is active/selected\n   */\n  isSelected?: boolean;\n  /**\n   * Event fired when the nav item is clicked\n   */\n  onClick?(): void;\n  /**\n   * The status element to display after the label\n   */\n  severity?: (typeof statusSeverityValues)[number];\n  /**\n   * The icon element to display at the start of the Nav Item\n   */\n  startIcon?: ReactElement;\n  /**\n   * The label to display inside the status\n   */\n  statusLabel?: string;\n  /**\n   * The link target prop. e.g., \"_blank\"\n   */\n  target?: string;\n} & (\n  | {\n      /**\n       * Determines if the side nav item is a section header\n       */\n      isSectionHeader: true;\n      href?: never;\n      children?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n    }\n  | {\n      /**\n       * link added to the nav item. if it is undefined, static text will be displayed.\n       * fires onClick event when it is passed\n       */\n      href: string;\n      children?: never;\n      isSectionHeader?: never;\n      isDefaultExpanded?: never;\n      isExpanded?: never;\n    }\n  | {\n      /**\n       * An array of side nav items to be displayed as children within Accordion\n       */\n      children?: SideNavItem[];\n      /**\n       * Whether the accordion (nav item with children) is expanded by default\n       */\n      isDefaultExpanded?: boolean;\n      /**\n       * If true, expands the accordion, otherwise collapse it.\n       * Setting this prop enables control over the accordion.\n       */\n      isExpanded?: boolean;\n      isSectionHeader?: never;\n      href?: never;\n    }\n);\n\nexport type SideNavFooterItem = {\n  href?: string;\n  id: string;\n  label: string;\n};\n\nexport type SideNavProps = {\n  /**\n   * Side Nav header text that is usually reserved to show the App name\n   */\n  navHeaderText: string;\n  /**\n   *  Determines whether the side nav is collapsible\n   */\n  isCollapsible?: boolean;\n  /**\n   * Footer items in the side nav\n   */\n  footerItems?: SideNavFooterItem[];\n  /**\n   *  Triggers when the side nav is collapsed\n   */\n  onCollapse?(): void;\n  /**\n   *  Triggers when the side nav is expanded\n   */\n  onExpand?(): void;\n  /**\n   * Nav items in the side nav\n   */\n  sideNavItems: SideNavItem[];\n} & Pick<HtmlProps, \"testId\">;\n\nconst SideNavCollapsedContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n  ({\n    odysseyDesignTokens,\n    isSideNavCollapsed,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isSideNavCollapsed: boolean;\n  }) => ({\n    backgroundColor: odysseyDesignTokens.HueNeutral300,\n    paddingTop: odysseyDesignTokens.Spacing5,\n    cursor: \"pointer\",\n    width: isSideNavCollapsed ? \"auto\" : 0,\n    opacity: isSideNavCollapsed ? 1 : 0,\n    visibility: isSideNavCollapsed ? \"visible\" : \"hidden\",\n    transitionProperty: \"opacity\",\n    transitionDuration: odysseyDesignTokens.TransitionDurationMain,\n    transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n  }),\n);\n\nconst SideNavExpandContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isSideNavCollapsed\",\n})(\n  ({\n    odysseyDesignTokens,\n    isSideNavCollapsed,\n  }: {\n    odysseyDesignTokens: DesignTokens;\n    isSideNavCollapsed: boolean;\n  }) => ({\n    backgroundColor: odysseyDesignTokens.HueNeutralWhite,\n    flexDirection: \"column\",\n    display: \"flex\",\n    opacity: isSideNavCollapsed ? 0 : 1,\n    visibility: isSideNavCollapsed ? \"hidden\" : \"visible\",\n    width: isSideNavCollapsed ? \"0\" : \"100%\",\n    transitionProperty: \"opacity, width\",\n    transitionDuration: odysseyDesignTokens.TransitionDurationMain,\n    transitionTimingFunction: odysseyDesignTokens.TransitionTimingMain,\n  }),\n);\n\nconst SideNavHeaderContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n  paddingLeft: odysseyDesignTokens.Spacing4,\n  paddingRight: odysseyDesignTokens.Spacing4,\n  paddingTop: odysseyDesignTokens.Spacing3,\n  paddingBottom: odysseyDesignTokens.Spacing3,\n}));\n\nconst CollapseIcon = ({ onClick }: { onClick?(): void }): ReactElement => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const collapseButtonStyles = useMemo(\n    () => ({\n      \"& > button\": {\n        height: odysseyDesignTokens.Spacing6,\n        width: odysseyDesignTokens.Spacing6,\n        color: odysseyDesignTokens.HueNeutral400,\n      },\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <Box sx={collapseButtonStyles}>\n      <Button\n        tabIndex={0}\n        variant=\"secondary\"\n        onClick={onClick}\n        startIcon={<CollapseLeftIcon />}\n        ariaLabel=\"collapse side navigation\"\n      />\n    </Box>\n  );\n};\n\nconst SideNavHeader = ({\n  navHeaderText,\n  isCollapsible,\n  onCollapse,\n}: Pick<\n  SideNavProps,\n  \"navHeaderText\" | \"isCollapsible\" | \"onCollapse\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavHeaderStyles = useMemo(\n    () => ({\n      marginTop: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <SideNavHeaderContainer odysseyDesignTokens={odysseyDesignTokens}>\n      <Box sx={sideNavHeaderStyles}>\n        <Heading6>{navHeaderText}</Heading6>\n      </Box>\n      {isCollapsible && <CollapseIcon onClick={onCollapse} />}\n    </SideNavHeaderContainer>\n  );\n};\n\nconst SideNavListContainer = styled.ul({\n  padding: 0,\n  listStyle: \"none\",\n  listStyleType: \"none\",\n});\n\nconst SectionHeader = styled(\"li\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  fontSize: odysseyDesignTokens.TypographySizeOverline,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeadingBold,\n  color: odysseyDesignTokens.HueNeutral600,\n  paddingTop: odysseyDesignTokens.Spacing3,\n  paddingBottom: odysseyDesignTokens.Spacing3,\n  paddingLeft: odysseyDesignTokens.Spacing4,\n  textTransform: \"uppercase\",\n}));\n\nconst SideNavItemLabelContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"isIconVisible\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isIconVisible: boolean;\n}>(({ odysseyDesignTokens, isIconVisible }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographyScale0,\n  fontWeight: odysseyDesignTokens.TypographyWeightHeading,\n  marginLeft: isIconVisible ? odysseyDesignTokens.Spacing2 : 0,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n    fontSize: odysseyDesignTokens.TypographyScale0,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    cursor: \"pointer\",\n  },\n}));\n\nconst SideNavListItemContainer = styled(\"li\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"isSelected\" &&\n    prop !== \"isDisabled\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n  isSelected?: boolean;\n  disabled?: boolean;\n  isDisabled?: boolean;\n}>(({ odysseyDesignTokens, isSelected, isDisabled }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  cursor: isDisabled ? \"default\" : \"pointer\",\n  pointerEvents: isDisabled ? \"none\" : \"auto\",\n  backgroundColor: isSelected ? odysseyDesignTokens.HueNeutral50 : \"unset\",\n  margin: `${odysseyDesignTokens.Spacing1} 0`,\n  \"&:last-child\": {\n    marginBottom: odysseyDesignTokens.Spacing2,\n  },\n  \"& a\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    minHeight: \"48px\",\n    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n    pointerEvents: isDisabled ? \"none\" : \"auto\",\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n    cursor: isDisabled ? \"default\" : \"pointer\",\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n  \"& a:focus-visible\": {\n    outlineOffset: 0,\n    borderRadius: 0,\n    outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n    backgroundColor: !isDisabled ? odysseyDesignTokens.HueNeutral50 : \"inherit\",\n  },\n}));\n\nconst SideNavFooterContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})(({ odysseyDesignTokens }: { odysseyDesignTokens: DesignTokens }) => ({\n  paddingTop: odysseyDesignTokens.Spacing2,\n  paddingBottom: odysseyDesignTokens.Spacing2,\n  display: \"flex\",\n  justifyContent: \"center\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n  fontSize: odysseyDesignTokens.TypographySizeOverline,\n  \"& a\": {\n    color: `${odysseyDesignTokens.TypographyColorHeading} !important`,\n  },\n  \"& a:hover\": {\n    textDecoration: \"none\",\n  },\n  \"& a:visited\": {\n    color: odysseyDesignTokens.TypographyColorHeading,\n  },\n}));\n\nconst SideNavItemLinkContent = ({\n  label,\n  startIcon,\n  endIcon,\n  severity,\n  statusLabel,\n}: Pick<\n  SideNavItem,\n  \"label\" | \"startIcon\" | \"endIcon\" | \"severity\" | \"statusLabel\"\n>): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const sideNavItemContentStyles = useMemo(\n    () => ({\n      marginLeft: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <>\n      {startIcon && startIcon}\n      <SideNavItemLabelContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isIconVisible={Boolean(startIcon)}\n      >\n        {label}\n        {severity && (\n          <Box sx={sideNavItemContentStyles}>\n            <Status severity={severity} label={statusLabel || \"\"} />\n          </Box>\n        )}\n      </SideNavItemLabelContainer>\n      {endIcon && endIcon}\n    </>\n  );\n};\n\nconst SideNavItemContent = ({\n  id,\n  label,\n  href,\n  target,\n  startIcon,\n  severity,\n  statusLabel,\n  endIcon,\n  onClick,\n  isSelected,\n  isDisabled,\n}: Pick<\n  SideNavItem,\n  | \"id\"\n  | \"label\"\n  | \"href\"\n  | \"target\"\n  | \"startIcon\"\n  | \"severity\"\n  | \"statusLabel\"\n  | \"endIcon\"\n  | \"onClick\"\n  | \"isSelected\"\n  | \"isDisabled\"\n>) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const NavItemContentClickContainer = styled(\"div\", {\n    shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n  })(() => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    width: \"100%\",\n    minHeight: \"48px\",\n    padding: `${odysseyDesignTokens.Spacing3} ${odysseyDesignTokens.Spacing4}`,\n    color: `${isDisabled ? odysseyDesignTokens.TypographyColorDisabled : odysseyDesignTokens.TypographyColorHeading} !important`,\n    \"&:focus-visible\": {\n      borderRadius: 0,\n      outlineColor: odysseyDesignTokens.FocusOutlineColorPrimary,\n      outlineStyle: odysseyDesignTokens.FocusOutlineStyle,\n      outlineWidth: odysseyDesignTokens.FocusOutlineWidthMain,\n      backgroundColor: odysseyDesignTokens.HueNeutral50,\n      textDecoration: \"none\",\n    },\n  }));\n\n  const sideNavItemContentKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event?.key === \"Enter\") {\n        event.preventDefault();\n        onClick?.();\n      }\n    },\n    [onClick],\n  );\n\n  const sideNavItemContent = useMemo(() => {\n    return (\n      <SideNavListItemContainer\n        id={id}\n        key={id}\n        disabled={isDisabled}\n        aria-disabled={isDisabled}\n        isDisabled={isDisabled}\n        isSelected={isSelected}\n        odysseyDesignTokens={odysseyDesignTokens}\n      >\n        {\n          // Use Link for nav items with links and div for disabled or non-link items\n          isDisabled ? (\n            <NavItemContentClickContainer>\n              <SideNavItemLinkContent\n                label={label}\n                startIcon={startIcon}\n                endIcon={endIcon}\n                statusLabel={statusLabel}\n                severity={severity}\n              />\n            </NavItemContentClickContainer>\n          ) : !href ? (\n            <NavItemContentClickContainer\n              role=\"button\"\n              tabIndex={0}\n              onClick={onClick}\n              onKeyDown={sideNavItemContentKeyHandler}\n            >\n              <SideNavItemLinkContent\n                label={label}\n                startIcon={startIcon}\n                endIcon={endIcon}\n                statusLabel={statusLabel}\n                severity={severity}\n              />\n            </NavItemContentClickContainer>\n          ) : (\n            <Link href={href} target={target} onClick={onClick}>\n              <SideNavItemLinkContent\n                label={label}\n                startIcon={startIcon}\n                endIcon={endIcon}\n                statusLabel={statusLabel}\n                severity={severity}\n              />\n            </Link>\n          )\n        }\n      </SideNavListItemContainer>\n    );\n  }, [\n    id,\n    label,\n    href,\n    target,\n    startIcon,\n    severity,\n    statusLabel,\n    endIcon,\n    onClick,\n    isSelected,\n    isDisabled,\n    NavItemContentClickContainer,\n    sideNavItemContentKeyHandler,\n    odysseyDesignTokens,\n  ]);\n\n  return sideNavItemContent;\n};\n\nconst SideNavFooterContent = (footerItems: SideNavFooterItem[]): ReactNode => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const footerContent = useMemo(() => {\n    return footerItems?.map((item, index) => (\n      <Box\n        key={`${item.id}-wrapper`}\n        sx={{\n          display: \"flex\",\n        }}\n      >\n        {item.href ? (\n          <Link key={item.id} href={item.href}>\n            {item.label}\n          </Link>\n        ) : (\n          <Box component=\"span\" key={item.id}>\n            {item.label}\n          </Box>\n        )}\n        {index < footerItems.length - 1 && (\n          <Box\n            key={`${item.id}-separator`}\n            sx={{\n              marginLeft: odysseyDesignTokens.Spacing4,\n              marginRight: odysseyDesignTokens.Spacing4,\n              color: odysseyDesignTokens.HueNeutral300,\n            }}\n          >\n            |\n          </Box>\n        )}\n      </Box>\n    ));\n  }, [footerItems, odysseyDesignTokens]);\n\n  return footerContent;\n};\n\nconst SideNav = ({\n  navHeaderText,\n  isCollapsible,\n  onCollapse,\n  onExpand,\n  sideNavItems,\n  footerItems,\n}: SideNavProps) => {\n  const [isSideNavCollapsed, setSideNavCollapsed] = useState(false);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const processedSideNavItems = useMemo(\n    () =>\n      sideNavItems.map((item) => ({\n        ...item,\n        children: item.children?.map((childProps) => (\n          <SideNavItemContent key={childProps.id} {...childProps} />\n        )),\n      })),\n    [sideNavItems],\n  );\n\n  const sideNavCollapseHandler = useCallback(() => {\n    setSideNavCollapsed(!isSideNavCollapsed);\n    onCollapse?.();\n  }, [isSideNavCollapsed, setSideNavCollapsed, onCollapse]);\n\n  const sideNavExpandClickHandler = useCallback(() => {\n    setSideNavCollapsed(!isSideNavCollapsed);\n    onExpand?.();\n  }, [isSideNavCollapsed, setSideNavCollapsed, onExpand]);\n\n  const sideNavExpandKeyHandler = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event?.key === \"Enter\" || event?.code === \"Space\") {\n        event.preventDefault();\n        setSideNavCollapsed(!isSideNavCollapsed);\n        onExpand?.();\n      }\n    },\n    [isSideNavCollapsed, setSideNavCollapsed, onExpand],\n  );\n\n  const sideNavStyles = useMemo(\n    () => ({\n      display: \"flex\",\n      height: \"100vh\",\n    }),\n    [],\n  );\n\n  const sideNavHeaderContainerStyles = useMemo(\n    () => ({\n      position: \"sticky\",\n      top: 0,\n    }),\n    [],\n  );\n\n  const sideNavListContainerStyles = useMemo(\n    () => ({\n      flex: 1,\n      overflowY: \"auto\",\n    }),\n    [],\n  );\n\n  const sideNavFooterContainerStyles = useMemo(\n    () => ({\n      position: \"sticky\",\n      bottom: 0,\n      paddingTop: odysseyDesignTokens.Spacing2,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  const expandLeftIconStyles = useMemo(\n    () => ({\n      fontSize: \"1em\",\n      margin: `0 ${odysseyDesignTokens.Spacing1}`,\n    }),\n    [odysseyDesignTokens],\n  );\n\n  return (\n    <Box sx={sideNavStyles}>\n      <SideNavCollapsedContainer\n        tabIndex={0}\n        role=\"button\"\n        odysseyDesignTokens={odysseyDesignTokens}\n        isSideNavCollapsed={isSideNavCollapsed}\n        onClick={sideNavExpandClickHandler}\n        onKeyDown={sideNavExpandKeyHandler}\n        data-testid=\"collapsed-region\"\n        data-aria-label=\"expand side navigation\"\n      >\n        <ExpandLeftIcon sx={expandLeftIconStyles} />\n      </SideNavCollapsedContainer>\n      <SideNavExpandContainer\n        odysseyDesignTokens={odysseyDesignTokens}\n        isSideNavCollapsed={isSideNavCollapsed}\n        data-testid=\"expanded-region\"\n      >\n        <Box sx={sideNavHeaderContainerStyles}>\n          <SideNavHeader\n            navHeaderText={navHeaderText}\n            isCollapsible={isCollapsible}\n            onCollapse={sideNavCollapseHandler}\n          />\n        </Box>\n        <Box sx={sideNavListContainerStyles}>\n          <SideNavListContainer>\n            {processedSideNavItems?.map((item) => {\n              const {\n                id,\n                label,\n                isSectionHeader,\n                startIcon,\n                children,\n                isDefaultExpanded,\n                isDisabled,\n                isExpanded,\n              } = item;\n\n              if (isSectionHeader) {\n                return (\n                  <SectionHeader\n                    id={id}\n                    key={id}\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    {label}\n                  </SectionHeader>\n                );\n              } else if (children) {\n                return (\n                  <SideNavListItemContainer\n                    id={id}\n                    key={id}\n                    odysseyDesignTokens={odysseyDesignTokens}\n                  >\n                    <NavAccordion\n                      label={label}\n                      isDefaultExpanded={isDefaultExpanded}\n                      isExpanded={isExpanded}\n                      startIcon={startIcon}\n                      isDisabled={isDisabled}\n                    >\n                      <SideNavListContainer id={`${id}-list`}>\n                        {children}\n                      </SideNavListContainer>\n                    </NavAccordion>\n                  </SideNavListItemContainer>\n                );\n              } else {\n                return <SideNavItemContent key={item.id} {...item} />;\n              }\n            })}\n          </SideNavListContainer>\n        </Box>\n        {footerItems && (\n          <Box sx={sideNavFooterContainerStyles}>\n            <SideNavFooterContainer odysseyDesignTokens={odysseyDesignTokens}>\n              {SideNavFooterContent(footerItems)}\n            </SideNavFooterContainer>\n          </Box>\n        )}\n      </SideNavExpandContainer>\n    </Box>\n  );\n};\n\nconst MemoizedSideNav = memo(SideNav);\nMemoizedSideNav.displayName = \"SideNav\";\n\nexport { MemoizedSideNav as SideNav };\n"],"mappings":"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"}