@okta/odyssey-react-mui 1.47.1 → 1.48.0

package/dist/assets/{PageTemplate-mNUP99LO.js → PageTemplate-mjLVQesI.js}

@@ -1,4 +1,4 @@
-import{u as k,s as r}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as o}from"./index-NdkWRN8K.js";import{b as j,a as D}from"./Typography-DfSdXC7o.js";import{u as M}from"./useMountLifecycleEffect-CjsUCFhB.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{L as P}from"./Link-BnBknBcu.js";import{M as F}from"./Documentation-BrTRsPbe.js";/*!
+import{u as k,h as r}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as o}from"./index-NdkWRN8K.js";import{b as j,a as D}from"./Typography-B7ktrxCD.js";import{u as M}from"./useMountLifecycleEffect-CjsUCFhB.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{L as P}from"./Link-DcsndbPK.js";import{M as F}from"./Documentation-CBbHUjXC.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,4 +18,4 @@ import{u as k,s as r}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as o}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 v=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="hasUiShell"&&e!=="isFullWidth"})(({hasUiShell:e,isFullWidth:s,odysseyDesignTokens:n})=>({maxWidth:s?"100%":`calc(1440px + ${n.Spacing6} + ${n.Spacing6})`,marginInline:s&&!e?n.Spacing6:"auto",padding:e?0:n.Spacing6})),R=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:e.Spacing4})),w=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({maxWidth:e.TypographyLineLengthMax,".MuiTypography-root:last-child":{marginBlockEnd:"0"}})),z=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"flex-end",display:"flex",flexDirection:"column",gap:e.Spacing4,minHeight:e.Spacing7,justifyContent:"center",whiteSpace:"nowrap"})),C=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),E=r("div",{shouldForwardProp:e=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(e)})(({drawerVariant:e,isDrawerOpen:s,isFirstRender:n,odysseyDesignTokens:a})=>({"@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:e==="persistent"&&!s?0:a.Spacing4,gap:e==="persistent"&&!s?0:a.Spacing4,marginBlock:a.Spacing4,gridTemplateColumns:e==="persistent"?s?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:e==="persistent"&&(!n||s)?`animate-drawer-${s?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0})),U=({children:e,description:s,documentationLink:n,documentationText:a,drawer:l,isFullWidth:f=!1,primaryCallToActionComponent:m,secondaryCallToActionComponent:d,tertiaryCallToActionComponent:c,title:p})=>{const t=k(),{isOpen:h,variant:x}=(l==null?void 0:l.props)??{},y=L(),u=o.useRef(!0),S=u.current,T=o.useCallback(()=>{u.current=!1},[]);return M({onMount:T}),i.jsxs(v,{hasUiShell:y,isFullWidth:f,odysseyDesignTokens:t,children:[i.jsxs(R,{odysseyDesignTokens:t,children:[i.jsxs(w,{odysseyDesignTokens:t,children:[p&&i.jsx(j,{children:p}),s&&i.jsx(D,{children:s})]}),i.jsxs(z,{odysseyDesignTokens:t,children:[n&&i.jsx(g,{href:n,icon:i.jsx(F,{}),target:"_blank",children:a}),(m||d||c)&&i.jsxs(C,{odysseyDesignTokens:t,children:[c,d,m]})]})]}),i.jsxs(E,{drawerVariant:x,isDrawerOpen:h,isFirstRender:S,odysseyDesignTokens:t,children:[e,l]})]})},B=o.memo(U);B.displayName="PageTemplate";export{B as M,H as u};
+ */const v=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="hasUiShell"&&e!=="isFullWidth"})(({hasUiShell:e,isFullWidth:s,odysseyDesignTokens:n})=>({maxWidth:s?"100%":`calc(1440px + ${n.Spacing6} + ${n.Spacing6})`,marginInline:s&&!e?n.Spacing6:"auto",padding:e?0:n.Spacing6})),R=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:e.Spacing4})),w=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({maxWidth:e.TypographyLineLengthMax,".MuiTypography-root:last-child":{marginBlockEnd:"0"}})),z=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"flex-end",display:"flex",flexDirection:"column",gap:e.Spacing4,minHeight:e.Spacing7,justifyContent:"center",whiteSpace:"nowrap"})),C=r("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",gap:e.Spacing2})),E=r("div",{shouldForwardProp:e=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(e)})(({drawerVariant:e,isDrawerOpen:s,isFirstRender:n,odysseyDesignTokens:a})=>({"@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:e==="persistent"&&!s?0:a.Spacing4,gap:e==="persistent"&&!s?0:a.Spacing4,marginBlock:a.Spacing4,gridTemplateColumns:e==="persistent"?s?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:e==="persistent"&&(!n||s)?`animate-drawer-${s?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0})),U=({children:e,description:s,documentationLink:n,documentationText:a,drawer:l,isFullWidth:h=!1,primaryCallToActionComponent:m,secondaryCallToActionComponent:d,tertiaryCallToActionComponent:c,title:p})=>{const t=k(),{isOpen:f,variant:x}=(l==null?void 0:l.props)??{},y=L(),u=o.useRef(!0),S=u.current,T=o.useCallback(()=>{u.current=!1},[]);return M({onMount:T}),i.jsxs(v,{hasUiShell:y,isFullWidth:h,odysseyDesignTokens:t,children:[i.jsxs(R,{odysseyDesignTokens:t,children:[i.jsxs(w,{odysseyDesignTokens:t,children:[p&&i.jsx(j,{children:p}),s&&i.jsx(D,{children:s})]}),i.jsxs(z,{odysseyDesignTokens:t,children:[n&&i.jsx(g,{href:n,icon:i.jsx(F,{}),target:"_blank",children:a}),(m||d||c)&&i.jsxs(C,{odysseyDesignTokens:t,children:[c,d,m]})]})]}),i.jsxs(E,{drawerVariant:x,isDrawerOpen:f,isFirstRender:S,odysseyDesignTokens:t,children:[e,l]})]})},B=o.memo(U);B.displayName="PageTemplate";export{B as M,H as u};

package/dist/assets/PageTemplate.stories-BD8Hafdu.js

@@ -0,0 +1,197 @@
+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";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const K="data-unified-ui-shell",Q=()=>{const[r,a]=s.useState(!1);return s.useEffect(()=>{a(!!document.querySelector(`[${K}]`))},[]),r};/*!
+ * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const 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:`{
+  render: args => <PageTemplate headerComponent={<PageHeader>
+          <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
+            <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth={args.isFullWidth}>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </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:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="temporary">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </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:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="persistent">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </Layout>
+      </PageTemplate>;
+  }
+}`,...(B=(S=b.parameters)==null?void 0:S.docs)==null?void 0:B.source}}};var F,E,O;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  render: () => <PageTemplate headerComponent={<PageHeader>
+          <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
+            <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation" label="Documentation" />
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </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};

