@okta/odyssey-react-mui 1.50.1 → 1.52.0

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

@@ -1,293 +0,0 @@
-import{j as p}from"./jsx-runtime-CnH95YSl.js";import{f as I,u as r,s as F,e as i,a as l,w as Pe}from"./index-BJMTVygn.js";import{r as u}from"./index-NdkWRN8K.js";import{a as m}from"./axeRun-B-LchFqf.js";import{O as He}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as c}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as d}from"./Select-DGL00QcS.js";import{M as Ge}from"./Link-PjuOItUN.js";import{q as Ue}from"./queryOdysseySelector-_ueksTI2.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./ListSubheader--G940pR4.js";import"./MenuItem-D69h7bYZ.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./useControlled-NQulfz4l.js";import"./Select-Dg6qtAos.js";import"./Menu-C2dEwThV.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-DK2ELYoG.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./ArrowDropDown-DddCYTEO.js";import"./InputBase-DSyP23zj.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";import"./test-utils-H9lH7T5D.js";import"./client-ByW5HbEz.js";import"./dom.esm-B9r8vBgQ.js";const ze=["Roles and permissions","Okta Privileged Access components","Users and Groups administration","Resource administration","Security administration","Deploy and manage servers","Okta Privileged Access clients"],Ae=[{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"}],_e=[{text:"Okta Privileged Access",type:"heading"},{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"},{text:"Audit events",type:"heading"},"Resource","Action","Related Info","Actor","Date"],Je=[{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"}],ca={component:d,decorators:[He],tags:["autodocs"],argTypes:{defaultValue:{control:"text",description:"The default value. Use when the component is not controlled.",table:{type:{summary:"string | string[]"},defaultValue:{summary:void 0}}},errorMessage:c.errorMessage,errorMessageList:c.errorMessageList,hasMultipleChoices:{control:"boolean",description:"If `true`, the select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},hint:c.hint,HintLinkComponent:c.HintLinkComponent,id:c.id,isDisabled:c.isFullWidth,isFullWidth:c.isFullWidth,isOptional:c.isOptional,isReadOnly:c.isReadOnly,label:{control:"text",description:"The label text for the select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:c.name,onBlur:{description:"Callback fired when the select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the select component gains focus",table:{type:{summary:"func"}}},options:{control:"object",description:"The options for the select component",table:{type:{summary:"(string | SelectOption)[]"}},type:{required:!0,name:"other",value:"(string | SelectOption)[]"}},value:{control:"text",description:"The `input` value. Use when the component is controlled.\n\nProviding an empty string will select no options.\n\nSet to an empty string `''` if you don't want any of the available options to be selected.",table:{type:{summary:"string | string[]"}}}},args:{hint:"Select a topic to learn more",label:"Okta documentation",onBlur:I(),onChange:I(),onFocus:I(),options:ze}},g={args:{defaultValue:""},play:async({canvasElement:a,step:o})=>{await o("Select Roles and permissions from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=a.querySelector("input");await i(s==null?void 0:s.value).toBe("Roles and permissions"),await l(()=>{m("Select Default")})}})}},h={args:{defaultValue:"Roles and permissions"},play:async({canvasElement:a,step:o})=>{await o("can click dropdown option",async()=>{const e=Ue("Select")({element:a,options:{label:/Okta documentation/}});await r.click(e.element);const t=e.selectChild({name:"list"});await l(()=>{i(t.element).toBeVisible()});const s=t.selectChild({name:"listItem",options:{label:"Roles and permissions"}}).element;await l(()=>{i(s).toBeVisible()}),s&&await r.click(s),await l(()=>{i(t==null?void 0:t.element).not.toBeVisible()})})}},y={args:{defaultValue:"",isDisabled:!0}},v={args:{errorMessage:"Select a topic.",defaultValue:""},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Error"))})}},S={args:{isMultiSelect:!0,errorMessage:"Select a topic.",errorMessageList:["Select at least one item","Select no more than 3 items"],defaultValue:[]},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Errors List"))})}},f={args:{isFullWidth:!0}},b={args:{HintLinkComponent:p.jsx(Ge,{href:"/learn-more",children:"Learn more"})}},x={args:{value:"",options:[{value:"",text:""},{value:"value1",text:"Value 1"},{value:"value2",text:"Value 2"}]}},w={args:{options:Ae,defaultValue:""},parameters:{docs:{description:{story:"Select can accept `options` as a flat array, an array of objects, or both. This demonstrates an array of objects with `value` and `name`."}}}},E={args:{options:Ae,value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},C={args:{options:_e,defaultValue:""},parameters:{docs:{description:{story:'Objects with `type: "heading"` will have their `text` displayed as a heading.'}}}},k={args:{isMultiSelect:!0,defaultValue:[]},play:async({canvasElement:a,step:o})=>{await o("Select Multiple items from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument(),await r.click(e.children[0]),await r.click(e.children[1]),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const t=a.querySelector("input");await i(t==null?void 0:t.value).toBe("Roles and permissions,Okta Privileged Access components"),await r.click(a),await l(()=>{m("Select Multiple")})}})}},V={args:{isReadOnly:!0,defaultValue:"Security administration"}},O={args:{isMultiSelect:!0,isReadOnly:!0,defaultValue:["Roles and permissions","Security administration","Deploy and manage servers"]}},R={args:{isMultiSelect:!0,isReadOnly:!0,value:["Roles and permissions","Security administration","Deploy and manage servers"]}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:""},render:function(o){const[n,e]=u.useState(""),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},B={parameters:{docs:{description:{story:'When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop.\n\nWhen `hasMultipleChoices` is `true` and nothing is preselected, pass `[""]` as this initial controlled `value`'}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([""]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState(["Roles and permissions","Resource administration"]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},D={args:{label:"Select Language",options:Je,defaultValue:""},parameters:{docs:{description:{story:"Showcase the Select component with options for multiple different languages."}}},play:async({canvasElement:a,step:o})=>{await o("Select English from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=e.querySelector('[lang="fr"]');await i(s).toHaveTextContent("Français");const We=Pe(e).getByText("Français");i(We).toHaveAttribute("lang","fr"),await l(()=>{m("Select Multiple Languages")})}})}};var T,j,q;g.parameters={...g.parameters,docs:{...(T=g.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    defaultValue: ""
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select Roles and permissions from the listbox", async () => {
-      const comboBoxElement = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (comboBoxElement) {
-        await userEvent.click(comboBoxElement);
-        const listboxElement = screen.getByRole("listbox");
-        await expect(listboxElement).toBeInTheDocument();
-        const listItem = listboxElement.children[0];
-        await userEvent.click(listItem);
-        await userEvent.tab();
-        await waitFor(() => {
-          expect(listboxElement).not.toBeInTheDocument();
-        });
-        const inputElement = canvasElement.querySelector("input");
-        await expect(inputElement?.value).toBe("Roles and permissions");
-        await waitFor(() => {
-          axeRun("Select Default");
-        });
-      }
-    });
-  }
-}`,...(q=(j=g.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var A,W,P;h.parameters={...h.parameters,docs:{...(A=h.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "Roles and permissions"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("can click dropdown option", async () => {
-      const querySelect = queryOdysseySelector("Select");
-      const selector = querySelect({
-        element: canvasElement,
-        options: {
-          label: /Okta documentation/
-        }
-      });
-      await userEvent.click(selector.element);
-      const list = selector.selectChild({
-        name: "list"
-      });
-      await waitFor(() => {
-        expect(list.element).toBeVisible();
-      });
-      const listItemElement = list.selectChild({
-        name: "listItem",
-        options: {
-          label: "Roles and permissions"
-        }
-      }).element;
-      await waitFor(() => {
-        expect(listItemElement).toBeVisible();
-      });
-      if (listItemElement) {
-        await userEvent.click(listItemElement);
-      }
-      await waitFor(() => {
-        expect(list?.element).not.toBeVisible();
-      });
-    });
-  }
-}`,...(P=(W=h.parameters)==null?void 0:W.docs)==null?void 0:P.source}}};var H,G,U;y.parameters={...y.parameters,docs:{...(H=y.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "",
-    isDisabled: true
-  }
-}`,...(U=(G=y.parameters)==null?void 0:G.docs)==null?void 0:U.source}}};var z,_,J;v.parameters={...v.parameters,docs:{...(z=v.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    errorMessage: "Select a topic.",
-    defaultValue: ""
-  },
-  play: async ({
-    step
-  }) => {
-    await step("Check for a11y errors on Select Error", async () => {
-      await waitFor(() => axeRun("Select Error"));
-    });
-  }
-}`,...(J=(_=v.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,N,Q;S.parameters={...S.parameters,docs:{...(K=S.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    isMultiSelect: true,
-    errorMessage: "Select a topic.",
-    errorMessageList: ["Select at least one item", "Select no more than 3 items"],
-    defaultValue: []
-  },
-  play: async ({
-    step
-  }) => {
-    await step("Check for a11y errors on Select Error", async () => {
-      await waitFor(() => axeRun("Select Errors List"));
-    });
-  }
-}`,...(Q=(N=S.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var X,Y,Z;f.parameters={...f.parameters,docs:{...(X=f.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    isFullWidth: true
-  }
-}`,...(Z=(Y=f.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,te;b.parameters={...b.parameters,docs:{...($=b.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
-  }
-}`,...(te=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,ne,se;x.parameters={...x.parameters,docs:{...(ae=x.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    value: "",
-    options: [{
-      value: "",
-      text: ""
-    }, {
-      value: "value1",
-      text: "Value 1"
-    }, {
-      value: "value2",
-      text: "Value 2"
-    }]
-  }
-}`,...(se=(ne=x.parameters)==null?void 0:ne.docs)==null?void 0:se.source}}};var oe,re,ie;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    options: optionsObject,
-    defaultValue: ""
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Select can accept \`options\` as a flat array, an array of objects, or both. This demonstrates an array of objects with \`value\` and \`name\`."
-      }
-    }
-  }
-}`,...(ie=(re=w.parameters)==null?void 0:re.docs)==null?void 0:ie.source}}};var le,ce,ue;E.parameters={...E.parameters,docs:{...(le=E.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    options: optionsObject,
-    value: [],
-    hasMultipleChoices: true
-  },
-  render: function C(props) {
-    const [localValue, setLocalValue] = useState<string[]>([]);
-    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string[]), []);
-    return <Select {...props} onChange={onChange} value={localValue} />;
-  }
-}`,...(ue=(ce=E.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var pe,me,de;C.parameters={...C.parameters,docs:{...(pe=C.parameters)==null?void 0:pe.docs,source:{originalSource:`{
-  args: {
-    options: optionsGrouped,
-    defaultValue: ""
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Objects with \`type: "heading"\` will have their \`text\` displayed as a heading.'
-      }
-    }
-  }
-}`,...(de=(me=C.parameters)==null?void 0:me.docs)==null?void 0:de.source}}};var ge,he,ye;k.parameters={...k.parameters,docs:{...(ge=k.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  args: {
-    isMultiSelect: true,
-    defaultValue: []
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select Multiple items from the listbox", async () => {
-      const comboBoxElement = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (comboBoxElement) {
-        await userEvent.click(comboBoxElement);
-        const listboxElement = screen.getByRole("listbox");
-        await expect(listboxElement).toBeInTheDocument();
-        await userEvent.click(listboxElement.children[0]);
-        await userEvent.click(listboxElement.children[1]);
-        await userEvent.tab();
-        await waitFor(() => {
-          expect(listboxElement).not.toBeInTheDocument();
-        });
-        const inputElement = canvasElement.querySelector("input");
-        await expect(inputElement?.value).toBe("Roles and permissions,Okta Privileged Access components");
-        await userEvent.click(canvasElement);
-        await waitFor(() => {
-          axeRun("Select Multiple");
-        });
-      }
-    });
-  }
-}`,...(ye=(he=k.parameters)==null?void 0:he.docs)==null?void 0:ye.source}}};var ve,Se,fe;V.parameters={...V.parameters,docs:{...(ve=V.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  args: {
-    isReadOnly: true,
-    defaultValue: "Security administration"
-  }
-}`,...(fe=(Se=V.parameters)==null?void 0:Se.docs)==null?void 0:fe.source}}};var be,xe,we;O.parameters={...O.parameters,docs:{...(be=O.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  args: {
-    isMultiSelect: true,
-    isReadOnly: true,
-    defaultValue: ["Roles and permissions", "Security administration", "Deploy and manage servers"]
-  }
-}`,...(we=(xe=O.parameters)==null?void 0:xe.docs)==null?void 0:we.source}}};var Ee,Ce,ke;R.parameters={...R.parameters,docs:{...(Ee=R.parameters)==null?void 0:Ee.docs,source:{originalSource:`{
-  args: {
-    isMultiSelect: true,
-    isReadOnly: true,
-    value: ["Roles and permissions", "Security administration", "Deploy and manage servers"]
-  }
-}`,...(ke=(Ce=R.parameters)==null?void 0:Ce.docs)==null?void 0:ke.source}}};var Ve,Oe,Re;M.parameters={...M.parameters,docs:{...(Ve=M.parameters)==null?void 0:Ve.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is controlled, the parent component is responsible for managing the state of \`Select\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-      }
-    }
-  },
-  args: {
-    value: ""
-  },
-  render: function C(props) {
-    const [localValue, setLocalValue] = useState("");
-    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
-    return <Select {...props} onChange={onChange} value={localValue} />;
-  }
-}`,...(Re=(Oe=M.parameters)==null?void 0:Oe.docs)==null?void 0:Re.source}}};var Me,Be,Le;B.parameters={...B.parameters,docs:{...(Me=B.parameters)==null?void 0:Me.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: 'When the component is controlled, the parent component is responsible for managing the state of \`Select\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop.\\n\\nWhen \`hasMultipleChoices\` is \`true\` and nothing is preselected, pass \`[""]\` as this initial controlled \`value\`'
-      }
-    }
-  },
-  args: {
-    value: [],
-    hasMultipleChoices: true
-  },
-  render: function C(props) {
-    const [localValue, setLocalValue] = useState([""]);
-    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string[]), []);
-    return <Select {...props} onChange={onChange} value={localValue} />;
-  }
-}`,...(Le=(Be=B.parameters)==null?void 0:Be.docs)==null?void 0:Le.source}}};var De,Ie,Fe;L.parameters={...L.parameters,docs:{...(De=L.parameters)==null?void 0:De.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is controlled, the parent component is responsible for managing the state of \`Select\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-      }
-    }
-  },
-  args: {
-    value: [],
-    hasMultipleChoices: true
-  },
-  render: function C(props) {
-    const [localValue, setLocalValue] = useState(["Roles and permissions", "Resource administration"]);
-    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string[]), []);
-    return <Select {...props} onChange={onChange} value={localValue} />;
-  }
-}`,...(Fe=(Ie=L.parameters)==null?void 0:Ie.docs)==null?void 0:Fe.source}}};var Te,je,qe;D.parameters={...D.parameters,docs:{...(Te=D.parameters)==null?void 0:Te.docs,source:{originalSource:`{
-  args: {
-    label: "Select Language",
-    options: optionsLanguages,
-    defaultValue: ""
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Showcase the Select component with options for multiple different languages."
-      }
-    }
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select English from the listbox", async () => {
-      const comboBoxElement = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (comboBoxElement) {
-        await userEvent.click(comboBoxElement);
-        const listboxElement = screen.getByRole("listbox");
-        await expect(listboxElement).toBeInTheDocument();
-        const listItem = listboxElement.children[0];
-        await userEvent.click(listItem);
-        await userEvent.tab();
-        await waitFor(() => {
-          expect(listboxElement).not.toBeInTheDocument();
-        });
-        const selectedOption = listboxElement.querySelector('[lang="fr"]');
-        await expect(selectedOption).toHaveTextContent("Français");
-        const frenchOptionElement = within(listboxElement).getByText("Français");
-        expect(frenchOptionElement).toHaveAttribute("lang", "fr");
-        await waitFor(() => {
-          axeRun("Select Multiple Languages");
-        });
-      }
-    });
-  }
-}`,...(qe=(je=D.parameters)==null?void 0:je.docs)==null?void 0:qe.source}}};const ua=["Default","DefaultValue","Disabled","Error","ErrorsList","FullWidth","HintLink","EmptyValue","OptionsObject","OptionsObjectAndMultiSelect","OptionsGrouped","MultiSelect","ReadOnly","ReadOnlyMultiSelect","ReadOnlyMultiSelectValue","ControlledSelect","ControlledMultipleSelect","ControlledPreselectedMultipleSelect","MultipleLanguages"];export{B as ControlledMultipleSelect,L as ControlledPreselectedMultipleSelect,M as ControlledSelect,g as Default,h as DefaultValue,y as Disabled,x as EmptyValue,v as Error,S as ErrorsList,f as FullWidth,b as HintLink,k as MultiSelect,D as MultipleLanguages,C as OptionsGrouped,w as OptionsObject,E as OptionsObjectAndMultiSelect,V as ReadOnly,O as ReadOnlyMultiSelect,R as ReadOnlyMultiSelectValue,ua as __namedExportsOrder,ca as default};

