@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/assets/Server-1eTAy_EZ.js

@@ -0,0 +1 @@
+import{r as o,j as e}from"./iframe-CQjT1fxh.js";import{S as a}from"./tableRowClasses-Bk1uFtwh.js";const l=o.forwardRef((r,n)=>e.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M4.333 1.333a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.666 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Zm1.666 4.334a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.666 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Zm6-7.334a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-1.666a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333Zm0 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.667 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(l);t.displayName="AppsIcon";const s=o.forwardRef((r,n)=>e.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.333 1.333a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h9.334a2 2 0 0 0 2-2V3.333a2 2 0 0 0-2-2H3.333Zm-.666 2c0-.368.298-.666.666-.666H4v10.666h-.667a.667.667 0 0 1-.666-.666V3.333Zm2.666 10h.787l.167-.836a3.106 3.106 0 0 1 6.092 0l.168.836h.12a.667.667 0 0 0 .666-.666V3.333a.667.667 0 0 0-.666-.666H5.333v10.666Zm5.739-.574.115.574H7.48l.115-.574a1.773 1.773 0 0 1 3.477 0ZM8 6.667a1.333 1.333 0 1 1 2.667 0 1.333 1.333 0 0 1-2.667 0ZM9.333 4a2.667 2.667 0 1 0 0 5.333 2.667 2.667 0 0 0 0-5.333Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(s);c.displayName="DirectoryIcon";const d=o.forwardRef((r,n)=>e.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M11.755 13.975a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z",stroke:"currentColor",strokeWidth:1.5}),e.jsx("path",{d:"M28.988 22.475a8.484 8.484 0 1 1-16.967 0 8.484 8.484 0 0 1 16.967 0Z",stroke:"currentColor",strokeWidth:1.5}),e.jsx("path",{d:"M15.502 24.785c.646-1.382.112-1.903.057-3.024-.039-.803.224-1.83.946-2.785.723-.955 1.629-2.07 4.029-2.07s3.92 1.794 4.42 2.627c.5.833 1.266 2.915.427 6.648",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{d:"M20.533 21.69c.407 1.16.703 4.089-1.37 6.518",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{d:"M17.032 26.767c.299-.255.962-1.3 1.121-1.778.16-.478.31-.852 0-2.726-.147-.894.154-1.674.467-2.022.314-.347.919-.842 1.604-.882.946-.056 1.712.414 2.054.72.597.544.955 1.487.982 3.144.026 1.611-.289 2.343-.71 3.87",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{clipRule:"evenodd",d:"M6.011.292h-.75v8h-3v15.75a2.75 2.75 0 0 0 2.75 2.75h5.667a10.71 10.71 0 0 1-.53-1.5H5.01c-.69 0-1.25-.56-1.25-1.25V9.792h12.502v2.824a10.65 10.65 0 0 1 1.5-.518V8.292h-3v-8h-8.75Zm7.25 8h-6.5v-6.5h6.5v6.5Z",fill:"currentColor",fillRule:"evenodd"})]})})),i=o.memo(d);i.displayName="Fido2Icon";const m=o.forwardRef((r,n)=>e.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.333 7.333h9.334V12a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V7.333Zm8-3.333v2H14v6a3.333 3.333 0 0 1-3.333 3.333H5.333A3.333 3.333 0 0 1 2 12V6h2.667V4a3.333 3.333 0 1 1 6.666 0ZM10 4v2H6V4a2 2 0 1 1 4 0Zm-2 7.667a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),h=o.memo(m);h.displayName="LockIcon";const p=o.forwardRef((r,n)=>e.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M4 .667a2 2 0 0 0-2 2v10.666a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.667a2 2 0 0 0-2-2H4Zm-.667 2C3.333 2.298 3.632 2 4 2h8c.368 0 .667.298.667.667V5.11H3.333V2.667Zm0 3.777h9.334v3.112H3.333V6.444Zm0 4.445v2.444c0 .368.299.667.667.667h8a.667.667 0 0 0 .667-.667V10.89H3.333Zm2-6.667a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333Zm0 4.445a.667.667 0 1 0 0-1.334.667.667 0 0 0 0 1.334ZM6 12.444a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z",fill:"currentColor",fillRule:"evenodd"})})})),v=o.memo(p);v.displayName="ServerIcon";export{t as M,c as a,v as b,i as c,h as d};

package/dist/assets/Settings-CnuBvsmb.js