package/dist/assets/{PaginatedTable _labs_.stories--9YveFu7.js → PaginatedTable _labs_.stories-Lt6yWTDo.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-BRjYVaUu.js";import{u as fe,M as Ne}from"./index.esm-CaIA2ztV.js";import{J as ge,T as j}from"./OdysseyThemeProvider-BBwjgzn2.js";import{M as z}from"./Typography-DfSdXC7o.js";import{M as ye}from"./Button-DGmXZ3jw.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./createSvgIcon-DsUj6UQo.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./List-Be7fhh4_.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-DkZjDCLm.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./Popper-DjhYeJJy.js";import"./Paper-XsV8SWR9.js";import"./Box-CWTB5xfE.js";import"./CircularProgress-B5_VbcVt.js";import"./DialogContent-_oGbCJT8.js";import"./Fade-CVbWKXvx.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-BWrWITLY.js";import"./DialogTitle-DyO9kr6R.js";import"./Typography-Yf1Zkad_.js";import"./Menu-CHod3UUY.js";import"./MenuList-CW8ri5AI.js";import"./colorManipulator-CjGkpVfF.js";import"./IconButton-OY9nJWpv.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./Checkbox-BVTNXOF7.js";import"./useMobilePicker-5I3ooa1D.js";import"./Select-9yKLDVKS.js";import"./ArrowDropDown-LYMnJjPD.js";import"./InputBase-DSZ9ZgyW.js";import"./FormHelperText-qF3DX-zz.js";import"./useThemeProps-Bfa1XAV-.js";import"./InputAdornment-D4SsBOPe.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-CdPi1pZc.js";import"./Chip-DXaMeATb.js";import"./MenuItem-B0_vCuIq.js";import"./Collapse-COoe3Qtd.js";import"./AlertTitle-BbBpDTwd.js";import"./useSlot-CaOQD_17.js";import"./Close-ATS01D1v.js";import"./Skeleton-dfR0DjWP.js";import"./Divider-DsFAYUeD.js";import"./Autocomplete-CXy6JKKy.js";import"./ListSubheader-Bwc0JItn.js";import"./tableSortLabelClasses-DtOYtU1J.js";import"./FormControlLabel-BKhSSavj.js";import"./DateTimePicker-LSjVE-IM.js";import"./Tabs-DzeBYjfY.js";import"./DatePicker-txjKmLSi.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.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-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";/*!
  * 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 Ua={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: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:`{
   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 _a=["BasicUsage","Pagination","Selection","CustomToolbar"];export{k as BasicUsage,R as CustomToolbar,S as Pagination,D as Selection,_a as __namedExportsOrder,Ua as default};
+}`,...($=(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};

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

@@ -1,4 +1,4 @@
-import{J as F,u as te,s as v}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as e}from"./index-NdkWRN8K.js";import{M as E}from"./Box-BGpAHVQV.js";import{a as B}from"./Typography-DfSdXC7o.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{M as re,a as se}from"./ArrowRight-Bi2Pswgc.js";import{I as ie}from"./InputBase-DSZ9ZgyW.js";import{M as I}from"./Button-DGmXZ3jw.js";/*!
+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";/*!
  * 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,s as v}from"./OdysseyThemeProvider-BBwjgzn2.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:P,maxPageSize:h,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=P?Math.min(Number(a.target.value),P):Number(a.target.value);C(Math.max(1,l))},[C,P]),Y=e.useCallback(a=>{const l=h?Math.min(Number(a.target.value),h):Number(a.target.value);j(Math.max(1,l))},[j,h]),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:h||t}),[h,L,t]),oe=e.useMemo(()=>({"aria-label":k,max:P}),[k,P]);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(B,{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(B,{color:"textSecondary",component:"span",children:U})]}),o.jsxs(T,{odysseyDesignTokens:y,children:[t&&M&&o.jsxs(E,{children:[o.jsx(B,{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(I,{ariaLabel:Q,isDisabled:ae,onClick:$,size:"small",startIcon:o.jsx(re,{}),variant:"floating"}),o.jsx(I,{ariaLabel:G,endIcon:o.jsx(se,{}),isDisabled:ee,onClick:_,size:"small",variant:"floating"})]})]})]}):o.jsx(I,{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: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};

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

@@ -0,0 +1,17 @@
+import{j as g}from"./jsx-runtime-CnH95YSl.js";import{O as h}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{p as o}from"./constants-CyailK6t.js";import{M as c}from"./Pagination-BTycGMV-.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Button-DPUOjyZy.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./ArrowRight-BquvVn3D.js";import"./InputBase-6reb9B7r.js";import"./useFormControl-BMISTZuX.js";import"./utils-iop7lDec.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";const ne={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 ie=["Default","LoadMore","JustButtons"];export{e as Default,r as JustButtons,t as LoadMore,ie as __namedExportsOrder,ne as default};

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

@@ -1 +1 @@
-import{U as x,V as g,c as b,_ as P,b as s,d as m,e as R,g as $,p as l}from"./OdysseyThemeProvider-BBwjgzn2.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{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};

package/dist/assets/PasswordField.stories-BdnDY-tl.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-CGH8visK.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Ie}from"./Field-BxkyNVQW.js";import{J as De,a2 as C}from"./OdysseyThemeProvider-BykOaJq8.js";import{g as He,u as Oe}from"./inputUtils-Dbi8XkA6.js";import{I as je}from"./InputBase-6reb9B7r.js";import{I as qe}from"./InputAdornment-Dj-8HF_1.js";import{I as Ue}from"./IconButton-Wwvz84xG.js";import{M as ze}from"./Hide-Bvhl5PVN.js";import{M as Ne}from"./Show-DXIrBgNq.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.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"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.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 Ft={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 J,G,K;b.parameters={...b.parameters,docs:{...(J=b.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "The values of disabled inputs will not be submitted."
+      }
+    }
+  },
+  args: {
+    isDisabled: true,
+    defaultValue: "PasswordValue"
+  }
+}`,...(K=(G=b.parameters)==null?void 0:G.docs)==null?void 0:K.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 kt=["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,kt as __namedExportsOrder,Ft as default};

package/dist/assets/Picker _labs_.stories-D3FvB-m5.js

@@ -0,0 +1,18 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-CozVRRyR.js";import{M as C}from"./Video-D8qbHdF4.js";import{M as F}from"./Folder-8esChg_E.js";import{M as O}from"./Globe-BHk1B5d7.js";import{M as p}from"./Settings-SRsJGOHl.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.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"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.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"./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"./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";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"}]}],We={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 Je=["LabelOnly","WithDescription","WithMetadata","MultipleSelect","Disabled"];export{i as Disabled,o as LabelOnly,a as MultipleSelect,r as WithDescription,t as WithMetadata,Je as __namedExportsOrder,We as default};