@okta/odyssey-react-mui 1.54.0 → 1.55.0

package/dist/assets/PageHeader-mQcQQKJ2.js

@@ -1,6 +0,0 @@
-import{r,j as s,R as A,l as I,b as g,F as me}from"./iframe-DE4RuJrv.js";import{b as ue,d as fe,e as ge}from"./WpComponentsStorybookThemeDecorator-BfUB6Fji.js";import{I as pe,g as he,R as xe,a as we,u as B}from"./OdysseyProvider-CMlA-CeS.js";import{L as ee}from"./Link-BVJyfG5Z.js";import{S as O,s as ye}from"./tableRowClasses-SdduqaRI.js";import{a as be}from"./Breadcrumbs-D_1mZ41I.js";import{B as X}from"./ButtonBase-CKEbMwnW.js";import{M as ve}from"./Menu-CAnOJYGy.js";import{u as He}from"./MuiPropsContext-H20tOLmR.js";import{C as Ie}from"./Chip-CHLAMh3i.js";import{M as H}from"./Box-QXROWmcY.js";const Pe=(e,n,a,o)=>{var t,d,p,h;const i=[a,{code:n,...o||{}}];if((d=(t=e==null?void 0:e.services)==null?void 0:t.logger)!=null&&d.forward)return e.services.logger.forward(i,"warn","react-i18next::",!0);C(i[0])&&(i[0]=`react-i18next:: ${i[0]}`),(h=(p=e==null?void 0:e.services)==null?void 0:p.logger)!=null&&h.warn?e.services.logger.warn(...i):console!=null&&console.warn&&console.warn(...i)},Y={},D=(e,n,a,o)=>{C(a)&&Y[a]||(C(a)&&(Y[a]=new Date),Pe(e,n,a,o))},ne=(e,n)=>()=>{if(e.isInitialized)n();else{const a=()=>{setTimeout(()=>{e.off("initialized",a)},0),n()};e.on("initialized",a)}},Z=(e,n,a)=>{e.loadNamespaces(n,ne(e,a))},K=(e,n,a,o)=>{if(C(a)&&(a=[a]),e.options.preload&&e.options.preload.indexOf(n)>-1)return Z(e,a,o);a.forEach(i=>{e.options.ns.indexOf(i)<0&&e.options.ns.push(i)}),e.loadLanguages(n,ne(e,o))},Ne=(e,n,a={})=>!n.languages||!n.languages.length?(D(n,"NO_LANGUAGES","i18n.languages were undefined or empty",{languages:n.languages}),!0):n.hasLoadedNamespace(e,{lng:a.lng,precheck:(o,i)=>{if(a.bindI18n&&a.bindI18n.indexOf("languageChanging")>-1&&o.services.backendConnector.backend&&o.isLanguageChangingTo&&!i(o.isLanguageChangingTo,e))return!1}}),C=e=>typeof e=="string",Me=e=>typeof e=="object"&&e!==null,Ce=(e,n)=>{const a=r.useRef();return r.useEffect(()=>{a.current=e},[e,n]),a.current},ae=(e,n,a,o)=>e.getFixedT(n,a,o),Se=(e,n,a,o)=>r.useCallback(ae(e,n,a,o),[e,n,a,o]),Le=(e,n={})=>{var S,k,E,T;const{i18n:a}=n,{i18n:o,defaultNS:i}=r.useContext(pe)||{},t=a||o||he();if(t&&!t.reportNamespaces&&(t.reportNamespaces=new xe),!t){D(t,"NO_I18NEXT_INSTANCE","useTranslation: You will need to pass in an i18next instance by using initReactI18next");const f=(m,u)=>C(u)?u:Me(u)&&C(u.defaultValue)?u.defaultValue:Array.isArray(m)?m[m.length-1]:m,b=[f,{},!1];return b.t=f,b.i18n={},b.ready=!1,b}(S=t.options.react)!=null&&S.wait&&D(t,"DEPRECATED_OPTION","useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");const d={...we(),...t.options.react,...n},{useSuspense:p,keyPrefix:h}=d;let l=i||((k=t.options)==null?void 0:k.defaultNS);l=C(l)?[l]:l||["translation"],(T=(E=t.reportNamespaces).addUsedNamespaces)==null||T.call(E,l);const w=(t.isInitialized||t.initializedStoreOnce)&&l.every(f=>Ne(f,t,d)),y=Se(t,n.lng||null,d.nsMode==="fallback"?l:l[0],h),c=()=>y,x=()=>ae(t,n.lng||null,d.nsMode==="fallback"?l:l[0],h),[L,N]=r.useState(c);let M=l.join();n.lng&&(M=`${n.lng}${M}`);const j=Ce(M),v=r.useRef(!0);r.useEffect(()=>{const{bindI18n:f,bindI18nStore:b}=d;v.current=!0,!w&&!p&&(n.lng?K(t,n.lng,l,()=>{v.current&&N(x)}):Z(t,l,()=>{v.current&&N(x)})),w&&j&&j!==M&&v.current&&N(x);const m=()=>{v.current&&N(x)};return f&&(t==null||t.on(f,m)),b&&(t==null||t.store.on(b,m)),()=>{v.current=!1,t&&f&&(f==null||f.split(" ").forEach(u=>t.off(u,m))),b&&t&&b.split(" ").forEach(u=>t.store.off(u,m))}},[t,M]),r.useEffect(()=>{v.current&&w&&N(c)},[t,h,w]);const P=[L,t,w];if(P.t=L,P.i18n=t,P.ready=w,w||!w&&!p)return P;throw new Promise(f=>{n.lng?K(t,n.lng,l,()=>f()):Z(t,l,()=>f())})},je=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"m5.646 13.06 4.647 4.647 1.414-1.414L8.414 13H19v-2H8.414l3.293-3.293-1.414-1.414-4.647 4.646a1.5 1.5 0 0 0 0 2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),te=r.memo(je);te.displayName="ArrowLeftIcon";const ke=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"M2 3H1v18h7.667c1.093 0 2.003.199 2.67.75l.004.002.015.012a.688.688 0 0 0 .062.047l.003.002a1.012 1.012 0 0 0 .696.168c.3-.033.494-.192.522-.215l.003-.002c.029-.023.05-.043.058-.05a.808.808 0 0 0 .018-.017C13.228 21.21 14.08 21 15.2 21H23V3h-8.932a2.798 2.798 0 0 0-2.106.953 3.82 3.82 0 0 0-.232-.226A2.866 2.866 0 0 0 9.822 3H2Zm9 3.562c0-.513-.219-1.001-.601-1.343A.866.866 0 0 0 9.822 5H3v14h5.667c.746 0 1.553.076 2.333.331V6.561Zm0 14.4v.01-.01Zm2 0v.005-.008.003Zm0-1.666c.736-.232 1.509-.296 2.2-.296H21V5h-6.932a.8.8 0 0 0-.559.228A1.7 1.7 0 0 0 13 6.441v12.854ZM9 11H5V9h4v2Zm6 0h4V9h-4v2Zm4 4h-4v-2h4v2ZM5 15h4v-2H5v2Z",fill:"currentColor",fillRule:"evenodd"})})})),re=r.memo(ke);re.displayName="DocumentationIcon";const Ee=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"M8.293 14.293 18.586 4H10V2h10.223c.12 0 .262 0 .387.01.145.012.353.042.571.153a1.5 1.5 0 0 1 .655.656c.112.218.142.426.154.571.01.125.01.268.01.387V14h-2V5.414L9.707 15.707l-1.414-1.414Zm7.745 5.74v-7.847l2-2.042v11.89H2.024V5.966h11.828l-2.041 2H4.024v12.068h12.014Z",fill:"currentColor",fillRule:"evenodd"})})})),oe=r.memo(Ee);oe.displayName="ExternalLinkIcon";const Te=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"m12 .655.669.602 10 9 .331.298V20a3 3 0 0 1-3 3h-5v-7a3 3 0 1 0-6 0v7H4a3 3 0 0 1-3-3v-9.445l.331-.298 10-9L12 .655Zm-9 10.79V20a1 1 0 0 0 1 1h3v-5a5 5 0 0 1 10 0v5h3a1 1 0 0 0 1-1v-8.555l-9-8.1-9 8.1Z",fill:"currentColor",fillRule:"evenodd"})})})),se=r.memo(Te);se.displayName="HomeIcon";const Be=({ariaLabel:e,children:n,href:a,icon:o,linkRef:i,rel:t,target:d,testId:p,translate:h,variant:l,onClick:w})=>{const y=r.useRef(null);return r.useImperativeHandle(i,()=>({focus:()=>{var c;(c=y.current)==null||c.focus()}}),[]),s.jsxs(ee,{"aria-label":e,"data-se":p,href:a,onClick:w,ref:y,rel:t,target:d,translate:h,variant:l,children:[o&&s.jsx("span",{className:"Link-icon",children:o}),n,d==="_blank"&&s.jsx("span",{className:"Link-indicator",role:"presentation",children:s.jsx(oe,{})})]})},ie=r.memo(Be);ie.displayName="Link";const R=r.createContext({breadcrumbType:"listItem"});ye.span`
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 10rem;
-  text-overflow: ellipsis;
-`;const z={currentPage:{breadcrumbType:"currentPage"},listItem:{breadcrumbType:"listItem"},menuItem:{breadcrumbType:"menuItem"}},Re=5,ze=({children:e,homeHref:n,maxVisibleItems:a=Re,testId:o,translate:i})=>{const{t}=Le(),[d,p]=r.useState(null),h=r.useMemo(()=>Math.min(Math.max(a,0),e.length),[a,e]),l=r.useMemo(()=>{if(e.length<=h)return{beforeMenu:[],insideMenu:[],remainingBreadcrumbs:e};{const c=Math.floor(h/2),x=e.length-h;return{beforeMenu:e.slice(0,c),insideMenu:e.slice(c,c+x),remainingBreadcrumbs:e.slice(c+x)}}},[e,h]),w=r.useCallback(c=>p(c.currentTarget),[]),y=r.useCallback(()=>{p(null)},[]);return s.jsxs(be,{"aria-label":t("breadcrumbs.label.text"),"data-se":o,maxItems:e.length+1,translate:i,children:[n&&s.jsx(X,{"aria-label":t("breadcrumbs.home.text"),href:n,children:s.jsx(se,{})}),l.beforeMenu.map((c,x)=>s.jsx(R.Provider,{value:z.listItem,children:c},x)),l.insideMenu.length>0&&s.jsxs(s.Fragment,{children:[s.jsx(X,{onClick:w,children:"..."}),s.jsx(ve,{anchorEl:d,anchorOrigin:{horizontal:"left",vertical:"bottom"},MenuListProps:{sx:{minWidth:180}},onClose:y,open:!!d,children:s.jsx(R.Provider,{value:z.menuItem,children:l.insideMenu})})]}),l.remainingBreadcrumbs.map((c,x)=>x===l.remainingBreadcrumbs.length-1?s.jsx(R.Provider,{value:z.currentPage,children:c},x):s.jsx(R.Provider,{value:z.listItem,children:c},x))]})},le=r.memo(ze);le.displayName="BreadcrumbList";const Ae=({ariaDescribedBy:e,label:n,severity:a,testId:o,translate:i,variant:t="pill"})=>{const d=He();return s.jsx(Ie,{...d,"aria-describedby":e,color:a,"data-se":o,label:n,translate:i,variant:t})},V=r.memo(Ae);V.displayName="Status";const Oe="•",Q=76,ce=r.memo(({status:e})=>e!=null&&e.label?g(V,{label:e.label,severity:e.severity??"default",variant:"pill"}):null);ce.displayName="StatusDisplay";const F=r.memo(({children:e,clampLines:n,overline:a,status:o,wordBreak:i})=>{const t=B();return I(me,{children:[a&&g(fe,{children:a}),I(H,{sx:{display:"flex",alignItems:"center",gap:t.Spacing3,"& > h3":{margin:0}},children:[g(ge,{clampLines:n,wordBreak:i,children:e}),g(ce,{status:o})]})]})});F.displayName="PageHeaderTitle";const G=r.memo(({children:e,clampLines:n,wordBreak:a})=>g(ue,{clampLines:n,wordBreak:a,children:e}));G.displayName="PageHeaderDescription";const _=r.memo(({items:e})=>{const n=B();return!e||e.length===0?null:g(H,{component:"ul",sx:{listStyle:"none",display:"flex",flexWrap:"wrap",columnGap:n.Spacing2,rowGap:n.Spacing1,padding:0,margin:0,"& > li.PageHeader-metadataItem":{display:"inline-flex",alignItems:"center",gap:n.Spacing2,color:"text.secondary"},"& > li.PageHeader-metadataItem:not(:first-of-type)::before":{content:'"'+Oe+'"',fontSize:n.TypographyScale0}},children:e.map((a,o)=>{const i=typeof a=="string",t=!i&&a.icon,d=i?a:a.text,p=!i&&a.status;return I("li",{className:"PageHeader-metadataItem",children:[I(H,{sx:{display:"inline-flex",alignItems:"center",gap:n.Spacing1},children:[t,g("span",{children:d})]}),p&&g(V,{label:p.label,severity:p.severity??"default",variant:"pill"})]},o)})})});_.displayName="PageHeaderMetadata";const W=r.memo(({children:e})=>{const n=B();return g(H,{sx:{width:Q,height:Q,borderRadius:n.BorderRadiusMain,backgroundColor:n.HueNeutral100,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"},children:e})});W.displayName="PageHeaderImage";const $=r.memo(({children:e})=>{const n=B(),a=A.Children.toArray(e).slice(0,3);return g(H,{sx:{display:"flex",gap:n.Spacing2},children:a.map((o,i)=>g(H,{children:o},i))})});$.displayName="PageHeaderActions";const U=r.memo(({href:e,children:n})=>I(ee,{href:e,rel:"noopener noreferrer",target:"_blank",children:[g("span",{className:"Link-icon",children:g(re,{})}),n]}));U.displayName="PageHeaderDocumentation";const q=r.memo(({homeHref:e,children:n})=>g(le,{homeHref:e,children:n}));q.displayName="PageHeaderBreadcrumbs";const J=r.memo(({children:e,href:n,onClick:a})=>g(ie,{href:n,icon:g(te,{}),onClick:a,children:e}));J.displayName="PageHeaderBackLink";const de=r.memo(({children:e,testId:n="page-header"})=>{const a=B(),o=r.useMemo(()=>{const y=[];let c=null,x=null,L=null,N=null,M=null,j=null,v=0,P=0,S=0,k=0,E=0,T=0,f=0,b=0;if(A.Children.forEach(e,m=>{if(A.isValidElement(m)){const u=m.type;u===q?(v++,y.push(m)):u===J?(P++,y.push(m)):u===W?(b++,j=m):u===F?(S++,c=m):u===_?(k++,x=m):u===G?(E++,L=m):u===U?(T++,N=m):u===$&&(f++,M=m)}}),v>0&&P>0)throw new Error("PageHeader: Cannot use both Breadcrumbs and BackLink. Choose one.");if(v>1)throw new Error("PageHeader: Only one Breadcrumbs component allowed.");if(P>1)throw new Error("PageHeader: Only one BackLink component allowed.");if(S===0)throw new Error("PageHeader: Title component is required.");if(S>1)throw new Error("PageHeader: Only one Title component allowed.");if(b>1)throw new Error("PageHeader: Only one Image component allowed.");if(k>1)throw new Error("PageHeader: Only one Metadata component allowed.");if(E>1)throw new Error("PageHeader: Only one Description component allowed.");if(T>1)throw new Error("PageHeader: Only one Documentation component allowed.");if(f>1)throw new Error("PageHeader: Only one Actions component allowed.");return{navigation:y,title:c,metadata:x,description:L,documentation:N,actions:M,image:j}},[e]),{navigation:i,title:t,metadata:d,description:p,documentation:h,actions:l,image:w}=o;return I(H,{sx:{display:"flex",alignItems:"center",gap:a.Spacing5},testId:n,children:[I(H,{sx:{display:"flex",flexDirection:"column",gap:a.Spacing5,flexGrow:1},children:[i.length>0&&i.map((y,c)=>g(A.Fragment,{children:y},c)),I(H,{sx:{display:"flex",flexDirection:"row",gap:a.Spacing5,flexWrap:"wrap"},children:[w,I(H,{sx:{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t,d]})]}),p]}),(h||l)&&I(H,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:a.Spacing4,flexShrink:0},children:[h,l]})]})});de.displayName="PageHeader";const Xe=Object.assign(de,{Title:F,Description:G,Metadata:_,Image:W,Actions:$,Documentation:U,Breadcrumbs:q,BackLink:J});export{Xe as P};

package/dist/assets/PageHeader.stories-Bx4vlXfy.js

@@ -1,17 +0,0 @@
-import{r as c,j as m,l as B,b as h}from"./iframe-DE4RuJrv.js";import{u as z}from"./OdysseyProvider-CMlA-CeS.js";import{M as x}from"./Box-QXROWmcY.js";import{T as N}from"./Typography-CAaRogW8.js";import{S as w}from"./tableRowClasses-SdduqaRI.js";import{M as R}from"./Button-D7yZg2t7.js";import{O}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{W as k}from"./WorkflowsComponentsStorybookThemeDecorator-CfGk2U4j.js";import"./preload-helper-Dp1pzeXC.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-DcPUBV1N.js";import"./MuiPropsContext-H20tOLmR.js";import"./Tooltip-DoyRbWb9.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./index-DBPVAcBX.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-DU6-loxu.js";import"./ButtonBase-CKEbMwnW.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";const T=c.forwardRef((t,i)=>m.jsx(w,{fill:"none",ref:i,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:m.jsx(m.Fragment,{children:m.jsx("path",{clipRule:"evenodd",d:"M11 13v5h2v-5h5v-2h-5V6h-2v5H6v2h5Z",fill:"currentColor",fillRule:"evenodd"})})})),j=c.memo(T);j.displayName="AddIcon";const A={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},p=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b,typographyRef:f,variant:u="body"})=>{const y=c.useMemo(()=>r||(u==="body"||u==="subordinate"||u==="support"||u==="overline"?"p":u),[r,u]),g=c.useRef(null);return c.useImperativeHandle(f,()=>({focus:()=>{var v;(v=g.current)==null||v.focus()}}),[]),m.jsx(N,{"aria-current":t,"aria-describedby":i,"aria-label":a,"aria-labelledby":s,children:d,color:e,component:y,"data-se":l,id:o,ref:g,role:n?"presentation":void 0,tabIndex:-1,translate:b,variant:A[u]})},P=c.memo(p);P.displayName="Typography";const _=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b,variant:"h1"}),I=c.memo(_);I.displayName="Heading1";const E=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h2"}),F=c.memo(E);F.displayName="Heading2";const V=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h3"}),W=c.memo(V);W.displayName="Heading3";const $=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h4"}),K=c.memo($);K.displayName="Heading4";const U=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h5"}),Y=c.memo(U);Y.displayName="Heading5";const Z=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h6"}),q=c.memo(Z);q.displayName="Heading6";const G=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"body"}),D=c.memo(G);D.displayName="Paragraph";const J=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"subordinate"}),Q=c.memo(J);Q.displayName="Subordinate";const X=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"support"}),ee=c.memo(X);ee.displayName="Support";const ae=({ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n})=>m.jsx(p,{ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n,variant:"legend"}),re=c.memo(ae);re.displayName="Legend";const oe=({ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n})=>m.jsx(p,{ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n,variant:"overline"}),te=c.memo(oe);te.displayName="Overline";const ie={lineHeight:"1.5rem",whiteSpace:"pre-line"},ne=({buttonLabel:t,buttonVariant:i="secondary",headingText:a,isLookAndFeelEnabled:s,isResourceCreator:d,onCreateResource:e,resourceDescription:r,resourceType:o})=>{const n=z(),l=t||`Add new ${a.toLowerCase()}`,b=c.useCallback(()=>{o==="Action"?e({resourceLabel:a,closePopup:!0,onConfirm:(u,y,g)=>e(u,y,g)}):o==="Integration Project"?e():e({resourceLabel:o,closePopup:!0,onConfirm:(u,y)=>e(u,y)})},[a,e,o]),f=c.useMemo(()=>({alignItems:"center",display:"flex",gridArea:"header",justifyContent:"space-between",overflow:"hidden",paddingRight:n.Spacing5}),[n.Spacing5]);return s?B(x,{sx:f,children:[B(x,{children:[h(I,{children:a}),r&&h(x,{sx:ie,children:h(D,{color:"textSecondary",children:r})})]}),d&&h(R,{label:l,onClick:b,startIcon:h(j,{}),variant:i})]}):null},S=c.memo(ne);S.displayName="PageHeader";/*!
- * Copyright (c) 2021-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{action:se}=__STORYBOOK_MODULE_ACTIONS__,_e={component:S,decorators:[O,k],tags:["autodocs"],argTypes:{buttonLabel:{control:"text"},buttonVariant:{control:"text"},headingText:{control:"text"},isLookAndFeelEnabled:{control:"boolean"},isResourceCreator:{control:"boolean"},onCreateResource:{action:!0,description:"Callback fired when the button is clicked.",table:{type:{summary:"(() => void)"}}},resourceDescription:{control:"text"},resourceType:{control:"text"}},args:{buttonLabel:"Create Resource",headingText:"Header",isLookAndFeelEnabled:!0}},L={args:{isResourceCreator:!0,onCreateResource:se("onCreateResource"),resourceDescription:"Lorem ipsum."}};var H,C,M;L.parameters={...L.parameters,docs:{...(H=L.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    isResourceCreator: true,
-    onCreateResource: action("onCreateResource"),
-    resourceDescription: "Lorem ipsum."
-  }
-}`,...(M=(C=L.parameters)==null?void 0:C.docs)==null?void 0:M.source}}};const Ee=["Default"];export{L as Default,Ee as __namedExportsOrder,_e as default};

