@okta/odyssey-contribution-tooling 1.49.0 → 1.51.0

package/dist/assets/PaginatedTable _labs_.stories-UxmUHrH9.js

@@ -0,0 +1,65 @@
+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-DsQ8XVOG.js";import{u as fe,M as Ne}from"./index.esm-CSagFIBX.js";import{K as ge,T as j}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{M as z}from"./Typography-gfYWxfhb.js";import{M as ye}from"./Button-NJfX6YsF.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./createSvgIcon-SdTF6s8l.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-Bv1M9lel.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-C4KesWyd.js";import"./List-BcG-NsbC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.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-uddq32f3.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";import"./Tooltip-gH7ETEPn.js";import"./Grow-CbLflC0D.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./Portal-ev1Y_qJb.js";import"./Paper-BGSgbZC6.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./CircularProgress-BOLg_ZK_.js";import"./DialogContent-DBoG8cPo.js";import"./Fade-DSMklDt3.js";import"./Modal-D0XtQHFw.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-Dyfou6Pj.js";import"./DialogTitle-6m4SWKSG.js";import"./Typography-BIFhmR2K.js";import"./Menu-g2Uj1mcn.js";import"./MenuList-sllDVDo3.js";import"./colorManipulator-BxsGKdcY.js";import"./IconButton-DwJqCevw.js";import"./Radio-CnmlQGNx.js";import"./SwitchBase-DDdOwpAs.js";import"./Checkbox-DGd8S5xK.js";import"./useMobilePicker-DEUQ7oE6.js";import"./Select-BcdWA_SU.js";import"./ArrowDropDown-CSyg-khO.js";import"./InputBase-Cc2rXj8N.js";import"./FormHelperText-CZEj6vhF.js";import"./useThemeProps-DOJ_m4Vc.js";import"./InputAdornment-CrT6j38e.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-dStBbGjZ.js";import"./Chip-p4lq04qX.js";import"./MenuItem-DR63CY7B.js";import"./Collapse-Bf9rwi0n.js";import"./AlertTitle-BdgyvdT3.js";import"./useSlot-bWb1W-uo.js";import"./Close-DWj_zrWe.js";import"./Skeleton-BSJpuJ78.js";import"./Divider-CtIp4StC.js";import"./Autocomplete-Ce5vsFXe.js";import"./ListSubheader-CBvKBAKL.js";import"./tableSortLabelClasses-t0B4WNP1.js";import"./FormControlLabel-0yOoM5iA.js";import"./DateTimePicker-DFQrMMgz.js";import"./Tabs-AOq_ZOqc.js";import"./DatePicker-BxTRZXpL.js";import"./BaseButton-CPts8Xl1.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-Bx__kQJp.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.")
+ *
+ * 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 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,
+    getRowId: ({
+      id
+    }: {
+      id: string;
+    }) => id
+  }
+}`,...(G=(W=k.parameters)==null?void 0:W.docs)==null?void 0:G.source}}};var q,U,_;S.parameters={...S.parameters,docs:{...(q=S.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    columns,
+    data,
+    getRowId: ({
+      id
+    }: {
+      id: string;
+    }) => id
+  },
+  render: function C(args) {
+    const countRef = useRef(15);
+    const dataArg = useMemo(() => args.data ?? [], [args]);
+    const [data, setData] = useState(dataArg.slice(0, countRef.current));
+    const fetchMoreData = useCallback(() => {
+      countRef.current = countRef.current + 10;
+      setData(dataArg.slice(0, Math.min(countRef.current, dataArg.length)));
+    }, [dataArg]);
+    return <PaginatedTable {...args} data={data} fetchMoreData={fetchMoreData} />;
+  }
+}`,...(_=(U=S.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};var H,Q,X;D.parameters={...D.parameters,docs:{...(H=D.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  args: {
+    columns,
+    data,
+    getRowId: ({
+      id
+    }: {
+      id: string;
+    }) => id,
+    hasRowSelection: true
+  }
+}`,...(X=(Q=D.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,$;R.parameters={...R.parameters,docs:{...(Y=R.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    columns,
+    data,
+    getRowId: ({
+      id
+    }: {
+      id: string;
+    }) => id,
+    ToolbarButtons: ({
+      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 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-iboAjua_.js

@@ -0,0 +1,11 @@
+import{K as F,u as te,h as v}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as e}from"./index-NdkWRN8K.js";import{M as E}from"./Box-XLjSpNxK.js";import{M as B}from"./Button-NJfX6YsF.js";import{a as I}from"./Typography-gfYWxfhb.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{M as re,a as se}from"./ArrowRight-D4RDomjP.js";import{I as ie}from"./InputBase-Cc2rXj8N.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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const le=({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-BCbuKsR4.js

@@ -0,0 +1,17 @@
+import{j as g}from"./jsx-runtime-CnH95YSl.js";import{O as h}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{p as o}from"./constants-CyailK6t.js";import{M as c}from"./Pagination-iboAjua_.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./Button-NJfX6YsF.js";import"./BaseButton-CPts8Xl1.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-Bx__kQJp.js";import"./Tooltip-gH7ETEPn.js";import"./Grow-CbLflC0D.js";import"./utils-uddq32f3.js";import"./inheritsLoose-6wpAF9yl.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-ev1Y_qJb.js";import"./Button-dStBbGjZ.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./ArrowRight-D4RDomjP.js";import"./InputBase-Cc2rXj8N.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-BGSgbZC6.js

@@ -0,0 +1 @@
+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-uYQ_l8PJ.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-DKFTzpqb.js

@@ -0,0 +1,121 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{f as L,w as Te,e as l,u as y}from"./index-BJMTVygn.js";import{a as De}from"./axeRun-B-LchFqf.js";import{O as je}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{u as Me}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as d}from"./fieldComponentPropsMetaData-kU3Yruac.js";import{r as n}from"./index-NdkWRN8K.js";import{M as He}from"./Field-BVmhMv9m.js";import{K as Ae,a3 as u,a4 as C}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{g as _e,u as We}from"./inputUtils-Dbi8XkA6.js";import{I as ze}from"./InputBase-Cc2rXj8N.js";import{I as Ke}from"./InputAdornment-CrT6j38e.js";import{I as Ne}from"./IconButton-DwJqCevw.js";import{M as qe}from"./Hide-E3YBylpY.js";import{M as Ue}from"./Show-Blc9FMhI.js";import{M as Ye}from"./Stack-jRk0Yp6q.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./List-BcG-NsbC.js";import"./ListItem-Bv1M9lel.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-C4KesWyd.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CQNs2mcT.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CZEj6vhF.js";import"./FieldHint-BFs7d7f5.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";const Ge=n.forwardRef(({ariaDescribedBy:o,autoCompleteType:a,defaultValue:r,errorMessage:s,errorMessageList:e,hasInitialFocus:p,hint:m,id:E,inputRef:I,isDisabled:Ce=!1,isFullWidth:Ee=!1,isOptional:R=!1,hasShowPassword:k=!0,isReadOnly:B,label:Ie,name:D,onChange:w,onFocus:j,onBlur:H,placeholder:A,testId:_,translate:W,value:z},K)=>{const{t:N}=Ae(),[f,Re]=n.useState("password"),q=n.useCallback(()=>{Re(i=>i==="password"?"text":"password")},[]),Oe=n.useRef(_e({controlledValue:z,uncontrolledValue:r})),U=We({defaultValue:r,value:z,controlState:Oe.current}),Y=n.useRef(null);n.useImperativeHandle(I,()=>({focus:()=>{var i;(i=Y.current)==null||i.focus()}}),[]);const G=n.useCallback(i=>{w==null||w(i)},[w]),Le=n.useCallback(({ariaDescribedBy:i,errorMessageElementId:ke,id:O,labelElementId:Be})=>t.jsx(ze,{...U,"aria-describedby":i,autoComplete:f==="password"?a:"off",autoFocus:p,endAdornment:k&&t.jsx(Ke,{position:"end",children:t.jsx(Ne,{"aria-controls":O,"aria-label":N("passwordfield.icon.label.show"),"aria-pressed":f==="text",onClick:q,children:f==="password"?t.jsx(Ue,{}):t.jsx(qe,{})})}),id:O,inputProps:{"aria-errormessage":ke,"aria-labelledby":Be,"data-se":_,role:"textbox"},inputRef:Y,name:D??O,onBlur:H,onChange:G,onFocus:j,placeholder:A,readOnly:B,ref:K,required:!R,translate:W,type:f}),[a,p,U,N,q,f,D,G,j,H,A,R,B,k,K,_,W]);return t.jsx(He,{ariaDescribedBy:o,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:m,id:E,isDisabled:Ce,isFullWidth:Ee,isOptional:R,label:Ie,renderFieldComponent:Le})}),g=n.memo(Ge);g.displayName="PasswordField";const{useCallback:Ve}=__STORYBOOK_MODULE_PREVIEW_API__,qa={component:g,decorators:[je],argTypes:{autoCompleteType:{control:"text",description:"The native HTML [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute for enabling browser autofill (e.g., `email`, `username`, `current-password`)",table:{category:"Functional",type:{summary:"string"}}},defaultValue:{control:"text",description:"If `value` is undefined, the field is uncontrolled and `defaultValue` provides its initial text",table:{category:"Functional",type:{summary:"string"},defaultValue:{summary:void 0}}},errorMessage:d.errorMessage,errorMessageList:d.errorMessageList,hasInitialFocus:{control:!1,description:"If `true`, the component will receive focus automatically",table:{category:"Functional",type:{summary:"boolean"}}},hasShowPassword:{control:"boolean",description:"If `true`, the show/hide eye icon is not shown to the user",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"true"}}},hint:d.hint,id:d.id,isDisabled:d.isDisabled,isFullWidth:d.isFullWidth,isOptional:d.isOptional,isReadOnly:d.isReadOnly,label:{control:"text",description:"The label for the `input` element",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired after the input loses focus; useful for validation or analytics hooks",table:{category:"Functional",type:{summary:"func"}}},onChange:{description:"Callback fired whenever the value changes; required when controlling the component via `value`",table:{category:"Functional",type:{summary:"func"}}},onFocus:{description:"Callback fired when the input gains focus; helpful for analytics or guided workflows",table:{category:"Functional",type:{summary:"func"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{category:"Visual",type:{summary:"string"}}},value:{control:"text",description:"If `value` is provided, you control the input externally and must handle updates with `onChange`",table:{category:"Functional",type:{summary:"string"}}}},args:{autoCompleteType:"current-password",hasShowPassword:!0,id:"password-input",isOptional:!1,label:"Password",onBlur:L(),onChange:L(),onFocus:L(),value:""}},c={args:{value:""},argTypes:{defaultValue:{control:!1}},render:function(a,r){const{defaultValue:s,...e}=a,{value:p,setValue:m}=Me({args:a,argKey:"value",context:r,defaultValue:a.value??""}),E=Ve(I=>{m(I.target.value)},[m]);return t.jsx(g,{...e,onChange:E,value:p})}},Je=async({canvasElement:o,step:a})=>{await a("toggle password",async()=>{const r=Te(o),s=r.getByRole("textbox",{name:"Password"});l(s).toHaveAttribute("type","password");const e=r.getByRole("button",{name:C("passwordfield.icon.label.show")});e&&(await y.type(s,"password",{delay:50}),await y.click(e),await y.tab(),l(s).toHaveAttribute("type","text"),l(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),l(e.ariaPressed).toBe("true"),await y.click(e),l(s).toHaveAttribute("type","password"),l(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),l(e.ariaPressed).toBe("false")),await De("Password Field Default")})},Qe=async({canvasElement:o,step:a})=>{await a("toggle password",()=>{const r=Te(o),s=r.getByRole("textbox",{name:"Password"});l(s).toHaveAttribute("type","password");const e=r.queryByRole("button",{name:C("passwordfield.icon.label.show")});l(e).toBe(null)})},h={...u(c,{play:Je})},b={...u(c,{parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,value:"password"}})},v={...u(c,{args:{errorMessage:"Error Message"}})},F={...u(c,{args:{errorMessage:"Error Message",errorMessageList:["Error A"]}})},x={...u(c,{args:{hint:"Hint text"}})},P={...u(c,{args:{hasShowPassword:!1},play:Qe})},S={...u(c,{args:{isOptional:!0}})},T={...u(c,{parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,value:"password"}})},M={parameters:{docs:{description:{story:"This `PasswordField` will receive focus when the page loads"}}},args:{hasInitialFocus:!0,label:"Label",value:""},render:function(a,r){const{value:s,setValue:e}=Me({args:a,argKey:"value",context:r,defaultValue:a.value??""}),p=Ve(m=>{e(m.target.value)},[e]);return t.jsxs(Ye,{spacing:2,children:[t.jsx(g,{label:"Not Focused"}),t.jsx(g,{...a,onChange:p,value:s})]})}},V={parameters:{docs:{description:{story:"When `value` is omitted the field manages its own state via `defaultValue`."}}},args:{defaultValue:"Initial password",value:void 0},argTypes:{value:{control:!1}},render:o=>{const{value:a,...r}=o;return t.jsx(g,{...r})}};var J,Q,X;h.parameters={...h.parameters,docs:{...(J=h.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    play: passwordFieldPlay
+  })
+}`,...(X=(Q=h.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,$,ee;b.parameters={...b.parameters,docs:{...(Z=b.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "The values of disabled inputs will not be submitted."
+        }
+      }
+    },
+    args: {
+      isDisabled: true,
+      value: "password"
+    }
+  })
+}`,...(ee=($=b.parameters)==null?void 0:$.docs)==null?void 0:ee.source}}};var ae,re,se;v.parameters={...v.parameters,docs:{...(ae=v.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    args: {
+      errorMessage: "Error Message"
+    }
+  })
+}`,...(se=(re=v.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var te,oe,ne;F.parameters={...F.parameters,docs:{...(te=F.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    args: {
+      errorMessage: "Error Message",
+      errorMessageList: ["Error A"]
+    }
+  })
+}`,...(ne=(oe=F.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var le,ie,de;x.parameters={...x.parameters,docs:{...(le=x.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    args: {
+      hint: "Hint text"
+    }
+  })
+}`,...(de=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ue,ce,pe;P.parameters={...P.parameters,docs:{...(ue=P.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    args: {
+      hasShowPassword: false
+    },
+    play: noShowPasswordPlay
+  })
+}`,...(pe=(ce=P.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,ge,fe;S.parameters={...S.parameters,docs:{...(me=S.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    args: {
+      isOptional: true
+    }
+  })
+}`,...(fe=(ge=S.parameters)==null?void 0:ge.docs)==null?void 0:fe.source}}};var we,ye,he;T.parameters={...T.parameters,docs:{...(we=T.parameters)==null?void 0:we.docs,source:{originalSource:`{
+  ...deepmerge(PasswordFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "The values of readonly inputs will be submitted."
+        }
+      }
+    },
+    args: {
+      isReadOnly: true,
+      value: "password"
+    }
+  })
+}`,...(he=(ye=T.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var be,ve,Fe;M.parameters={...M.parameters,docs:{...(be=M.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "This \`PasswordField\` will receive focus when the page loads"
+      }
+    }
+  },
+  args: {
+    hasInitialFocus: true,
+    label: "Label",
+    value: ""
+  },
+  render: function Render(args, context) {
+    const {
+      value,
+      setValue
+    } = useStoryArgOrLocalState<PasswordFieldProps, "value">({
+      args,
+      argKey: "value",
+      context,
+      defaultValue: args.value ?? ""
+    });
+    const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
+      setValue(event.target.value);
+    }, [setValue]);
+    return <Stack spacing={2}>
+        <PasswordField label="Not Focused" />
+        <PasswordField {...args} onChange={handleChange} value={value} />
+      </Stack>;
+  }
+}`,...(Fe=(ve=M.parameters)==null?void 0:ve.docs)==null?void 0:Fe.source}}};var xe,Pe,Se;V.parameters={...V.parameters,docs:{...(xe=V.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When \`value\` is omitted the field manages its own state via \`defaultValue\`."
+      }
+    }
+  },
+  args: {
+    defaultValue: "Initial password",
+    value: undefined
+  },
+  argTypes: {
+    value: {
+      control: false
+    }
+  },
+  render: props => {
+    const {
+      value,
+      ...rest
+    } = props;
+    void value;
+    return <PasswordField {...rest} />;
+  }
+}`,...(Se=(Pe=V.parameters)==null?void 0:Pe.docs)==null?void 0:Se.source}}};const Ua=["Default","Disabled","Error","ErrorsList","Hint","NoShowPassword","Optional","ReadOnly","Focused","Uncontrolled"];export{h as Default,b as Disabled,v as Error,F as ErrorsList,M as Focused,x as Hint,P as NoShowPassword,S as Optional,T as ReadOnly,V as Uncontrolled,Ua as __namedExportsOrder,qa as default};

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

@@ -0,0 +1,18 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{f as s}from"./fieldComponentPropsMetaData-kU3Yruac.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-DrOyW8Hu.js";import{M as C}from"./Video-BrBarEGj.js";import{M as F}from"./Folder-DTgm0zQ0.js";import{M as O}from"./Globe-CLLXW_yR.js";import{M as p}from"./Settings-CjZSn0DO.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./useAutocomplete-CkesXhEs.js";import"./index.esm-CcYwRB5x.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./Field-BVmhMv9m.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./List-BcG-NsbC.js";import"./ListItem-Bv1M9lel.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-C4KesWyd.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Wolvis_2.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CQNs2mcT.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CZEj6vhF.js";import"./FieldHint-BFs7d7f5.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-Cc2rXj8N.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-Ce5vsFXe.js";import"./ArrowDropDown-CSyg-khO.js";import"./createSvgIcon-SdTF6s8l.js";import"./Close-DWj_zrWe.js";import"./Paper-BGSgbZC6.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./Portal-ev1Y_qJb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./useControlled-NQulfz4l.js";import"./Chip-p4lq04qX.js";import"./IconButton-DwJqCevw.js";import"./ListSubheader-CBvKBAKL.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-rMUH3rtj.js

@@ -0,0 +1,70 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{f as I}from"./fieldComponentPropsMetaData-kU3Yruac.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-DrOyW8Hu.js";import{P as d}from"./PlaceholderLogo-JfVvgA23.js";import{u as ie,h as Be}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as f}from"./index-NdkWRN8K.js";import{M as qe}from"./Box-XLjSpNxK.js";import{M as Ge}from"./Tag-DPyljaiU.js";import{p as _e}from"./pxToRem-BrMhKUxS.js";import{j as re}from"./Typography-gfYWxfhb.js";import{M as Ne}from"./Sync-BUHhhjqx.js";import{M as D}from"./Folder-DTgm0zQ0.js";import{M as y}from"./Globe-CLLXW_yR.js";import{M as C}from"./Settings-CjZSn0DO.js";import{M as $e}from"./Video-BrBarEGj.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./useAutocomplete-CkesXhEs.js";import"./index.esm-CcYwRB5x.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./Field-BVmhMv9m.js";import"./List-BcG-NsbC.js";import"./ListItem-Bv1M9lel.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-C4KesWyd.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Wolvis_2.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CQNs2mcT.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CZEj6vhF.js";import"./FieldHint-BFs7d7f5.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-Cc2rXj8N.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-Ce5vsFXe.js";import"./ArrowDropDown-CSyg-khO.js";import"./createSvgIcon-SdTF6s8l.js";import"./Close-DWj_zrWe.js";import"./Paper-BGSgbZC6.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-ev1Y_qJb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./useControlled-NQulfz4l.js";import"./Chip-p4lq04qX.js";import"./IconButton-DwJqCevw.js";import"./ListSubheader-CBvKBAKL.js";import"./MuiPropsContext-DhRylJZk.js";import"./Typography-BIFhmR2K.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.")
+ *
+ * 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 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,
+      metaData: [{
+        icon: <SettingsIcon />,
+        detailText: "10"
+      }, {
+        icon: <GlobeIcon />,
+        detailText: "1"
+      }, {
+        icon: <FolderIcon />,
+        detailText: 40
+      }]
+    }))
+  }
+}`,...(E=(V=h.parameters)==null?void 0:V.docs)==null?void 0:E.source}}};var R,W,H;x.parameters={...x.parameters,docs:{...(R=x.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    adornmentSize: "large",
+    options: optionsLarge
+  }
+}`,...(H=(W=x.parameters)==null?void 0:W.docs)==null?void 0:H.source}}};var B,q,G;S.parameters={...S.parameters,docs:{...(B=S.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    adornmentSize: "large",
+    options: optionsLarge.map(option => ({
+      ...option,
+      metaData: [{
+        icon: <SettingsIcon />,
+        detailText: "10"
+      }, {
+        icon: <GlobeIcon />,
+        detailText: "1"
+      }, {
+        icon: <FolderIcon />,
+        detailText: 40
+      }]
+    }))
+  }
+}`,...(G=(q=S.parameters)==null?void 0:q.docs)==null?void 0:G.source}}};var _,N,$;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    value: optionsSmall[0]
+  }
+}`,...($=(N=b.parameters)==null?void 0:N.docs)==null?void 0:$.source}}};var J,K,Q;j.parameters={...j.parameters,docs:{...(J=j.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  args: {
+    hasMultipleChoices: true
+  }
+}`,...(Q=(K=j.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;v.parameters={...v.parameters,docs:{...(U=v.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    hasMultipleChoices: true,
+    adornmentSize: "large",
+    options: optionsLarge
+  }
+}`,...(Y=(X=v.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,te;M.parameters={...M.parameters,docs:{...(Z=M.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    hasMultipleChoices: true,
+    value: [optionsSmall[0], optionsSmall[1]]
+  }
+}`,...(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-vW9B5iyN.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-uYQ_l8PJ.js";import{c as J,u as K}from"./popper-BXFsSIrb.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-ev1Y_qJb.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{u as X}from"./getReactElementRef-CYW9xr5m.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-ev1Y_qJb.js

@@ -0,0 +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-CYW9xr5m.js";import{a as m}from"./OdysseyThemeProvider-uYQ_l8PJ.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};