@okta/odyssey-react-mui 1.47.1 → 1.49.0

package/dist/assets/{Radio-BimAm2in.js → Radio-B4gVvwps.js}

@@ -1 +1 @@
-import{b as r,d as u,r as x,c as E,_ as N,e as _,f as d,g as F,aB as U,p as G,aC as h}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as i}from"./index-NdkWRN8K.js";import{S as O}from"./SwitchBase-D-uzeIbM.js";import{c as g}from"./createSvgIcon-DsUj6UQo.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{c as w}from"./createChainedFunction-BO_9K8Jh.js";const D=g(s.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),q=g(s.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),L=u("span",{name:"MuiRadioButtonIcon",shouldForwardProp:x})({position:"relative",display:"flex"}),V=u(D,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),W=u(q,{name:"MuiRadioButtonIcon"})(({theme:o,ownerState:a})=>r({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest})},a.checked&&{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}));function I(o){const{checked:a=!1,classes:t={},fontSize:n}=o,e=r({},o,{checked:a});return s.jsxs(L,{className:t.root,ownerState:e,children:[s.jsx(V,{fontSize:n,className:t.background,ownerState:e}),s.jsx(W,{fontSize:n,className:t.dot,ownerState:e})]})}const Z=i.createContext(void 0);function A(){return i.useContext(Z)}const H=["checked","checkedIcon","color","icon","name","onChange","size","className"],J=o=>{const{classes:a,color:t,size:n}=o,e={root:["root",`color${d(t)}`,n!=="medium"&&`size${d(n)}`]};return r({},a,F(e,U,a))},K=u(O,{shouldForwardProp:o=>x(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,t.size!=="medium"&&a[`size${d(t.size)}`],a[`color${d(t.color)}`]]}})(({theme:o,ownerState:a})=>r({color:(o.vars||o).palette.text.secondary},!a.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${a.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:G.alpha(a.color==="default"?o.palette.action.active:o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},a.color!=="default"&&{[`&.${h.checked}`]:{color:(o.vars||o).palette[a.color].main}},{[`&.${h.disabled}`]:{color:(o.vars||o).palette.action.disabled}}));function Q(o,a){return typeof a=="object"&&a!==null?o===a:String(o)===String(a)}const k=s.jsx(I,{checked:!0}),v=s.jsx(I,{}),no=i.forwardRef(function(a,t){var n,e;const l=E({props:a,name:"MuiRadio"}),{checked:z,checkedIcon:B=k,color:j="primary",icon:$=v,name:y,onChange:S,size:p="medium",className:b}=l,M=N(l,H),C=r({},l,{color:j,size:p}),R=J(C),c=A();let f=z;const P=w(S,c&&c.onChange);let m=y;return c&&(typeof f>"u"&&(f=Q(c.value,l.value)),typeof m>"u"&&(m=c.name)),s.jsx(K,r({type:"radio",icon:i.cloneElement($,{fontSize:(n=v.props.fontSize)!=null?n:p}),checkedIcon:i.cloneElement(B,{fontSize:(e=k.props.fontSize)!=null?e:p}),ownerState:C,classes:R,name:m,checked:f,onChange:P,ref:t,className:_(R.root,b)},M))});export{no as R,Z as a};
+import{b as r,s as u,r as x,c as E,_ as N,d as _,e as d,f as F,aB as U,n as G,aC as h}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as i}from"./index-NdkWRN8K.js";import{S as O}from"./SwitchBase-CefEM0OA.js";import{c as g}from"./createSvgIcon-ClUWwDzL.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{c as w}from"./createChainedFunction-BO_9K8Jh.js";const D=g(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),q=g(e.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),L=u("span",{name:"MuiRadioButtonIcon",shouldForwardProp:x})({position:"relative",display:"flex"}),V=u(D,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),W=u(q,{name:"MuiRadioButtonIcon"})(({theme:o,ownerState:a})=>r({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest})},a.checked&&{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}));function I(o){const{checked:a=!1,classes:t={},fontSize:n}=o,s=r({},o,{checked:a});return e.jsxs(L,{className:t.root,ownerState:s,children:[e.jsx(V,{fontSize:n,className:t.background,ownerState:s}),e.jsx(W,{fontSize:n,className:t.dot,ownerState:s})]})}const Z=i.createContext(void 0);function A(){return i.useContext(Z)}const H=["checked","checkedIcon","color","icon","name","onChange","size","className"],J=o=>{const{classes:a,color:t,size:n}=o,s={root:["root",`color${d(t)}`,n!=="medium"&&`size${d(n)}`]};return r({},a,F(s,U,a))},K=u(O,{shouldForwardProp:o=>x(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,t.size!=="medium"&&a[`size${d(t.size)}`],a[`color${d(t.color)}`]]}})(({theme:o,ownerState:a})=>r({color:(o.vars||o).palette.text.secondary},!a.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${a.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:G.alpha(a.color==="default"?o.palette.action.active:o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},a.color!=="default"&&{[`&.${h.checked}`]:{color:(o.vars||o).palette[a.color].main}},{[`&.${h.disabled}`]:{color:(o.vars||o).palette.action.disabled}}));function Q(o,a){return typeof a=="object"&&a!==null?o===a:String(o)===String(a)}const k=e.jsx(I,{checked:!0}),v=e.jsx(I,{}),no=i.forwardRef(function(a,t){var n,s;const l=E({props:a,name:"MuiRadio"}),{checked:z,checkedIcon:B=k,color:j="primary",icon:$=v,name:y,onChange:S,size:p="medium",className:b}=l,M=N(l,H),C=r({},l,{color:j,size:p}),R=J(C),c=A();let f=z;const P=w(S,c&&c.onChange);let m=y;return c&&(typeof f>"u"&&(f=Q(c.value,l.value)),typeof m>"u"&&(m=c.name)),e.jsx(K,r({type:"radio",icon:i.cloneElement($,{fontSize:(n=v.props.fontSize)!=null?n:p}),checkedIcon:i.cloneElement(B,{fontSize:(s=k.props.fontSize)!=null?s:p}),ownerState:C,classes:R,name:m,checked:f,onChange:P,ref:t,className:_(R.root,b)},M))});export{no as R,Z as a};