package/dist/assets/PageTemplate-W9dzsIZk.js

@@ -1,8 +0,0 @@
-import{j as o}from"./iframe-DE4RuJrv.js";import{useMDXComponents as p}from"./index-CMrI_MV3.js";import{M as e,T as n,S as s,D as a,a as c}from"./blocks-CtYZtf3a.js";import{P as i}from"./PageTemplate.stories-Bl1I3kw4.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BAELNoi-.js";import"./index-DBPVAcBX.js";import"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./personData-WNkbjNZy.js";import"./Status-BzfvgnE8.js";import"./MuiPropsContext-Bg_x6l7d.js";import"./Chip-CHLAMh3i.js";import"./createSvgIcon-DMOOI9wR.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./PageTemplate-CooiV4KC.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useMountLifecycleEffect-BQjBLWpH.js";import"./Link-BVJyfG5Z.js";import"./Documentation-RjgHsfAb.js";import"./Dialog-BSKCThdx.js";import"./Button-BsIMaHFP.js";import"./BaseButton-BMsK9NzI.js";import"./Tooltip-CtMQ7ejP.js";import"./Tooltip-DoyRbWb9.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-DU6-loxu.js";import"./FullScreenOverlay-BJrXEpo4.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./DialogContentText-BrVYVEvg.js";import"./DialogContent-BZZC3ZPL.js";import"./Paper-Bv-8rqJG.js";import"./Fade-DrCoA42j.js";import"./Modal-C2qslhip.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerWindow-HkKU3E4x.js";import"./createChainedFunction-BO_9K8Jh.js";import"./dialogActionsClasses-BlWxTtt7.js";import"./DialogTitle-CBL5DhvK.js";import"./Surface-DiOLp-IF.js";import"./DataTable-CDjFRZZh.js";import"./index.esm-DPEH-2Dd.js";import"./debounce-Be36O1Ab.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./List-BSVKZ0wr.js";import"./Stack-Ds5ITe5E.js";import"./createStyled-C3GEIcOd.js";import"./useThemeProps-BDmyOQ5c.js";import"./Box-DcPUBV1N.js";import"./CircularProgress-CEHxaweC.js";import"./Menu-CAnOJYGy.js";import"./MenuList-De-H5WYL.js";import"./colorManipulator-DlY4JhNG.js";import"./IconButton-CY54VTm3.js";import"./Radio-mhEI_Lft.js";import"./SwitchBase-DFhbxMFU.js";import"./Checkbox-BuEVtAbr.js";import"./useMobilePicker-BzwZRuUY.js";import"./Select-Cia8mIUa.js";import"./ArrowDropDown-C5eUsI_E.js";import"./InputBase-C9_GkGNE.js";import"./useThemeProps-DjFwRijR.js";import"./InputAdornment-B5kJtHOQ.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-DxqkPhH4.js";import"./Collapse-C5U5l6uF.js";import"./AlertTitle-D3upwBLV.js";import"./useSlot-CxZuq7zC.js";import"./Close-Dcbwwr41.js";import"./LinearProgress-Due1Z-ms.js";import"./Skeleton-B4juUFkj.js";import"./Divider-Cz7bC_1D.js";import"./Autocomplete-CRpfgiy9.js";import"./ListSubheader-DROGdpSN.js";import"./tableSortLabelClasses-Btt1VxyW.js";import"./FormControlLabel-rwZvAjIk.js";import"./DateTimePicker-CqM7OMZL.js";import"./Tabs-CzBTAREX.js";import"./DatePicker-DAwf6UZa.js";import"./Box-GItunEmH.js";import"./MenuButton-XKYLHmS4.js";import"./BaseMenuButton-aaW8V_or.js";import"./MenuContext-ZAp67kRJ.js";import"./More-C9jx0DT3.js";import"./Callout-yZ41kUV3.js";import"./Link-DBfYgyqI.js";import"./ExternalLink-BEu8BCu0.js";import"./EmptyState-Jcfpbtt-.js";import"./DataFilters-tMQx4AVH.js";import"./Autocomplete-DCgA5sTf.js";import"./useAutocomplete-NsoONBGQ.js";import"./index.esm-BZBFx5zE.js";import"./Field-BYLEUHch.js";import"./ScreenReaderText-6hJD_NSR.js";import"./FieldHint-Cw2XBNxH.js";import"./inputUtils-DtvLbmm9.js";import"./Checkbox-DFbGo8vE.js";import"./Hint-g9-xnSB5.js";import"./CheckboxGroup-DNGXrxzU.js";import"./FormGroup--1q97kW5.js";import"./Radio-DmSXm_7d.js";import"./RadioGroup-DokX7ODU.js";import"./RadioGroup-DbKGawnM.js";import"./SearchField-BezuuZAt.js";import"./Search-BSCrQGJG.js";import"./Tag-c92hpyWa.js";import"./TagList-BzCEw4W6.js";import"./TextField-C_OR_Dhs.js";import"./Filter-Wswbc_gt.js";import"./ChevronRight-CKfvqSM2.js";import"./useScrollIndication-iOp--772.js";import"./ArrowLeft-BbZaO7Hg.js";import"./ArrowRight-BdyE6fQu.js";import"./MenuItem-C24Kmcql.js";import"./List-DyCjsxv2.js";import"./Show-CPDqp9eP.js";import"./Drawer-Bw4XHP_g.js";import"./Form-BnTT3ykb.js";import"./Layout-Cl3Pe9fw.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
-`,o.jsx(n,{of:i}),`
-`,o.jsx(s,{of:i}),`
-`,o.jsx(a,{of:i}),`
-`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"PageTemplate"}),` is a multi-purpose container that enforces Odyssey layout conventions, ensuring that
-your screens look consistent without you doing extra work.`]}),`
-`,o.jsxs(t.p,{children:["If you're an Okta employee, you can see the ",o.jsx(t.a,{href:"https://www.figma.com/design/jMsVlc6QrA5dQXqPEEVT7S/%F0%9F%93%A6-Odyssey-Templates?node-id=1862-40643",rel:"nofollow",children:"Figma here"}),"."]}),`
-`,o.jsx(c,{})]})}function Lt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Lt as default};

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

@@ -1,121 +0,0 @@
-import{r as n,j as t}from"./iframe-DE4RuJrv.js";import{a as De}from"./axeRun-QswtvkOz.js";import{O as _e}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{u as Se}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as d}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as je}from"./Field-BYLEUHch.js";import{a as He,t as E}from"./OdysseyThemeProvider-CCwl8LYd.js";import{g as Ae,u as We}from"./inputUtils-DtvLbmm9.js";import{I as ze}from"./InputBase-C9_GkGNE.js";import{I as Ke}from"./InputAdornment-B5kJtHOQ.js";import{I as Ne}from"./IconButton-CY54VTm3.js";import{M as Ue}from"./Hide-B8GBii5B.js";import{M as qe}from"./Show-CPDqp9eP.js";import{P as u}from"./tableRowClasses-SdduqaRI.js";import{M as Ye}from"./Stack-BlNTLl9F.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-CZ-24O2A.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./WarningFilled-qIqi4h0v.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Stack-Ds5ITe5E.js";import"./createStyled-C3GEIcOd.js";import"./useThemeProps-BDmyOQ5c.js";const Ge=n.forwardRef(({ariaDescribedBy:o,autoCompleteType:a,defaultValue:r,errorMessage:s,errorMessageList:e,hasInitialFocus:p,hint:m,id:C,inputRef:O,isDisabled:Ee=!1,isFullWidth:Ce=!1,isOptional:R=!1,hasShowPassword:k=!0,isReadOnly:B,label:Oe,name:D,onChange:y,onFocus:_,onBlur:j,placeholder:H,testId:A,translate:W,value:z},K)=>{const{t:N}=He(),[f,Re]=n.useState("password"),U=n.useCallback(()=>{Re(i=>i==="password"?"text":"password")},[]),Ie=n.useRef(Ae({controlledValue:z,uncontrolledValue:r})),q=We({defaultValue:r,value:z,controlState:Ie.current}),Y=n.useRef(null);n.useImperativeHandle(O,()=>({focus:()=>{var i;(i=Y.current)==null||i.focus()}}),[]);const G=n.useCallback(i=>{y==null||y(i)},[y]),Le=n.useCallback(({ariaDescribedBy:i,errorMessageElementId:ke,id:I,labelElementId:Be})=>t.jsx(ze,{...q,"aria-describedby":i,autoComplete:f==="password"?a:"off",autoFocus:p,endAdornment:k&&t.jsx(Ke,{position:"end",children:t.jsx(Ne,{"aria-controls":I,"aria-label":N("passwordfield.icon.label.show"),"aria-pressed":f==="text",onClick:U,children:f==="password"?t.jsx(qe,{}):t.jsx(Ue,{})})}),id:I,inputProps:{"aria-errormessage":ke,"aria-labelledby":Be,"data-se":A,role:"textbox"},inputRef:Y,name:D??I,onBlur:j,onChange:G,onFocus:_,placeholder:H,readOnly:B,ref:K,required:!R,translate:W,type:f}),[a,p,q,N,U,f,D,G,_,j,H,R,B,k,K,A,W]);return t.jsx(je,{ariaDescribedBy:o,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:m,id:C,isDisabled:Ee,isFullWidth:Ce,isOptional:R,label:Oe,renderFieldComponent:Le})}),g=n.memo(Ge);g.displayName="PasswordField";const{useCallback:Me}=__STORYBOOK_MODULE_PREVIEW_API__,{expect:l,fn:L,userEvent:w,within:Ve}=__STORYBOOK_MODULE_TEST__,Wa={component:g,decorators:[_e],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}=Se({args:a,argKey:"value",context:r,defaultValue:a.value??""}),C=Me(O=>{m(O.target.value)},[m]);return t.jsx(g,{...e,onChange:C,value:p})}},Je=async({canvasElement:o,step:a})=>{await a("toggle password",async()=>{const r=Ve(o),s=r.getByRole("textbox",{name:"Password"});l(s).toHaveAttribute("type","password");const e=r.getByRole("button",{name:E("passwordfield.icon.label.show")});e&&(await w.type(s,"password",{delay:50}),await w.click(e),await w.tab(),l(s).toHaveAttribute("type","text"),l(e.ariaLabel).toBe(E("passwordfield.icon.label.show")),l(e.ariaPressed).toBe("true"),await w.click(e),l(s).toHaveAttribute("type","password"),l(e.ariaLabel).toBe(E("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=Ve(o),s=r.getByRole("textbox",{name:"Password"});l(s).toHaveAttribute("type","password");const e=r.queryByRole("button",{name:E("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})},T={...u(c,{args:{isOptional:!0}})},S={...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}=Se({args:a,argKey:"value",context:r,defaultValue:a.value??""}),p=Me(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;T.parameters={...T.parameters,docs:{...(me=T.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  ...deepmerge(PasswordFieldTemplate, {
-    args: {
-      isOptional: true
-    }
-  })
-}`,...(fe=(ge=T.parameters)==null?void 0:ge.docs)==null?void 0:fe.source}}};var ye,we,he;S.parameters={...S.parameters,docs:{...(ye=S.parameters)==null?void 0:ye.docs,source:{originalSource:`{
-  ...deepmerge(PasswordFieldTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "The values of readonly inputs will be submitted."
-        }
-      }
-    },
-    args: {
-      isReadOnly: true,
-      value: "password"
-    }
-  })
-}`,...(he=(we=S.parameters)==null?void 0:we.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,Te;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} />;
-  }
-}`,...(Te=(Pe=V.parameters)==null?void 0:Pe.docs)==null?void 0:Te.source}}};const za=["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,T as Optional,S as ReadOnly,V as Uncontrolled,za as __namedExportsOrder,Wa as default};

package/dist/assets/Picker.stories-BzNZYpEc.js

@@ -1,44 +0,0 @@
-import{j as e}from"./iframe-DE4RuJrv.js";import{O as W}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{p as G,M as R}from"./pickerComponentPropsMetaData-BPcY4jWd.js";import{M as z}from"./Folder-jR_3li1K.js";import{M as N}from"./Globe-FAvybPgY.js";import{M as p}from"./Settings-D7DZLft8.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useAutocomplete-NsoONBGQ.js";import"./index.esm-BZBFx5zE.js";import"./ButtonBase-CKEbMwnW.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./Field-BYLEUHch.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./isHostComponent-DVu5iVWx.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-DtvLbmm9.js";import"./InputBase-C9_GkGNE.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CRpfgiy9.js";import"./ArrowDropDown-C5eUsI_E.js";import"./createSvgIcon-DMOOI9wR.js";import"./Close-Dcbwwr41.js";import"./Paper-Bv-8rqJG.js";import"./Popper-DAO3a_fx.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./index-DBPVAcBX.js";import"./useControlled-0vpPKndq.js";import"./Chip-CHLAMh3i.js";import"./IconButton-CY54VTm3.js";import"./ListSubheader-DROGdpSN.js";import"./fieldComponentPropsMetaData-C9gCwuus.js";const J=[{value:"en",label:"English"},{value:"fr",label:"French"},{value:"es",label:"Spanish"},{value:"jp",label:"Japanese"}],C=[{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"}],I=[{value:"en",label:"English",description:"A description of the English language",metaData:[{icon:e.jsx(z,{}),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(N,{}),detailText:"1000"}]},{value:"es",label:"Spanish",description:"Español",metaData:[{icon:e.jsx(p,{}),detailText:"37"}]}],P=G(),Ie={component:R,decorators:[W],tags:["labs-export"],argTypes:P,args:{label:"Picker label",hint:"Optional hint text for picker",options:J}},a={},o={args:{options:C}},r={args:{options:I}},s={args:{options:[{value:"en",label:"English",group:"Germanic Languages"},{value:"fr",label:"French",group:"Romance Languages"},{value:"es",label:"Spanish",group:"Romance Languages"},{value:"jp",label:"Japanese",group:"Japonic Languages"}],groupOptionsBy:T=>T.group}},t={args:{hasMultipleChoices:!0}},i={args:{isLoading:!0,options:[]}},n={args:{isDisabled:!0,value:J[0]}};var l,m,c;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(c=(m=a.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var u,g,d;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    options: languagesNoMetadata
-  }
-}`,...(d=(g=o.parameters)==null?void 0:g.docs)==null?void 0:d.source}}};var h,b,v;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    options: languagesKitchenSink
-  }
-}`,...(v=(b=r.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var S,M,f;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    options: [{
-      value: "en",
-      label: "English",
-      group: "Germanic Languages"
-    }, {
-      value: "fr",
-      label: "French",
-      group: "Romance Languages"
-    }, {
-      value: "es",
-      label: "Spanish",
-      group: "Romance Languages"
-    }, {
-      value: "jp",
-      label: "Japanese",
-      group: "Japonic Languages"
-    }],
-    groupOptionsBy: option => option.group
-  }
-}`,...(f=(M=s.parameters)==null?void 0:M.docs)==null?void 0:f.source}}};var x,D,L;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    hasMultipleChoices: true
-  }
-}`,...(L=(D=t.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var j,E,y;i.parameters={...i.parameters,docs:{...(j=i.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    isLoading: true,
-    options: []
-  }
-}`,...(y=(E=i.parameters)==null?void 0:E.docs)==null?void 0:y.source}}};var F,O,k;n.parameters={...n.parameters,docs:{...(F=n.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    isDisabled: true,
-    value: languagesNoDescription[0]
-  }
-}`,...(k=(O=n.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const Pe=["LabelOnly","WithDescription","WithMetadata","WithGroups","MultipleSelect","Loading","Disabled"];export{n as Disabled,a as LabelOnly,i as Loading,t as MultipleSelect,o as WithDescription,s as WithGroups,r as WithMetadata,Pe as __namedExportsOrder,Ie as default};

package/dist/assets/ProgressBar.stories-BEYS_PFg.js

@@ -1,20 +0,0 @@
-import{r as n,j as x,l as g,b as o}from"./iframe-DE4RuJrv.js";import{s as i}from"./tableRowClasses-SdduqaRI.js";import{u as S,M as P,U as B}from"./UDComponentsStorybookThemeDecorator-CUrY30iv.js";import{B as T}from"./Box-DcPUBV1N.js";import{L as C}from"./LinearProgress-Due1Z-ms.js";import{O as z}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import"./preload-helper-Dp1pzeXC.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";const v=n.forwardRef(({children:r,component:e,id:l,role:t,sx:d,testId:m,translate:s},c)=>x.jsx(T,{children:r,component:e,"data-se":m,id:l,ref:c,role:t,sx:d,translate:s})),a=n.memo(v);a.displayName="Box";const w=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="size"})(({odysseyDesignTokens:r,size:e})=>({display:"flex",justifyContent:"space-between",gap:r.Spacing2,...e==="small"&&{fontSize:r.TypographySizeSubordinate}})),D=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({display:"flex",alignItems:"center",gap:r.Spacing1,color:r.HueNeutral600})),M=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({color:r.HueBlue500})),k=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({display:"flex",alignItems:"center",color:r.HueBlue500})),L=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="size"&&r!=="progress"})(({odysseyDesignTokens:r,size:e})=>({paddingTop:r.Spacing2,paddingBottom:r.Spacing2,position:"relative","& .MuiLinearProgress-root":{height:e==="small"?4:8,borderRadius:e==="small"?2:4,backgroundColor:r.HueNeutral100,"& .MuiLinearProgress-bar":{backgroundColor:r.HueBlue500}}})),F=i("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({color:r.HueNeutral600,fontSize:r.TypographySizeSubordinate})),j=({ariaLabel:r,value:e,description:l,max:t,size:d="small",title:m})=>{const s=S(),[c,b]=n.useState(0);return n.useEffect(()=>{b(t===0?0:Math.max(0,Math.min(e/t*100,100)))},[e,t]),g(a,{children:[g(w,{odysseyDesignTokens:s,size:d,children:[o(a,{children:m}),g(D,{odysseyDesignTokens:s,children:[e===0?o(a,{children:e}):o(M,{odysseyDesignTokens:s,children:e}),o(a,{children:"/"}),o(a,{children:t}),c===100&&o(k,{odysseyDesignTokens:s,children:o(P,{})})]})]}),o(L,{odysseyDesignTokens:s,size:d,children:o(C,{"aria-label":r,role:"progressbar",value:c,variant:"determinate"})}),l&&o(F,{odysseyDesignTokens:s,children:l})]})},f=n.memo(j);f.displayName="ProgressBar";/*!
- * Copyright (c) 2021-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 J={component:f,decorators:[z,B],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"progress bar"},value:{control:"number",description:"Current progress value"},max:{control:"number",description:"Maximum progress value"},size:{control:"select",options:["small","large"],description:"Size of the progress bar"},title:{control:"text",description:"Title for the progress bar"},description:{control:"text",description:"Description text for the progress bar"}}},p={args:{ariaLabel:"Progress Bar",value:80,max:100,size:"small",title:"Progress Title",description:"This is a progress bar showing completion status"}};var u,h,y;p.parameters={...p.parameters,docs:{...(u=p.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    ariaLabel: "Progress Bar",
-    value: 80,
-    max: 100,
-    size: "small",
-    title: "Progress Title",
-    description: "This is a progress bar showing completion status"
-  }
-}`,...(y=(h=p.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};const K=["Default"];export{p as Default,K as __namedExportsOrder,J as default};

package/dist/assets/RadioGroup-Cwl9fB9Q.js

@@ -1,10 +0,0 @@
-import{j as o}from"./iframe-DE4RuJrv.js";import{useMDXComponents as m}from"./index-CMrI_MV3.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./blocks-CtYZtf3a.js";import{R as r}from"./RadioGroup.stories-CLphGkYm.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BAELNoi-.js";import"./index-DBPVAcBX.js";import"./axeRun-QswtvkOz.js";import"./axe-CZ-24O2A.js";import"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./fieldComponentPropsMetaData-C9gCwuus.js";import"./RadioGroup-DokX7ODU.js";import"./Field-BYLEUHch.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-DtvLbmm9.js";import"./Radio-DmSXm_7d.js";import"./Hint-g9-xnSB5.js";import"./FormControlLabel-rwZvAjIk.js";import"./Stack-Ds5ITe5E.js";import"./createStyled-C3GEIcOd.js";import"./useThemeProps-BDmyOQ5c.js";import"./Radio-mhEI_Lft.js";import"./SwitchBase-DFhbxMFU.js";import"./useControlled-0vpPKndq.js";import"./createSvgIcon-DMOOI9wR.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-DbKGawnM.js";import"./FormGroup--1q97kW5.js";import"./Link-DBfYgyqI.js";import"./Link-BVJyfG5Z.js";import"./ExternalLink-BEu8BCu0.js";function p(i){const t={code:"code",p:"p",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
-`,o.jsx(e,{of:r}),`
-`,o.jsx(s,{of:r}),`
-`,o.jsx(a,{of:r}),`
-`,o.jsx(c,{of:r}),`
-`,o.jsxs(t.p,{children:["Note that ",o.jsx(t.code,{children:"RadioGroup"})," does not include an ",o.jsx(t.code,{children:"isOptional"})," prop, since a ",o.jsx(t.code,{children:"RadioGroup"}),` should
-only be used if it's required. If you need similar functionality that supports optionality,
-use a `,o.jsx(t.code,{children:"Checkbox"})," or ",o.jsx(t.code,{children:"CheckboxGroup"})," instead."]}),`
-`,o.jsx(d,{}),`
-`,o.jsx(x,{})]})}function xo(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{xo as default};

package/dist/assets/ScreenReaderText.stories-CzCZ0hf2.js

@@ -1,8 +0,0 @@
-import{j as r}from"./iframe-DE4RuJrv.js";import{O as a}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{M as n}from"./ScreenReaderText-6hJD_NSR.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-DcPUBV1N.js";import"./visuallyHidden-Dan1xhjv.js";const j={component:n,decorators:[a],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(i){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...i})]})}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  render: function C(args) {
-    return <>
-        The following text is visually hidden:
-        <ScreenReaderText {...args}></ScreenReaderText>
-      </>;
-  }
-}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const R=["Default"];export{e as Default,R as __namedExportsOrder,j as default};

package/dist/assets/SearchField.stories-DlIHk877.js

@@ -1,37 +0,0 @@
-import{r as s,j as E}from"./iframe-DE4RuJrv.js";import{O as M}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{f as e}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{s as i,M as T}from"./SearchField-BezuuZAt.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Field-BYLEUHch.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-DtvLbmm9.js";import"./InputBase-C9_GkGNE.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-B5kJtHOQ.js";import"./Search-BSCrQGJG.js";import"./IconButton-CY54VTm3.js";const ge={component:T,decorators:[M],tags:["autodocs"],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:{summary:void 0}}},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}}},hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},isDisabled:e.isDisabled,isFullWidth:e.isFullWidth,id:e.id,label:{control:"text",description:"This label won't show up visually, but it's required for accessibility",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:e.name,onBlur:{description:"Callback fired when the `input` element loses focus",table:{type:{summary:"function"}}},onClear:{description:"Callback fired when the clear button is pressed",table:{type:{summary:"function"}}},onChange:{description:"Callback fired when the value is changed",table:{type:{summary:"function"}}},onFocus:{description:"Callback fired when the `input` element gets focus",table:{type:{summary:"function"}}},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 the component is controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},variant:{options:i,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:i.join(" | ")},defaultValue:{summary:"outline"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Search",placeholder:"Search planets"}},t={args:{defaultValue:""}},o={args:{defaultValue:"",variant:"filled"}},r={args:{isDisabled:!0}},a={args:{isFullWidth:!0}},n={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `SearchField`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{defaultValue:void 0},render:function(w){const[x,l]=s.useState("Jupiter"),k=s.useCallback(W=>l(W.target.value),[]),D=s.useCallback(()=>{l("")},[]);return E.jsx(T,{...w,onChange:k,onClear:D,value:x})}};var u,p,c;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    defaultValue: ""
-  }
-}`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "",
-    variant: "filled"
-  }
-}`,...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var f,g,b;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    isDisabled: true
-  }
-}`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,C,v;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    isFullWidth: true
-  }
-}`,...(v=(C=a.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var V,S,F;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is controlled, the parent component is responsible for managing the state of \`SearchField\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-      }
-    }
-  },
-  args: {
-    defaultValue: undefined
-  },
-  render: function C(props) {
-    const [constrolledValue, setControlledValue] = useState("Jupiter");
-    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setControlledValue(event.target.value), []);
-    const onClear = useCallback(() => {
-      setControlledValue("");
-    }, []);
-    return <SearchField {...props} onChange={onChange} onClear={onClear} value={constrolledValue} />;
-  }
-}`,...(F=(S=n.parameters)==null?void 0:S.docs)==null?void 0:F.source}}};const be=["Default","FilledVariant","Disabled","FullWidth","ControlledSearch"];export{n as ControlledSearch,t as Default,r as Disabled,o as FilledVariant,a as FullWidth,be as __namedExportsOrder,ge as default};

