@okta/odyssey-react-mui 1.48.0 → 1.50.1

package/dist/assets/{PageTemplate.stories-BD8Hafdu.js → PageTemplate.stories-BWAsJCDg.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js";import{a as C,j as v}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{h as L}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as s}from"./index-NdkWRN8K.js";import{a as d}from"./index-B-lxVbXh.js";import{O as J}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as h}from"./Surface-BCTO1YR-.js";import{M as f}from"./Form-CJrxMkwr.js";import{M as c}from"./TextField-BIepBlYn.js";import{M as n}from"./Button-DPUOjyZy.js";import{B as y}from"./Breadcrumbs-BGJJeoxM.js";import{M as I}from"./MenuButton-DvVmjwMC.js";import{M as R}from"./MenuItem-DoUaLmgU.js";import{M as V}from"./Drawer-C9M8pytV.js";import{M as x}from"./Layout-BndkhA1_.js";import"./Typography-CQfngSjD.js";import"./Typography-CSpPZFTF.js";import"./Box-B6KmU4_J.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DcsndbPK.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-BPLFYiwr.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./InputAdornment-Dj-8HF_1.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Button-BvUGu5Sm.js";import"./Group-DWmiPyzE.js";import"./User-CvYTA860.js";import"./MenuItem-oi_JaUho.js";import"./Home-CUQc6tB8.js";import"./BaseMenuButton-DCwowxQ6.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./FullScreenOverlay-Bujsxbxh.js";/*!
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Di2iOJpx.js";import{a as C,j as P}from"./emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js";import{h as L}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as s}from"./index-NdkWRN8K.js";import{a as d}from"./index-B-lxVbXh.js";import{O as J}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{M as h}from"./Surface-DBEECTVv.js";import{M as f}from"./Form--NGGwJcX.js";import{M as c}from"./TextField-DUdvP48K.js";import{M as n}from"./Button-DuM2NeMY.js";import{B as y}from"./Breadcrumbs-DnkzpkPy.js";import{M as I}from"./MenuButton-C-OmKt3g.js";import{M as R}from"./MenuItem-C0i8WJAZ.js";import{M as V}from"./Drawer-D97GHbuL.js";import{M as x}from"./Layout-CLuC-soE.js";import"./Typography-DkvJJHkF.js";import"./Typography-NdqIGwl5.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-D0sejjD3.js";import"./Menu-C2dEwThV.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.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"./List-BSidosAy.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-oMWLr_-4.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-C4vClHaZ.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./InputAdornment-CVIbzdDI.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./Button-CbJri63v.js";import"./Group-D87tnFnJ.js";import"./User-D5oZGOlm.js";import"./MenuItem-D69h7bYZ.js";import"./Home-Cn8YbOdj.js";import"./BaseMenuButton-DPFgAU1j.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLP5TTaz.js";import"./FullScreenOverlay-B8rXO7lI.js";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -18,7 +18,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const X=({onMount:r,onUpdate:a})=>{const i=s.useRef(!1),o=s.useRef(r);s.useEffect(()=>{var l;i.current?a==null||a():(i.current=!0,(l=o.current)==null||l.call(o))},[a])},Y=L("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="hasUiShell"&&r!=="isFullWidth"})(({hasUiShell:r,isFullWidth:a,odysseyDesignTokens:i})=>({maxWidth:a?"100%":`calc(1440px + ${i.Spacing6} + ${i.Spacing6})`,marginInline:a&&!r?i.Spacing6:"auto",padding:r?0:i.Spacing6})),Z=L("div",{shouldForwardProp:r=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(r)})(({drawerVariant:r,isDrawerOpen:a,isFirstRender:i,odysseyDesignTokens:o})=>({"@keyframes animate-drawer-open":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 0"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 360px"}},"@keyframes animate-drawer-close":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 360px"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 0"}},display:"grid",gridGap:r==="persistent"&&!a?0:o.Spacing4,gap:r==="persistent"&&!a?0:o.Spacing4,marginBlock:o.Spacing6,gridTemplateColumns:r==="persistent"?a?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:r==="persistent"&&(!i||a)?`animate-drawer-${a?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0,"& > div":{minWidth:0}})),U=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const P=_(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=Q(),k=s.useRef(!0),N=k.current,$=s.useCallback(()=>{k.current=!1},[]);return X({onMount:$}),C(Y,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:P,children:[r&&v("div",{children:r}),C(Z,{drawerVariant:W,isDrawerOpen:z,isFirstRender:N,odysseyDesignTokens:P,children:[v("div",{children:a}),v("div",{children:i})]},"template-content")]})},m=s.memo(U);m.displayName="PageTemplate";const Ma={component:m,decorators:[J,G],parameters:{layout:"fullscreen"},tags:["autodocs"]},u={render:r=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:r.isFullWidth,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})},p={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"temporary",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},b={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"persistent",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},g={render:()=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:!0,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})};var j,A,D;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
+ */const X=({onMount:r,onUpdate:a})=>{const i=s.useRef(!1),o=s.useRef(r);s.useEffect(()=>{var l;i.current?a==null||a():(i.current=!0,(l=o.current)==null||l.call(o))},[a])},Y=L("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="hasUiShell"&&r!=="isFullWidth"})(({hasUiShell:r,isFullWidth:a,odysseyDesignTokens:i})=>({maxWidth:a?"100%":`calc(1440px + ${i.Spacing6} + ${i.Spacing6})`,marginInline:a&&!r?i.Spacing6:"auto",padding:r?0:i.Spacing6})),Z=L("div",{shouldForwardProp:r=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(r)})(({drawerVariant:r,isDrawerOpen:a,isFirstRender:i,odysseyDesignTokens:o})=>({"@keyframes animate-drawer-open":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 0"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 360px"}},"@keyframes animate-drawer-close":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 360px"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 0"}},display:"grid",gridGap:r==="persistent"&&!a?0:o.Spacing4,gap:r==="persistent"&&!a?0:o.Spacing4,marginBlock:o.Spacing6,gridTemplateColumns:r==="persistent"?a?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:r==="persistent"&&(!i||a)?`animate-drawer-${a?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0,"& > div":{minWidth:0}})),U=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const v=_(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=Q(),k=s.useRef(!0),N=k.current,$=s.useCallback(()=>{k.current=!1},[]);return X({onMount:$}),C(Y,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:v,children:[r&&P("div",{children:r}),C(Z,{drawerVariant:W,isDrawerOpen:z,isFirstRender:N,odysseyDesignTokens:v,children:[P("div",{children:a}),P("div",{children:i})]},"template-content")]})},m=s.memo(U);m.displayName="PageTemplate";const Ma={component:m,decorators:[J,G],parameters:{layout:"fullscreen"},tags:["autodocs"]},u={render:r=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",children:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:r.isFullWidth,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})},p={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"temporary",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",children:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},b={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"persistent",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",children:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},g={render:()=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",children:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:!0,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})};var j,D,A;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
   render: args => <PageTemplate headerComponent={<PageHeader>
           <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
             <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
@@ -38,7 +38,9 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
             confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
             debilito.
           </PageHeader.Description>
-          <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
           <PageHeader.Actions key="actions">
             <MenuButton buttonLabel="Secondary" key="secondary">
               <MenuItem onClick={action("Action click")}>Action</MenuItem>
@@ -59,7 +61,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
         </Surface>
       </Layout>
     </PageTemplate>
-}`,...(D=(A=u.parameters)==null?void 0:A.docs)==null?void 0:D.source}}};var T,w,M;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
+}`,...(A=(D=u.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var T,w,H;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
   render: function C() {
     const [isDrawerVisible, setIsDrawerVisible] = useState(false);
     const onOpenEmbeddedDrawer = useCallback(() => {
@@ -87,7 +89,9 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
               confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
               debilito.
             </PageHeader.Description>
-            <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
             <PageHeader.Actions key="actions">
               <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
             </PageHeader.Actions>
@@ -106,7 +110,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
         </Layout>
       </PageTemplate>;
   }
-}`,...(M=(w=p.parameters)==null?void 0:w.docs)==null?void 0:M.source}}};var H,S,B;b.parameters={...b.parameters,docs:{...(H=b.parameters)==null?void 0:H.docs,source:{originalSource:`{
+}`,...(H=(w=p.parameters)==null?void 0:w.docs)==null?void 0:H.source}}};var M,S,B;b.parameters={...b.parameters,docs:{...(M=b.parameters)==null?void 0:M.docs,source:{originalSource:`{
   render: function C() {
     const [isDrawerVisible, setIsDrawerVisible] = useState(false);
     const onOpenEmbeddedDrawer = useCallback(() => {
@@ -134,7 +138,9 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
               confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
               debilito.
             </PageHeader.Description>
-            <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
             <PageHeader.Actions key="actions">
               <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
             </PageHeader.Actions>
@@ -173,7 +179,9 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
             confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
             debilito.
           </PageHeader.Description>
-          <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
           <PageHeader.Actions key="actions">
             <MenuButton buttonLabel="Secondary" key="secondary">
               <MenuItem onClick={action("Action click")}>Action</MenuItem>
@@ -194,4 +202,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
         </Surface>
       </Layout>
     </PageTemplate>
-}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const Ha=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,Ha as __namedExportsOrder,Ma as default};
+}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const Sa=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,Sa as __namedExportsOrder,Ma as default};

package/dist/assets/{PaginatedTable _labs_.stories-Lt6yWTDo.js → PaginatedTable _labs_.stories-eXIvKB_N.js }

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-CnH95YSl.js";import{f as A}from"./index-BJMTVygn.js";import{r as e}from"./index-NdkWRN8K.js";import{O as pe}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{u as fe,M as Ne}from"./index.esm-XFhSJO0s.js";import{J as ge,T as j}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as z}from"./Typography-B7ktrxCD.js";import{M as ye}from"./Button-DPUOjyZy.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./List-_p0jkXPM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-BdcLUgCD.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./Portal-CsPQSHsR.js";import"./Paper-DwBg74qy.js";import"./Box-B6KmU4_J.js";import"./CircularProgress-AX8KCiV6.js";import"./DialogContent-B-pM1DP1.js";import"./Fade-CHnXmzFb.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-d6kliu8x.js";import"./DialogTitle-DA2nrmUc.js";import"./Typography-CSpPZFTF.js";import"./Menu-CU_mHT7L.js";import"./MenuList-0OHGr5AC.js";import"./colorManipulator-C6C6_xuT.js";import"./IconButton-Wwvz84xG.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./Checkbox-OauVZWc5.js";import"./useMobilePicker-CRiGjvfW.js";import"./Select-VvpDulqk.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./InputBase-6reb9B7r.js";import"./FormHelperText-Ca69g4Je.js";import"./useThemeProps-DJ3F4KkW.js";import"./InputAdornment-Dj-8HF_1.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-BvUGu5Sm.js";import"./Chip-B9WkuA4b.js";import"./MenuItem-oi_JaUho.js";import"./Collapse-DtQCvyEw.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./Close-BjXKhBr_.js";import"./Skeleton-DAUyPclv.js";import"./Divider-CAwVs6Y1.js";import"./Autocomplete-CknstIK_.js";import"./ListSubheader-DO359rMr.js";import"./tableSortLabelClasses-C7INAE6Y.js";import"./FormControlLabel-CoGABX1G.js";import"./DateTimePicker-DKGE8593.js";import"./Tabs-Dxt5P3aJ.js";import"./DatePicker-BGoHW8Is.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";/*!
+import{j as i}from"./jsx-runtime-CnH95YSl.js";import{f as A}from"./index-BJMTVygn.js";import{r as e}from"./index-NdkWRN8K.js";import{O as pe}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{u as fe,M as Ne}from"./index.esm-Dv3Cs9mX.js";import{K as ge,T as j}from"./OdysseyThemeProvider-C4N_85M9.js";import{M as z}from"./Typography-C4vClHaZ.js";import{M as ye}from"./Button-DuM2NeMY.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./createSvgIcon-V-Po-Ssl.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./List-BSidosAy.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"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-3Wr9v8NX.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./Portal-DK2ELYoG.js";import"./Paper-D4wDjY4F.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./CircularProgress-K0vgt9-g.js";import"./DialogContent-CfzX3t0u.js";import"./Fade-fD56BVkE.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-p1SqDmrR.js";import"./DialogTitle-DWrKQeoP.js";import"./Typography-NdqIGwl5.js";import"./Menu-C2dEwThV.js";import"./MenuList-BCZDiX8u.js";import"./colorManipulator-BmBCr6qx.js";import"./IconButton-CgM2Hv_L.js";import"./Radio-BRMnUBeG.js";import"./SwitchBase-n4YlIRfi.js";import"./Checkbox-BlSNHylx.js";import"./useMobilePicker-NPR54vgn.js";import"./Select-Dg6qtAos.js";import"./ArrowDropDown-DddCYTEO.js";import"./InputBase-DSyP23zj.js";import"./FormHelperText-DQoZ2-nD.js";import"./useThemeProps-k7xle20R.js";import"./InputAdornment-CVIbzdDI.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-CbJri63v.js";import"./Chip-M3FRYspe.js";import"./MenuItem-D69h7bYZ.js";import"./Collapse-DKQFr8Jv.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./Close-DJA1l50S.js";import"./Skeleton-Bgl-rJ6W.js";import"./Divider-bVF9wNUG.js";import"./Autocomplete-BMfy4j72.js";import"./ListSubheader--G940pR4.js";import"./tableSortLabelClasses-BUdDGZ1b.js";import"./FormControlLabel-DPa22EmK.js";import"./DateTimePicker-Bc3ybPls.js";import"./Tabs-Yjnd4xiR.js";import"./DatePicker-DcQC9osa.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";/*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{j as i}from"./jsx-runtime-CnH95YSl.js";import{f as A}from"./index-BJMTVyg
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const be=({columns:a=[],data:r=[],fetchMoreData:o,getRowId:d,hasError:p,hasRowSelection:f,initialState:n,isFetching:w,onGlobalFilterChange:N,onPaginationChange:g,onRowSelectionChange:y,rowsPerPage:ee=10,state:C,ToolbarButtons:J})=>{const{t:L}=ge(),v=e.useRef(null),[E,ae]=e.useState([]),[c,te]=e.useState();e.useEffect(()=>{c!==void 0&&(N==null||N(c))},[c,N]),e.useEffect(()=>{var s,m;try{(m=(s=v.current)==null?void 0:s.scrollToIndex)==null||m.call(s,0)}catch(u){console.error(u)}},[E,c]);const l=r.length??0,se=e.useCallback(()=>o?i.jsx(z,{children:i.jsx(j,{count:l,i18nKey:"table.fetchedrows.text",values:{totalRows:l}})}):i.jsx(z,{children:i.jsx(j,{count:l,i18nKey:"table.rows.text",values:{totalRows:l}})}),[o,l]),re=e.useCallback(({table:s})=>i.jsx(i.Fragment,{children:J&&i.jsx(J,{table:s})}),[J]),[b,oe]=e.useState({});e.useEffect(()=>{y==null||y(b)},[y,b]);const[t,ie]=e.useState((n==null?void 0:n.pagination)||{pageIndex:0,pageSize:ee}),O=e.useRef(r.length),ne=e.useCallback(s=>{r.length===O.current?ie(m=>s(m)):O.current=r.length},[r.length]);e.useEffect(()=>{const s=Math.floor(r.length/t.pageSize);!w&&t.pageIndex>s-1&&(o==null||o())},[r.length,o,w,t.pageIndex,t.pageSize]),e.useEffect(()=>{g==null||g({pageIndex:t.pageIndex,pageSize:t.pageSize})},[g,t.pageIndex,t.pageSize]);const me=e.useMemo(()=>({pagination:t,...n}),[n,t]),de=e.useMemo(()=>({pagination:{pageIndex:t.pageIndex,pageSize:t.pageSize},rowSelection:b,globalFilter:c,columnFilters:E,...C}),[t.pageIndex,t.pageSize,b,c,E,C]),ce=e.useMemo(()=>p?{children:L("table.error"),severity:"error"}:{},[p,L]),le=e.useMemo(()=>({rowsPerPageOptions:[],showFirstButton:!1,showLastButton:!1}),[]),K=e.useCallback(s=>{var m,u,M,V,B,h,P;return typeof((M=(u=(m=s.components)==null?void 0:m.MuiCheckbox)==null?void 0:u.styleOverrides)==null?void 0:M.root)=="function"?(P=(h=(B=(V=s.components)==null?void 0:V.MuiCheckbox)==null?void 0:B.styleOverrides)==null?void 0:h.root)==null?void 0:P.call(h,{ownerState:{},theme:s}):""},[]),ue=fe({columns:a,data:r,enableMultiRowSelection:f,enablePagination:!0,enableRowSelection:f,enableSorting:!1,getRowId:d,initialState:me,muiSelectAllCheckboxProps:{sx:K},muiSelectCheckboxProps:{sx:K},muiPaginationProps:le,muiToolbarAlertBannerProps:ce,onColumnFiltersChange:ae,onGlobalFilterChange:te,onPaginationChange:ne,onRowSelectionChange:oe,renderBottomToolbarCustomActions:se,renderTopToolbarCustomActions:re,rowVirtualizerInstanceRef:v,rowVirtualizerOptions:{overscan:4},state:de});return i.jsx(Ne,{table:ue})},I=e.memo(be);I.displayName="PaginatedTable";const Xa={component:I,decorators:[pe],argTypes:{columns:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},data:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},getRowId:{},fetchMoreData:{},hasError:{control:"boolean"},hasRowSelection:{control:"boolean"},initialState:{control:"object"},isFetching:{control:"boolean"},onGlobalFilterChange:{},onPaginationChange:{},onRowSelectionChange:{},state:{control:"object"},ToolbarButtons:{},rowsPerPage:{table:{defaultValue:{summary:"10"}}}},args:{onPaginationChange:A(),onRowSelectionChange:A()}},T=[{accessorKey:"name.firstName",header:"First Name"},{accessorKey:"name.lastName",header:"Last Name"},{accessorKey:"address",Cell:({cell:a})=>a.getValue().concat(","),header:"Address"},{accessorKey:"city",header:"City"},{accessorKey:"state",header:"State"}],x=[{address:"261 Erdman Ford",city:"East Daphne",id:"234823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"234823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"234823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"234823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"234823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"334823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"334823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"334823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"334823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"334823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"434823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"434823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"434823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"434823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"434823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"534823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"534823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"534823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"534823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"534823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"634823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"634823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"634823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"634823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"634823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"734823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"734823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"734823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"734823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"734823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"834823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"834823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"834823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"834823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"834823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"934823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"934823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"934823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"934823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"934823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"}],k={args:{columns:T,data:x,getRowId:({id:a})=>a}},S={args:{columns:T,data:x,getRowId:({id:a})=>a},render:function(r){const o=e.useRef(15),d=e.useMemo(()=>r.data??[],[r]),[p,f]=e.useState(d.slice(0,o.current)),n=e.useCallback(()=>{o.current=o.current+10,f(d.slice(0,Math.min(o.current,d.length)))},[d]);return i.jsx(I,{...r,data:p,fetchMoreData:n})}},D={args:{columns:T,data:x,getRowId:({id:a})=>a,hasRowSelection:!0}},R={args:{columns:T,data:x,getRowId:({id:a})=>a,ToolbarButtons:({table:a})=>i.jsx(ye,{label:"New Action",onClick:()=>console.info(a.getState()),variant:"primary"})}};var F,W,G;k.parameters={...k.parameters,docs:{...(F=k.parameters)==null?void 0:F.docs,source:{originalSource:`{
+ */const be=({columns:a=[],data:r=[],fetchMoreData:o,getRowId:d,hasError:p,hasRowSelection:f,initialState:n,isFetching:w,onGlobalFilterChange:N,onPaginationChange:g,onRowSelectionChange:y,rowsPerPage:ee=10,state:C,ToolbarButtons:E})=>{const{t:L}=ge(),v=e.useRef(null),[J,ae]=e.useState([]),[c,te]=e.useState();e.useEffect(()=>{c!==void 0&&(N==null||N(c))},[c,N]),e.useEffect(()=>{var s,m;try{(m=(s=v.current)==null?void 0:s.scrollToIndex)==null||m.call(s,0)}catch(u){console.error(u)}},[J,c]);const l=r.length??0,se=e.useCallback(()=>o?i.jsx(z,{children:i.jsx(j,{count:l,i18nKey:"table.fetchedrows.text",values:{totalRows:l}})}):i.jsx(z,{children:i.jsx(j,{count:l,i18nKey:"table.rows.text",values:{totalRows:l}})}),[o,l]),re=e.useCallback(({table:s})=>i.jsx(i.Fragment,{children:E&&i.jsx(E,{table:s})}),[E]),[b,oe]=e.useState({});e.useEffect(()=>{y==null||y(b)},[y,b]);const[t,ie]=e.useState((n==null?void 0:n.pagination)||{pageIndex:0,pageSize:ee}),K=e.useRef(r.length),ne=e.useCallback(s=>{r.length===K.current?ie(m=>s(m)):K.current=r.length},[r.length]);e.useEffect(()=>{const s=Math.floor(r.length/t.pageSize);!w&&t.pageIndex>s-1&&(o==null||o())},[r.length,o,w,t.pageIndex,t.pageSize]),e.useEffect(()=>{g==null||g({pageIndex:t.pageIndex,pageSize:t.pageSize})},[g,t.pageIndex,t.pageSize]);const me=e.useMemo(()=>({pagination:t,...n}),[n,t]),de=e.useMemo(()=>({pagination:{pageIndex:t.pageIndex,pageSize:t.pageSize},rowSelection:b,globalFilter:c,columnFilters:J,...C}),[t.pageIndex,t.pageSize,b,c,J,C]),ce=e.useMemo(()=>p?{children:L("table.error"),severity:"error"}:{},[p,L]),le=e.useMemo(()=>({rowsPerPageOptions:[],showFirstButton:!1,showLastButton:!1}),[]),O=e.useCallback(s=>{var m,u,M,V,B,h,P;return typeof((M=(u=(m=s.components)==null?void 0:m.MuiCheckbox)==null?void 0:u.styleOverrides)==null?void 0:M.root)=="function"?(P=(h=(B=(V=s.components)==null?void 0:V.MuiCheckbox)==null?void 0:B.styleOverrides)==null?void 0:h.root)==null?void 0:P.call(h,{ownerState:{},theme:s}):""},[]),ue=fe({columns:a,data:r,enableMultiRowSelection:f,enablePagination:!0,enableRowSelection:f,enableSorting:!1,getRowId:d,initialState:me,muiSelectAllCheckboxProps:{sx:O},muiSelectCheckboxProps:{sx:O},muiPaginationProps:le,muiToolbarAlertBannerProps:ce,onColumnFiltersChange:ae,onGlobalFilterChange:te,onPaginationChange:ne,onRowSelectionChange:oe,renderBottomToolbarCustomActions:se,renderTopToolbarCustomActions:re,rowVirtualizerInstanceRef:v,rowVirtualizerOptions:{overscan:4},state:de});return i.jsx(Ne,{table:ue})},I=e.memo(be);I.displayName="PaginatedTable";const Ya={component:I,decorators:[pe],argTypes:{columns:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},data:{control:"object",type:{required:!0,name:"other",value:"MaterialReactTableProps<TData>"}},getRowId:{},fetchMoreData:{},hasError:{control:"boolean"},hasRowSelection:{control:"boolean"},initialState:{control:"object"},isFetching:{control:"boolean"},onGlobalFilterChange:{},onPaginationChange:{},onRowSelectionChange:{},state:{control:"object"},ToolbarButtons:{},rowsPerPage:{table:{defaultValue:{summary:"10"}}}},args:{onPaginationChange:A(),onRowSelectionChange:A()}},T=[{accessorKey:"name.firstName",header:"First Name"},{accessorKey:"name.lastName",header:"Last Name"},{accessorKey:"address",Cell:({cell:a})=>a.getValue().concat(","),header:"Address"},{accessorKey:"city",header:"City"},{accessorKey:"state",header:"State"}],x=[{address:"261 Erdman Ford",city:"East Daphne",id:"234823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"234823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"234823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"234823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"234823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"334823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"334823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"334823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"334823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"334823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"434823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"434823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"434823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"434823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"434823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"534823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"534823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"534823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"534823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"534823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"634823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"634823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"634823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"634823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"634823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"734823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"734823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"734823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"734823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"734823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"834823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"834823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"834823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"834823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"834823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"},{address:"261 Erdman Ford",city:"East Daphne",id:"934823773",name:{firstName:"John",lastName:"Doe"},state:"Kentucky"},{address:"769 Dominic Grove",city:"Columbus",id:"934823774",name:{firstName:"Jane",lastName:"Doe"},state:"Ohio"},{address:"566 Brakus Inlet",city:"South Linda",id:"934823775",name:{firstName:"Joe",lastName:"Doe"},state:"West Virginia"},{address:"722 Emie Stream",city:"Lincoln",id:"934823776",name:{firstName:"Kevin",lastName:"Vandy"},state:"Nebraska"},{address:"32188 Larkin Turnpike",city:"Omaha",id:"934823777",name:{firstName:"Joshua",lastName:"Rolluffs"},state:"Nebraska"}],k={args:{columns:T,data:x,getRowId:({id:a})=>a}},S={args:{columns:T,data:x,getRowId:({id:a})=>a},render:function(r){const o=e.useRef(15),d=e.useMemo(()=>r.data??[],[r]),[p,f]=e.useState(d.slice(0,o.current)),n=e.useCallback(()=>{o.current=o.current+10,f(d.slice(0,Math.min(o.current,d.length)))},[d]);return i.jsx(I,{...r,data:p,fetchMoreData:n})}},D={args:{columns:T,data:x,getRowId:({id:a})=>a,hasRowSelection:!0}},R={args:{columns:T,data:x,getRowId:({id:a})=>a,ToolbarButtons:({table:a})=>i.jsx(ye,{label:"New Action",onClick:()=>console.info(a.getState()),variant:"primary"})}};var F,W,G;k.parameters={...k.parameters,docs:{...(F=k.parameters)==null?void 0:F.docs,source:{originalSource:`{
   args: {
     columns,
     data,
@@ -62,4 +62,4 @@ import{j as i}from"./jsx-runtime-CnH95YSl.js";import{f as A}from"./index-BJMTVyg
       table
     }) => <Button label="New Action" onClick={() => console.info(table.getState())} variant="primary" />
   }
-}`,...($=(Z=R.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};const Ya=["BasicUsage","Pagination","Selection","CustomToolbar"];export{k as BasicUsage,R as CustomToolbar,S as Pagination,D as Selection,Ya as __namedExportsOrder,Xa as default};
+}`,...($=(Z=R.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};const Za=["BasicUsage","Pagination","Selection","CustomToolbar"];export{k as BasicUsage,R as CustomToolbar,S as Pagination,D as Selection,Za as __namedExportsOrder,Ya as default};

package/dist/assets/{Pagination-BTycGMV-.js → Pagination-CPZOkZUE.js}

@@ -1,4 +1,4 @@
-import{J as F,u as te,h as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as e}from"./index-NdkWRN8K.js";import{M as E}from"./Box-B-R2QRDU.js";import{M as B}from"./Button-DPUOjyZy.js";import{a as I}from"./Typography-B7ktrxCD.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{M as re,a as se}from"./ArrowRight-BquvVn3D.js";import{I as ie}from"./InputBase-6reb9B7r.js";/*!
+import{K as F,u as te,h as v}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as e}from"./index-NdkWRN8K.js";import{M as E}from"./Box-BK5oZBIO.js";import{M as B}from"./Button-DuM2NeMY.js";import{a as I}from"./Typography-C4vClHaZ.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{M as re,a as se}from"./ArrowRight-BCdbWzwG.js";import{I as ie}from"./InputBase-DSyP23zj.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,4 +8,4 @@ import{J as F,u as te,h as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{r a
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const le=({currentRowsCount:n,pageIndex:x,pageSize:M,totalRows:m})=>{const{t:p}=F();return e.useMemo(()=>{const i=M*(x-1)+1,u=i+(n-1),b=n===0?p("pagination.totalrows",{totalRows:0}):m?p("pagination.rowswithtotal",{firstRow:i,lastRow:u,totalRows:m}):p("pagination.rowswithouttotal",{firstRow:i,lastRow:u});return{firstRow:i,lastRow:u,totalRowsLabel:b}},[n,x,M,m,p])},ce=v("nav")({display:"flex",justifyContent:"space-between"}),T=v("div",{shouldForwardProp:n=>n!=="odysseyDesignTokens"})(({odysseyDesignTokens:n})=>({display:"flex",alignItems:"center",gap:n.Spacing4,"& > div":{display:"flex",alignItems:"center",gap:n.Spacing2}})),z=v(ie,{shouldForwardProp:n=>n!=="odysseyDesignTokens"})(({odysseyDesignTokens:n})=>({borderColor:n.HueNeutral200,borderRadius:n.BorderRadiusTight,height:n.Spacing6,width:"4.5714285714rem","&:hover":{borderColor:n.HueNeutral400},"&.Mui-focused:hover":{borderColor:n.PalettePrimaryMain}})),ue=v("div")({"& > *":{marginInlineStart:"0 !important"}}),pe=({currentPageLabel:n,currentRowsCount:x,hasPageInput:M=!0,hasRowCountInput:m=!0,hasRowCountLabel:p=!0,isDisabled:i,isMoreDisabled:u,lastRow:b,loadMoreLabel:D,maxPageIndex:h,maxPageSize:P,nextLabel:A,onPaginationChange:N,pageIndex:g,pageSize:f,previousLabel:H,rowsPerPageLabel:K,totalRows:t,variant:J})=>{const y=te(),{t:d}=F(),[c,C]=e.useState(g),[r,j]=e.useState(f),O=e.useRef(f),k=n??d("pagination.page"),q=D??d("pagination.loadmore"),G=A??d("pagination.next"),Q=H??d("pagination.previous"),L=K??d("pagination.rowsperpage");e.useEffect(()=>{C(g),j(f)},[g,f]);const s=e.useCallback(({pageIndex:a,pageSize:l})=>{N({pageIndex:a,pageSize:l})},[N]),{totalRowsLabel:U}=le({pageIndex:g,pageSize:f,currentRowsCount:x||0,totalRows:t}),w=e.useCallback(()=>{let a=c,l=r;if(t){const S=Math.ceil(t/l);l>t&&(l=t),a>S?a=S:a<1&&(a=1)}s({pageIndex:a,pageSize:l})},[c,r,s,t]),V=e.useCallback(a=>{a.key==="Enter"&&s({pageIndex:Number(a.currentTarget.value),pageSize:r})},[r,s]),W=e.useCallback(a=>{a.key==="Enter"&&s({pageIndex:c,pageSize:Number(a.currentTarget.value)})},[c,s]),X=e.useCallback(a=>{const l=h?Math.min(Number(a.target.value),h):Number(a.target.value);C(Math.max(1,l))},[C,h]),Y=e.useCallback(a=>{const l=P?Math.min(Number(a.target.value),P):Number(a.target.value);j(Math.max(1,l))},[j,P]),Z=e.useCallback(()=>{s({pageIndex:1,pageSize:r+O.current})},[r,s]),_=e.useCallback(()=>{s({pageIndex:c+1,pageSize:r})},[s,c,r]),$=e.useCallback(()=>{s({pageIndex:c-1,pageSize:r})},[s,c,r]),R=e.useMemo(()=>u||(t?r>=t:!1),[u,r,t]),ee=e.useMemo(()=>u||b&&(t?b>=t:!1)||i,[u,t,b,i]),ae=e.useMemo(()=>g<=1||i,[g,i]),ne=e.useMemo(()=>({"aria-label":L,max:P||t}),[P,L,t]),oe=e.useMemo(()=>({"aria-label":k,max:h}),[k,h]);return J==="paged"?o.jsxs(ce,{"aria-label":d("pagination.label"),children:[o.jsxs(T,{odysseyDesignTokens:y,children:[m&&o.jsxs(E,{children:[o.jsx(I,{color:"textSecondary",component:"span",children:L}),o.jsx(z,{disabled:i,inputProps:ne,odysseyDesignTokens:y,onBlur:w,onChange:Y,onKeyDown:W,type:"number",value:r})]}),p&&o.jsx(I,{color:"textSecondary",component:"span",children:U})]}),o.jsxs(T,{odysseyDesignTokens:y,children:[t&&M&&o.jsxs(E,{children:[o.jsx(I,{color:"textSecondary",component:"span",children:k}),o.jsx(z,{disabled:i,inputProps:oe,odysseyDesignTokens:y,onBlur:w,onChange:X,onKeyDown:V,type:"number",value:c})]}),o.jsxs(ue,{children:[o.jsx(B,{ariaLabel:Q,isDisabled:ae,onClick:$,size:"small",startIcon:o.jsx(re,{}),variant:"floating"}),o.jsx(B,{ariaLabel:G,endIcon:o.jsx(se,{}),isDisabled:ee,onClick:_,size:"small",variant:"floating"})]})]})]}):o.jsx(B,{isDisabled:R,label:q,onClick:Z,variant:"secondary"})},ge=e.memo(pe);ge.displayName="Pagination";export{ge as M,le as u};
+ */const le=({currentRowsCount:n,pageIndex:x,pageSize:M,totalRows:m})=>{const{t:p}=F();return e.useMemo(()=>{const i=M*(x-1)+1,u=i+(n-1),b=n===0?p("pagination.totalrows",{totalRows:0}):m?p("pagination.rowswithtotal",{firstRow:i,lastRow:u,totalRows:m}):p("pagination.rowswithouttotal",{firstRow:i,lastRow:u});return{firstRow:i,lastRow:u,totalRowsLabel:b}},[n,x,M,m,p])},ce=v("nav")({display:"flex",justifyContent:"space-between"}),T=v("div",{shouldForwardProp:n=>n!=="odysseyDesignTokens"})(({odysseyDesignTokens:n})=>({display:"flex",alignItems:"center",gap:n.Spacing4,"& > div":{display:"flex",alignItems:"center",gap:n.Spacing2}})),z=v(ie,{shouldForwardProp:n=>n!=="odysseyDesignTokens"})(({odysseyDesignTokens:n})=>({borderColor:n.HueNeutral200,borderRadius:n.BorderRadiusTight,height:n.Spacing6,width:"4.5714285714rem","&:hover":{borderColor:n.HueNeutral400},"&.Mui-focused:hover":{borderColor:n.PalettePrimaryMain}})),ue=v("div")({"& > *":{marginInlineStart:"0 !important"}}),pe=({currentPageLabel:n,currentRowsCount:x,hasPageInput:M=!0,hasRowCountInput:m=!0,hasRowCountLabel:p=!0,isDisabled:i,isMoreDisabled:u,lastRow:b,loadMoreLabel:D,maxPageIndex:h,maxPageSize:P,nextLabel:K,onPaginationChange:N,pageIndex:g,pageSize:f,previousLabel:A,rowsPerPageLabel:H,totalRows:t,variant:O})=>{const y=te(),{t:d}=F(),[c,C]=e.useState(g),[r,j]=e.useState(f),q=e.useRef(f),k=n??d("pagination.page"),G=D??d("pagination.loadmore"),J=K??d("pagination.next"),Q=A??d("pagination.previous"),L=H??d("pagination.rowsperpage");e.useEffect(()=>{C(g),j(f)},[g,f]);const s=e.useCallback(({pageIndex:a,pageSize:l})=>{N({pageIndex:a,pageSize:l})},[N]),{totalRowsLabel:U}=le({pageIndex:g,pageSize:f,currentRowsCount:x||0,totalRows:t}),w=e.useCallback(()=>{let a=c,l=r;if(t){const S=Math.ceil(t/l);l>t&&(l=t),a>S?a=S:a<1&&(a=1)}s({pageIndex:a,pageSize:l})},[c,r,s,t]),V=e.useCallback(a=>{a.key==="Enter"&&s({pageIndex:Number(a.currentTarget.value),pageSize:r})},[r,s]),W=e.useCallback(a=>{a.key==="Enter"&&s({pageIndex:c,pageSize:Number(a.currentTarget.value)})},[c,s]),X=e.useCallback(a=>{const l=h?Math.min(Number(a.target.value),h):Number(a.target.value);C(Math.max(1,l))},[C,h]),Y=e.useCallback(a=>{const l=P?Math.min(Number(a.target.value),P):Number(a.target.value);j(Math.max(1,l))},[j,P]),Z=e.useCallback(()=>{s({pageIndex:1,pageSize:r+q.current})},[r,s]),_=e.useCallback(()=>{s({pageIndex:c+1,pageSize:r})},[s,c,r]),$=e.useCallback(()=>{s({pageIndex:c-1,pageSize:r})},[s,c,r]),R=e.useMemo(()=>u||(t?r>=t:!1),[u,r,t]),ee=e.useMemo(()=>u||b&&(t?b>=t:!1)||i,[u,t,b,i]),ae=e.useMemo(()=>g<=1||i,[g,i]),ne=e.useMemo(()=>({"aria-label":L,max:P||t}),[P,L,t]),oe=e.useMemo(()=>({"aria-label":k,max:h}),[k,h]);return O==="paged"?o.jsxs(ce,{"aria-label":d("pagination.label"),children:[o.jsxs(T,{odysseyDesignTokens:y,children:[m&&o.jsxs(E,{children:[o.jsx(I,{color:"textSecondary",component:"span",children:L}),o.jsx(z,{disabled:i,inputProps:ne,odysseyDesignTokens:y,onBlur:w,onChange:Y,onKeyDown:W,type:"number",value:r})]}),p&&o.jsx(I,{color:"textSecondary",component:"span",children:U})]}),o.jsxs(T,{odysseyDesignTokens:y,children:[t&&M&&o.jsxs(E,{children:[o.jsx(I,{color:"textSecondary",component:"span",children:k}),o.jsx(z,{disabled:i,inputProps:oe,odysseyDesignTokens:y,onBlur:w,onChange:X,onKeyDown:V,type:"number",value:c})]}),o.jsxs(ue,{children:[o.jsx(B,{ariaLabel:Q,isDisabled:ae,onClick:$,size:"small",startIcon:o.jsx(re,{}),variant:"floating"}),o.jsx(B,{ariaLabel:J,endIcon:o.jsx(se,{}),isDisabled:ee,onClick:_,size:"small",variant:"floating"})]})]})]}):o.jsx(B,{isDisabled:R,label:G,onClick:Z,variant:"secondary"})},ge=e.memo(pe);ge.displayName="Pagination";export{ge as M,le as u};

package/dist/assets/Pagination.stories-ZB73al5s.js

@@ -0,0 +1,17 @@
+import{j as g}from"./jsx-runtime-CnH95YSl.js";import{O as h}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{p as o}from"./constants-CyailK6t.js";import{M as c}from"./Pagination-CPZOkZUE.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./Button-DuM2NeMY.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./ArrowRight-BCdbWzwG.js";import"./InputBase-DSyP23zj.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";const ie={component:c,decorators:[h],tags:["autodocs"],argTypes:{pageIndex:{control:{type:"number",min:1},description:"The current page index",type:{required:!0,name:"number"}},pageSize:{control:{type:"number",min:1},description:"The current page size",type:{required:!0,name:"number"}},onPaginationChange:{description:"Page index and page size setter",type:{required:!0,name:"function"}},lastRow:{control:{type:"number",min:1},description:"The current page last row index",type:{required:!0,name:"number"}},totalRows:{control:{type:"number",min:1},description:"Total rows count",type:{name:"number"}},hasPageInput:{control:"boolean",description:"If true, the page input will be visible and the user can directly manipulate which page is visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountInput:{control:"boolean",description:"If true, the row count input will be visible and the user can directly manipulate how many rows are visible.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hasRowCountLabel:{control:"boolean",description:"If true, the pagination controls will be disabled.",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},isDisabled:{control:"boolean",description:"If true, the pagination controls will be disabled",type:{required:!0,name:"boolean"}},isMoreDisabled:{control:"boolean",description:"If true, the pagination next/show more button will be disabled",type:{required:!0,name:"boolean"}},variant:{control:{type:"radio"},options:o,description:'The type of pagination controls shown, defaults to next/prev buttons, but can set to a simple Load more button by setting to "loadMore".',type:{name:"other",value:"radio"},table:{defaultValue:{summary:o[0]}}},rowsPerPageLabel:{control:"text",description:"The label that shows how many results are rendered per page",type:{required:!0,name:"string"}},currentPageLabel:{control:"text",description:"The labeled rendered for the current page index",type:{required:!0,name:"string"}},previousLabel:{control:"text",description:"The label for the previous control",type:{required:!0,name:"string"}},nextLabel:{control:"text",description:"The label for the next control",type:{required:!0,name:"string"}},loadMoreLabel:{control:"text",description:'If the pagination is of "loadMore" variant, then this is the the load more label',type:{required:!0,name:"string"}},maxPageIndex:{control:"number",description:"The highest page number allowed to be manually input in pagination.",table:{type:{summary:"number"}}},maxPageSize:{control:"number",description:"The largest number of rows allowed to be shown per page. This only affects the row input in pagination.",table:{type:{summary:"number"}}},currentRowsCount:{control:"number",description:"The number of items currently visible on the page",table:{type:{summary:"number"}}}},args:{pageIndex:1,pageSize:20,lastRow:20,currentRowsCount:20,hasPageInput:!0,hasRowCountInput:!0,hasRowCountLabel:!0,isDisabled:!1,variant:"paged",rowsPerPageLabel:"Rows per page",currentPageLabel:"Page",previousLabel:"Previous page",nextLabel:"Next page",loadMoreLabel:"Show more",totalRows:100}},e={render:b=>g.jsx(c,{...b})},t={...e,args:{variant:"loadMore"}},r={...e,args:{hasPageInput:!1,hasRowCountInput:!1,hasRowCountLabel:!1}};var a,n,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
+  render: props => {
+    return <Pagination {...props} />;
+  }
+}`,...(i=(n=e.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var s,p,u;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  ...Default,
+  args: {
+    variant: "loadMore"
+  }
+}`,...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var l,m,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  ...Default,
+  args: {
+    hasPageInput: false,
+    hasRowCountInput: false,
+    hasRowCountLabel: false
+  }
+}`,...(d=(m=r.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};const se=["Default","LoadMore","JustButtons"];export{e as Default,r as JustButtons,t as LoadMore,se as __namedExportsOrder,ie as default};

package/dist/assets/{Paper-DwBg74qy.js → Paper-D4wDjY4F.js}

@@ -1 +1 @@
-import{U as x,V as g,c as b,_ as P,b as s,s as m,d as R,f as $,n as l}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as y}from"./index-NdkWRN8K.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";const v=a=>{let e;return a<1?e=5.11916*a**2:e=4.5*Math.log(a+1)+2,(e/100).toFixed(2)};function M(a){return x("MuiPaper",a)}g("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);const k=["className","component","elevation","square","variant"],q=a=>{const{square:e,elevation:o,variant:t,classes:n}=a,r={root:["root",t,!e&&"rounded",t==="elevation"&&`elevation${o}`]};return $(r,M,n)},U=m("div",{name:"MuiPaper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:o}=a;return[e.root,e[o.variant],!o.square&&e.rounded,o.variant==="elevation"&&e[`elevation${o.elevation}`]]}})(({theme:a,ownerState:e})=>{var o;return s({backgroundColor:(a.vars||a).palette.background.paper,color:(a.vars||a).palette.text.primary,transition:a.transitions.create("box-shadow")},!e.square&&{borderRadius:a.shape.borderRadius},e.variant==="outlined"&&{border:`1px solid ${(a.vars||a).palette.divider}`},e.variant==="elevation"&&s({boxShadow:(a.vars||a).shadows[e.elevation]},!a.vars&&a.palette.mode==="dark"&&{backgroundImage:`linear-gradient(${l.alpha("#fff",v(e.elevation))}, ${l.alpha("#fff",v(e.elevation))})`},a.vars&&{backgroundImage:(o=a.vars.overlays)==null?void 0:o[e.elevation]}))}),N=y.forwardRef(function(e,o){const t=b({props:e,name:"MuiPaper"}),{className:n,component:r="div",elevation:p=1,square:d=!1,variant:u="elevation"}=t,c=P(t,k),i=s({},t,{component:r,elevation:p,square:d,variant:u}),f=q(i);return C.jsx(U,s({as:r,ownerState:i,className:R(f.root,n),ref:o},c))});export{N as P};
+import{V as x,W as g,c as b,_ as P,b as s,s as m,d as R,f as $,n as l}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as y}from"./index-NdkWRN8K.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";const v=a=>{let e;return a<1?e=5.11916*a**2:e=4.5*Math.log(a+1)+2,(e/100).toFixed(2)};function M(a){return x("MuiPaper",a)}g("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);const k=["className","component","elevation","square","variant"],q=a=>{const{square:e,elevation:o,variant:t,classes:n}=a,r={root:["root",t,!e&&"rounded",t==="elevation"&&`elevation${o}`]};return $(r,M,n)},_=m("div",{name:"MuiPaper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:o}=a;return[e.root,e[o.variant],!o.square&&e.rounded,o.variant==="elevation"&&e[`elevation${o.elevation}`]]}})(({theme:a,ownerState:e})=>{var o;return s({backgroundColor:(a.vars||a).palette.background.paper,color:(a.vars||a).palette.text.primary,transition:a.transitions.create("box-shadow")},!e.square&&{borderRadius:a.shape.borderRadius},e.variant==="outlined"&&{border:`1px solid ${(a.vars||a).palette.divider}`},e.variant==="elevation"&&s({boxShadow:(a.vars||a).shadows[e.elevation]},!a.vars&&a.palette.mode==="dark"&&{backgroundImage:`linear-gradient(${l.alpha("#fff",v(e.elevation))}, ${l.alpha("#fff",v(e.elevation))})`},a.vars&&{backgroundImage:(o=a.vars.overlays)==null?void 0:o[e.elevation]}))}),N=y.forwardRef(function(e,o){const t=b({props:e,name:"MuiPaper"}),{className:n,component:r="div",elevation:p=1,square:d=!1,variant:u="elevation"}=t,c=P(t,k),i=s({},t,{component:r,elevation:p,square:d,variant:u}),f=q(i);return C.jsx(_,s({as:r,ownerState:i,className:R(f.root,n),ref:o},c))});export{N as P};