package/dist/assets/Radio-BdNnpooK.js

@@ -0,0 +1 @@
+import{r as s}from"./index-NdkWRN8K.js";import{u as S}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as v}from"./Typography-Cz6D417Y.js";import{u as z}from"./useUniqueId-Bsgqe1tm.js";import{H as D}from"./Hint-DoJneNg9.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";import{F as N}from"./FormControlLabel-0BBemR80.js";import{R as $}from"./Radio-B4gVvwps.js";import{F as q}from"./FormHelperText-CsNAE1E3.js";const L=({hint:r,id:f,inputRef:p,isChecked:x,isDisabled:a,isInvalid:k,label:m,name:b,testId:u,translate:l,value:M,isReadOnly:e,onChange:n,onBlur:i,onClick:j})=>{const d=s.useRef(null),g=S(),h=z(f),c=r?`${h}-hint`:void 0;s.useImperativeHandle(p,()=>({focus:()=>{var o;(o=d.current)==null||o.focus()}}),[]);const T=s.useMemo(()=>t.jsx(v,{component:"span",children:m}),[m]),y=s.useCallback((o,E)=>{e?o.preventDefault():n==null||n(o,E)},[n,e]),C=s.useCallback(o=>{e&&(o.stopPropagation(),o.preventDefault())},[e]),F=s.useCallback(o=>{i==null||i(o)},[i]),I=s.useMemo(()=>({...e&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...r&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[r,e]),H=s.useMemo(()=>({"aria-describedby":c,"aria-disabled":a||e,"data-se":u,readOnly:e,tabIndex:e?0:void 0}),[c,a,e,u]);return t.jsxs(t.Fragment,{children:[t.jsx(N,{checked:x,className:k?"Mui-error":"",control:t.jsx($,{disabled:a,inputProps:H,inputRef:d,onChange:y,onClick:j||C}),disabled:a,label:T,name:b,onBlur:F,sx:I,translate:l,value:M}),r&&t.jsx(D,{odysseyDesignTokens:g,children:t.jsx(q,{id:c,translate:l,children:r})})]})},U=s.memo(L);U.displayName="Radio";export{U as M};

package/dist/assets/{Radio.stories-BIH7UBMO.js → Radio.stories-BtiaRnXY.js}

@@ -1,4 +1,4 @@
-import{f as d,w as E,u as m,e as i}from"./index-BJMTVygn.js";import{a as H}from"./axeRun-B-LchFqf.js";import{O as M}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as q}from"./Radio-tkNaA8vy.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormControlLabel-BKhSSavj.js";import"./useFormControl-BMISTZuX.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-BAQsCgRq.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./createSvgIcon-DsUj6UQo.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormHelperText-qF3DX-zz.js";/*!
+import{f as m,w as E,u as d,e as i}from"./index-BJMTVygn.js";import{a as H}from"./axeRun-B-LchFqf.js";import{O as M}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as q}from"./Radio-BdNnpooK.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Hint-DoJneNg9.js";import"./FormHelperText-CsNAE1E3.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-0BBemR80.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Radio-B4gVvwps.js";import"./SwitchBase-CefEM0OA.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-BNqa2TMD.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-ClUWwDzL.js";import"./createChainedFunction-BO_9K8Jh.js";/*!
  * 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.")
  *
@@ -8,7 +8,7 @@ import{f as d,w as E,u as m,e as i}from"./index-BJMTVygn.js";import{a as H}from"
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const ue={component:q,decorators:[M],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the radio button is checked",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:p.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the the radio button value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},name:p.name,value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Label",onBlur:d(),onChange:d(),value:"Value"}},e={play:async({canvasElement:l,step:T})=>{await T("select the radio button",async({args:c})=>{const n=E(l).getByRole("radio");n&&await m.click(n),await i(n).toBeChecked(),await i(c.onChange).toHaveBeenCalledTimes(1),await m.click(l),await i(c.onBlur).toHaveBeenCalled(),await H("Radio Default")})}},a={args:{label:"Automatically assign Okta Admin Console",isChecked:!0}},t={args:{isDisabled:!0}},r={parameters:{docs:{description:{story:"A `hint` provides helper text to the Radio"}}},args:{label:"Automatically assign Okta Admin Console",hint:"All admin roles get access when the role is assigned."}},o={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isChecked:!0}},s={args:{isChecked:!0,isInvalid:!0}};var u,h,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
+ */const be={component:q,decorators:[M],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the radio button is checked",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:p.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the the radio button value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},name:p.name,value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Label",onBlur:m(),onChange:m(),value:"Value"}},e={play:async({canvasElement:l,step:T})=>{await T("select the radio button",async({args:c})=>{const n=E(l).getByRole("radio");n&&await d.click(n),await i(n).toBeChecked(),await i(c.onChange).toHaveBeenCalledTimes(1),await d.click(l),await i(c.onBlur).toHaveBeenCalled(),await H("Radio Default")})}},a={args:{label:"Automatically assign Okta Admin Console",isChecked:!0}},t={args:{isDisabled:!0}},r={parameters:{docs:{description:{story:"A `hint` provides helper text to the Radio"}}},args:{label:"Automatically assign Okta Admin Console",hint:"All admin roles get access when the role is assigned."}},o={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isChecked:!0}},s={args:{isChecked:!0,isInvalid:!0}};var u,h,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step
@@ -60,4 +60,4 @@ import{f as d,w as E,u as m,e as i}from"./index-BJMTVygn.js";import{a as H}from"
     isChecked: true,
     isInvalid: true
   }