package/dist/assets/Select-DmM1YYIG.js

@@ -1,15 +0,0 @@
-import{s as I}from"./tableRowClasses-SdduqaRI.js";import{r as s,j as n}from"./iframe-DE4RuJrv.js";import{M as Y}from"./Field-BYLEUHch.js";import{g as Z,u as _,C as ee}from"./inputUtils-DtvLbmm9.js";import{u as te}from"./OdysseyThemeProvider-CCwl8LYd.js";import{C as ne}from"./Chip-CHLAMh3i.js";import{L as re}from"./ListSubheader-DROGdpSN.js";import{M as se}from"./MenuItem-DxqkPhH4.js";import{C as ae}from"./Checkbox-BuEVtAbr.js";import{L as le}from"./ListItem-nLG-781o.js";import{S as ie}from"./Select-Cia8mIUa.js";import{B as oe}from"./Box-DcPUBV1N.js";import{b as N,a as ce}from"./WarningFilled-qIqi4h0v.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 ue=(...r)=>{const o="-";return r.join(o).replace(/\W+/g,o).toLowerCase()},de=I.div`
-  position: relative;
-  width: 100%;
-  display: flex;
-`,me=I("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({alignItems:"center",display:"flex",insetBlockEnd:0,insetBlockStart:0,insetInlineEnd:"25px",insetInlineStart:"4px",marginInlineStart:r.BorderWidthMain,opacity:1,pointerEvents:"none",position:"absolute"})),pe=I(N,{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({fontSize:"1em",marginBlockEnd:"-1px",marginInlineEnd:`-${r.Spacing1}`,marginInlineStart:r.Spacing2})),fe=I(oe,{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="isInteractive"&&r!=="isReadOnly"})(({isInteractive:r,isReadOnly:o,odysseyDesignTokens:p})=>({display:"flex",flexWrap:"wrap",gap:p.Spacing1,marginBlock:`-${p.Spacing2}`,marginInlineEnd:p.Spacing1,minHeight:p.Spacing6,opacity:r||o?1:0,pointerEvents:"none"})),{CONTROLLED:y}=ee,ge=({ariaDescribedBy:r,defaultValue:o,errorMessage:p,errorMessageList:W,hasMultipleChoices:b,hint:P,HintLinkComponent:$,id:K,inputRef:q,isDisabled:j=!1,isFullWidth:G=!1,isMultiSelect:M,isOptional:J=!1,isReadOnly:u=!1,label:Q,name:k,onBlur:E,onChange:h,onFocus:L,options:w,testId:z,translate:F,value:f})=>{const U=s.useRef(null),a=s.useMemo(()=>b===void 0?M:b,[b,M]),d=s.useRef(Z({controlledValue:f,uncontrolledValue:o})),[l,A]=s.useState(d.current===y?f:o),v=s.useRef(null),g=te();s.useImperativeHandle(q,()=>({focus:()=>{var t;(t=v.current)==null||t.focus()}}),[]),s.useEffect(()=>{d.current===y&&A(f)},[f]);const B=_({defaultValue:o,value:f,controlState:d.current}),S=s.useCallback((t,i)=>{if(u)t.preventDefault();else{const{target:{value:e}}=t;d.current!==y&&A(typeof e=="string"&&a?e.split(","):e),h==null||h(t,i)}},[a,h,u]),[D,V]=s.useMemo(()=>{const t=w.map(e=>{if(typeof e=="object"){const m=(e==null?void 0:e.value)===""?e.value:e.value||e.text;return{text:e.text,value:m,type:e.type==="heading"?"heading":"option",lang:e.language}}return{text:e,value:e,type:"option"}}),i=new Map(t.map(e=>[e.value,e]));return[t,i]},[w]),R=s.useCallback(t=>{if(Array.isArray(l)){const e={target:{value:l.filter(m=>m!==t)}};S(e,null)}},[l,S]),C=s.useCallback(({ariaLabel:t,isInteractive:i,isReadOnly:e})=>{const m=c=>c.stopPropagation(),x=!i&&!e&&d.current===y&&a;return Array.isArray(l)&&n.jsx(fe,{"aria-label":t,isInteractive:i,isReadOnly:e,odysseyDesignTokens:g,role:"list",children:l.map(c=>{var H;return(c==null?void 0:c.length)>0&&n.jsx(ne,{deleteIcon:n.jsx(N,{onMouseDown:m,sx:{pointerEvents:"auto"}}),label:n.jsxs(n.Fragment,{children:[(H=V.get(c))==null?void 0:H.text,x&&n.jsx(pe,{odysseyDesignTokens:g})]}),onDelete:i&&d.current===y?()=>R(c):void 0,role:"listitem",tabIndex:-1},c)})})},[d,a,l,g,R,V]),T=s.useMemo(()=>D.map((t,i)=>{if(t.type==="heading")return n.jsxs(re,{children:[" ",t.text," "]},t.text);const e=a?l==null?void 0:l.includes(t.value):l===t.value;return n.jsxs(se,{"data-empty":!t.text,lang:t.lang,selected:e,value:t.value,children:[a&&n.jsx(ae,{checked:e}),t.text,!a&&l===t.value&&n.jsx(le,{children:n.jsx(ce,{})})]},ue(t.text,i.toString()))}),[a,D,l]),O=s.useCallback(t=>Array.isArray(t)&&n.jsx(C,{isInteractive:!1}),[C]),X=s.useCallback(({ariaDescribedBy:t,errorMessageElementId:i,id:e,labelElementId:m})=>n.jsxs(de,{children:[n.jsx(ie,{...B,"aria-describedby":t,"aria-errormessage":i,displayEmpty:!0,id:e,inputProps:{"data-se":z,"aria-disabled":j||u,readOnly:u},inputRef:x=>{v.current!==x&&(v.current=x),U.current=x},labelId:m,MenuProps:{sx:{".MuiPaper-root":{maxHeight:"50vh"}}},multiple:a,name:k??e,onBlur:E,onChange:S,onFocus:L,renderValue:a?O:void 0,translate:F,children:T}),a&&n.jsx(n.Fragment,{children:n.jsx(me,{odysseyDesignTokens:g,children:n.jsx(C,{ariaLabel:"Selected options",isInteractive:!u,isReadOnly:u})})})]}),[C,B,a,j,u,k,g,E,S,L,T,O,z,F]);return n.jsx(Y,{ariaDescribedBy:r,errorMessage:p,errorMessageList:W,fieldType:"single",hasVisibleLabel:!0,hint:P,HintLinkComponent:$,id:K,isDisabled:j,isFullWidth:G,isOptional:J,label:Q,renderFieldComponent:X})},xe=s.memo(ge);xe.displayName="Select";export{xe as M};