@@ -0,0 +1 @@
+import{r as o,j as e}from"./iframe-CQjT1fxh.js";import{S as r}from"./tableRowClasses-Bk1uFtwh.js";const t=o.forwardRef((a,c)=>e.jsx(r,{fill:"none",ref:c,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...a,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.17 8c0-.834-.308-1.578-.773-2.152.2-.521.472-1.008.803-1.449.766.132 1.61.028 2.369-.395a3.492 3.492 0 0 0 1.609-1.948 6.065 6.065 0 0 1 1.644 0c.26.779.805 1.5 1.61 1.948l.632-1.133-.633 1.133a3.607 3.607 0 0 0 2.37.395c.33.44.601.928.802 1.45A3.415 3.415 0 0 0 12.829 8c0 .834.31 1.578.774 2.152A5.985 5.985 0 0 1 12.8 11.6a3.607 3.607 0 0 0-2.369.395 3.492 3.492 0 0 0-1.609 1.948 6.065 6.065 0 0 1-1.644 0 3.49 3.49 0 0 0-1.61-1.948A3.607 3.607 0 0 0 3.2 11.6a5.986 5.986 0 0 1-.803-1.45A3.415 3.415 0 0 0 3.171 8ZM8 .667a7.34 7.34 0 0 0-1.982.27c.024.697-.357 1.489-1.1 1.903a2.308 2.308 0 0 1-2.153.025A7.322 7.322 0 0 0 .878 6.244c.543.363.96 1.014.96 1.756S1.42 9.393.877 9.756a7.322 7.322 0 0 0 1.887 3.38 2.308 2.308 0 0 1 2.154.024c.742.415 1.123 1.206 1.099 1.902A7.34 7.34 0 0 0 8 15.333a7.34 7.34 0 0 0 1.982-.27c-.024-.697.357-1.489 1.1-1.903a2.308 2.308 0 0 1 2.153-.025 7.321 7.321 0 0 0 1.887-3.379c-.543-.363-.96-1.014-.96-1.756s.416-1.393.96-1.756a7.321 7.321 0 0 0-1.887-3.38c-.606.32-1.45.368-2.154-.024-.742-.414-1.123-1.206-1.099-1.902A7.34 7.34 0 0 0 8 .667ZM6.667 8a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0ZM8 5.333a2.667 2.667 0 1 0 0 5.334 2.667 2.667 0 0 0 0-5.334Z",fill:"currentColor",fillRule:"evenodd"})})})),n=o.memo(t);n.displayName="SettingsIcon";export{n as M};

package/dist/assets/Setup-CG2Lh3Ff.js

@@ -0,0 +1,6 @@
+import{j as e}from"./iframe-CQjT1fxh.js";import{useMDXComponents as o}from"./index-D5BUEpVX.js";import"./preload-helper-Dp1pzeXC.js";function r(t){const n={code:"code",h2:"h2",p:"p",pre:"pre",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(n.h2,{id:"generating-okta-test-language-files",children:"Generating Okta Test Language files"}),`
+`,e.jsxs(n.p,{children:["The ",e.jsx(n.code,{children:"*_ok_PL.properties"})," and ",e.jsx(n.code,{children:"*_ok_SK.properties"}),` will automatically be generated pre-commit if there are changes to the
+main `,e.jsx(n.code,{children:".properties"})," file."]}),`
+`,e.jsx(n.p,{children:"To manually generate them, run the following command:"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-bash",children:`yarn generate:i18n:pseudoLocaleProperties
+`})})]})}function c(t={}){const{wrapper:n}={...o(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(r,{...t})}):r(t)}export{c as default};

package/dist/assets/Shadow DOM-D2Xm68lR.js

@@ -0,0 +1,63 @@
+import{j as e}from"./iframe-CQjT1fxh.js";import{useMDXComponents as s}from"./index-D5BUEpVX.js";import"./preload-helper-Dp1pzeXC.js";function t(o){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...s(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(n.h1,{id:"shadow-dom",children:"Shadow DOM"}),`
+`,e.jsx(n.h2,{id:"using-a-shadow-dom-with-odyssey",children:"Using a Shadow DOM with Odyssey"}),`
+`,e.jsx(n.p,{children:"Sometimes, you may need to sandbox your application's styles so Odyssey components show up correctly in other applications. This typically happens when other global styles are on the page."}),`
+`,e.jsx(n.p,{children:"To sandbox your application's styles, you need to use a Shadow DOM. We now recommend rendering into a Web Component which includes a Shadow DOM."}),`
+`,e.jsxs(n.p,{children:["Odyssey natively supports rendering React in a Web Component's Shadow DOM. Simply use the ",e.jsx(n.code,{children:"renderReactInWebComponent"})," in your app's top-level file (typically ",e.jsx(n.code,{children:"index.ts"}),"):"]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { renderReactInWebComponent } from "@okta/odyssey-react-mui/web-component";
+
+const appRootElement = document.createElement("div");
+const containerRootElement = document.getElementById("container-root");
+
+const reactElement = renderReactInWebComponent({
+  getReactComponent: ({ appRootElement, emotionRootElement }) => (
+    <OdysseyProvider
+      appRootElement={appRootElement}
+      emotionRootElement={emotionRootElement}
+    >
+      <App />
+    </OdysseyProvider>
+  ),
+  rootElement: containerRootElement,
+  webComponentChildren: appRootElement,
+});
+`})}),`
+`,e.jsxs(n.p,{children:[e.jsx(n.code,{children:"reactElement"})," is the actual rendered web component DOM node. To look inside, you'll need to use ",e.jsx(n.code,{children:"reactElement.shadowRoot"}),"."]}),`
+`,e.jsx(n.h2,{id:"advanced-usage-custom-emotion-cache",children:"Advanced Usage (Custom Emotion Cache)"}),`
+`,e.jsxs(n.p,{children:["If you are using a shadow DOM and a separate Emotion Cache in your application for other CSS styles within your app, you'll need to create an instance of ",e.jsx(n.code,{children:"Emotion"})," and supply it a container reference to the created ",e.jsx(n.code,{children:"emotionRootElement"})," above:"]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-ts",children:`// utils.ts
+
+// Assumes the ID of the root element of your web application to be \`root\`
+// The ID of the \`emotionRoot\` style element is \`style-root\`
+
+import createEmotion from "@emotion/css/create-instance";
+
+export const getEmotionCss = () => {
+  const { css: emotionCss } = createEmotion({
+    container:
+      document
+        .querySelector("#root")
+        ?.shadowRoot?.querySelector("#style-root") || undefined,
+    key: "css",
+    nonce: window.cspNonce,
+    prepend: true,
+  });
+
+  return emotionCss;
+};
+`})}),`
+`,e.jsx(n.p,{children:"Then in your code, you can do something like:"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`// MyComponent.tsx
+
+import { getEmotionCss } from "./utils";
+
+export const MyComponent = () => {
+  const emotionCss = getEmotionCss();
+
+  const componentStyle = css\`
+    backgroundcolor: white;
+  \`;
+
+  return <div className={componentStyle}>{/* ... */}</div>;
+};
+`})}),`
+`,e.jsxs(n.p,{children:["If you're using separate ",e.jsx(n.code,{children:"OdysseyThemeProvider"})," and ",e.jsx(n.code,{children:"OdysseyCacheProvider"})," components, both of those also take the ",e.jsx(n.code,{children:"appRootElement"})," element."]})]})}function a(o={}){const{wrapper:n}={...s(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{a as default};

package/dist/assets/Show-C6ORd-wr.js

@@ -0,0 +1 @@
+import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as a}from"./tableRowClasses-Bk1uFtwh.js";const n=e.forwardRef((l,r)=>o.jsx(a,{fill:"none",ref:r,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...l,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M2.287 8.542A8.531 8.531 0 0 1 2.046 8a9.433 9.433 0 0 1 1.31-2.253C4.337 4.507 5.831 3.333 8 3.333c2.17 0 3.662 1.174 4.644 2.414A9.437 9.437 0 0 1 13.954 8a9.439 9.439 0 0 1-1.31 2.253c-.981 1.24-2.475 2.414-4.644 2.414-2.17 0-3.663-1.174-4.644-2.414a9.435 9.435 0 0 1-1.069-1.711ZM15.3 7.789 14.667 8l.632.211v.003l-.003.005-.005.015a3.89 3.89 0 0 1-.091.242 10.767 10.767 0 0 1-1.51 2.604C12.56 12.508 10.72 14 8 14s-4.56-1.493-5.69-2.92A10.769 10.769 0 0 1 .8 8.477a6.651 6.651 0 0 1-.091-.242L.704 8.22l-.002-.005v-.002C.7 8.211.7 8.21 1.332 8L.7 7.789v-.003l.003-.005.005-.015A4.094 4.094 0 0 1 .8 7.524 10.767 10.767 0 0 1 2.31 4.92C3.44 3.493 5.28 2 8 2s4.56 1.493 5.69 2.92a10.765 10.765 0 0 1 1.51 2.604 6.751 6.751 0 0 1 .091.242l.005.015.002.005v.002ZM1.333 8l-.632.21L.63 8l.07-.21.632.21Zm13.334 0 .632-.21.07.21-.07.21-.632-.21ZM6 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-3.333a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Z",fill:"currentColor",fillRule:"evenodd"})})})),s=e.memo(n);s.displayName="ShowIcon";export{s as M};

package/dist/assets/SideNav-WgViafRP.js

@@ -0,0 +1,131 @@
+import{u as rn,C as on,D as an,d as cn,a as dn,b as ve,c as ln,S as sn,s as un,K as gn,P as mn,e as fn,E as X}from"./utilities.esm-D9akhJLQ.js";import{s as S}from"./tableRowClasses-Bk1uFtwh.js";import{r as a,j as i}from"./iframe-CQjT1fxh.js";import{u as D,a as Z,M as Sn}from"./OdysseyThemeProvider-BA0_xP7N.js";import{f as bn,i as hn}from"./Typography-CjpHjc10.js";import{u as O}from"./UiShellProvider-oDzwqt6Y.js";import{u as Be}from"./useMountLifecycleEffect-BNByHT_g.js";import{a as Ee,T as pn,b as ue,c as xn,S as In}from"./uiShellSharedConstants-CvCey4L_.js";import{u as yn}from"./useUniqueId-DG6rB8dI.js";import{A as vn,b as Mn,a as jn}from"./AccordionSummary-wkTP8_D6.js";import{M as wn}from"./WarningFilled-DOHs-JmZ.js";import{M as ie}from"./Box-B3rdnavX.js";import{M as kn}from"./Link-Cg_KakDo.js";import{S as J}from"./Skeleton-DxFSebyW.js";import{M as Bn}from"./Badge-4k4qHpX4.js";import{M as En}from"./Status-DyDCzqET.js";import{L as Ln}from"./Link-thynTosX.js";import{M as Dn}from"./ExternalLink-3_gWbh_U.js";import{M as An}from"./ChevronRight-QYu5EQHS.js";import{M as Tn}from"./MuiPropsContext-D6i6qZME.js";import{M as Hn}from"./Tooltip-B-PXZNTK.js";import{B as Fn}from"./Button-Dug4qNr3.js";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const oe=a.createContext({isCompact:!1,isSortable:!1,depth:1}),Le=()=>a.useContext(oe),$n=S("div",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="fontColor"})(({backgroundColor:e,fontColor:n})=>({width:"100%",".MuiAccordion-root":{backgroundColor:e,color:n||"inherit"}})),Rn=S("span",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"&&e!=="sideNavContrastColors"})(({sideNavContrastColors:e,odysseyDesignTokens:n,isIconVisible:t})=>({width:"100%",marginInlineStart:t?n.Spacing3:0,fontWeight:n.TypographyWeightBody,color:(e==null?void 0:e.fontColor)||n.TypographyColorHeading,".Mui-disabled &":{color:n.TypographyColorDisabled,...(e==null?void 0:e.itemDisabledFontColor)&&{color:e==null?void 0:e.itemDisabledFontColor}}})),Pn=S(jn,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isCompact"&&e!=="isDisabled"&&e!=="sideNavContrastColors"&&e!=="depth"})(({odysseyDesignTokens:e,sideNavContrastColors:n,isCompact:t,isDisabled:r,depth:c=1})=>({borderRadius:e.BorderRadiusMain,paddingBlock:e.Spacing3,paddingInlineStart:`calc(${e.Spacing4} * ${c})`,paddingInlineEnd:e.Spacing4,alignItems:"center",".MuiAccordionSummary-content":{alignItems:"center"},...r&&{opacity:"1 !important",...(n==null?void 0:n.itemDisabledFontColor)&&{svg:{path:{fill:`${n.itemDisabledFontColor} !important`}}}},...!r&&{"&:hover":{backgroundColor:e.HueNeutral50}},...!r&&(n==null?void 0:n.fontColor)&&{svg:{path:{fill:`${n.fontColor} !important`}}},...(n==null?void 0:n.itemHoverBackgroundColor)&&{...!r&&{"&:hover":{backgroundColor:n.itemHoverBackgroundColor}}},"&:focus-visible":{backgroundColor:"unset",outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...(n==null?void 0:n.focusRingColor)&&{boxShadow:`inset 0 0 0 2px ${n.focusRingColor}`}},...t&&{paddingBlock:e.Spacing2,minHeight:"unset"}})),_n=({children:e,label:n,id:t,isCompact:r,isDefaultExpanded:c,isDisabled:o,isExpanded:s,onChange:g,translate:d,startIcon:m})=>{const u=yn(t),x=`${u}-header`,p=`${u}-content`,b=D(),f=O(),I=Le();return i.jsx($n,{backgroundColor:f==null?void 0:f.sideNavBackgroundColor,children:i.jsxs(vn,{className:"nav-accordion",defaultExpanded:c,disabled:o,disableGutters:!0,expanded:s,onChange:g,children:[i.jsxs(Pn,{"aria-controls":p,className:"nav-accordion-summary",depth:I.depth,expandIcon:i.jsx(wn,{}),id:x,isCompact:r,isDisabled:o,odysseyDesignTokens:b,sideNavContrastColors:f==null?void 0:f.sideNavContrastColors,children:[m&&m,i.jsx(Rn,{isIconVisible:!!m,odysseyDesignTokens:b,sideNavContrastColors:f==null?void 0:f.sideNavContrastColors,translate:d,children:n})]}),i.jsx(Mn,{"aria-labelledby":x,className:"nav-accordion-details",children:e})]})})},De=a.memo(_n);De.displayName="NavAccordion";/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Me=e=>{const n=document.documentElement.getAttribute("dir")==="rtl",{top:t,bottom:r,left:c,right:o}=e.getBoundingClientRect();return{top:t,bottom:r,left:n?o:c,right:n?c:o}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const je={isAtContainerInlineStart:null,isAtContainerInlineEnd:null,isAtContainerBlockStart:null,isAtContainerBlockEnd:null};function zn({containerElement:e,element:n,monitoringElement:t}){const[r,c]=a.useState(je),o=a.useRef(0),s=t??(n==null?void 0:n.parentElement),g=a.useCallback(()=>{cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{if(n){const d=Me(n),m=Me(e??document.body);c({isAtContainerInlineStart:d.left===m.left,isAtContainerInlineEnd:d.right===m.right,isAtContainerBlockStart:d.top===m.top,isAtContainerBlockEnd:d.bottom===m.bottom})}else c(je)})},[e,n]);return a.useEffect(()=>{const d=new MutationObserver(()=>{g()});return s&&d.observe(s,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),window.addEventListener("resize",g),g(),()=>{cancelAnimationFrame(o.current),d.disconnect(),window.removeEventListener("resize",g)}},[s,g]),r}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Vn=S("nav")({display:"flex"}),On=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="borderColor"})(({borderColor:e,odysseyDesignTokens:n})=>({"& + &":{marginInlineStart:n.Spacing4,paddingInlineStart:n.Spacing4,borderInlineStart:`1px solid ${e||n.HueNeutral300}`}})),Nn=({footerItems:e})=>{const n=D(),{t}=Z(),r=O(),c=a.useMemo(()=>e==null?void 0:e.map(o=>{var s;return i.jsx(On,{borderColor:(s=r==null?void 0:r.sideNavContrastColors)==null?void 0:s.fontColor,odysseyDesignTokens:n,role:"menuitem",children:o.href?i.jsx(kn,{href:o.href,children:o.label}):i.jsx(ie,{component:"span",children:o.label})},o.id)}),[e,n,r]);return i.jsx(Vn,{"aria-label":t("navigation.footer"),role:"menubar",children:c})},Ae=a.memo(Nn);Ae.displayName="SideNavFooterContent";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Wn=()=>i.jsxs("svg",{fill:"none",height:"24",viewBox:"0 0 67 24",width:"67",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("title",{children:"Okta"}),i.jsx("path",{d:"M55.308 20.5716C52.1058 20.5716 49.8418 18.0813 49.8418 14.8145C49.8418 11.5476 52.1058 9.0574 55.308 9.0574C58.5103 9.0574 60.7097 11.5476 60.7097 14.8145C60.7097 18.0813 58.478 20.5716 55.308 20.5716ZM54.7905 24C57.3782 24 59.5777 22.9972 60.9682 20.8947C61.2267 22.9326 62.7147 23.6763 64.5905 23.6763H66.0785V20.4418H65.4317C64.3643 20.4418 64.1058 19.9242 64.1058 18.7276V5.95153H60.6774V8.57159C59.5131 6.72814 57.3136 5.62842 54.7911 5.62842C50.2952 5.62842 46.1554 9.38051 46.1554 14.8139C46.1554 20.2473 50.2947 24 54.7905 24ZM37.1309 19.5688C37.1309 22.4797 38.942 23.6763 41.1092 23.6763H45.2813V20.4418H42.2412C40.9799 20.4418 40.7209 19.9565 40.7209 18.7276V9.18608H45.2813V5.95153H40.7209V0H37.1309V19.5688ZM20.7972 23.6763H24.3872V16.0758H25.5838L31.6969 23.6763H36.225L28.4301 14.0379L34.4139 5.9521H30.371L25.4869 12.7766H24.3872V0.00113398H20.7972V23.6763ZM9.1532 5.62842C4.13983 5.62842 0 9.38051 0 14.8139C0 20.2473 4.13983 23.9994 9.1532 23.9994C14.1666 23.9994 18.3064 20.2473 18.3064 14.8139C18.3064 9.38051 14.1666 5.62842 9.1532 5.62842ZM9.1532 20.5716C5.95096 20.5716 3.68689 18.0813 3.68689 14.8145C3.68689 11.5476 5.95096 9.0574 9.1532 9.0574C12.3554 9.0574 14.6195 11.5476 14.6195 14.8145C14.6195 18.0813 12.3554 20.5716 9.1532 20.5716Z",fill:"black"})]}),Zn=a.memo(Wn);/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Gn=S("div",{shouldForwardProp:e=>e!=="isLogoInteractive"})(({isLogoInteractive:e})=>({alignItems:"center",display:"flex",height:"100%",...e&&{cursor:"pointer"}})),Un=S("a")(()=>({alignItems:"center",display:"flex",height:"100%"})),Kn=({imageAltText:e,imageUrl:n,logoComponent:t,...r})=>{const c=a.useMemo(()=>t||(e&&n?i.jsx("img",{alt:e,src:n}):i.jsx(Zn,{})),[e,t,n]);return"href"in r&&"ariaLabel"in r?i.jsx(Un,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",href:r.href,onClick:r.onClick,children:c}):i.jsx(Gn,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",isLogoInteractive:!!r.onClick||r.href,onClick:r.onClick,role:"presentation",children:c})},Te=a.memo(Kn);Te.displayName="UiShellLogo";const Xn=S("div")({position:"relative",display:"flex",flexDirection:"column",zIndex:Ee}),qn=S("div",{shouldForwardProp:e=>e!=="headerBackgroundColor"&&e!=="isSameBackgroundAsMain"&&e!=="odysseyDesignTokens"})(({headerBackgroundColor:e,isSameBackgroundAsMain:n,odysseyDesignTokens:t})=>({display:"flex",alignItems:"center",height:pn,paddingBlock:t.Spacing4,paddingInline:t.Spacing5,backgroundColor:n?e:t.HueNeutralWhite,"svg, img":{maxHeight:"100%",width:"auto",maxWidth:"100%"}})),Yn=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:n})=>({display:"flex",justifyContent:"space-between",alignItems:"center",paddingBlock:n.Spacing4,paddingInline:n.Spacing5,width:"100%","& .MuiTypography-root":{margin:0,width:"100%",color:e||"inherit"}})),Jn=({appName:e,isLoading:n,logoProps:t})=>{var o;const r=D(),c=O();return i.jsxs(Xn,{children:[i.jsx(qn,{"data-se":"sidenav-header-logo-container",headerBackgroundColor:c==null?void 0:c.sideNavBackgroundColor,isSameBackgroundAsMain:t==null?void 0:t.isSameBackgroundAsMain,odysseyDesignTokens:r,children:n?i.jsx(J,{height:24,variant:"rounded",width:67}):i.jsx(Te,{...t})}),e&&i.jsx(Yn,{contrastFontColor:(o=c==null?void 0:c.sideNavContrastColors)==null?void 0:o.fontColor,odysseyDesignTokens:r,children:i.jsx(bn,{component:"h2",children:n?i.jsx(J,{}):e})})]})},ae=a.memo(Jn);ae.displayName="SideNavHeader";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Qn=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"})(({odysseyDesignTokens:e,isIconVisible:n})=>({width:"100%",marginInlineStart:n?e.Spacing3:0,alignItems:"center",display:"flex",fontSize:e.TypographySizeBody,overflowWrap:"anywhere"})),Cn=({count:e,label:n,startIcon:t,endIcon:r,severity:c,statusLabel:o,translate:s})=>{const g=D(),d=a.useMemo(()=>({alignItems:"center",display:"flex",gap:g.Spacing1,marginInlineStart:g.Spacing2}),[g]);return i.jsxs(i.Fragment,{children:[t&&t,i.jsxs(Qn,{isIconVisible:!!t,odysseyDesignTokens:g,translate:s,children:[n,!e&&c&&i.jsx(ie,{sx:d,children:c&&i.jsx(En,{label:o||"",severity:c})}),!c&&e&&i.jsx(ie,{sx:d,children:e&&i.jsx(Bn,{badgeContent:e})})]}),r&&r]})},q=a.memo(Cn);q.displayName="SideNavItemLinkContent";const ce=S("li",{shouldForwardProp:e=>e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({isSelected:e,odysseyDesignTokens:n,sideNavContrastColors:t})=>({display:"flex",alignItems:"center",backgroundColor:"unset",borderRadius:n.BorderRadiusMain,transition:`backgroundColor ${n.TransitionDurationMain}, color ${n.TransitionDurationMain}`,...e&&{color:t!=null&&t.fontColor?`${t.fontColor}`:`${n.TypographyColorAction}`,backgroundColor:(t==null?void 0:t.itemSelectedBackgroundColor)||n.HueBlue50}})),et=e=>{e&&(e==null||e.scrollIntoView({behavior:"instant",block:"center",inline:"nearest"}))},He=({isDisabled:e,isSelected:n,odysseyDesignTokens:t,sideNavContrastColors:r,isActiveDropTarget:c})=>({display:"flex",alignItems:"center",width:"100%",textDecoration:"none",color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${t.TypographyColorHeading} !important`,minHeight:"unset",paddingBlock:t.Spacing3,paddingInlineEnd:t.Spacing4,borderRadius:t.BorderRadiusMain,transition:`backgroundColor ${t.TransitionDurationMain}, color ${t.TransitionDurationMain}`,cursor:"pointer",...c&&{backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||t.HueNeutral50},"&:hover, li:has(> button:hover, > button:focus, > button:focus-visible) &":{textDecoration:"none",backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||t.HueNeutral50,...n&&{backgroundColor:(r==null?void 0:r.itemSelectedBackgroundColor)||t.HueBlue50,color:(r==null?void 0:r.fontColor)||t.TypographyColorAction},...e&&{backgroundColor:"unset"}},...n&&{color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${t.TypographyColorAction} !important`,fontWeight:t.TypographyWeightBodyBold},...e&&{cursor:"default",color:`${t.TypographyColorDisabled} !important`,...(r==null?void 0:r.itemDisabledFontColor)&&{color:`${r==null?void 0:r.itemDisabledFontColor} !important`}},"&:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${(r==null?void 0:r.focusRingColor)||t.PalettePrimaryMain}`}}),Fe=({odysseyDesignTokens:e,contextValue:n,paddingInlineStart:t=e.Spacing6})=>({paddingInlineStart:`calc(${e.Spacing4} * ${n.depth} + ${t})`,...n.depth===1&&{paddingInlineStart:e.Spacing4},...n.isCompact&&{paddingBlock:e.Spacing1}}),we=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!="contextValue"&&e!=="isDisabled"&&e!=="sideNavContrastColors"&&e!=="isSelected"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:n,contextValue:t,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o})=>({...He({isDisabled:e,isSelected:n,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o}),...Fe({odysseyDesignTokens:r,contextValue:t,paddingInlineStart:t.absolutePaddingStart})})),nt=S(Ln,{shouldForwardProp:e=>e!="contextValue"&&e!=="isDisabled"&&e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:n,contextValue:t,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o})=>({...He({isDisabled:e,isSelected:n,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o}),...Fe({odysseyDesignTokens:r,contextValue:t,paddingInlineStart:t.absolutePaddingStart})})),tt=({count:e,id:n,label:t,href:r,target:c,startIcon:o,severity:s,statusLabel:g,endIcon:d,onClick:m,isDisabled:u,isSelected:x,scrollRef:p,onItemSelected:b,translate:f})=>{const I=O(),P=Le(),F=a.useMemo(()=>P,[P]),A=D(),[L,T]=a.useState(!1),_=a.useRef(null);a.useImperativeHandle(p,()=>({scrollIntoView:()=>{et(_.current)}}),[]);const j=a.useCallback(H=>{b==null||b(n),m==null||m(H)},[n,m,b]),W=a.useCallback(H=>{(H==null?void 0:H.key)==="Enter"&&(H.preventDefault(),b==null||b(n),m==null||m(H))},[n,m,b]);return i.jsx(ce,{"aria-current":x?"page":void 0,"aria-disabled":u,disabled:u,id:n,isSelected:x,odysseyDesignTokens:A,onDragLeave:()=>{T(!1)},onDragOver:()=>{T(!0)},onDrop:()=>{T(!1)},ref:_,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,children:u?i.jsx(we,{contextValue:F,"data-se":"tb--sidenav-text-container",isActiveDropTarget:!1,isDisabled:u,isSelected:x,odysseyDesignTokens:A,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,children:i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:f})}):r?i.jsxs(nt,{contextValue:F,"data-se":"tb--sidenav-text-container",href:r,isActiveDropTarget:L,isDisabled:u,isSelected:x,odysseyDesignTokens:A,onClick:j,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,target:c,children:[i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:f}),c==="_blank"&&i.jsx("span",{className:"Link-indicator",role:"presentation",children:i.jsx(Dn,{})})]}):i.jsx(we,{contextValue:F,"data-se":"tb--sidenav-text-container",isActiveDropTarget:L,isDisabled:u,isSelected:x,odysseyDesignTokens:A,onClick:j,onKeyDown:W,role:"button",sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,tabIndex:0,children:i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:f})})},n)},de=a.memo(tt);de.displayName="SideNavItemContent";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const $e=a.createContext({attributes:{},listeners:void 0,ref:a.createRef()}),rt=S("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSelected"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,isSelected:n,sideNavContrastColors:t})=>({position:"relative",button:{top:"50%",left:e.Spacing2,transform:"translateY(-50%)"},svg:{path:{fill:"currentColor",...(t==null?void 0:t.fontColor)&&{fill:t.fontColor}}},"&:has(a:hover, button:hover, a:focus, button:focus, a:focus-visible, button:focus-visible, [role='button']:hover, [role='button']:focus, [role='button']:focus-visible)":{button:{opacity:1,outlineWidth:0}},...n&&{svg:{path:{fill:e.TypographyColorAction,...(t==null?void 0:t.fontColor)&&{fill:t.fontColor}}}}})),it=S("ul")({padding:0,listStyle:"none",listStyleType:"none"}),ot=S("button",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isDragging"&&e!=="focusRingColor"})(({odysseyDesignTokens:e,isDragging:n,focusRingColor:t})=>({position:"absolute",opacity:0,padding:e.Spacing2,border:"none",backgroundColor:"transparent",cursor:`${n?"grabbing":"grab"}`,transition:`opacity ${e.TransitionDurationMain}`,borderRadius:e.BorderRadiusMain,svg:{display:"flex"},"&:focus, &:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...t&&{boxShadow:`inset 0 0 0 2px ${t}`}}})),at=({isDragging:e})=>{var g;const{attributes:n,listeners:t,ref:r}=a.useContext($e),c=D(),{t:o}=Z(),s=O();return i.jsx(ot,{...n,...t,"aria-label":o("navigation.drag.handle"),focusRingColor:(g=s==null?void 0:s.sideNavContrastColors)==null?void 0:g.focusRingColor,isDragging:e,odysseyDesignTokens:c,ref:r,children:i.jsx("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{clipRule:"evenodd",d:"M6 2.33331C6 2.8856 5.55228 3.33331 5 3.33331C4.44772 3.33331 4 2.8856 4 2.33331C4 1.78103 4.44772 1.33331 5 1.33331C5.55228 1.33331 6 1.78103 6 2.33331ZM11 3.33331C11.5523 3.33331 12 2.8856 12 2.33331C12 1.78103 11.5523 1.33331 11 1.33331C10.4477 1.33331 10 1.78103 10 2.33331C10 2.8856 10.4477 3.33331 11 3.33331ZM11 7.11109C11.5523 7.11109 12 6.66338 12 6.11109C12 5.55881 11.5523 5.11109 11 5.11109C10.4477 5.11109 10 5.55881 10 6.11109C10 6.66338 10.4477 7.11109 11 7.11109ZM12 9.88887C12 10.4412 11.5523 10.8889 11 10.8889C10.4477 10.8889 10 10.4412 10 9.88887C10 9.33659 10.4477 8.88887 11 8.88887C11.5523 8.88887 12 9.33659 12 9.88887ZM11 14.6666C11.5523 14.6666 12 14.2189 12 13.6666C12 13.1144 11.5523 12.6666 11 12.6666C10.4477 12.6666 10 13.1144 10 13.6666C10 14.2189 10.4477 14.6666 11 14.6666ZM5 7.11109C5.55228 7.11109 6 6.66338 6 6.11109C6 5.55881 5.55228 5.11109 5 5.11109C4.44772 5.11109 4 5.55881 4 6.11109C4 6.66338 4.44772 7.11109 5 7.11109ZM6 9.88888C6 10.4412 5.55228 10.8889 5 10.8889C4.44772 10.8889 4 10.4412 4 9.88888C4 9.33659 4.44772 8.88888 5 8.88888C5.55228 8.88888 6 9.33659 6 9.88888ZM5 14.6666C5.55228 14.6666 6 14.2189 6 13.6666C6 13.1144 5.55228 12.6666 5 12.6666C4.44772 12.6666 4 13.1144 4 13.6666C4 14.2189 4.44772 14.6666 5 14.6666Z",fill:"#3F59E4",fillRule:"evenodd"})})})},ct=({id:e,isDisabled:n,isSelected:t,isSortable:r=!0,children:c})=>{const{attributes:o,isDragging:s,listeners:g,setNodeRef:d,setActivatorNodeRef:m,transform:u,transition:x}=rn({id:e}),p=a.useMemo(()=>({attributes:o,listeners:g,ref:m}),[o,g,m]),b={opacity:s?.4:void 0,transform:on.Translate.toString(u),transition:x},f=O(),I=D();return i.jsx($e.Provider,{value:p,children:i.jsxs(rt,{isSelected:t,odysseyDesignTokens:I,ref:d,sideNavContrastColors:f==null?void 0:f.sideNavContrastColors,style:b,children:[!n&&r&&i.jsx(at,{isDragging:s}),i.jsx(it,{children:c})]})})};/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const dt={sideEffects:cn({styles:{active:{opacity:"0.4"}}})};function lt({children:e}){return i.jsx(an,{dropAnimation:dt,children:e})}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const le=({parentId:e,items:n,onChange:t,renderItem:r})=>{const[c,o]=a.useState(null),s=a.useMemo(()=>n.find(u=>u.id===(c==null?void 0:c.id)),[c,n]),g=dn(ve(mn),ve(gn,{coordinateGetter:un})),{t:d}=Z(),m=a.useMemo(()=>({onDragStart:({active:u})=>`${d("sortable.list.drag.start",{activeId:u.id})}`,onDragOver:({active:u,over:x})=>x?`${d("sortable.list.drag.moved.over",{activeId:u.id,overId:x.id})}`:`${d("sortable.list.drag.nolonger.over",{activeId:u.id})}`,onDragEnd:({active:u,over:x})=>x?`${d("sortable.list.drag.end.dropped.over",{activeId:u.id,overId:x.id})}`:`${d("sortable.list.drag.end.dropped",{activeId:u.id})}`,onDragCancel:({active:u})=>`${d("sortable.list.drag.cancel",{activeId:u.id})}`}),[d]);return i.jsxs(ln,{accessibility:{announcements:m},onDragCancel:()=>{o(null)},onDragEnd:({active:u,over:x})=>{if(x&&u.id!==(x==null?void 0:x.id)){const p=n.findIndex(({id:f})=>f===u.id),b=n.findIndex(({id:f})=>f===x.id);n[b].isSortable!==!1&&t(e,u.id,p,b)}o(null)},onDragStart:({active:u})=>{o(u)},sensors:g,children:[i.jsx(sn,{items:n,children:n.map(u=>i.jsx(a.Fragment,{children:r(u)},u.id))}),i.jsx(lt,{children:s?r(s):null})]})};le.Item=ct;/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const st=({items:e,onChange:n,parentId:t,processSideNavItems:r,depth:c=1})=>{const o=a.useMemo(()=>r(e,c),[r,e,c]),s=a.useMemo(()=>o.map(d=>d.sortableItem),[o]),g=a.useCallback(d=>i.jsx(le.Item,{id:d.id,isDisabled:d.isDisabled,isSelected:d.isSelected,isSortable:d.isSortable,children:d.navItem}),[]);return i.jsx(le,{items:s,onChange:n,parentId:t,renderItem:g})},Re=a.memo(st);Re.displayName="SideNavSortableList";const V=24,Y=V/2,ut=S(Fn,{shouldForwardProp:e=>e!=="clickAreaPadding"&&e!=="odysseyDesignTokens"})(({clickAreaPadding:e,odysseyDesignTokens:n})=>({border:0,height:`${V}px`,left:`-${e*2}px`,padding:0,position:"relative",width:`calc(${V}px + (${e}px * 2))`,zIndex:ue,"&&":{backgroundColor:"transparent",borderColor:"transparent",boxShadow:"none",color:n.PalettePrimaryText},"&:focus-visible":{outline:"none"},"&:hover, &:focus-visible":{color:n.HueNeutralWhite},"&::before":{backgroundColor:n.HueNeutralWhite,borderColor:"transparent",borderRadius:"50%",boxShadow:n.ShadowScale1,color:n.PalettePrimaryText,content:"''",height:`${V}px`,left:`${e*2}px`,position:"absolute",top:0,width:`${V}px`},"&:hover::before, &:focus-visible::before":{backgroundColor:n.PalettePrimaryText}})),gt=S(An,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({isSideNavCollapsed:e,odysseyDesignTokens:n})=>({fontSize:"125%",left:e?void 0:"4px",position:"absolute",right:e?"4px":void 0,top:"3px",transform:e?"rotate(0deg)":"rotate(-180deg)",transitionDuration:n.TransitionDurationMain,transitionProperty:"transform",transitionTimingFunction:"ease-in-out"})),mt=typeof window>"u"?null:document.createElement("button"),ft=({ariaControls:e,clickAreaPadding:n=0,id:t,isSideNavCollapsed:r,onClick:c,onHighlight:o,tabIndex:s})=>{const g=D(),{t:d}=Z(),m=a.useRef(mt);a.useEffect(()=>{var I,P,F,A;const p=()=>{o==null||o(!0)},b=()=>{o==null||o(!1)},f=()=>{var L;o==null||o(!!((L=m.current)!=null&&L.matches(":focus-visible")))};return(I=m.current)==null||I.addEventListener("mouseenter",p),(P=m.current)==null||P.addEventListener("mouseleave",b),(F=m.current)==null||F.addEventListener("focus",f,!0),(A=m.current)==null||A.addEventListener("blur",f,!0),b(),()=>{var L,T,_,j;(L=m.current)==null||L.removeEventListener("mouseenter",p),(T=m.current)==null||T.removeEventListener("mouseleave",b),(_=m.current)==null||_.removeEventListener("focus",f,!0),(j=m.current)==null||j.removeEventListener("blur",f,!0)}},[o]);const u=a.useMemo(()=>d(r?"sidenav.toggle.expand":"sidenav.toggle.collapse"),[r,d]),x=a.useCallback(p=>i.jsx(ut,{...p,"aria-controls":e,"aria-expanded":!r,"aria-label":u,clickAreaPadding:n,"data-se":"sidenav-toggle-button","data-sidenav-toggle":!0,id:t,odysseyDesignTokens:g,onClick:c,ref:b=>{var f;b&&(m.current=b,(f=p.ref)==null||f.call(p,b))},tabIndex:s,variant:"floating",children:i.jsx(gt,{isSideNavCollapsed:r,odysseyDesignTokens:g})}),[e,n,t,r,g,c,s,u]);return i.jsx(Hn,{ariaType:"description",placement:"right",text:u,children:i.jsx(Tn.Consumer,{children:x})})},Pe=a.memo(ft);Pe.displayName="SideNavToggleButton";/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const St=e=>{const n=window.sessionStorage.getItem(e);try{return typeof n=="string"?JSON.parse(n):null}catch{return typeof n=="string"?n:null}},bt=({initialState:e,key:n})=>{const t=a.useMemo(()=>St(n),[n]),r=a.useCallback(g=>{const d=typeof g>"u"?"":JSON.stringify(g);window.sessionStorage.setItem(n,d)},[n]),[c,o]=a.useState(()=>t??e);a.useEffect(()=>{r(c)},[c,r]);const s=a.useCallback(()=>{o(t??e)},[e,t]);return Be({onUpdate:s}),{sessionState:c,setSessionState:o}};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const ht="__uiShell-sideNav-isCollapsed",pt=e=>bt({initialState:e,key:ht}),se=12,xt=2,_e=e=>e.flatMap(n=>n.nestedNavItems?[n,..._e(n.nestedNavItems)]:n),It=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:n})=>({position:"relative",display:"grid",gridTemplateColumns:In,height:"100%",transition:`grid-template-columns ${e.TransitionDurationMain}, opacity 300ms`,transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...n&&{gridTemplateColumns:0,opacity:0}})),yt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:n})=>({display:"grid",gridTemplateRows:"max-content 1fr max-content",height:"100%",transition:"opacity 50ms",transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...n&&{opacity:0}})),vt=S("nav",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="hasNeighbouringContentAtInlineStart"&&e!=="isAppContentWhiteBackground"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({backgroundColor:e,hasNeighbouringContentAtInlineStart:n,isAppContentWhiteBackground:t,isSideNavCollapsed:r,isSideNavToggleHighlighted:c,odysseyDesignTokens:o})=>({backgroundColor:e||o.HueNeutralWhite,height:"100%",position:"relative",width:"fit-content","&::before, &::after":{content:"''",height:"100%",pointerEvents:"none",position:"absolute",right:`-${o.BorderWidthMain}`,top:0,transition:`opacity ${o.TransitionDurationMain}, transform ${o.TransitionDurationMain}, width ${o.TransitionDurationMain}`,userSelect:"none",zIndex:ue},"&::before":{backgroundColor:c?o.BorderColorPrimaryControl:o.HueNeutral100,opacity:t||!r&&c?1:0,width:`calc(${o.BorderWidthMain} * 2)`},"&::after":{backgroundColor:o.HueNeutral200,opacity:r?1:0,transform:r&&!n?c?`translateX(calc(100% - (${o.BorderWidthMain} * 2)))`:`translateX(calc(100% - ${se}px))`:"translateX(0)",width:n?0:`calc(${Y+se}px + ${o.BorderWidthMain} * 2)`,...r&&c?{borderRightColor:o.BorderColorPrimaryControl,borderRightStyle:o.BorderStyleMain,borderRightWidth:`calc(${o.BorderWidthMain} * 2)`}:{}}})),Mt=S("div",{shouldForwardProp:e=>e!=="hasNeighbouringContentAtInlineStart"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({hasNeighbouringContentAtInlineStart:e,isSideNavCollapsed:n,isSideNavToggleHighlighted:t,odysseyDesignTokens:r})=>({position:"absolute",right:`${Y}px`,top:xn,width:`${V}px`,transform:n&&!e?t?`translate3d(calc(100% + ${Y+se}px), 0, 0)`:`translate3d(calc(100% + ${Y+xt}px), 0, 0)`:"translate3d(100%, 0, 0)",transition:`transform ${r.TransitionDurationMain}`,zIndex:ue+1})),jt=S("div",{shouldForwardProp:e=>e!=="borderColor"&&e!=="hasContentScrolled"&&e!=="odysseyDesignTokens"})(({borderColor:e,hasContentScrolled:n,odysseyDesignTokens:t})=>({flexShrink:0,...n&&{borderBottomWidth:t.BorderWidthMain,borderBottomStyle:t.BorderStyleMain,borderBottomColor:t.HueNeutral100,...e&&{borderBottomColor:e.concat("15")}}})),ke=S("ul")(()=>({padding:0,listStyle:"none",listStyleType:"none",margin:0,width:"100%"})),wt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="hasBlockStartPadding"})(({odysseyDesignTokens:e,hasBlockStartPadding:n})=>({display:"inline-grid",gridTemplateRows:"1fr max-content",overflowY:"auto",paddingBlockStart:n?e.Spacing2:0,paddingInline:e.Spacing2})),kt=S("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:n})=>({color:e||n.HueNeutral600,marginBlock:`${n.Spacing3}`,paddingBlock:n.Spacing1,paddingInline:n.Spacing4})),ze=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({odysseyDesignTokens:e,sideNavBackgroundColor:n})=>({backgroundColor:e.HueNeutralWhite,flexShrink:0,padding:e.Spacing4,...n&&{backgroundColor:n}})),Bt=S(ze,{shouldForwardProp:e=>e!=="isContentScrollable"&&e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({isContentScrollable:e,odysseyDesignTokens:n,sideNavBackgroundColor:t})=>({transitionProperty:"box-shadow",transitionDuration:n.TransitionDurationMain,transitionTiming:n.TransitionTimingMain,zIndex:Ee,...e&&{boxShadow:"0px -8px 8px -8px rgba(39, 39, 39, 0.08)"},...t&&{backgroundColor:t}})),Et=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,sideNavContrastColors:n})=>({display:"flex",flexWrap:"wrap",alignItems:"center",fontSize:e.TypographySizeOverline,"a, span":{color:e.HueNeutral600,transition:`color ${e.TransitionDurationMain}`,"&:visited":{color:e.HueNeutral600,...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}},"&:hover":{textDecoration:"none",color:e.HueNeutral900,...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}},...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}}})),Lt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"center",display:"flex",gap:e.Spacing2,paddingBlock:e.Spacing2,paddingInline:e.Spacing4})),Dt=e=>e.scrollHeight>e.clientHeight,At=()=>{const e=D();return i.jsxs(Lt,{odysseyDesignTokens:e,children:[i.jsx(J,{height:e.Spacing4,variant:"circular",width:e.Spacing4}),i.jsx(J,{variant:"rounded",width:"100%"})]})},Tt=({appName:e,footerComponent:n,footerItems:t,hasCustomFooter:r,hasSessionStorageState:c,isCollapsible:o,isCollapsed:s=!1,isCompact:g,isLoading:d,isObtrusive:m,logoProps:u,leavesPaddingStart:x,onCollapse:p,onExpand:b,onSort:f,sideNavItems:I})=>{var fe,Se,be;const[P,F]=a.useState(!1),[A,L]=a.useState(!1),[T,_]=a.useState(!1),[j,W]=a.useState(I||[]),[H,Ve]=a.useState(s),{sessionState:Oe,setSessionState:Ne}=pt(s),N=c?Oe:H,$=c?Ne:Ve,h=O(),k=D(),{t:We}=Z(),E=a.useRef(null),R=a.useRef(null),z=a.useRef(null),Q=a.useRef(null),{isAtContainerInlineStart:Ze}=zn({element:Q.current,monitoringElement:(Se=(fe=Q.current)==null?void 0:fe.parentElement)==null?void 0:Se.parentElement}),C=!Ze,G=a.useMemo(()=>i.jsx("div",{}),[]);a.useEffect(()=>W(I||[]),[I]);const Ge=a.useCallback(()=>{o||$(s)},[s,o,$]),Ue=a.useCallback(()=>{$(s)},[s,$]);Be({onMount:Ge,onUpdate:Ue}),a.useEffect(()=>{const l=()=>{E.current&&E.current.parentElement&&L(Dt(E.current.parentElement))};let y;if(R.current||(R.current=new ResizeObserver(()=>{cancelAnimationFrame(y),y=requestAnimationFrame(l)})),R.current&&E.current&&(R.current.observe(E.current),E.current.parentElement&&R.current.observe(E.current.parentElement)),l(),!z.current&&E.current&&(z.current=new IntersectionObserver(v=>{var w;const M=(w=v.slice().sort((B,re)=>B.time-re.time).at(0))==null?void 0:w.isIntersecting;F(!M)},{root:E.current.parentElement,threshold:1})),z.current&&E.current){const v=E.current,[M]=Array.from((v==null?void 0:v.children)||[]);M&&z.current.observe(M)}return()=>{R.current&&(R.current.disconnect(),R.current=null),z.current&&(z.current.disconnect(),z.current=null),cancelAnimationFrame(y)}},[j]);const ee=a.useRef(null),U=a.useMemo(()=>{const y=_e(j).find(v=>v.isSelected);return y==null?void 0:y.id},[j]);a.useEffect(()=>{U&&ee.current&&ee.current.scrollIntoView()},[U]);const ge=a.useCallback(l=>l===U?ee:void 0,[U]),me=a.useCallback(l=>{const y=M=>M.map(w=>w.nestedNavItems?{...w,isSelected:w.id===l,nestedNavItems:y(w.nestedNavItems)}:{...w,isSelected:w.id===l}),v=y(j);W(v),(s||m)&&(o?h==null||h.closeSideNavMenu():p==null||p())},[s,o,m,p,j,h]),Ke=a.useCallback(l=>({depth:l}),[]),Xe=a.useCallback((l,y)=>({isCompact:g,depth:l,isSortable:y,absolutePaddingStart:x}),[g,x]),qe=(l,y=1)=>{var Ie;const{href:v,id:M,isDefaultExpanded:w,isDisabled:B,isExpanded:re,isSectionHeader:Ce,label:he,startIcon:pe,nestedNavItems:K,onChange:en,isSortable:xe,translate:nn}=l;if(Ce)return i.jsx(X,{fallback:G,children:i.jsx(kt,{contrastFontColor:(Ie=h==null?void 0:h.sideNavContrastColors)==null?void 0:Ie.fontColor,id:M,odysseyDesignTokens:k,children:i.jsx(hn,{component:"h3",children:he})})},M);if(K&&K.length>0){const ye=i.jsx(ke,{role:"presentation",children:xe?i.jsx(Re,{depth:y+1,items:K,onChange:Je,parentId:l.id,processSideNavItems:ne}):ne(K,y+1).map(tn=>tn.sortableItem.navItem)});return v?i.jsxs(X,{fallback:G,children:[i.jsx(de,{...l,href:v,onItemSelected:me,scrollRef:ge(l.id),startIcon:l.startIcon}),i.jsx(ce,{"aria-disabled":B,disabled:B,id:`${M}-items`,odysseyDesignTokens:k,children:ye})]},M):i.jsx(X,{fallback:G,children:i.jsx(ce,{"aria-disabled":B,disabled:B,id:M,odysseyDesignTokens:k,children:i.jsx(oe.Provider,{value:Ke(y),children:i.jsx(De,{isCompact:g,isDefaultExpanded:w,isDisabled:B,isExpanded:re,label:he,onChange:en,startIcon:pe,children:ye})},M)})},M)}else return i.jsx(X,{fallback:G,children:i.jsx(oe.Provider,{value:Xe(y,xe),children:i.jsx(de,{...l,onItemSelected:me,scrollRef:ge(M),startIcon:pe,translate:nn})},M)},M)},ne=(l,y=1)=>l==null?void 0:l.map(v=>({...v,sortableItem:{id:v.id,isSelected:v.isSelected,isDisabled:v.isDisabled,isSortable:v.isSortable,navItem:qe(v,y)}})),te=a.useCallback(()=>{$(l=>(l?b==null||b():p==null||p(),!l))},[p,b,$]),Ye=a.useCallback(l=>{((l==null?void 0:l.key)==="Enter"||(l==null?void 0:l.code)==="Space")&&(l.preventDefault(),te())},[te]);a.useEffect(()=>{const l=h==null?void 0:h.subscribeToCloseSideNavMenu(()=>{p==null||p(),$(!0)});return()=>{l==null||l()}},[p,$,h]);const Je=a.useCallback((l,y,v,M)=>{const w=j.map(B=>B.id===l&&B.nestedNavItems?{...B,nestedNavItems:fn(B.nestedNavItems,v,M)}:B);W(w),f==null||f(w,l,y,v,M)},[f,j]),Qe=a.useCallback(l=>{_(l)},[]);return i.jsxs(vt,{"aria-label":We("navigation.label"),backgroundColor:h==null?void 0:h.sideNavBackgroundColor,hasNeighbouringContentAtInlineStart:C,id:"side-nav-expandable",isAppContentWhiteBackground:(h==null?void 0:h.appBackgroundColor)===k.HueNeutralWhite,isSideNavCollapsed:N,isSideNavToggleHighlighted:T,odysseyDesignTokens:k,ref:Q,children:[o&&i.jsx(Mt,{hasNeighbouringContentAtInlineStart:C,isSideNavCollapsed:N,isSideNavToggleHighlighted:T,odysseyDesignTokens:k,children:i.jsx(Pe,{ariaControls:"side-nav-expandable",clickAreaPadding:N&&!C?V/2:0,isSideNavCollapsed:N,onClick:te,onHighlight:Qe,onKeyDown:Ye})}),i.jsx(Sn,{children:i.jsx(It,{"data-se":"collapsible-region",isSideNavCollapsed:N,odysseyDesignTokens:k,children:i.jsxs(yt,{isSideNavCollapsed:N,odysseyDesignTokens:k,children:[e||d||u?i.jsx(jt,{borderColor:(be=h==null?void 0:h.sideNavContrastColors)==null?void 0:be.fontColor,hasContentScrolled:P,odysseyDesignTokens:k,children:d&&!e&&!u?i.jsx(ae,{isLoading:d}):i.jsx(ae,{appName:e,isLoading:d,logoProps:u})}):i.jsx("div",{}),i.jsxs(wt,{"data-se":"scrollable-region",hasBlockStartPadding:!e,odysseyDesignTokens:k,children:[i.jsx(ke,{ref:E,role:"none",children:d?Array(6).fill(null).map((l,y)=>i.jsx(At,{},y)):ne(j).map(l=>l.sortableItem.navItem)}),!d&&t&&!r&&i.jsx(ze,{odysseyDesignTokens:k,sideNavBackgroundColor:h==null?void 0:h.sideNavBackgroundColor,children:i.jsx(Et,{odysseyDesignTokens:k,sideNavContrastColors:h==null?void 0:h.sideNavContrastColors,children:i.jsx(Ae,{footerItems:t})})})]}),!d&&!t&&r&&i.jsx(Bt,{isContentScrollable:A,odysseyDesignTokens:k,sideNavBackgroundColor:h==null?void 0:h.sideNavBackgroundColor,children:n})]})})})]})},Ht=a.memo(Tt);Ht.displayName="SideNav";export{Ht as M,Te as a};

package/dist/assets/SideNav-tldrZCp2.js

@@ -0,0 +1,85 @@
+import{r as h,k as c,n as f,R as u,j as n}from"./iframe-CQjT1fxh.js";import{useMDXComponents as p}from"./index-D5BUEpVX.js";import{M as v,T as x,S as y,D as b,P as k,a as j}from"./blocks-D521Uej3.js";import{S as s}from"./SideNav.stories-Crrw-ySP.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./PlaceholderLogo-SOqcoUNb.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./SideNav-WgViafRP.js";import"./utilities.esm-D9akhJLQ.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./UiShellProvider-oDzwqt6Y.js";import"./useMountLifecycleEffect-BNByHT_g.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-wkTP8_D6.js";import"./useSlot-BMAKysxJ.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./useControlled-BUhC7uWK.js";import"./Collapse-DULszxZp.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./Paper-vUVrw-QB.js";import"./ButtonBase-Rz8p08Xo.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";import"./Skeleton-DxFSebyW.js";import"./colorManipulator-BYcVMQmD.js";import"./Badge-4k4qHpX4.js";import"./Status-DyDCzqET.js";import"./MuiPropsContext-D6i6qZME.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./ChevronRight-QYu5EQHS.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./Portal-DeJFqeW-.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./Server-1eTAy_EZ.js";import"./AddCircle-zDqHIKbQ.js";import"./User-BEFwQRGi.js";import"./Home-D8RWt2JU.js";import"./Folder-CVKRyg4P.js";import"./Download-CA8gZ8xE.js";import"./Clock-CRMbzsTS.js";import"./Settings-CnuBvsmb.js";import"./Notification-CqbysXIb.js";var S=0,D=e=>e.button===S&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,E=(e,t=i=>{})=>{D(e)&&(e.preventDefault(),t(e))},g=class extends h.PureComponent{constructor(){super(...arguments),this.state={href:"/"},this.updateHref=async()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;if(t&&r){let o=await c(t,r);this.setState({href:o})}},this.handleClick=()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;t&&r&&f({title:t,name:r})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:t,title:i,story:r,name:o}=this.props;(e.kind!==t||e.story!==r||e.title!==i||e.name!==o)&&this.updateHref()}render(){let{kind:e,title:t=e,story:i,name:r=i,children:o,...m}=this.props,{href:d}=this.state;return u.createElement("a",{href:d,onClick:l=>E(l,this.handleClick),...m},o)}};g.defaultProps={children:void 0};function a(e){const t={code:"code",h4:"h4",p:"p",pre:"pre",...p(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(v,{of:s}),`
+`,n.jsx(x,{of:s}),`
+`,n.jsx(y,{of:s}),`
+`,n.jsx(b,{of:s}),`
+`,n.jsx(k,{of:s}),`
+`,n.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
+`,n.jsxs(t.p,{children:["the ",n.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",n.jsx(t.code,{children:"SideNavItem"})]}),`
+`,n.jsx(t.pre,{children:n.jsx(t.code,{children:`type SideNavItem = {
+  id: string;
+  label: string;
+  /**
+   * The icon element to display at the end of the Nav Item
+   */
+  endIcon?: ReactElement;
+  /**
+   * Whether the item is disabled. When set to true the nav item is set to Disabled color,
+   * the link/item is not clickable, and item with children is not expandable.
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the item is active/selected
+   */
+  isSelected?: boolean;
+  /**
+   * Event fired when the nav item is clicked
+   */
+  onClick?(): void;
+  /**
+   * The status element to display after the label
+   */
+  severity?: (typeof statusSeverityValues)[number];
+  /**
+   * The icon element to display at the start of the Nav Item
+   */
+  startIcon?: ReactElement;
+  /**
+   * The label to display inside the status
+   */
+  statusLabel?: string;
+  /**
+   * The link target prop. e.g., "_blank"
+   */
+  target?: string;
+} & (
+  | {
+      /**
+       * Determines if the side nav item is a section header
+       */
+      isSectionHeader: true;
+      href?: never;
+      children?: never;
+      isDefaultExpanded?: never;
+      isExpanded?: never;
+    }
+  | {
+      /**
+       * link added to the nav item. if it is undefined, static text will be displayed.
+       * fires onClick event when it is passed
+       */
+      href: string;
+      children?: never;
+      isSectionHeader?: never;
+      isDefaultExpanded?: never;
+      isExpanded?: never;
+    }
+  | {
+      /**
+       * An array of side nav items to be displayed as children within Accordion
+       */
+      children?: SideNavItem[];
+      /**
+       * Whether the accordion (nav item with children) is expanded by default
+       */
+      isDefaultExpanded?: boolean;
+      /**
+       * If true, expands the accordion, otherwise collapse it.
+       * Setting this prop enables control over the accordion.
+       */
+      isExpanded?: boolean;
+      isSectionHeader?: never;
+      href?: never;
+    }
+);
+`})}),`
+`,n.jsx(j,{})]})}function _e(e={}){const{wrapper:t}={...p(),...e.components};return t?n.jsx(t,{...e,children:n.jsx(a,{...e})}):a(e)}export{_e as default};

package/dist/assets/SideNav.stories-Crrw-ySP.js

@@ -0,0 +1,207 @@
+import{j as e,r as f}from"./iframe-CQjT1fxh.js";import{P as y}from"./PlaceholderLogo-SOqcoUNb.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as o}from"./SideNav-WgViafRP.js";import{M as V,a as I,b as $,c as ee,d as te}from"./Server-1eTAy_EZ.js";import{M as oe}from"./Box-B3rdnavX.js";import{f as ae,d as ne}from"./Typography-CjpHjc10.js";import{M as J}from"./AddCircle-zDqHIKbQ.js";import{M as se}from"./User-BEFwQRGi.js";import{M as Q}from"./Home-D8RWt2JU.js";import{M as x}from"./Folder-CVKRyg4P.js";import{M as re}from"./Download-CA8gZ8xE.js";import{M as ie}from"./Clock-CRMbzsTS.js";import{M as le}from"./Settings-CnuBvsmb.js";import{M as de}from"./Notification-CqbysXIb.js";const{action:ce}=__STORYBOOK_MODULE_ACTIONS__,{configure:me,expect:n,userEvent:C,waitFor:S,within:pe}=__STORYBOOK_MODULE_TEST__,ue=()=>e.jsxs(oe,{sx:{border:"1px dashed gray"},children:[e.jsx(ae,{children:"Your custom footer content goes here"}),e.jsx(ne,{children:"Dashed border to show content box. Not present outside of this example"})]}),ge={component:o,decorators:[Z],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{appName:{control:"text",description:"Header text for the side nav",table:{type:{summary:"string"}}},footerComponent:{description:"Custom footer component to render in place of footer items."},footerItems:{description:"",table:{type:{summary:"Array<SideNavFooterItem>"}}},hasCustomFooter:{control:"boolean",description:"Defines if a custom footer should be visible when available.",table:{type:{summary:"boolean"}}},isCollapsible:{control:"boolean",description:"Controls whether the side nav is collapsible",table:{type:{summary:"boolean"}}},isCollapsed:{control:"boolean",description:"Controls whether the side nav is collapsed",table:{type:{summary:"boolean"}}},isCompact:{control:"boolean",description:"Controls whether the side nav uses compact layout",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Controls whether the side nav shows the skeleton loader.",table:{type:{summary:"boolean"}}},logoProps:{description:"Props passed in to render custom logo and/or link",table:{type:{summary:"href?: string; logoSrcUrl?: string; altText?: string; logoComponent?: ReactElement"}}},onCollapse:{description:"Callback to be triggered when the side nav is collapsed"},onExpand:{description:"Callback to be triggered when the side nav is expanded"},onSort:{description:"Callback to be triggered when a nested side nav item inside is reordered. Returns the new items list"},sideNavItems:{description:"",table:{type:{summary:"Array<SideNavItem>"}}}},args:{appName:"Admin Console",isCollapsible:!0,isCollapsed:!1,isCompact:!1,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:e.jsx(J,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(se,{})},{id:"item4",label:"Dashboard",startIcon:e.jsx(Q,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:e.jsx(V,{})},{id:"item6",label:"Onboarding",startIcon:e.jsx(x,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start",translate:"no"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:e.jsx(I,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:e.jsx($,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:e.jsx(re,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(ee,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(ie,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:e.jsx(te,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:e.jsx(le,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General",translate:"no"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management",translate:"no"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:e.jsx(x,{})},{id:"item17",href:"/",label:"Really Long Item Name With Spaces",startIcon:e.jsx(I,{})},{id:"item18",href:"/",label:"ReallyLongSingleItemNameWithoutSpaces",startIcon:e.jsx(I,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]}},l={render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})}),play:async({canvasElement:t,step:s})=>{me({testIdAttribute:"data-se"});const r=pe(t),a=r.getByRole("button",{name:"Close navigation"}),b=r.getByRole("navigation",{name:"Main navigation"}),i=r.getByTestId("scrollable-region");await s("Side Nav Should be scrolled as expected",async()=>{await new Promise(v=>setTimeout(v,100)),i.scrollTop!==0?n(i.scrollTop).not.toBe(0):await S(()=>{n(i.scrollTop).not.toBe(0)},{timeout:1e3})}),await s("Side Nav Collapse",async()=>{await C.click(a),await S(()=>{n(a.ariaExpanded).toEqual("false"),n(b).toHaveStyle({width:0})})}),await s("Side Nav Expand",async()=>{await C.click(a),await S(()=>{n(a.ariaExpanded).toEqual("true"),n(b).toBeVisible()})})}},d={args:{appName:void 0,logoProps:{logoComponent:e.jsx(y.One,{})},sideNavItems:[{href:"#",id:"sortable-item1",label:"My Apps",onClick:t=>{t.preventDefault(),ce('onClick: "My Apps"')(t)},isSortable:!0,startIcon:e.jsx(Q,{}),nestedNavItems:[{id:"sortable-item1-1",label:"Recently Used",isSortable:!1},{id:"sortable-item1-2",label:"Work"},{id:"sortable-item1-3",label:"Group 1"},{id:"sortable-item1-4",label:"Group 2"},{id:"sortable-item1-5",label:"Add section",endIcon:e.jsx(J,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(de,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(V,{})}]},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},c={args:{isLoading:!0},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},m={args:{logoProps:{logoComponent:e.jsx(y.One,{})}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},p={args:{logoProps:{imageUrl:"https://placehold.co/600x60",imageAltText:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},u={args:{logoProps:{href:"/",logoComponent:e.jsx(y.One,{}),ariaLabel:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},g={args:{footerItems:void 0,hasCustomFooter:!0,footerComponent:e.jsx(ue,{})},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},h={args:{isLoading:!0},render:function({sideNavItems:s,isLoading:r,...a}){const[b,i]=f.useState([]),[v,X]=f.useState(r);return f.useEffect(()=>{setTimeout(()=>{i(s||[]),X(!1)},1e3)}),e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{isLoading:v,sideNavItems:b,...a})})}};var N,w,j;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<SideNavProps>) => {
+    configure({
+      testIdAttribute: "data-se"
+    });
+    const canvas = within(canvasElement);
+    const toggleButton = canvas.getByRole("button", {
+      name: "Close navigation"
+    });
+    const navElement = canvas.getByRole("navigation", {
+      name: "Main navigation"
+    });
+    // const collapsedRegion = canvas.getByTestId("collapsed-region");
+    const scrollableRegion = canvas.getByTestId("scrollable-region");
+
+    /**
+     * The scroll behavior in SideNav is such that if an item has isSelected and the item
+     * is not on screen initially, it will scroll to make that item be visible on the screen.
+     * So, we should expect that the scrollable container (found by data-se="scrollable-region")
+     * should have a non-zero scrollTop once this operation has completed.
+     */
+    await step("Side Nav Should be scrolled as expected", async () => {
+      // Add a small delay to allow initial rendering and scrolling
+      await new Promise(resolve => setTimeout(resolve, 100));
+
+      // On initial load, scrollTop will be zero. Then, once the scroll operation completes,
+      // it should be non-zero.
+      if (scrollableRegion.scrollTop !== 0) {
+        expect(scrollableRegion.scrollTop).not.toBe(0);
+      } else {
+        await waitFor(() => {
+          expect(scrollableRegion.scrollTop).not.toBe(0);
+        }, {
+          timeout: 1000
+        });
+      }
+    });
+    await step("Side Nav Collapse", async () => {
+      await userEvent.click(toggleButton);
+      await waitFor(() => {
+        expect(toggleButton.ariaExpanded).toEqual("false");
+        expect(navElement).toHaveStyle({
+          width: 0
+        });
+      });
+    });
+    await step("Side Nav Expand", async () => {
+      await userEvent.click(toggleButton);
+      await waitFor(() => {
+        expect(toggleButton.ariaExpanded).toEqual("true");
+        expect(navElement).toBeVisible();
+      });
+    });
+  }
+}`,...(j=(w=l.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var M,L,E;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    appName: undefined,
+    logoProps: {
+      logoComponent: <PlaceholderLogo.One />
+    },
+    sideNavItems: [{
+      href: "#",
+      id: "sortable-item1",
+      label: "My Apps",
+      onClick: event => {
+        event.preventDefault();
+        action('onClick: "My Apps"')(event);
+      },
+      isSortable: true,
+      startIcon: <HomeIcon />,
+      nestedNavItems: [{
+        id: "sortable-item1-1",
+        label: "Recently Used",
+        isSortable: false
+      }, {
+        id: "sortable-item1-2",
+        label: "Work"
+      }, {
+        id: "sortable-item1-3",
+        label: "Group 1"
+      }, {
+        id: "sortable-item1-4",
+        label: "Group 2"
+      }, {
+        id: "sortable-item1-5",
+        label: "Add section",
+        endIcon: <AddCircleIcon />,
+        isSortable: false
+      }]
+    }, {
+      id: "sortable-item2",
+      label: "Notifications",
+      startIcon: <NotificationIcon />,
+      count: 1
+    }, {
+      id: "sortable-item3",
+      label: "Add apps",
+      startIcon: <AppsIcon />
+    }]
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(E=(L=d.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};var T,A,k;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(k=(A=c.parameters)==null?void 0:A.docs)==null?void 0:k.source}}};var P,B,D;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      logoComponent: <PlaceholderLogo.One />
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(D=(B=m.parameters)==null?void 0:B.docs)==null?void 0:D.source}}};var O,z,R;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      imageUrl: "https://placehold.co/600x60",
+      imageAltText: "My custom image logo"
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(R=(z=p.parameters)==null?void 0:z.docs)==null?void 0:R.source}}};var _,F,H;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      href: "/",
+      logoComponent: <PlaceholderLogo.One />,
+      ariaLabel: "My custom image logo"
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(H=(F=u.parameters)==null?void 0:F.docs)==null?void 0:H.source}}};var U,G,W;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    footerItems: undefined,
+    hasCustomFooter: true,
+    footerComponent: <CustomFooterComponent />
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(W=(G=g.parameters)==null?void 0:G.docs)==null?void 0:W.source}}};var q,K,Y;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  },
+  render: function C({
+    sideNavItems,
+    isLoading,
+    ...props
+  }) {
+    const [sideNavItemsInState, setSideNavItemsInState] = useState<SideNavItem[]>([]);
+    const [isLoadingInState, setIsLoadingInState] = useState(isLoading);
+    useEffect(() => {
+      setTimeout(() => {
+        setSideNavItemsInState(sideNavItems || []);
+        setIsLoadingInState(false);
+      }, 1000);
+    });
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav isLoading={isLoadingInState} sideNavItems={sideNavItemsInState} {...props} />
+      </div>;
+  }
+}`,...(Y=(K=h.parameters)==null?void 0:K.docs)==null?void 0:Y.source}}};const he=["Default","SortableSideNav","Loading","CustomLogoElement","CustomLogoImage","LogoWithLink","CustomFooterContent","DelayedSideNavItems"],Ae=Object.freeze(Object.defineProperty({__proto__:null,CustomFooterContent:g,CustomLogoElement:m,CustomLogoImage:p,Default:l,DelayedSideNavItems:h,Loading:c,LogoWithLink:u,SortableSideNav:d,__namedExportsOrder:he,default:ge},Symbol.toStringTag,{value:"Module"}));export{Ae as S};