-}`,...(S=(I=s.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};const he=["Default","Checked","Disabled","Hint","ReadOnly","Invalid"];export{a as Checked,e as Default,t as Disabled,r as Hint,s as Invalid,o as ReadOnly,he as __namedExportsOrder,ue as default};
+}`,...(S=(I=s.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};const ge=["Default","Checked","Disabled","Hint","ReadOnly","Invalid"];export{a as Checked,e as Default,t as Disabled,r as Hint,s as Invalid,o as ReadOnly,ge as __namedExportsOrder,be as default};

package/dist/assets/{RadioGroup-DhVJQTpS.js → RadioGroup-BYJZ378_.js}

@@ -1 +1 @@
-import{r as o,e as i}from"./index-NdkWRN8K.js";import{M as F}from"./Field-lyECanzU.js";import{g as L,u as S}from"./inputUtils-Dbi8XkA6.js";import{M as D}from"./Radio-tkNaA8vy.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{R as B}from"./RadioGroup-DRNCKA-f.js";const H=({ariaDescribedBy:y,children:n,defaultValue:m,errorMessage:x,errorMessageList:C,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a=!1,label:z,name:l,onChange:r,testId:p,translate:d,value:u})=>{const E=o.useRef(L({controlledValue:u,uncontrolledValue:m})),c=S({defaultValue:m,value:u,controlState:E.current}),b=o.useCallback((e,t)=>{r==null||r(e,t)},[r]),f=o.useMemo(()=>i.Children.map(n,e=>i.isValidElement(e)&&e.type===D?i.cloneElement(e,{...e.props,isDisabled:s||e.props.isDisabled,isReadOnly:a||e.props.isReadOnly}):e),[n,s,a]),G=o.useCallback(({ariaDescribedBy:e,errorMessageElementId:t,id:R,labelElementId:k})=>M.jsx(B,{...c,"aria-describedby":e,"aria-errormessage":t,"aria-labelledby":k,"data-se":p,id:R,name:l??R,onChange:b,translate:d,children:f}),[c,l,b,f,p,d]);return M.jsx(F,{ariaDescribedBy:y,errorMessage:x,errorMessageList:C,fieldType:"group",hasVisibleLabel:!1,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a,label:z,renderFieldComponent:G})},N=o.memo(H);N.displayName="RadioGroup";export{N as M};
+import{r as o,e as i}from"./index-NdkWRN8K.js";import{M as F}from"./Field-DH3L8v09.js";import{g as L,u as S}from"./inputUtils-Dbi8XkA6.js";import{M as D}from"./Radio-BdNnpooK.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{R as B}from"./RadioGroup-CtUWSbQc.js";const H=({ariaDescribedBy:y,children:n,defaultValue:m,errorMessage:x,errorMessageList:C,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a=!1,label:z,name:l,onChange:r,testId:p,translate:d,value:u})=>{const E=o.useRef(L({controlledValue:u,uncontrolledValue:m})),c=S({defaultValue:m,value:u,controlState:E.current}),b=o.useCallback((e,t)=>{r==null||r(e,t)},[r]),f=o.useMemo(()=>i.Children.map(n,e=>i.isValidElement(e)&&e.type===D?i.cloneElement(e,{...e.props,isDisabled:s||e.props.isDisabled,isReadOnly:a||e.props.isReadOnly}):e),[n,s,a]),G=o.useCallback(({ariaDescribedBy:e,errorMessageElementId:t,id:R,labelElementId:k})=>M.jsx(B,{...c,"aria-describedby":e,"aria-errormessage":t,"aria-labelledby":k,"data-se":p,id:R,name:l??R,onChange:b,translate:d,children:f}),[c,l,b,f,p,d]);return M.jsx(F,{ariaDescribedBy:y,errorMessage:x,errorMessageList:C,fieldType:"group",hasVisibleLabel:!1,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a,label:z,renderFieldComponent:G})},N=o.memo(H);N.displayName="RadioGroup";export{N as M};

package/dist/assets/RadioGroup-CtUWSbQc.js

@@ -0,0 +1 @@
+import{V as v,W as y,_ as j,A as V,b,d as w,f as P}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as t}from"./index-NdkWRN8K.js";import{a as U}from"./Radio-B4gVvwps.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useControlled-NQulfz4l.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{F as M}from"./FormGroup-HFkGZ983.js";function N(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:e,row:s,error:a}=r;return P({root:["root",s&&"row",a&&"error"]},N,e)},z=t.forwardRef(function(e,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=e,h=j(e,S),n=t.useRef(null),C=k(e),[i,c]=_({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let o=n.current.querySelector("input:not(:disabled):checked");o||(o=n.current.querySelector("input:not(:disabled)")),o&&o.focus()}}),[]);const g=F(s,n),d=V(R),G=t.useMemo(()=>({name:d,onChange(o){c(o.target.value),u&&u(o,o.target.value)},value:i}),[d,u,c,i]);return m.jsx(U.Provider,{value:G,children:m.jsx(M,b({role:"radiogroup",ref:g,className:w(C.root,f)},h,{children:l}))})});export{z as R};