package/dist/assets/PasswordField.stories-CFBj2mPt.js

@@ -0,0 +1,129 @@
+import{j as u}from"./jsx-runtime-CnH95YSl.js";import{f as M,w as ve,e as n,u as m,a as Ae}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{a as Fe}from"./axeRun-B-LchFqf.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Ie}from"./Field-QbF6sK2K.js";import{K as De,a3 as C}from"./OdysseyThemeProvider-C4N_85M9.js";import{g as He,u as Oe}from"./inputUtils-Dbi8XkA6.js";import{I as je}from"./InputBase-DSyP23zj.js";import{I as qe}from"./InputAdornment-CVIbzdDI.js";import{I as Ue}from"./IconButton-CgM2Hv_L.js";import{M as ze}from"./Hide-ovxLvICH.js";import{M as Ne}from"./Show-D1oNDX9u.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.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"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";const We=t.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:a,errorMessage:s,errorMessageList:e,hasInitialFocus:r,hint:xe,id:Ve,inputRef:Ee,isDisabled:Ce=!1,isFullWidth:Pe=!1,isOptional:T=!1,hasShowPassword:B=!0,isReadOnly:L,label:Te,name:R,onChange:p,onFocus:A,onBlur:F,placeholder:k,testId:I,translate:D,value:H},O)=>{const{t:j}=De(),[d,Se]=t.useState("password"),q=t.useCallback(()=>{Se(l=>l==="password"?"text":"password")},[]),Me=t.useRef(He({controlledValue:H,uncontrolledValue:a})),U=Oe({defaultValue:a,value:H,controlState:Me.current}),z=t.useRef(null);t.useImperativeHandle(Ee,()=>({focus:()=>{var l;(l=z.current)==null||l.focus()}}),[]);const N=t.useCallback(l=>{p==null||p(l)},[p]),Be=t.useCallback(({ariaDescribedBy:l,errorMessageElementId:Le,id:S,labelElementId:Re})=>u.jsx(je,{...U,"aria-describedby":l,autoComplete:d==="password"?o:"off",autoFocus:r,endAdornment:B&&u.jsx(qe,{position:"end",children:u.jsx(Ue,{"aria-controls":S,"aria-label":j("passwordfield.icon.label.show"),"aria-pressed":d==="text",onClick:q,children:d==="password"?u.jsx(Ne,{}):u.jsx(ze,{})})}),id:S,inputProps:{"aria-errormessage":Le,"aria-labelledby":Re,"data-se":I,role:"textbox"},inputRef:z,name:R??S,onBlur:F,onChange:N,onFocus:A,placeholder:k,readOnly:L,ref:O,required:!T,translate:D,type:d}),[o,r,U,j,q,d,R,N,A,F,k,T,L,B,O,I,D]);return u.jsx(Ie,{ariaDescribedBy:c,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:xe,id:Ve,isDisabled:Ce,isFullWidth:Pe,isOptional:T,label:Te,renderFieldComponent:Be})}),P=t.memo(We);P.displayName="PasswordField";const kt={component:P,decorators:[ke],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},hasShowPassword:{control:"boolean",description:"If `true`, the show/hide eye icon is not shown to the user",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hint:i.hint,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,isOptional:i.isOptional,isReadOnly:i.isReadOnly,label:{control:"text",description:"The label text for the password field input",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the autocomplete component loses focus.",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the password value is changed.",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the autocomplete component gains focus.",table:{type:{summary:"func"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when component is controlled",table:{type:{summary:"string"}}}},args:{autoCompleteType:"current-password",hasShowPassword:!0,id:"password-input",isOptional:!1,label:"Password",onBlur:M(),onChange:M(),onFocus:M()}},f={play:async({canvasElement:c,step:o})=>{await o("toggle password",async()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.getByRole("button",{name:C("passwordfield.icon.label.show")});e&&(await m.type(s,"qwerty"),await m.click(e),await m.tab(),n(s).toHaveAttribute("type","text"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("true"),await m.click(e),n(s).toHaveAttribute("type","password"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("false")),await Ae(()=>{Fe("Password Field Default")})})}},b={parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,defaultValue:"PasswordValue"}},w={args:{errorMessage:"This password is incorrect",defaultValue:""}},y={args:{errorMessage:"Password requires: ",errorMessageList:["At least 8 chars","An uppercase letter","A number","A symbol"]}},h={args:{hint:"Your first pet's name",defaultValue:""}},g={args:{hasShowPassword:!1,defaultValue:""},play:async({canvasElement:c,step:o})=>{await o("toggle password",()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.queryByRole("button",{name:C("passwordfield.icon.label.show")});n(e).toBe(null)})}},v={args:{isOptional:!0,defaultValue:""}},x={parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,defaultValue:"PasswordValue"}},V={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:""},render:function(o){const[a,s]=t.useState(""),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}},E={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:"PasswordValue"},render:function(o){const[a,s]=t.useState("PasswordValue"),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}};var W,Y,_;f.parameters={...f.parameters,docs:{...(W=f.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("toggle password", async () => {
+      const canvas = within(canvasElement);
+      const fieldElement = canvas.getByRole("textbox", {
+        name: "Password"
+      });
+      expect(fieldElement).toHaveAttribute("type", "password");
+      const buttonElement = canvas.getByRole("button", {
+        name: odysseyTranslate("passwordfield.icon.label.show")
+      });
+      if (buttonElement) {
+        await userEvent.type(fieldElement, "qwerty");
+        await userEvent.click(buttonElement);
+        await userEvent.tab();
+        expect(fieldElement).toHaveAttribute("type", "text");
+        expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
+        expect(buttonElement.ariaPressed).toBe("true");
+        await userEvent.click(buttonElement);
+        expect(fieldElement).toHaveAttribute("type", "password");
+        expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
+        expect(buttonElement.ariaPressed).toBe("false");
+      }
+      await waitFor(() => {
+        axeRun("Password Field Default");
+      });
+    });
+  }
+}`,...(_=(Y=f.parameters)==null?void 0:Y.docs)==null?void 0:_.source}}};var K,G,J;b.parameters={...b.parameters,docs:{...(K=b.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "The values of disabled inputs will not be submitted."
+      }
+    }
+  },
+  args: {
+    isDisabled: true,
+    defaultValue: "PasswordValue"
+  }
+}`,...(J=(G=b.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var Q,X,Z;w.parameters={...w.parameters,docs:{...(Q=w.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  args: {
+    errorMessage: "This password is incorrect",
+    defaultValue: ""
+  }
+}`,...(Z=(X=w.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    errorMessage: "Password requires: ",
+    errorMessageList: ["At least 8 chars", "An uppercase letter", "A number", "A symbol"]
+  }
+}`,...(te=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,se,oe;h.parameters={...h.parameters,docs:{...(ae=h.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    hint: "Your first pet's name",
+    defaultValue: ""
+  }
+}`,...(oe=(se=h.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var re,ne,le;g.parameters={...g.parameters,docs:{...(re=g.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  args: {
+    hasShowPassword: false,
+    defaultValue: ""
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("toggle password", () => {
+      const canvas = within(canvasElement);
+      const fieldElement = canvas.getByRole("textbox", {
+        name: "Password"
+      });
+      expect(fieldElement).toHaveAttribute("type", "password");
+      const buttonElement = canvas.queryByRole("button", {
+        name: odysseyTranslate("passwordfield.icon.label.show")
+      });
+      expect(buttonElement).toBe(null);
+    });
+  }
+}`,...(le=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var ie,ue,ce;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    isOptional: true,
+    defaultValue: ""
+  }
+}`,...(ce=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,pe,me;x.parameters={...x.parameters,docs:{...(de=x.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "The values of readonly inputs will be submitted."
+      }
+    }
+  },
+  args: {
+    isReadOnly: true,
+    defaultValue: "PasswordValue"
+  }
+}`,...(me=(pe=x.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var fe,be,we;V.parameters={...V.parameters,docs:{...(fe=V.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
+      }
+    }
+  },
+  args: {
+    value: ""
+  },
+  render: function C(props) {
+    const [localValue, setLocalValue] = useState("");
+    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
+    return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
+  }
+}`,...(we=(be=V.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var ye,he,ge;E.parameters={...E.parameters,docs:{...(ye=E.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
+      }
+    }
+  },
+  args: {
+    value: "PasswordValue"
+  },
+  render: function C(props) {
+    const [localValue, setLocalValue] = useState("PasswordValue");
+    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
+    return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
+  }
+}`,...(ge=(he=E.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};const It=["Default","Disabled","Error","ErrorsList","Hint","NoShowPassword","Optional","ReadOnly","Controlled","ControlledDefaultInput"];export{V as Controlled,E as ControlledDefaultInput,f as Default,b as Disabled,w as Error,y as ErrorsList,h as Hint,g as NoShowPassword,v as Optional,x as ReadOnly,It as __namedExportsOrder,kt as default};

package/dist/assets/Picker _labs_.stories-BSP2s_pC.js

@@ -0,0 +1,18 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-DyMkD2Aw.js";import{M as C}from"./Video-t97PFROt.js";import{M as F}from"./Folder-DFjbrJpD.js";import{M as O}from"./Globe-DER_Oel8.js";import{M as p}from"./Settings-Bxzwc53G.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useAutocomplete-B3_vLbIK.js";import"./index.esm-C8irYXeq.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.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"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-BMfy4j72.js";import"./ArrowDropDown-DddCYTEO.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./Paper-D4wDjY4F.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./Portal-DK2ELYoG.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./useControlled-NQulfz4l.js";import"./Chip-M3FRYspe.js";import"./IconButton-CgM2Hv_L.js";import"./ListSubheader--G940pR4.js";const j=[{value:"en",label:"English",description:"",icon:e.jsx(C,{})},{value:"fr",label:"French"},{value:"jp",label:"Japanese"},{value:"es",label:"Spanish"}],T=[{value:"en",label:"English",description:"A description of the English language"},{value:"fr",label:"French",description:"Français"},{value:"jp",label:"Japanese",description:"日本語"},{value:"es",label:"Spanish",description:"Español"}],z=[{value:"en",label:"English",description:"A description of the English language",metaData:[{icon:e.jsx(F,{}),detailText:"1"}]},{value:"fr",label:"French",description:"Français",metaData:[{icon:e.jsx(p,{}),detailText:"100"}]},{value:"jp",label:"Japanese",description:"日本語",metaData:[{icon:e.jsx(O,{}),detailText:"1000"}]},{value:"es",label:"Spanish",description:"Español",metaData:[{icon:e.jsx(p,{}),detailText:"37"}]}],Je={component:y,decorators:[k],tags:["autodocs"],argTypes:{...E,hint:s.hint,HintLinkComponent:s.HintLinkComponent},args:{label:"Picker label",hint:"Optional hint text for picker",options:j}},o={},r={args:{options:T}},t={args:{options:z}},a={args:{hasMultipleChoices:!0}},i={args:{isDisabled:!0,value:j[0]}};var n,m,l;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var c,d,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    options: languagesNoMetadata
+  }
+}`,...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,h,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    options: languagesKitchenSink
+  }
+}`,...(b=(h=t.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var M,f,v;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    hasMultipleChoices: true
+  }
+}`,...(v=(f=a.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var x,D,S;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    value: languagesNoDescription[0]
+  }
+}`,...(S=(D=i.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};const Ae=["LabelOnly","WithDescription","WithMetadata","MultipleSelect","Disabled"];export{i as Disabled,o as LabelOnly,a as MultipleSelect,r as WithDescription,t as WithMetadata,Ae as __namedExportsOrder,Je as default};

package/dist/assets/{PickerWithOptionAdornment _labs_.stories-BxW5XACd.js → PickerWithOptionAdornment _labs_.stories-CcdT2YZm.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as I}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as Re,O as oe,b as ne,c as ae,d as We,e as k,p as He}from"./pickerComponentPropsMetadata-CozVRRyR.js";import{P as d}from"./PlaceholderLogo-JfVvgA23.js";import{u as ie,h as Be}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as f}from"./index-NdkWRN8K.js";import{M as qe}from"./Box-B-R2QRDU.js";import{M as Ge}from"./Tag-C_iW2sj3.js";import{p as _e}from"./pxToRem-BrMhKUxS.js";import{j as re}from"./Typography-B7ktrxCD.js";import{M as Ne}from"./Sync-CCP_JZB8.js";import{M as D}from"./Folder-8esChg_E.js";import{M as y}from"./Globe-BHk1B5d7.js";import{M as C}from"./Settings-SRsJGOHl.js";import{M as $e}from"./Video-D8qbHdF4.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./Field-BxkyNVQW.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./Paper-DwBg74qy.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-CsPQSHsR.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./useControlled-NQulfz4l.js";import"./Chip-B9WkuA4b.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";import"./MuiPropsContext-DhRylJZk.js";import"./Typography-CSpPZFTF.js";/*!
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as I}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as Re,O as oe,b as ne,c as ae,d as We,e as k,p as He}from"./pickerComponentPropsMetadata-DyMkD2Aw.js";import{P as d}from"./PlaceholderLogo-JfVvgA23.js";import{u as ie,h as Be}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as f}from"./index-NdkWRN8K.js";import{M as qe}from"./Box-BK5oZBIO.js";import{M as Ge}from"./Tag-DCZngwHs.js";import{p as _e}from"./pxToRem-BrMhKUxS.js";import{j as re}from"./Typography-C4vClHaZ.js";import{M as Ne}from"./Sync-MXQ8RKoq.js";import{M as D}from"./Folder-DFjbrJpD.js";import{M as y}from"./Globe-DER_Oel8.js";import{M as C}from"./Settings-Bxzwc53G.js";import{M as $e}from"./Video-t97PFROt.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./useAutocomplete-B3_vLbIK.js";import"./index.esm-C8irYXeq.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./Field-QbF6sK2K.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"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-BMfy4j72.js";import"./ArrowDropDown-DddCYTEO.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./Paper-D4wDjY4F.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-DK2ELYoG.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./useControlled-NQulfz4l.js";import"./Chip-M3FRYspe.js";import"./IconButton-CgM2Hv_L.js";import"./ListSubheader--G940pR4.js";import"./MuiPropsContext-DhRylJZk.js";import"./Typography-NdqIGwl5.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStory
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const T=Be("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="adornmentSize"&&t!=="isTagContainer"})(({adornmentSize:t="small",isTagContainer:n=!1,odysseyDesignTokens:o})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:o.Spacing5,height:o.Spacing5,overflow:"hidden",marginInlineEnd:o.Spacing3,flexShrink:0,svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...t==="large"&&!n&&{bottom:0,width:o.Spacing8,height:o.Spacing8},...n&&{bottom:0,alignSelf:"center",width:o.Spacing4,height:"auto",maxHeight:o.Spacing4,marginInlineEnd:o.Spacing2,"&:has(> img)":{height:`${_e(16)}rem`},svg:{display:"flex",width:"100%",height:"auto"}}})),se=({adornment:t,adornmentSize:n,odysseyDesignTokens:o})=>typeof t=="string"?e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:t}),Je=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,value:m}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]})]},m)},Ke=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,metaData:m,value:O}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs("div",{children:[e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]}),e.jsx(We,{metaData:m,odysseyDesignTokens:o})]})]},O)},Qe=({adornment:t})=>{const n=ie();return typeof t=="string"?e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:t})},Ue=({adornmentSize:t="small",ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue=!1,isLoading:ge,isOptional:he=!1,isReadOnly:xe,isVirtualized:Se=!1,hint:be,HintLinkComponent:je,label:ve,name:Me,onBlur:fe,onChange:Te,onInputChange:Oe,onFocus:Ae,options:De,value:ye,testId:Ce,translate:ze})=>{const p=ie(),Ie=f.useCallback((u,a)=>u.map((A,Le)=>{const{key:we,onDelete:Pe}=a({index:Le}),{adornment:Fe,label:Ve}=A;return e.jsx(qe,{sx:{margin:p.Spacing1,marginInlineEnd:0},children:e.jsx(Ge,{icon:e.jsx(Qe,{adornment:Fe}),label:Ve,onRemove:Pe})},we)}),[p]),ke=f.useCallback((u,a)=>{const A="metaData"in a&&a.metaData;return e.jsx(f.Fragment,{children:A?e.jsx(Ke,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a}):e.jsx(Je,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a})},a.value)},[t,p]);return e.jsx(Re,{ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,hint:be,HintLinkComponent:je,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue,isLoading:ge,isOptional:he,isReadOnly:xe,isVirtualized:Se,label:ve,name:Me,onBlur:fe,onChange:Te,onFocus:Ae,onInputChange:Oe,options:De,renderOption:ke,renderTags:Ie,testId:Ce,translate:ze,value:ye})},le=f.memo(Ue);le.displayName="PickerWithOptionAdornment";const c=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(D,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(y,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(C,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(Ne,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx($e,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],z=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(d.One,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Two,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(d.Three,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Four,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx(d.Five,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],ro={component:le,decorators:[Ee],tags:["autodocs"],argTypes:{...He,adornmentSize:{control:"radio",options:k,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:k.join(" | ")}}},hint:I.hint,HintLinkComponent:I.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:c}},g={},h={args:{options:c.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},x={args:{adornmentSize:"large",options:z}},S={args:{adornmentSize:"large",options:z.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},b={args:{isDisabled:!0,value:c[0]}},j={args:{hasMultipleChoices:!0}},v={args:{hasMultipleChoices:!0,adornmentSize:"large",options:z}},M={args:{isDisabled:!0,hasMultipleChoices:!0,value:[c[0],c[1]]}};var L,w,P;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:"{}",...(P=(w=g.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var F,V,E;h.parameters={...h.parameters,docs:{...(F=h.parameters)==null?void 0:F.docs,source:{originalSource:`{
+ */const T=Be("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="adornmentSize"&&t!=="isTagContainer"})(({adornmentSize:t="small",isTagContainer:n=!1,odysseyDesignTokens:o})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:o.Spacing5,height:o.Spacing5,overflow:"hidden",marginInlineEnd:o.Spacing3,flexShrink:0,svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...t==="large"&&!n&&{bottom:0,width:o.Spacing8,height:o.Spacing8},...n&&{bottom:0,alignSelf:"center",width:o.Spacing4,height:"auto",maxHeight:o.Spacing4,marginInlineEnd:o.Spacing2,"&:has(> img)":{height:`${_e(16)}rem`},svg:{display:"flex",width:"100%",height:"auto"}}})),se=({adornment:t,adornmentSize:n,odysseyDesignTokens:o})=>typeof t=="string"?e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:t}),Je=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,value:m}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]})]},m)},Ke=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,metaData:m,value:O}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs("div",{children:[e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]}),e.jsx(We,{metaData:m,odysseyDesignTokens:o})]})]},O)},Qe=({adornment:t})=>{const n=ie();return typeof t=="string"?e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:t})},Ue=({adornmentSize:t="small",ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue=!1,isLoading:ge,isOptional:he=!1,isReadOnly:xe,isVirtualized:Se=!1,hint:be,HintLinkComponent:je,label:ve,name:Me,onBlur:fe,onChange:Te,onInputChange:Oe,onFocus:Ae,options:De,value:ye,testId:Ce,translate:ze})=>{const p=ie(),Ie=f.useCallback((u,a)=>u.map((A,Le)=>{const{key:we,onDelete:Pe}=a({index:Le}),{adornment:Fe,label:Ve}=A;return e.jsx(qe,{sx:{margin:p.Spacing1,marginInlineEnd:0},children:e.jsx(Ge,{icon:e.jsx(Qe,{adornment:Fe}),label:Ve,onRemove:Pe})},we)}),[p]),ke=f.useCallback((u,a)=>{const A="metaData"in a&&a.metaData;return e.jsx(f.Fragment,{children:A?e.jsx(Ke,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a}):e.jsx(Je,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a})},a.value)},[t,p]);return e.jsx(Re,{ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,hint:be,HintLinkComponent:je,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue,isLoading:ge,isOptional:he,isReadOnly:xe,isVirtualized:Se,label:ve,name:Me,onBlur:fe,onChange:Te,onFocus:Ae,onInputChange:Oe,options:De,renderOption:ke,renderTags:Ie,testId:Ce,translate:ze,value:ye})},le=f.memo(Ue);le.displayName="PickerWithOptionAdornment";const c=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(D,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(y,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(C,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(Ne,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx($e,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],z=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(d.One,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Two,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(d.Three,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Four,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx(d.Five,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],so={component:le,decorators:[Ee],tags:["autodocs"],argTypes:{...He,adornmentSize:{control:"radio",options:k,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:k.join(" | ")}}},hint:I.hint,HintLinkComponent:I.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:c}},g={},h={args:{options:c.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},x={args:{adornmentSize:"large",options:z}},S={args:{adornmentSize:"large",options:z.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},b={args:{isDisabled:!0,value:c[0]}},j={args:{hasMultipleChoices:!0}},v={args:{hasMultipleChoices:!0,adornmentSize:"large",options:z}},M={args:{isDisabled:!0,hasMultipleChoices:!0,value:[c[0],c[1]]}};var L,w,P;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:"{}",...(P=(w=g.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var F,V,E;h.parameters={...h.parameters,docs:{...(F=h.parameters)==null?void 0:F.docs,source:{originalSource:`{
   args: {
     options: optionsSmall.map(option => ({
       ...option,
@@ -67,4 +67,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStory
     hasMultipleChoices: true,
     value: [optionsSmall[0], optionsSmall[1]]
   }
-}`,...(te=(ee=M.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const so=["SmallAdornment","SmallAdornmentAndMetaData","LargeAdornment","LargeAdornmentAndMetaData","Disabled","SmallAdornmentMultiSelect","LargeAdornmentMultiSelect","MultiSelectDisabled"];export{b as Disabled,x as LargeAdornment,S as LargeAdornmentAndMetaData,v as LargeAdornmentMultiSelect,M as MultiSelectDisabled,g as SmallAdornment,h as SmallAdornmentAndMetaData,j as SmallAdornmentMultiSelect,so as __namedExportsOrder,ro as default};
+}`,...(te=(ee=M.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const lo=["SmallAdornment","SmallAdornmentAndMetaData","LargeAdornment","LargeAdornmentAndMetaData","Disabled","SmallAdornmentMultiSelect","LargeAdornmentMultiSelect","MultiSelectDisabled"];export{b as Disabled,x as LargeAdornment,S as LargeAdornmentAndMetaData,v as LargeAdornmentMultiSelect,M as MultiSelectDisabled,g as SmallAdornment,h as SmallAdornmentAndMetaData,j as SmallAdornmentMultiSelect,lo as __namedExportsOrder,so as default};

package/dist/assets/Popper-9pd1Yneu.js

@@ -0,0 +1 @@
+import{V as N,W as V,_ as A,b as x,a as B,f as q,c as z,s as G}from"./OdysseyThemeProvider-C4N_85M9.js";import{c as J,u as K}from"./popper-ChLFknNm.js";import{r as t}from"./index-NdkWRN8K.js";import{j as S}from"./jsx-runtime-CnH95YSl.js";import{o as D}from"./ownerDocument-DW-IO8s5.js";import{P as Q}from"./Portal-DK2ELYoG.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{u as X}from"./getReactElementRef-SdO7zWnC.js";function Y(o){return N("MuiPopper",o)}V("MuiPopper",["root"]);const Z=["anchorEl","children","direction","disablePortal","modifiers","open","placement","popperOptions","popperRef","slotProps","slots","TransitionProps","ownerState"],oo=["anchorEl","children","container","direction","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","style","transition","slotProps","slots"];function eo(o,e){if(e==="ltr")return o;switch(o){case"bottom-end":return"bottom-start";case"bottom-start":return"bottom-end";case"top-end":return"top-start";case"top-start":return"top-end";default:return o}}function k(o){return typeof o=="function"?o():o}function to(o){return o.nodeType!==void 0}const ro=o=>{const{classes:e}=o;return q({root:["root"]},Y,e)},no={},so=t.forwardRef(function(e,h){var n;const{anchorEl:s,children:p,direction:y,disablePortal:d,modifiers:i,open:R,placement:f,popperOptions:l,popperRef:E,slotProps:b={},slots:w={},TransitionProps:a}=e,M=A(e,Z),v=t.useRef(null),T=F(v,h),r=t.useRef(null),c=F(r,E),u=t.useRef(c);B(()=>{u.current=c},[c]),t.useImperativeHandle(E,()=>r.current,[]);const m=eo(f,y),[P,U]=t.useState(m),[O,_]=t.useState(k(s));t.useEffect(()=>{r.current&&r.current.forceUpdate()}),t.useEffect(()=>{s&&_(k(s))},[s]),B(()=>{if(!O||!R)return;const I=C=>{U(C.placement)};let j=[{name:"preventOverflow",options:{altBoundary:d}},{name:"flip",options:{altBoundary:d}},{name:"onUpdate",enabled:!0,phase:"afterWrite",fn:({state:C})=>{I(C)}}];i!=null&&(j=j.concat(i)),l&&l.modifiers!=null&&(j=j.concat(l.modifiers));const W=J(O,v.current,x({placement:m},l,{modifiers:j}));return u.current(W),()=>{W.destroy(),u.current(null)}},[O,d,i,R,l,m]);const $={placement:P};a!==null&&($.TransitionProps=a);const H=ro(e),g=(n=w.root)!=null?n:"div",L=X({elementType:g,externalSlotProps:b.root,externalForwardedProps:M,additionalProps:{role:"tooltip",ref:T},ownerState:e,className:H.root});return S.jsx(g,x({},L,{children:typeof p=="function"?p($):p}))}),po=t.forwardRef(function(e,h){const{anchorEl:n,children:s,container:p,direction:y="ltr",disablePortal:d=!1,keepMounted:i=!1,modifiers:R,open:f,placement:l="bottom",popperOptions:E=no,popperRef:b,style:w,transition:a=!1,slotProps:M={},slots:v={}}=e,T=A(e,oo),[r,c]=t.useState(!0),u=()=>{c(!1)},m=()=>{c(!0)};if(!i&&!f&&(!a||r))return null;let P;if(p)P=p;else if(n){const _=k(n);P=_&&to(_)?D(_).body:D(null).body}const U=!f&&i&&(!a||r)?"none":void 0,O=a?{in:f,onEnter:u,onExited:m}:void 0;return S.jsx(Q,{disablePortal:d,container:P,children:S.jsx(so,x({anchorEl:n,direction:y,disablePortal:d,modifiers:R,ref:h,open:a?!r:f,placement:l,popperOptions:E,popperRef:b,slotProps:M,slots:v},T,{style:x({position:"fixed",top:0,left:0,display:U},w),TransitionProps:O,children:s}))})}),io=["anchorEl","component","components","componentsProps","container","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","transition","slots","slotProps"],lo=G(po,{name:"MuiPopper",slot:"Root",overridesResolver:(o,e)=>e.root})({}),Eo=t.forwardRef(function(e,h){var n;const s=K(),p=z({props:e,name:"MuiPopper"}),{anchorEl:y,component:d,components:i,componentsProps:R,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T,slots:r,slotProps:c}=p,u=A(p,io),m=(n=r==null?void 0:r.root)!=null?n:i==null?void 0:i.Root,P=x({anchorEl:y,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T},u);return S.jsx(lo,x({as:d,direction:s==null?void 0:s.direction,slots:{root:m},slotProps:c??R},P,{ref:h}))});export{Eo as P};

package/dist/assets/{Portal-CsPQSHsR.js → Portal-DK2ELYoG.js}

@@ -1 +1 @@
-import{r as t}from"./index-NdkWRN8K.js";import{r as E}from"./index-B5xazMy1.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{u as d,s as l}from"./useIsFocusVisible-DH0qxT5e.js";import{g as x}from"./getReactElementRef-Bs64nbeG.js";import{a as m}from"./OdysseyThemeProvider-BykOaJq8.js";function P(n){return typeof n=="function"?n():n}const y=t.forwardRef(function(u,s){const{children:e,container:a,disablePortal:o=!1}=u,[r,f]=t.useState(null),c=d(t.isValidElement(e)?x(e):null,s);if(m(()=>{o||f(P(a)||document.body)},[a,o]),m(()=>{if(r&&!o)return l(s,r),()=>{l(s,null)}},[s,r,o]),o){if(t.isValidElement(e)){const p={ref:c};return t.cloneElement(e,p)}return i.jsx(t.Fragment,{children:e})}return i.jsx(t.Fragment,{children:r&&E.createPortal(e,r)})});export{y as P};
+import{r as t}from"./index-NdkWRN8K.js";import{r as E}from"./index-B5xazMy1.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{u as d,s as l}from"./useIsFocusVisible-DH0qxT5e.js";import{g as x}from"./getReactElementRef-SdO7zWnC.js";import{a as m}from"./OdysseyThemeProvider-C4N_85M9.js";function P(n){return typeof n=="function"?n():n}const y=t.forwardRef(function(u,s){const{children:e,container:a,disablePortal:o=!1}=u,[r,f]=t.useState(null),c=d(t.isValidElement(e)?x(e):null,s);if(m(()=>{o||f(P(a)||document.body)},[a,o]),m(()=>{if(r&&!o)return l(s,r),()=>{l(s,null)}},[s,r,o]),o){if(t.isValidElement(e)){const p={ref:c};return t.cloneElement(e,p)}return i.jsx(t.Fragment,{children:e})}return i.jsx(t.Fragment,{children:r&&E.createPortal(e,r)})});export{y as P};