package/dist/assets/Server-3cieqme0.js

@@ -1 +0,0 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./OdysseyThemeProvider-C4N_85M9.js";const a=o.forwardRef((r,n)=>e.jsx(l,{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:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm6.666-.667v-2h1.334v2h2v1.334h-2v2H7.333v-2h-2V7.333h2Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(a);t.displayName="AddCircleIcon";const d=o.forwardRef((r,n)=>e.jsx(l,{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"})})})),s=o.memo(d);s.displayName="AppsIcon";const c=o.forwardRef((r,n)=>e.jsx(l,{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"})})})),i=o.memo(c);i.displayName="DirectoryIcon";const m=o.forwardRef((r,n)=>e.jsx(l,{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"})]})})),h=o.memo(m);h.displayName="Fido2Icon";const v=o.forwardRef((r,n)=>e.jsx(l,{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"})})})),p=o.memo(v);p.displayName="LockIcon";const f=o.forwardRef((r,n)=>e.jsx(l,{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"})})})),x=o.memo(f);x.displayName="ServerIcon";export{t as M,s as a,i as b,x as c,h as d,p as e};

package/dist/assets/Settings-Bxzwc53G.js

@@ -1 +0,0 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-C4N_85M9.js";const c=o.forwardRef((r,a)=>e.jsx(t,{fill:"none",ref:a,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.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(c);n.displayName="SettingsIcon";export{n as M};

