@okta/odyssey-react-mui 1.55.0 → 1.56.0

package/dist/assets/AppSwitcher.stories-DK6TzLjN.js

@@ -1,100 +0,0 @@
-import{j as n}from"./iframe-Cav9rlxr.js";import{O as k}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as r}from"./AppSwitcher-BlMgsq7d.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"./uiShellSharedConstants-CvCey4L_.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";const{expect:a,within:l}=__STORYBOOK_MODULE_TEST__,J={component:r,decorators:[k],parameters:{layout:"fullscreen"},argTypes:{appIcons:{description:"",table:{type:{summary:"Array<AppSwitcherAppIcon>"}}},isLoading:{control:"boolean"},selectedAppName:{description:"The App Instance app name that the UI is on",control:"text"}},args:{appIcons:[]}},o={args:{appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows all items",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(3),await a(e.queryByRole("link",{name:"Admin Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Workflows"})).toBeVisible()})}},i={args:{appIcons:[],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(0),await a(e.queryAllByRole("link")).toHaveLength(0)})}},p={args:{appIcons:[],isLoading:!0,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(0)})}};var c,d,m;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
-  args: {
-    appIcons: [{
-      appIconDefaultUrl: "/appswitcher/admin-app-default.svg",
-      appIconSelectedUrl: "/appswitcher/admin-app-selected.svg",
-      appName: "saasure",
-      label: "Admin Dashboard",
-      linkUrl: "http://rain-admin.okta1.com:1802/admin/dashboard"
-    }, {
-      appIconDefaultUrl: "/appswitcher/okta-dashboard-default.svg",
-      appIconSelectedUrl: "/appswitcher/okta-dashboard-selected.svg",
-      appName: "okta_enduser",
-      label: "Okta Dashboard",
-      linkUrl: "http://rain.okta1.com:1802/app/UserHome"
-    }, {
-      appIconDefaultUrl: "/appswitcher/workflows-default.svg",
-      appIconSelectedUrl: "/appswitcher/workflows-selected.svg",
-      appName: "okta_flow_sso",
-      label: "Okta Workflows",
-      linkUrl: "http://rain-admin.okta1.com:1802/flow/go"
-    }],
-    isLoading: false,
-    selectedAppName: "saasure"
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <AppSwitcher {...props} />
-      </div>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step("App switcher shows all items", async () => {
-      await expect(canvas.getByRole("navigation")).toBeVisible();
-      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
-      await expect(canvas.queryAllByRole("link")).toHaveLength(3);
-      await expect(canvas.queryByRole("link", {
-        name: "Admin Dashboard"
-      })).toBeVisible();
-      await expect(canvas.queryByRole("link", {
-        name: "Okta Dashboard"
-      })).toBeVisible();
-      await expect(canvas.queryByRole("link", {
-        name: "Okta Workflows"
-      })).toBeVisible();
-    });
-  }
-}`,...(m=(d=o.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var h,w,y;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    appIcons: [],
-    isLoading: false,
-    selectedAppName: "saasure"
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <AppSwitcher {...props} />
-      </div>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step("App switcher shows no items, but is loaded", async () => {
-      await expect(canvas.getByRole("navigation")).toBeVisible();
-      await expect(canvas.queryAllByRole("listitem")).toHaveLength(0);
-      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
-    });
-  }
-}`,...(y=(w=i.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var v,u,g;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    appIcons: [],
-    isLoading: true,
-    selectedAppName: "saasure"
-  },
-  render: props => {
-    return <div style={{
-      height: "100vh"
-    }}>
-        <AppSwitcher {...props} />
-      </div>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step("App switcher shows no items, but is loaded", async () => {
-      await expect(canvas.getByRole("navigation")).toBeVisible();
-      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
-      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
-    });
-  }
-}`,...(g=(u=p.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const P=["AllApps","NoApps","Loading"];export{o as AllApps,p as Loading,i as NoApps,P as __namedExportsOrder,J as default};

package/dist/assets/AppTile.stories-D9NfZuTR.js

@@ -1,136 +0,0 @@
-import{r as g,j as e}from"./iframe-Cav9rlxr.js";import{O as Be}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{s as u}from"./tableRowClasses-DYosAqvx.js";import{M as h}from"./Box-B-6W36qW.js";import{u as Ce}from"./OdysseyThemeProvider-DOMFnSU0.js";import{f as W,a as Se,c as Ie}from"./Typography-B8ZKtxRi.js";import{M as Pe}from"./Button-BX9EXxBV.js";import{S as f}from"./Skeleton-CxK3bCNC.js";import{C as He,a as qe}from"./CardActionArea-j218OlRR.js";import{M as x}from"./TagList-BgRJrZj8.js";import{M as r}from"./Tag-Cam_AAJc.js";import{M as we}from"./Drawer-DG7c2iM4.js";import{M as H}from"./Settings-DoysZs_u.js";import{M as _e}from"./Status-BDUUaZsQ.js";import{M as j}from"./More-D0XSbzen.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Box-DduJOSF-.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./Typography-D4Laguzq.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./colorManipulator-BprDRxgx.js";import"./Paper-DIvrMKVz.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./FullScreenOverlay-BtuzG-CQ.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";const P="2.85714286rem",_="4.57142857rem",We="4.57142857rem",z=["comfortable","compact"],De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:_,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:_,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Oe=u(He,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),ze=u(qe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),Fe=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Oe,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(Ie,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:_,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(W,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Re=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Ee,title:y,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(De,{odysseyDesignTokens:m,variant:p,children:A}),y&&e.jsx(W,{component:"div",children:y}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,y,p]);return q?e.jsx(Fe,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!y,variant:p}):e.jsxs(Oe,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(ke,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(Pe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Re);l.displayName="AppTile";const{fn:o}=__STORYBOOK_MODULE_TEST__,Nt={component:l,decorators:[Be],argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:z,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:z[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"},tags:["labs-export"]},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},I={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},w={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},D={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},k={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},O={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},E={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(_e,{label:"Active",severity:"success"})}),e.jsx(W,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,R,N;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(N=(R=C.parameters)==null?void 0:R.docs)==null?void 0:N.source}}};var $,G,V;S.parameters={...S.parameters,docs:{...($=S.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "800px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile image={<img alt="Example logo" src="https://placehold.co/128" />} onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet." image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus." onClick={fn()} title="App name" />
-      </Box>;
-  }
-}`,...(V=(G=S.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var K,U,Y;I.parameters={...I.parameters,docs:{...(K=I.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "572px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x48" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x96" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-      </Box>;
-  }
-}`,...(Y=(U=I.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var J,Q,X;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(X=(Q=w.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,ee,te;D.parameters={...D.parameters,docs:{...(Z=D.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Square logo" src="https://placehold.co/600" />
-  }
-}`,...(te=(ee=D.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,oe,ne;k.parameters={...k.parameters,docs:{...(ae=k.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Tall logo" src="https://placehold.co/400x800" />
-  }
-}`,...(ne=(oe=k.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var ie,re,se;L.parameters={...L.parameters,docs:{...(ie=L.parameters)==null?void 0:ie.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />
-  }
-}`,...(se=(re=L.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var le,ce,pe;M.parameters={...M.parameters,docs:{...(le=M.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />,
-    onActionClick: fn()
-  }
-}`,...(pe=(ce=M.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,de,ge;O.parameters={...O.parameters,docs:{...(me=O.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(ge=(de=O.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var ue,he,xe;E.parameters={...E.parameters,docs:{...(ue=E.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} auxiliaryText={"Single sign-on"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(xe=(he=E.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var fe,Te,be;v.parameters={...v.parameters,docs:{...(fe=v.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    children: <>
-        <Box sx={{
-        marginBottom: 2
-      }}>
-          <Status label="Active" severity="success" />
-        </Box>
-        <Heading5>This is arbitrary content.</Heading5>
-        <TagList>
-          <Tag label="Tag 1" />
-          <Tag label="Tag 2" />
-        </TagList>
-      </>,
-    description: undefined,
-    image: undefined,
-    title: undefined
-  }
-}`,...(be=(Te=v.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Ae,ye,je;B.parameters={...B.parameters,docs:{...(Ae=B.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
-  args: {
-    actionAriaControls: "",
-    actionAriaExpanded: false,
-    actionAriaHasPopup: "menu",
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>,
-    isLoading: true,
-    onActionClick: fn()
-  }
-}`,...(je=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:je.source}}};const $t=["Default","Multiple","Compact","ActionButton","SquareImage","TallImage","WideImage","WideImageWithActionButton","AuxiliaryText","ActionButtonAndAuxiliaryText","FullyCustomContent","Loading"];export{w as ActionButton,E as ActionButtonAndAuxiliaryText,O as AuxiliaryText,I as Compact,C as Default,v as FullyCustomContent,B as Loading,S as Multiple,D as SquareImage,k as TallImage,L as WideImage,M as WideImageWithActionButton,$t as __namedExportsOrder,Nt as default};

package/dist/assets/ArrowDropDown-CMSB1a5F.js

@@ -1 +0,0 @@
-import{a as n,W as s,N as i,M as e}from"./tableRowClasses-DYosAqvx.js";import{j as u}from"./iframe-Cav9rlxr.js";import{c as o}from"./createSvgIcon-CoE7vjSC.js";function p(t){return e("MuiInput",t)}const d=n({},s,i("MuiInput",["root","underline","input"]));function I(t){return e("MuiOutlinedInput",t)}const c=n({},s,i("MuiOutlinedInput",["root","notchedOutline","input"]));function C(t){return e("MuiFilledInput",t)}const f=n({},s,i("MuiFilledInput",["root","underline","input"])),M=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{M as A,p as a,I as b,f,C as g,d as i,c as o};

package/dist/assets/ArrowLeft-DKc-rln7.js

@@ -1 +0,0 @@
-import{r as o,j as r}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m3.098 8.707 3.097 3.098.943-.943-2.195-2.195h8.39V7.333h-8.39l2.195-2.195-.943-.943-3.097 3.098a1 1 0 0 0 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(l);s.displayName="ArrowLeftIcon";export{s as M};

package/dist/assets/ArrowRight-CQpox1s-.js

@@ -1 +0,0 @@
-import{r as o,j as r}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M12.902 7.293 9.805 4.195l-.943.943 2.195 2.195h-8.39v1.334h8.39l-2.195 2.195.943.943 3.097-3.098a1 1 0 0 0 0-1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(l);i.displayName="ArrowRightIcon";export{i as M};

package/dist/assets/Autocomplete-CcFQPuHI.js

@@ -1 +0,0 @@
-import{r as k,j as q}from"./iframe-Cav9rlxr.js";import{a as v}from"./OdysseyThemeProvider-DOMFnSU0.js";import{u as N,M as $}from"./useAutocomplete-f6aTM-6O.js";import{A as w}from"./Autocomplete-DxRs9Djj.js";const F=({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,getIsOptionEqualToValue:i,getOptionLabel:p,hasMultipleChoices:t,hint:m,HintLinkComponent:u,id:c,inputValue:d,isCustomValueAllowed:x,isDisabled:o,isFullWidth:n=!1,isLoading:f,isOptional:A=!1,isReadOnly:O,isVirtualized:T=!1,label:b,name:g,noOptionsText:z,onBlur:V,onChange:j,onFocus:E,onInputChange:I,options:L,testId:P,translate:S,value:y})=>{const{t:e}=v(),{inputValueProp:B,isVirtualizedRef:C,renderInput:M,valueProps:R}=N({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,hasMultipleChoices:t,hint:m,HintLinkComponent:u,inputValue:d,isFullWidth:n,isOptional:A,isVirtualized:T,label:b,name:g,testId:P,value:y});return q.jsx(w,{...R,...B,...C.current&&{ListboxComponent:$},"aria-disabled":o,clearText:e("clear.text"),closeText:e("close.text"),disableCloseOnSelect:t,disabled:o,filterSelectedOptions:!0,freeSolo:x,fullWidth:n,getOptionLabel:p,id:c,isOptionEqualToValue:i,loading:f,multiple:t,noOptionsText:z||e("autocomplete.nooptions"),onBlur:V,onChange:j,onFocus:E,onInputChange:I,openText:e("open.text"),options:L,readOnly:O,renderInput:M,translate:S})},G=k.memo(F);G.displayName="Autocomplete";export{G as M};

package/dist/assets/Autocomplete-DxRs9Djj.js

@@ -1 +0,0 @@
-import{z as Pt,a as O,b as $t,_ as _e,c as M,d as ye,e as bt,f as Ct,ad as yt,ae as s,W as oe,l as tt}from"./tableRowClasses-DYosAqvx.js";import{r as b,j as I}from"./iframe-Cav9rlxr.js";import{A as vt,f as de,o as dt,i as ot}from"./ArrowDropDown-CMSB1a5F.js";import{C as At}from"./Close-cbwEd5Sp.js";import{P as xt}from"./Paper-DIvrMKVz.js";import{P as It}from"./Popper-B9cGJ5Ql.js";import{u as nt}from"./useControlled-4m9Fbl4Y.js";import{u as je}from"./TransitionGroupContext-CTI9LvjA.js";import{s as Lt,u as St}from"./useIsFocusVisible-Cu721A7w.js";import{C as Tt}from"./Chip-bDORJbkM.js";import{I as Ot}from"./IconButton-BJHIZjwd.js";import{L as Rt}from"./ListSubheader-CB8GDLQK.js";const kt=o=>{const l=b.useRef({});return b.useEffect(()=>{l.current=o}),l.current};function ft(o){return typeof o.normalize<"u"?o.normalize("NFD").replace(/[\u0300-\u036f]/g,""):o}function wt(o={}){const{ignoreAccents:l=!0,ignoreCase:f=!0,limit:A,matchFrom:H="any",stringify:D,trim:T=!1}=o;return(m,{inputValue:Q,getOptionLabel:U})=>{let R=T?Q.trim():Q;f&&(R=R.toLowerCase()),l&&(R=ft(R));const X=R?m.filter(fe=>{let k=(D||U)(fe);return f&&(k=k.toLowerCase()),l&&(k=ft(k)),H==="start"?k.indexOf(R)===0:k.indexOf(R)>-1}):m;return typeof A=="number"?X.slice(0,A):X}}function Be(o,l){for(let f=0;f<o.length;f+=1)if(l(o[f]))return f;return-1}const Dt=wt(),gt=5,Nt=o=>{var l;return o.current!==null&&((l=o.current.parentElement)==null?void 0:l.contains(document.activeElement))},Et=[];function Ft(o){const{unstable_isActiveElementInListbox:l=Nt,unstable_classNamePrefix:f="Mui",autoComplete:A=!1,autoHighlight:H=!1,autoSelect:D=!1,blurOnSelect:T=!1,clearOnBlur:m=!o.freeSolo,clearOnEscape:Q=!1,componentName:U="useAutocomplete",defaultValue:R=o.multiple?Et:null,disableClearable:X=!1,disableCloseOnSelect:fe=!1,disabled:k,disabledItemsFocusable:We=!1,disableListWrap:Ge=!1,filterOptions:rt=Dt,filterSelectedOptions:ge=!1,freeSolo:K=!1,getOptionDisabled:j,getOptionKey:Ue,getOptionLabel:ve=t=>{var e;return(e=t.label)!=null?e:t},groupBy:me,handleHomeEndKeys:q=!o.freeSolo,id:lt,includeInputInList:Ke=!1,inputValue:Ae,isOptionEqualToValue:ne=(t,e)=>t===e,multiple:u=!1,onChange:he,onClose:Le,onHighlightChange:Se,onInputChange:B,onOpen:Te,open:at,openOnFocus:st=!1,options:be,readOnly:Y=!1,selectOnFocus:xe=!o.freeSolo,value:Re}=o,L=Pt(lt);let C=ve;C=t=>{const e=ve(t);return typeof e!="string"?String(e):e};const Ie=b.useRef(!1),ke=b.useRef(!0),h=b.useRef(null),S=b.useRef(null),[re,qe]=b.useState(null),[y,Oe]=b.useState(-1),we=H?0:-1,P=b.useRef(we),[a,it]=nt({controlled:Re,default:R,name:U}),[p,W]=nt({controlled:Ae,default:"",name:U,state:"inputValue"}),[le,De]=b.useState(!1),Z=b.useCallback((t,e)=>{if(!(u?a.length<e.length:e!==null)&&!m)return;let r;if(u)r="";else if(e==null)r="";else{const i=C(e);r=typeof i=="string"?i:""}p!==r&&(W(r),B&&B(t,r,"reset"))},[C,p,u,B,W,m,a]),[J,Ne]=nt({controlled:at,default:!1,name:U,state:"open"}),[Je,Ee]=b.useState(!0),Fe=!u&&a!=null&&p===C(a),v=J&&!Y,c=v?rt(be.filter(t=>!(ge&&(u?a:[a]).some(e=>e!==null&&ne(t,e)))),{inputValue:Fe&&Je?"":p,getOptionLabel:C}):[],N=kt({filteredOptions:c,value:a,inputValue:p});b.useEffect(()=>{const t=a!==N.value;le&&!t||K&&!t||Z(null,a)},[a,Z,le,N.value,K]);const Pe=J&&c.length>0&&!Y,ae=je(t=>{t===-1?h.current.focus():re.querySelector(`[data-tag-index="${t}"]`).focus()});b.useEffect(()=>{u&&y>a.length-1&&(Oe(-1),ae(-1))},[a,u,y,ae]);function se(t,e){if(!S.current||t<0||t>=c.length)return-1;let n=t;for(;;){const r=S.current.querySelector(`[data-option-index="${n}"]`),i=We?!1:!r||r.disabled||r.getAttribute("aria-disabled")==="true";if(r&&r.hasAttribute("tabindex")&&!i)return n;if(e==="next"?n=(n+1)%c.length:n=(n-1+c.length)%c.length,n===t)return-1}}const z=je(({event:t,index:e,reason:n="auto"})=>{if(P.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${L}-option-${e}`),Se&&Se(t,e===-1?null:c[e],n),!S.current)return;const r=S.current.querySelector(`[role="option"].${f}-focused`);r&&(r.classList.remove(`${f}-focused`),r.classList.remove(`${f}-focusVisible`));let i=S.current;if(S.current.getAttribute("role")!=="listbox"&&(i=S.current.parentElement.querySelector('[role="listbox"]')),!i)return;if(e===-1){i.scrollTop=0;return}const d=S.current.querySelector(`[data-option-index="${e}"]`);if(d&&(d.classList.add(`${f}-focused`),n==="keyboard"&&d.classList.add(`${f}-focusVisible`),i.scrollHeight>i.clientHeight&&n!=="mouse"&&n!=="touch")){const g=d,_=i.clientHeight+i.scrollTop,ct=g.offsetTop+g.offsetHeight;ct>_?i.scrollTop=ct-i.clientHeight:g.offsetTop-g.offsetHeight*(me?1.3:0)<i.scrollTop&&(i.scrollTop=g.offsetTop-g.offsetHeight*(me?1.3:0))}}),E=je(({event:t,diff:e,direction:n="next",reason:r="auto"})=>{if(!v)return;const d=se((()=>{const g=c.length-1;if(e==="reset")return we;if(e==="start")return 0;if(e==="end")return g;const _=P.current+e;return _<0?_===-1&&Ke?-1:Ge&&P.current!==-1||Math.abs(e)>1?0:g:_>g?_===g+1&&Ke?-1:Ge||Math.abs(e)>1?g:0:_})(),n);if(z({index:d,reason:r,event:t}),A&&e!=="reset")if(d===-1)h.current.value=p;else{const g=C(c[d]);h.current.value=g,g.toLowerCase().indexOf(p.toLowerCase())===0&&p.length>0&&h.current.setSelectionRange(p.length,g.length)}}),ie=()=>{const t=(e,n)=>{const r=e?C(e):"",i=n?C(n):"";return r===i};if(P.current!==-1&&N.filteredOptions&&N.filteredOptions.length!==c.length&&N.inputValue===p&&(u?a.length===N.value.length&&N.value.every((e,n)=>C(a[n])===C(e)):t(N.value,a))){const e=N.filteredOptions[P.current];if(e)return Be(c,n=>C(n)===C(e))}return-1},$e=b.useCallback(()=>{if(!v)return;const t=ie();if(t!==-1){P.current=t;return}const e=u?a[0]:a;if(c.length===0||e==null){E({diff:"reset"});return}if(S.current){if(e!=null){const n=c[P.current];if(u&&n&&Be(a,i=>ne(n,i))!==-1)return;const r=Be(c,i=>ne(i,e));r===-1?E({diff:"reset"}):z({index:r});return}if(P.current>=c.length-1){z({index:c.length-1});return}z({index:P.current})}},[c.length,u?!1:a,ge,E,z,v,p,u]),Qe=je(t=>{Lt(S,t),t&&$e()});b.useEffect(()=>{$e()},[$e]);const w=t=>{J||(Ne(!0),Ee(!0),Te&&Te(t))},G=(t,e)=>{J&&(Ne(!1),Le&&Le(t,e))},V=(t,e,n,r)=>{if(u){if(a.length===e.length&&a.every((i,d)=>i===e[d]))return}else if(a===e)return;he&&he(t,e,n,r),it(e)},pe=b.useRef(!1),ee=(t,e,n="selectOption",r="options")=>{let i=n,d=e;if(u){d=Array.isArray(a)?a.slice():[];const g=Be(d,_=>ne(e,_));g===-1?d.push(e):r!=="freeSolo"&&(d.splice(g,1),i="removeOption")}Z(t,d),V(t,d,i,{option:e}),!fe&&(!t||!t.ctrlKey&&!t.metaKey)&&G(t,i),(T===!0||T==="touch"&&pe.current||T==="mouse"&&!pe.current)&&h.current.blur()};function Me(t,e){if(t===-1)return-1;let n=t;for(;;){if(e==="next"&&n===a.length||e==="previous"&&n===-1)return-1;const r=re.querySelector(`[data-tag-index="${n}"]`);if(!r||!r.hasAttribute("tabindex")||r.disabled||r.getAttribute("aria-disabled")==="true")n+=e==="next"?1:-1;else return n}}const He=(t,e)=>{if(!u)return;p===""&&G(t,"toggleInput");let n=y;y===-1?p===""&&e==="previous"&&(n=a.length-1):(n+=e==="next"?1:-1,n<0&&(n=0),n===a.length&&(n=-1)),n=Me(n,e),Oe(n),ae(n)},ze=t=>{Ie.current=!0,W(""),B&&B(t,"","clear"),V(t,u?[]:null,"clear")},Xe=t=>e=>{if(t.onKeyDown&&t.onKeyDown(e),!e.defaultMuiPrevented&&(y!==-1&&["ArrowLeft","ArrowRight"].indexOf(e.key)===-1&&(Oe(-1),ae(-1)),e.which!==229))switch(e.key){case"Home":v&&q&&(e.preventDefault(),E({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":v&&q&&(e.preventDefault(),E({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),E({diff:-gt,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),E({diff:gt,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowDown":e.preventDefault(),E({diff:1,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowUp":e.preventDefault(),E({diff:-1,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"ArrowLeft":He(e,"previous");break;case"ArrowRight":He(e,"next");break;case"Enter":if(P.current!==-1&&v){const n=c[P.current],r=j?j(n):!1;if(e.preventDefault(),r)return;ee(e,n,"selectOption"),A&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else K&&p!==""&&Fe===!1&&(u&&e.preventDefault(),ee(e,p,"createOption","freeSolo"));break;case"Escape":v?(e.preventDefault(),e.stopPropagation(),G(e,"escape")):Q&&(p!==""||u&&a.length>0)&&(e.preventDefault(),e.stopPropagation(),ze(e));break;case"Backspace":if(u&&!Y&&p===""&&a.length>0){const n=y===-1?a.length-1:y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break;case"Delete":if(u&&!Y&&p===""&&a.length>0&&y!==-1){const n=y,r=a.slice();r.splice(n,1),V(e,r,"removeOption",{option:a[n]})}break}},pt=t=>{De(!0),st&&!Ie.current&&w(t)},ue=t=>{if(l(S)){h.current.focus();return}De(!1),ke.current=!0,Ie.current=!1,D&&P.current!==-1&&v?ee(t,c[P.current],"blur"):D&&K&&p!==""?ee(t,p,"blur","freeSolo"):m&&Z(t,a),G(t,"blur")},$=t=>{const e=t.target.value;p!==e&&(W(e),Ee(!1),B&&B(t,e,"input")),e===""?!X&&!u&&V(t,null,"clear"):w(t)},x=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));P.current!==e&&z({event:t,index:e,reason:"mouse"})},F=t=>{z({event:t,index:Number(t.currentTarget.getAttribute("data-option-index")),reason:"touch"}),pe.current=!0},ut=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));ee(t,c[e],"selectOption"),pe.current=!1},Ye=t=>e=>{const n=a.slice();n.splice(t,1),V(e,n,"removeOption",{option:a[t]})},Ze=t=>{J?G(t,"toggleInput"):w(t)},et=t=>{t.currentTarget.contains(t.target)&&t.target.getAttribute("id")!==L&&t.preventDefault()},Ve=t=>{t.currentTarget.contains(t.target)&&(h.current.focus(),xe&&ke.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),ke.current=!1)},Ce=t=>{!k&&(p===""||!J)&&Ze(t)};let te=K&&p.length>0;te=te||(u?a.length>0:a!==null);let ce=c;return me&&(ce=c.reduce((t,e,n)=>{const r=me(e);return t.length>0&&t[t.length-1].group===r?t[t.length-1].options.push(e):t.push({key:n,index:n,group:r,options:[e]}),t},[])),k&&le&&ue(),{getRootProps:(t={})=>O({"aria-owns":Pe?`${L}-listbox`:null},t,{onKeyDown:Xe(t),onMouseDown:et,onClick:Ve}),getInputLabelProps:()=>({id:`${L}-label`,htmlFor:L}),getInputProps:()=>({id:L,value:p,onBlur:ue,onFocus:pt,onChange:$,onMouseDown:Ce,"aria-activedescendant":v?"":null,"aria-autocomplete":A?"both":"list","aria-controls":Pe?`${L}-listbox`:void 0,"aria-expanded":Pe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:k}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ze}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:Ze}),getTagProps:({index:t})=>O({key:t,"data-tag-index":t,tabIndex:-1},!Y&&{onDelete:Ye(t)}),getListboxProps:()=>({role:"listbox",id:`${L}-listbox`,"aria-labelledby":`${L}-label`,ref:Qe,onMouseDown:t=>{t.preventDefault()}}),getOptionProps:({index:t,option:e})=>{var n;const r=(u?a:[a]).some(d=>d!=null&&ne(e,d)),i=j?j(e):!1;return{key:(n=Ue==null?void 0:Ue(e))!=null?n:C(e),tabIndex:-1,role:"option",id:`${L}-option-${t}`,onMouseMove:x,onClick:ut,onTouchStart:F,"data-option-index":t,"aria-disabled":i,"aria-selected":r}},id:L,inputValue:p,value:a,dirty:te,expanded:v&&re,popupOpen:v,focused:le||y!==-1,anchorEl:re,setAnchorEl:qe,focusedTag:y,groupedOptions:ce}}var mt,ht;const Mt=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionKey","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","slotProps","value"],Ht=["ref"],zt=["key"],Vt=["key"],_t=o=>{const{classes:l,disablePortal:f,expanded:A,focused:H,fullWidth:D,hasClearIcon:T,hasPopupIcon:m,inputFocused:Q,popupOpen:U,size:R}=o,X={root:["root",A&&"expanded",H&&"focused",D&&"fullWidth",T&&"hasClearIcon",m&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",Q&&"inputFocused"],tag:["tag",`tagSize${bt(R)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",U&&"popupIndicatorOpen"],popper:["popper",f&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return Ct(X,yt,l)},jt=M("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(o,l)=>{const{ownerState:f}=o,{fullWidth:A,hasClearIcon:H,hasPopupIcon:D,inputFocused:T,size:m}=f;return[{[`& .${s.tag}`]:l.tag},{[`& .${s.tag}`]:l[`tagSize${bt(m)}`]},{[`& .${s.inputRoot}`]:l.inputRoot},{[`& .${s.input}`]:l.input},{[`& .${s.input}`]:T&&l.inputFocused},l.root,A&&l.fullWidth,D&&l.hasPopupIcon,H&&l.hasClearIcon]}})({[`&.${s.focused} .${s.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${s.clearIndicator}`]:{visibility:"visible"}},[`& .${s.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${s.inputRoot}`]:{[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:30},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:56},[`& .${s.input}`]:{width:0,minWidth:30}},[`& .${ot.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${ot.root}.${oe.sizeSmall}`]:{[`& .${ot.input}`]:{padding:"2px 4px 3px 0"}},[`& .${dt.root}`]:{padding:9,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${s.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${dt.root}.${oe.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${s.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${de.root}`]:{paddingTop:19,paddingLeft:8,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${de.input}`]:{padding:"7px 4px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${de.root}.${oe.sizeSmall}`]:{paddingBottom:1,[`& .${de.input}`]:{padding:"2.5px 4px"}},[`& .${oe.hiddenLabel}`]:{paddingTop:8},[`& .${de.root}.${oe.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${s.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${de.root}.${oe.hiddenLabel}.${oe.sizeSmall}`]:{[`& .${s.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${s.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${s.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${s.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${s.inputRoot}`]:{flexWrap:"wrap"}}}]}),Bt=M("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(o,l)=>l.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Wt=M(Ot,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(o,l)=>l.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),Gt=M(Ot,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:o},l)=>O({},l.popupIndicator,o.popupOpen&&l.popupIndicatorOpen)})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),Ut=M(It,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(o,l)=>{const{ownerState:f}=o;return[{[`& .${s.option}`]:l.option},l.popper,f.disablePortal&&l.popperDisablePortal]}})(({theme:o})=>({zIndex:(o.vars||o).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]})),Kt=M(xt,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(o,l)=>l.paper})(({theme:o})=>O({},o.typography.body1,{overflow:"auto"})),qt=M("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(o,l)=>l.loading})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Jt=M("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(o,l)=>l.noOptions})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Qt=M("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(o,l)=>l.listbox})(({theme:o})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${s.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[o.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${s.focused}`]:{backgroundColor:(o.vars||o).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(o.vars||o).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${s.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity),[`&.${s.focused}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(o.vars||o).palette.action.selected}},[`&.${s.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}}}})),Xt=M(Rt,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(o,l)=>l.groupLabel})(({theme:o})=>({backgroundColor:(o.vars||o).palette.background.paper,top:-8})),Yt=M("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(o,l)=>l.groupUl})({padding:0,[`& .${s.option}`]:{paddingLeft:24}}),co=b.forwardRef(function(l,f){var A,H,D,T;const m=$t({props:l,name:"MuiAutocomplete"}),{autoComplete:Q=!1,autoHighlight:U=!1,autoSelect:R=!1,blurOnSelect:X=!1,ChipProps:fe,className:k,clearIcon:We=mt||(mt=I.jsx(At,{fontSize:"small"})),clearOnBlur:Ge=!m.freeSolo,clearOnEscape:rt=!1,clearText:ge="Clear",closeText:K="Close",componentsProps:j={},defaultValue:Ue=m.multiple?[]:null,disableClearable:ve=!1,disableCloseOnSelect:me=!1,disabled:q=!1,disabledItemsFocusable:lt=!1,disableListWrap:Ke=!1,disablePortal:Ae=!1,filterSelectedOptions:ne=!1,forcePopupIcon:u="auto",freeSolo:he=!1,fullWidth:Le=!1,getLimitTagsText:Se=e=>`+${e}`,getOptionLabel:B,groupBy:Te,handleHomeEndKeys:at=!m.freeSolo,includeInputInList:st=!1,limitTags:be=-1,ListboxComponent:Y="ul",ListboxProps:xe,loading:Re=!1,loadingText:L="Loading…",multiple:C=!1,noOptionsText:Ie="No options",openOnFocus:ke=!1,openText:h="Open",PaperComponent:S=xt,PopperComponent:re=It,popupIcon:qe=ht||(ht=I.jsx(vt,{})),readOnly:y=!1,renderGroup:Oe,renderInput:we,renderOption:P,renderTags:a,selectOnFocus:it=!m.freeSolo,size:p="medium",slotProps:W={}}=m,le=_e(m,Mt),{getRootProps:De,getInputProps:Z,getInputLabelProps:J,getPopupIndicatorProps:Ne,getClearProps:Je,getTagProps:Ee,getListboxProps:Fe,getOptionProps:v,value:c,dirty:N,expanded:Pe,id:ae,popupOpen:se,focused:z,focusedTag:E,anchorEl:ie,setAnchorEl:$e,inputValue:Qe,groupedOptions:w}=Ft(O({},m,{componentName:"Autocomplete"})),G=!ve&&!q&&N&&!y,V=(!he||u===!0)&&u!==!1,{onMouseDown:pe}=Z(),{ref:ee}=xe??{},Me=Fe(),{ref:He}=Me,ze=_e(Me,Ht),Xe=St(He,ee),ue=B||(e=>{var n;return(n=e.label)!=null?n:e}),$=O({},m,{disablePortal:Ae,expanded:Pe,focused:z,fullWidth:Le,getOptionLabel:ue,hasClearIcon:G,hasPopupIcon:V,inputFocused:E===-1,popupOpen:se,size:p}),x=_t($);let F;if(C&&c.length>0){const e=n=>O({className:x.tag,disabled:q},Ee(n));a?F=a(c,e,$):F=c.map((n,r)=>{const i=e({index:r}),{key:d}=i,g=_e(i,zt);return I.jsx(Tt,O({label:ue(n),size:p},g,fe),d)})}if(be>-1&&Array.isArray(F)){const e=F.length-be;!z&&e>0&&(F=F.splice(0,be),F.push(I.jsx("span",{className:x.tag,children:Se(e)},F.length)))}const Ye=Oe||(e=>I.jsxs("li",{children:[I.jsx(Xt,{className:x.groupLabel,ownerState:$,component:"div",children:e.group}),I.jsx(Yt,{className:x.groupUl,ownerState:$,children:e.children})]},e.key)),et=P||((e,n)=>{const{key:r}=e,i=_e(e,Vt);return I.jsx("li",O({},i,{children:ue(n)}),r)}),Ve=(e,n)=>{const r=v({option:e,index:n});return et(O({},r,{className:x.option}),e,{selected:r["aria-selected"],index:n,inputValue:Qe},$)},Ce=(A=W.clearIndicator)!=null?A:j.clearIndicator,te=(H=W.paper)!=null?H:j.paper,ce=(D=W.popper)!=null?D:j.popper,t=(T=W.popupIndicator)!=null?T:j.popupIndicator;return I.jsxs(b.Fragment,{children:[I.jsx(jt,O({ref:f,className:ye(x.root,k),ownerState:$},De(le),{children:we({id:ae,disabled:q,fullWidth:!0,size:p==="small"?"small":void 0,InputLabelProps:J(),InputProps:O({ref:$e,className:x.inputRoot,startAdornment:F,onClick:e=>{e.target===e.currentTarget&&pe(e)}},(G||V)&&{endAdornment:I.jsxs(Bt,{className:x.endAdornment,ownerState:$,children:[G?I.jsx(Wt,O({},Je(),{"aria-label":ge,title:ge,ownerState:$},Ce,{className:ye(x.clearIndicator,Ce==null?void 0:Ce.className),children:We})):null,V?I.jsx(Gt,O({},Ne(),{disabled:q,"aria-label":se?K:h,title:se?K:h,ownerState:$},t,{className:ye(x.popupIndicator,t==null?void 0:t.className),children:qe})):null]})}),inputProps:O({className:x.input,disabled:q,readOnly:y},Z())})})),ie?I.jsx(Ut,O({as:re,disablePortal:Ae,style:{width:ie?ie.clientWidth:null},ownerState:$,role:"presentation",anchorEl:ie,open:se},ce,{className:ye(x.popper,ce==null?void 0:ce.className),children:I.jsxs(Kt,O({ownerState:$,as:S},te,{className:ye(x.paper,te==null?void 0:te.className),children:[Re&&w.length===0?I.jsx(qt,{className:x.loading,ownerState:$,children:L}):null,w.length===0&&!he&&!Re?I.jsx(Jt,{className:x.noOptions,ownerState:$,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:Ie}):null,w.length>0?I.jsx(Qt,O({as:Y,className:x.listbox,ownerState:$},ze,xe,{ref:Xe,children:w.map((e,n)=>Te?Ye({key:e.key,group:e.group,children:e.options.map((r,i)=>Ve(r,e.index+i))}):Ve(e,n))})):null]}))})):null]})});export{co as A,kt as u};