package/dist/assets/RadioGroup-D1k5iqEQ.js

@@ -0,0 +1,10 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DLgQDw3r.js";import{R as r}from"./RadioGroup.stories-kfMrpCQ4.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./RadioGroup-BYJZ378_.js";import"./Field-DH3L8v09.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Radio-BdNnpooK.js";import"./Hint-DoJneNg9.js";import"./FormControlLabel-0BBemR80.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Radio-B4gVvwps.js";import"./SwitchBase-CefEM0OA.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-ClUWwDzL.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-CtUWSbQc.js";import"./FormGroup-HFkGZ983.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.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 Go(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Go as default};

package/dist/assets/RadioGroup.stories-kfMrpCQ4.js

@@ -0,0 +1,138 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as ie,u as le,e as de}from"./index-BJMTVygn.js";import{r as x}from"./index-NdkWRN8K.js";import{a as ue}from"./axeRun-B-LchFqf.js";import{O as pe}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as l}from"./RadioGroup-BYJZ378_.js";import{M as a}from"./Radio-BdNnpooK.js";import{M as ce}from"./Link-BDoLypER.js";const he={component:l,decorators:[pe],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},u={...t,args:{defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},c={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(ce,{href:"/learn-more",children:"Learn more"})}},h={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},g={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},S={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},v={args:{errorMessage:"This field is required."},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{hint:"Hint Text",label:"Light Speed",value:"Light Speed"}),e.jsx(a,{hint:"Hint Text",label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{hint:"Hint Text",label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},b={args:{label:"Service Tier"},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},y={...t,args:{defaultValue:"Warp Speed"}},f={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=x.useState("Ludicrous Speed"),n=x.useCallback((oe,T)=>d(T),[]);return e.jsxs(l,{...r,value:i,onChange:n,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:o,step:r})=>{await r("select uncontrolled radio button",async()=>{const i=ie(o),d=i.getByRole("radiogroup"),n=i.getByLabelText("Warp Speed");d&&n&&await le.click(n),await de(n).toBeChecked(),await ue("select uncontrolled radio button")})}},R={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=x.useState("Turtle Speed"),n=x.useCallback((oe,T)=>d(T),[]);return e.jsxs(l,{...r,onChange:n,value:i,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var L,C,k;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(k=(C=u.parameters)==null?void 0:C.docs)==null?void 0:k.source}}};var H,M,j;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select the speed at which you wish to travel.",
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(j=(M=p.parameters)==null?void 0:M.docs)==null?void 0:j.source}}};var w,V,W;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select the speed at which you wish to travel.",
+    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
+  } as Story["args"] // This is a hack.,
+}`,...(W=(V=c.parameters)==null?void 0:V.docs)==null?void 0:W.source}}};var G,E,D;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isDisabled: true,
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(D=(E=h.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var O,_,q;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isReadOnly: true,
+    defaultValue: "Warp Speed"
+  } as Story["args"] // This is a hack.,
+}`,...(q=(_=m.parameters)==null?void 0:_.docs)==null?void 0:q.source}}};var B,I,A;g.parameters={...g.parameters,docs:{...(B=g.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...Template,
+  parameters: {
+    docs: {
+      description: {
+        story: "Validation should happen on the group and not individually on each item."
+      }
+    }
+  },
+  args: {
+    errorMessage: "This field is required.",
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(A=(I=g.parameters)==null?void 0:I.docs)==null?void 0:A.source}}};var z,P,U;S.parameters={...S.parameters,docs:{...(z=S.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "This field is required.",
+    errorMessageList: ["Message 1", "Message 2"],
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(U=(P=S.parameters)==null?void 0:P.docs)==null?void 0:U.source}}};var F,J,K;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    errorMessage: "This field is required."
+  } as Story["args"],
+  render: function C(props) {
+    return <RadioGroup {...props}>
+        <Radio hint="Hint Text" label="Light Speed" value="Light Speed" />
+        <Radio hint="Hint Text" label="Warp Speed" value="Warp Speed" />
+        <Radio hint="Hint Text" label="Ludicrous Speed" value="Ludicrous Speed" />
+      </RadioGroup>;
+  }
+}`,...(K=(J=v.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,Q,X;b.parameters={...b.parameters,docs:{...(N=b.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    label: "Service Tier"
+  } as Story["args"],
+  render: function C(props) {
+    return <RadioGroup {...props}>
+        <Radio label="Basic" value="basic" />
+        <Radio label="Standard" value="standard" />
+        <Radio isDisabled={true} label="Premium (Unavailable in your region)" value="premium" />
+      </RadioGroup>;
+  }
+}`,...(X=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Y,Z,$;y.parameters={...y.parameters,docs:{...(Y=y.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    defaultValue: "Warp Speed"
+  } as Story["args"] // This is a hack.,
+}`,...($=(Z=y.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,re;f.parameters={...f.parameters,docs:{...(ee=f.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for managing the state of \`RadioGroup\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
+      }
+    }
+  },
+  args: {
+    value: "Ludicrous Speed"
+  } as Story["args"],
+  // This is a hack.,
+  render: function C(props) {
+    const [value, setValue] = useState("Ludicrous Speed");
+    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
+    return <RadioGroup {...{
+      ...props,
+      value,
+      onChange
+    }}>
+        <Radio label="Light Speed" value="Light Speed" />
+        <Radio label="Warp Speed" value="Warp Speed" />
+        <Radio label="Ludicrous Speed" value="Ludicrous Speed" />
+      </RadioGroup>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("select uncontrolled radio button", async () => {
+      const canvas = within(canvasElement);
+      const radiogroup = canvas.getByRole("radiogroup");
+      const radio = canvas.getByLabelText("Warp Speed");
+      if (radiogroup && radio) {
+        await userEvent.click(radio);
+      }
+      await expect(radio).toBeChecked();
+      await axeRun("select uncontrolled radio button");
+    });
+  }
+}`,...(re=(ae=f.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var te,ne,se;R.parameters={...R.parameters,docs:{...(te=R.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "A controlled Radio Group with Radio-level hints."
+      }
+    }
+  },
+  args: {
+    value: "Ludicrous Speed"
+  } as Story["args"],
+  // This is a hack.,
+  render: function C(props) {
+    const [value, setValue] = useState("Turtle Speed");
+    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
+    return <RadioGroup {...props} onChange={onChange} value={value}>
+        <Radio hint="Hint text" label="Snail Speed" value="Snail Speed" />
+        <Radio hint="Hint text" label="Turtle Speed" value="Turtle Speed" />
+        <Radio hint="Hint text" label="Rabbit Speed" value="Rabbit Speed" />
+      </RadioGroup>;
+  }
+}`,...(se=(ne=R.parameters)==null?void 0:ne.docs)==null?void 0:se.source}}};const me=["Default","Hint","HintLink","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","IndividualStates","UncontrolledRadioGroup","ControlledRadioGroup","ControlledRadioGroupWithRadioHints"],Le=Object.freeze(Object.defineProperty({__proto__:null,ControlledRadioGroup:f,ControlledRadioGroupWithRadioHints:R,Default:u,Disabled:h,Error:g,ErrorWithIndividualHint:v,ErrorsList:S,Hint:p,HintLink:c,IndividualStates:b,ReadOnly:m,UncontrolledRadioGroup:y,__namedExportsOrder:me,default:he},Symbol.toStringTag,{value:"Module"}));export{Le as R};

package/dist/assets/{Refresh-GVzSl4pN.js → Refresh-DexPEklu.js}

@@ -1 +1 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as s}from"./OdysseyThemeProvider-BBwjgzn2.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm7-5h2v10H8V7Zm8 0h-2v10h2V7Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(l);c.displayName="PauseIcon";const a=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 0 0-9 9H1C1 5.925 5.925 1 12 1c3.722 0 7.01 1.848 9 4.674V2h2v5.223c0 .12 0 .262-.01.387a1.508 1.508 0 0 1-.153.571 1.5 1.5 0 0 1-.656.656 1.507 1.507 0 0 1-.571.153c-.125.01-.268.01-.387.01H16V7h3.485A8.991 8.991 0 0 0 12 3Zm0 18a9 9 0 0 0 9-9h2c0 6.075-4.925 11-11 11-3.722 0-7.01-1.848-9-4.674V22H1v-5.223c0-.12 0-.262.01-.387a1.51 1.51 0 0 1 .153-.571 1.5 1.5 0 0 1 .656-.655c.218-.112.426-.142.571-.154.125-.01.268-.01.387-.01H8v2H4.515A8.991 8.991 0 0 0 12 21Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(a);t.displayName="RefreshIcon";export{c as M,t as a};
+import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as s}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm7-5h2v10H8V7Zm8 0h-2v10h2V7Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(l);c.displayName="PauseIcon";const a=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 0 0-9 9H1C1 5.925 5.925 1 12 1c3.722 0 7.01 1.848 9 4.674V2h2v5.223c0 .12 0 .262-.01.387a1.508 1.508 0 0 1-.153.571 1.5 1.5 0 0 1-.656.656 1.507 1.507 0 0 1-.571.153c-.125.01-.268.01-.387.01H16V7h3.485A8.991 8.991 0 0 0 12 3Zm0 18a9 9 0 0 0 9-9h2c0 6.075-4.925 11-11 11-3.722 0-7.01-1.848-9-4.674V22H1v-5.223c0-.12 0-.262.01-.387a1.51 1.51 0 0 1 .153-.571 1.5 1.5 0 0 1 .656-.655c.218-.112.426-.142.571-.154.125-.01.268-.01.387-.01H8v2H4.515A8.991 8.991 0 0 0 12 21Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(a);t.displayName="RefreshIcon";export{c as M,t as a};