package/dist/assets/Setup-wp_q8G1u.js

@@ -1,7 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import{M as i}from"./index-c74KQyVj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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(i,{}),`
-`,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 j(t={}){const{wrapper:n}={...o(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(r,{...t})}):r(t)}export{j as default};

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

@@ -1,64 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import{M as r}from"./index-c74KQyVj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.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(r,{}),`
-`,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 j(o={}){const{wrapper:n}={...s(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{j as default};

package/dist/assets/Show-D1oNDX9u.js

@@ -1 +0,0 @@
-import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as a}from"./OdysseyThemeProvider-C4N_85M9.js";const n=r.forwardRef((e,l)=>o.jsx(a,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,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=r.memo(n);s.displayName="ShowIcon";export{s as M};

package/dist/assets/SideNav-CA5MPRIw.js

@@ -1,85 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import"./index-BVtttuMv.js";import{M as m,T as p,S as s,D as a,P as d,a as l}from"./index-c74KQyVj.js";import{S as i}from"./SideNav.stories-DsqmEgxA.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./PlaceholderLogo-JfVvgA23.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./SideNav-DjaJNhvQ.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./UiShellProvider-Do3wWAnY.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-D9iUNt-k.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-DKQFr8Jv.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./Badge-DGWMi2ON.js";import"./Status-SY8R_HiF.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./ChevronRight-SFKDVCjo.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./getReactElementRef-SdO7zWnC.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./Server-3cieqme0.js";import"./User-D5oZGOlm.js";import"./Home-Cn8YbOdj.js";import"./Folder-DFjbrJpD.js";import"./Download-vZ2qKd4H.js";import"./Clock-B6hba9Vz.js";import"./Settings-Bxzwc53G.js";import"./Notification-DZN2A8i5.js";function r(n){const t={code:"code",h4:"h4",p:"p",pre:"pre",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(m,{of:i}),`
-`,e.jsx(p,{of:i}),`
-`,e.jsx(s,{of:i}),`
-`,e.jsx(a,{of:i}),`
-`,e.jsx(d,{of:i}),`
-`,e.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
-`,e.jsxs(t.p,{children:["the ",e.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",e.jsx(t.code,{children:"SideNavItem"})]}),`
-`,e.jsx(t.pre,{children:e.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;
-    }
-);
-`})}),`
-`,e.jsx(l,{})]})}function Xe(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(r,{...n})}):r(n)}export{Xe as default};