@okta/odyssey-react-mui 1.55.0 → 1.56.0

package/dist/assets/Select.stories-jKzGOaKi.js

@@ -1,233 +0,0 @@
-import{j as p}from"./iframe-Cav9rlxr.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as ke}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as c}from"./Select-FP2lhUA8.js";import{M as Re}from"./Link-BXZlWRMJ.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Field-4cI0KUzC.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./ListSubheader-CB8GDLQK.js";import"./MenuItem-Cu1R78Nk.js";import"./Checkbox-RASNl40G.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./Select-DHIWx9ln.js";import"./Menu-BCZiiIwc.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./index-C5VVYn_U.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";import"./Paper-DIvrMKVz.js";import"./MenuList-BTp-5mcb.js";import"./ArrowDropDown-CMSB1a5F.js";import"./InputBase-Bm1MB3pl.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";const{fn:R,screen:Le,userEvent:i}=__STORYBOOK_MODULE_TEST__,r=["Option A","Option B","Option C","Option D","Option E"],we=["None",...r],Ve=we.reduce((t,o)=>(t[o]=o==="None"?"":o,t),{}),Be=[{text:"Group 1",type:"heading"},"Option A","Option B","Option C",{text:"Group 2",type:"heading"},"Option D","Option E"],De=[{text:"Object option A",value:"option-a"},{text:"Object option B",value:"option-b"},{text:"Object option C",value:"option-c"}],Fe=[{text:"English",value:"en",language:"en"},{text:"Español",value:"es",language:"es"},{text:"Français",value:"fr",language:"fr"},{text:"Deutsch",value:"de",language:"de"},{text:"中文",value:"zh",language:"zh"},{text:"日本語",value:"ja",language:"ja"},{text:"한국어",value:"ko",language:"ko"}],qt={component:c,decorators:[Ee],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"ID of the element that provides additional description for the field",table:{category:"Functional",type:{summary:"string"}}},defaultValue:{control:{type:"text"},description:"If `value` is undefined, the field is uncontrolled and `defaultValue` provides its initial text",table:{category:"Functional",type:{summary:"string | string[]"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hasMultipleChoices:{control:"boolean",description:"If `true`, the Select allows multiple selections",table:{readonly:!0,category:"Functional",type:{summary:"boolean"},defaultValue:{summary:"false"}}},hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isFullWidth:s.isFullWidth,isOptional:s.isOptional,isReadOnly:s.isReadOnly,label:{control:"text",description:"The label text for the select component",table:{category:"Visual",type:{summary:"string"}},type:{name:"string",required:!0}},name:s.name,onBlur:{control:!1,description:"Callback fired when the select component loses focus",table:{category:"Functional",type:{summary:"func"}}},onChange:{control:!1,description:"Callback fired when the value of the select component changes",table:{category:"Functional",type:{summary:"func"}}},onFocus:{control:!1,description:"Callback fired when the select component gains focus",table:{category:"Functional",type:{summary:"func"}}},options:{control:{type:"check"},description:"The options for the select component",options:r,table:{category:"Visual",type:{summary:"(string | SelectOption)[]"}}},testId:{control:"text",description:"Adds `data-se` attribute",table:{category:"Functional",type:{summary:"string"}}},translate:{control:{type:"radio"},options:["yes","no"],description:"Sets the HTML `translate` attribute on the rendered field",table:{category:"Functional",type:{summary:'"yes" | "no"'}}},value:{control:{type:"radio"},options:we,mapping:Ve,description:"If `value` is provided, you control the input externally and must handle updates with `onChange`.",table:{category:"Functional",type:{summary:"string | string[]"}}}},args:{errorMessageList:[],hint:"Hint text",label:"Label",onBlur:R(),onChange:R(),onFocus:R(),options:r,isDisabled:!1,isFullWidth:!1,isOptional:!1,hasMultipleChoices:!1,value:"None"}},n={args:{hasMultipleChoices:!1},render:function(o,a){const e=o,{value:l,setValue:L}=ke({args:e,context:a,argKey:"value",defaultValue:typeof e.value=="string"?e.value:""}),w=E=>{L(E.target.value)};return p.jsx(c,{...e,hasMultipleChoices:!1,onChange:w,value:l})}},V={args:{hasMultipleChoices:!0},render:function(o,a){const e=o,{value:l,setValue:L}=ke({args:e,context:a,argKey:"value",defaultValue:Array.isArray(e.value)?e.value:[]}),w=E=>{L(E.target.value)};return p.jsx(c,{...e,hasMultipleChoices:!0,onChange:w,value:l})}},u={...n,play:async({canvasElement:t,step:o})=>{await o("Select first option",async()=>{const a=t.querySelector('[aria-haspopup="listbox"]');if(!a)return;await i.click(a);const l=Le.getByRole("listbox").children[0];await i.click(l),await i.tab()})},tags:["!autodocs"]},m={...n,args:{isDisabled:!0}},d={...n,args:{errorMessage:"Select an option."}},g={...n,args:{errorMessage:"Select an option.",errorMessageList:["Error A","Error B"]}},y={...n,args:{isFullWidth:!0}},h={...n,args:{HintLinkComponent:p.jsx(Re,{href:"#",children:"Link"})}},b={...n,args:{options:["",...r],value:"None"},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:"Select supports an empty string entry so the first selection renders no visible value"}}}},f={...n,args:{options:De,value:"option-b"},argTypes:{options:{control:!1},value:{control:!1}},parameters:{docs:{description:{story:"Select supports passing option objects with distinct text and value properties"}}}},O={...n,args:{options:Be},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:'Options marked with `type: "heading"` create non-selectable group labels'}}}},v={...V,args:{hasMultipleChoices:!0,value:[]},argTypes:{value:{control:{type:"check"},options:r}},play:async({canvasElement:t,step:o})=>{await o("Select multiple options",async()=>{const a=t.querySelector('[aria-haspopup="listbox"]');if(!a)return;await i.click(a);const e=Le.getByRole("listbox");await i.click(e.children[0]),await i.click(e.children[1]),await i.tab()})}},S={...n,args:{isReadOnly:!0,value:"Option C"}},x={...V,args:{hasMultipleChoices:!0,isReadOnly:!0,value:["Option A","Option C","Option D"]},argTypes:{value:{control:{type:"check"},options:r}}},M={...V,args:{hasMultipleChoices:!0,isReadOnly:!0,value:["Option B","Option E"]},argTypes:{value:{control:{type:"check"},options:r}}},T={...n,args:{label:"Label",options:Fe,value:""},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:"Showcase the Select component with options for multiple different languages"}}}},C={args:{defaultValue:"Option B",value:void 0,label:"Label",options:r},argTypes:{value:{control:!1},defaultValue:{control:{type:"radio"},options:r}},parameters:{docs:{description:{story:"Use the uncontrolled pattern for simple forms where you do not need to react to user selection changes"}}},render:t=>p.jsx(c,{...t})},k={args:{defaultValue:["Option B","Option C"],hasMultipleChoices:!0,value:void 0,label:"Label",options:r},argTypes:{value:{control:!1},defaultValue:{control:{type:"check"},options:r}},render:t=>p.jsx(c,{...t})};var B,D,F;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select first option", async () => {
-      const trigger = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (!trigger) {
-        return;
-      }
-      await userEvent.click(trigger);
-      const listbox = screen.getByRole("listbox");
-      const firstOption = listbox.children[0];
-      await userEvent.click(firstOption);
-      await userEvent.tab();
-    });
-  },
-  tags: ["!autodocs"]
-}`,...(F=(D=u.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};var j,A,H;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isDisabled: true
-  }
-}`,...(H=(A=m.parameters)==null?void 0:A.docs)==null?void 0:H.source}}};var _,U,W;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    errorMessage: "Select an option."
-  }
-}`,...(W=(U=d.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var q,I,N;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    errorMessage: "Select an option.",
-    errorMessageList: ["Error A", "Error B"]
-  }
-}`,...(N=(I=g.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var z,G,K;y.parameters={...y.parameters,docs:{...(z=y.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isFullWidth: true
-  }
-}`,...(K=(G=y.parameters)==null?void 0:G.docs)==null?void 0:K.source}}};var P,Y,J;h.parameters={...h.parameters,docs:{...(P=h.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    HintLinkComponent: <Link href="#">Link</Link>
-  }
-}`,...(J=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};var Q,X,Z;b.parameters={...b.parameters,docs:{...(Q=b.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: ["", ...baseOptionLabels],
-    value: "None"
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Select supports an empty string entry so the first selection renders no visible value"
-      }
-    }
-  }
-}`,...(Z=(X=b.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;f.parameters={...f.parameters,docs:{...($=f.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: objectOptions,
-    value: "option-b"
-  },
-  argTypes: {
-    options: {
-      control: false
-    },
-    value: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Select supports passing option objects with distinct text and value properties"
-      }
-    }
-  }
-}`,...(te=(ee=f.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var oe,re,ne;O.parameters={...O.parameters,docs:{...(oe=O.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: groupedOptions
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Options marked with \`type: "heading"\` create non-selectable group labels'
-      }
-    }
-  }
-}`,...(ne=(re=O.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var se,ae,ie;v.parameters={...v.parameters,docs:{...(se=v.parameters)==null?void 0:se.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    value: []
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select multiple options", async () => {
-      const trigger = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (!trigger) {
-        return;
-      }
-      await userEvent.click(trigger);
-      const listbox = screen.getByRole("listbox");
-      await userEvent.click(listbox.children[0]);
-      await userEvent.click(listbox.children[1]);
-      await userEvent.tab();
-    });
-  }
-}`,...(ie=(ae=v.parameters)==null?void 0:ae.docs)==null?void 0:ie.source}}};var le,pe,ce;S.parameters={...S.parameters,docs:{...(le=S.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isReadOnly: true,
-    value: "Option C"
-  }
-}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,me,de;x.parameters={...x.parameters,docs:{...(ue=x.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    isReadOnly: true,
-    value: ["Option A", "Option C", "Option D"]
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  }
-}`,...(de=(me=x.parameters)==null?void 0:me.docs)==null?void 0:de.source}}};var ge,ye,he;M.parameters={...M.parameters,docs:{...(ge=M.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    isReadOnly: true,
-    value: ["Option B", "Option E"]
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  }
-}`,...(he=(ye=M.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var be,fe,Oe;T.parameters={...T.parameters,docs:{...(be=T.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    label: "Label",
-    options: languageOptions,
-    value: ""
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Showcase the Select component with options for multiple different languages"
-      }
-    }
-  }
-}`,...(Oe=(fe=T.parameters)==null?void 0:fe.docs)==null?void 0:Oe.source}}};var ve,Se,xe;C.parameters={...C.parameters,docs:{...(ve=C.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "Option B",
-    value: undefined,
-    label: "Label",
-    options: baseOptionLabels
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "radio"
-      },
-      options: baseOptionLabels
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Use the uncontrolled pattern for simple forms where you do not need to react to user selection changes"
-      }
-    }
-  },
-  render: args => <Select {...args as SelectStoryArgs} />
-}`,...(xe=(Se=C.parameters)==null?void 0:Se.docs)==null?void 0:xe.source}}};var Me,Te,Ce;k.parameters={...k.parameters,docs:{...(Me=k.parameters)==null?void 0:Me.docs,source:{originalSource:`{
-  args: {
-    defaultValue: ["Option B", "Option C"],
-    hasMultipleChoices: true,
-    value: undefined,
-    label: "Label",
-    options: baseOptionLabels
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  },
-  render: args => <Select {...args as SelectStoryArgs} />
-}`,...(Ce=(Te=k.parameters)==null?void 0:Te.docs)==null?void 0:Ce.source}}};const It=["Default","Disabled","Error","ErrorsList","FullWidth","HintLink","EmptyOption","OptionsObject","OptionsGrouped","MultiSelect","ReadOnly","ReadOnlyMultiSelect","ReadOnlyMultiSelectValue","MultipleLanguages","Uncontrolled","UncontrolledMultiSelect"];export{u as Default,m as Disabled,b as EmptyOption,d as Error,g as ErrorsList,y as FullWidth,h as HintLink,v as MultiSelect,T as MultipleLanguages,O as OptionsGrouped,f as OptionsObject,S as ReadOnly,x as ReadOnlyMultiSelect,M as ReadOnlyMultiSelectValue,C as Uncontrolled,k as UncontrolledMultiSelect,It as __namedExportsOrder,qt as default};

package/dist/assets/Server-CirxxKai.js

@@ -1 +0,0 @@
-import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as a}from"./tableRowClasses-DYosAqvx.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-DoysZs_u.js

@@ -1 +0,0 @@
-import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as r}from"./tableRowClasses-DYosAqvx.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-SFMR9PGx.js

@@ -1,6 +0,0 @@
-import{j as e}from"./iframe-Cav9rlxr.js";import{useMDXComponents as o}from"./index-BQ9nbbSk.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-CNgotzSG.js

@@ -1,63 +0,0 @@
-import{j as e}from"./iframe-Cav9rlxr.js";import{useMDXComponents as s}from"./index-BQ9nbbSk.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-8RSN9YQN.js

@@ -1 +0,0 @@
-import{r as e,j as o}from"./iframe-Cav9rlxr.js";import{S as a}from"./tableRowClasses-DYosAqvx.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-DhFZrYzU.js

@@ -1,131 +0,0 @@
-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-CFtdCfoJ.js";import{s as S}from"./tableRowClasses-DYosAqvx.js";import{r as a,j as i}from"./iframe-Cav9rlxr.js";import{u as D,a as Z,M as Sn}from"./OdysseyThemeProvider-DOMFnSU0.js";import{f as bn,i as hn}from"./Typography-B8ZKtxRi.js";import{u as O}from"./UiShellProvider-Cd_5esNt.js";import{u as Be}from"./useMountLifecycleEffect-C7Ycb3_3.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-CXfTvpAs.js";import{A as vn,b as Mn,a as jn}from"./AccordionSummary-BpjNF1hZ.js";import{M as wn}from"./WarningFilled-DJX60tUO.js";import{M as ie}from"./Box-B-6W36qW.js";import{M as kn}from"./Link-BXZlWRMJ.js";import{S as J}from"./Skeleton-CxK3bCNC.js";import{M as Bn}from"./Badge-C9-6xV6N.js";import{M as En}from"./Status-BDUUaZsQ.js";import{L as Ln}from"./Link-4r_7nyI-.js";import{M as Dn}from"./ExternalLink-DTGSbkQ2.js";import{M as An}from"./ChevronRight--b1mmNks.js";import{M as Tn}from"./MuiPropsContext-ppLtceHL.js";import{M as Hn}from"./Tooltip-BMTVRAEn.js";import{B as Fn}from"./Button-AqSkJ6Nd.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};