@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/Checkbox.stories-CnAqBzmf.js

@@ -1,113 +0,0 @@
-import{j as Q}from"./iframe-CQjT1fxh.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as $}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as k}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{c as g,M as f}from"./Checkbox-3Yu84dfy.js";import{P as e}from"./tableRowClasses-Bk1uFtwh.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./inputUtils-BBH9ADKa.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Hint-BXue9c6p.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./createSvgIcon-CaWcxZng.js";const{expect:x,fn:C,userEvent:v,within:ee}=__STORYBOOK_MODULE_TEST__,Ie={component:f,decorators:[Z],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{category:"Functional",type:{summary:"string"}}},id:k.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:k.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{category:"Visual",type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{category:"Visual",type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{category:"Visual",type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{category:"Visual",type:{summary:"string"}}},name:k.name,onChange:{description:"Callback fired when the checkbox value changes",table:{category:"Functional",type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{category:"Functional",type:{summary:"func"}}},validity:{options:g,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{category:"Visual",type:{summary:g.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{category:"Functional",type:{summary:"string"}}}},args:{isReadOnly:!1,validity:"inherit",onBlur:C(),onChange:C()}},t={args:{isChecked:!1,isDisabled:!1,isReadOnly:!1,label:"Label"},argTypes:{isDefaultChecked:{control:!1}},render:function(a,b){const{value:y,setValue:o}=$({args:a,context:b,argKey:"isChecked",defaultValue:a.isChecked??!1}),X=()=>{o(!y)};return Q.jsx(f,{...a,isChecked:y,isDefaultChecked:void 0,onChange:X})}},r=()=>({canvasElement:s,step:a})=>a("check the box",async({args:b})=>{const o=ee(s).getByRole("checkbox");o&&await v.click(o),await v.tab(),await x(o).toBeChecked(),await x(b.onBlur).toHaveBeenCalledTimes(1)}),n={...e(t,{parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},play:r(),tags:["!autodocs"]})},i={...e(t,{parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{isRequired:!0,isChecked:!1},play:r()})},c={...e(t,{args:{isChecked:!0}})},d={...e(t,{parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,isChecked:!1}})},l={...e(t,{parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{isIndeterminate:!0,isChecked:!0}})},h={...e(t,{args:{validity:"invalid",isChecked:!1},play:r()})},p={...e(t,{args:{isReadOnly:!0,isChecked:!0},play:r()})},m={...e(t,{parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{hint:"Hint text"},play:r()})},u={parameters:{docs:{description:{story:"When `isChecked` is omitted the checkbox manages its own state via `isDefaultChecked`."}}},args:{label:"Label",isDefaultChecked:!0},argTypes:{isDefaultChecked:{control:!1},isChecked:{control:!1}},render:s=>Q.jsx(f,{...s})};var T,D,w;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-        }
-      }
-    },
-    play: checkTheBox(),
-    tags: ["!autodocs"]
-  })
-}`,...(w=(D=n.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};var R,O,q;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
-        }
-      }
-    },
-    args: {
-      isRequired: true,
-      isChecked: false
-    },
-    play: checkTheBox()
-  })
-}`,...(q=(O=i.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var B,S,I;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      isChecked: true
-    }
-  })
-}`,...(I=(S=c.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};var V,_,L;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
-        }
-      }
-    },
-    args: {
-      isDisabled: true,
-      isChecked: false
-    }
-  })
-}`,...(L=(_=d.parameters)==null?void 0:_.docs)==null?void 0:L.source}}};var F,j,E;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
-        }
-      }
-    },
-    args: {
-      isIndeterminate: true,
-      isChecked: true
-    }
-  })
-}`,...(E=(j=l.parameters)==null?void 0:j.docs)==null?void 0:E.source}}};var H,M,N;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      validity: "invalid",
-      isChecked: false
-    },
-    play: checkTheBox()
-  })
-}`,...(N=(M=h.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};var W,A,U;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      isReadOnly: true,
-      isChecked: true
-    },
-    play: checkTheBox()
-  })
-}`,...(U=(A=p.parameters)==null?void 0:A.docs)==null?void 0:U.source}}};var K,P,z;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "hint provides helper text to the Checkbox"
-        }
-      }
-    },
-    args: {
-      hint: "Hint text"
-    },
-    play: checkTheBox()
-  })
-}`,...(z=(P=m.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var G,Y,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When \`isChecked\` is omitted the checkbox manages its own state via \`isDefaultChecked\`."
-      }
-    }
-  },
-  args: {
-    label: "Label",
-    isDefaultChecked: true
-  },
-  argTypes: {
-    isDefaultChecked: {
-      control: false
-    },
-    isChecked: {
-      control: false
-    }
-  },
-  render: args => <Checkbox {...args} />
-}`,...(J=(Y=u.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};const Ve=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Uncontrolled"];export{c as Checked,n as Default,d as Disabled,m as Hint,l as Indeterminate,h as Invalid,p as ReadOnly,i as Required,u as Uncontrolled,Ve as __namedExportsOrder,Ie as default};

package/dist/assets/CheckboxGroup.stories-CIRolYTR.js

@@ -1,89 +0,0 @@
-import{j as r}from"./iframe-CQjT1fxh.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as b}from"./CheckboxGroup-Bris2fCF.js";import{M as t}from"./Checkbox-3Yu84dfy.js";import{M as N}from"./Link-Cg_KakDo.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./FormGroup-D8ZDwdpx.js";import"./inputUtils-BBH9ADKa.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./createSvgIcon-CaWcxZng.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";const Ae={component:b,decorators:[K],tags:["autodocs"],argTypes:{children:{control:!1,description:"A single Checkbox element or an array of Checkbox elements",table:{category:"Functional",type:{summary:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,isDisabled:s.isDisabled,isReadOnly:{control:"boolean",description:"If `true`, the checkbox group is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox group is required",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the checkbox group",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},ariaDescribedBy:{control:"text",description:"The ID of the element that describes the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},testId:{control:"text",description:"The data-testid attribute for the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},translate:{control:"radio",options:["yes","no",void 0],description:"Indicates whether the element's content should be translated",table:{category:"Functional",type:{summary:"yes | no"}},type:{name:"string"}}},args:{label:"Label",isDisabled:!1,isReadOnly:!1,isRequired:!1}},a={args:{},render:e=>r.jsxs(b,{ariaDescribedBy:e.ariaDescribedBy,errorMessage:e.errorMessage,errorMessageList:e.errorMessageList,hint:e.hint,HintLinkComponent:e.HintLinkComponent,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,label:e.label,testId:e.testId,translate:e.translate,children:[r.jsx(t,{label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{label:"Item label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},i={...a},o={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},l={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the `isInvalid` prop, even if the group has an `errorMessage` set."}}},args:{errorMessage:"Error Message"}},c={...a,args:{isRequired:!0,errorMessage:"Error Message",errorMessageList:["Error A"]}},m={...a,render:function(J){return r.jsxs(b,{...J,children:[r.jsx(t,{hint:"Hint text 1",label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{hint:"Hint text 2",label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{hint:"Hint text 3",label:"Item label 3",name:"item-3",value:"item-3"})]})}},p={...a,args:{hint:"Hint text"}},d={...a,args:{hint:"Hint text",HintLinkComponent:r.jsx(N,{href:"#link",children:"Link"})}},u={...a,args:{isRequired:!0}},h={render:e=>r.jsxs(b,{errorMessage:e.errorMessage,hint:e.hint,isDisabled:e.isDisabled,isRequired:e.isRequired,label:"Label",children:[r.jsx(t,{isDefaultChecked:!0,label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",validity:"valid",value:"item-2"}),r.jsx(t,{isDefaultChecked:!0,label:"Item Label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."}}},args:{errorMessage:"Error Message"}};var k,x,g;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  ...GroupTemplate
-}`,...(g=(x=i.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var y,f,C;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isDisabled: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(C=(f=o.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};var v,I,M;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isReadOnly: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var D,R,L;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the \`isInvalid\` prop, even if the group has an \`errorMessage\` set."
-      }
-    }
-  },
-  args: {
-    errorMessage: "Error Message"
-  } as CheckboxGroupProps // This is a hack
-}`,...(L=(R=l.parameters)==null?void 0:R.docs)==null?void 0:L.source}}};var T,G,E;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true,
-    errorMessage: "Error Message",
-    errorMessageList: ["Error A"]
-  } as CheckboxGroupProps // This is a hack
-}`,...(E=(G=c.parameters)==null?void 0:G.docs)==null?void 0:E.source}}};var H,q,j;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  render: function C(props) {
-    return <CheckboxGroup {...props}>
-        <Checkbox hint="Hint text 1" label="Item label 1" name="item-1" value="item-1" />
-        <Checkbox hint="Hint text 2" label="Item label 2" name="item-2" value="item-2" />
-        <Checkbox hint="Hint text 3" label="Item label 3" name="item-3" value="item-3" />
-      </CheckboxGroup>;
-  }
-}`,...(j=(q=m.parameters)==null?void 0:q.docs)==null?void 0:j.source}}};var O,S,P;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Hint text"
-  } as CheckboxGroupProps // This is a hack
-}`,...(P=(S=p.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var V,w,A;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Hint text",
-    HintLinkComponent: <Link href="#link">Link</Link>
-  } as CheckboxGroupProps // This is a hack
-}`,...(A=(w=d.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var B,F,z;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(z=(F=u.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var U,W,_;h.parameters={...h.parameters,docs:{...(U=h.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  render: args => <CheckboxGroup errorMessage={args.errorMessage} hint={args.hint} isDisabled={args.isDisabled} isRequired={args.isRequired} label="Label">
-      <Checkbox isDefaultChecked={true} label="Item label 1" name="item-1" value="item-1" />
-      <Checkbox label="Item label 2" name="item-2" validity="valid" value="item-2" />
-      <Checkbox isDefaultChecked={true} label="Item Label 3" name="item-3" value="item-3" />
-    </CheckboxGroup>,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."
-      }
-    }
-  },
-  args: {
-    errorMessage: "Error Message"
-  } as CheckboxGroupProps // This is a hack
-}`,...(_=(W=h.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};const Be=["Default","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","Hint","HintLink","Required","MixedError"];export{i as Default,o as Disabled,l as Error,m as ErrorWithIndividualHint,c as ErrorsList,p as Hint,d as HintLink,h as MixedError,n as ReadOnly,u as Required,Be as __namedExportsOrder,Ae as default};

package/dist/assets/Close-CELHOmN_.js

@@ -1 +0,0 @@
-import{j as o}from"./iframe-CQjT1fxh.js";import{c as r}from"./createSvgIcon-CaWcxZng.js";const a=r(o.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close");export{a as C};

package/dist/assets/Custom Theming.stories-CWCReKRB.js

@@ -1,95 +0,0 @@
-import{r as u,j as e}from"./iframe-CQjT1fxh.js";import{c as A,o as V}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as $}from"./Button-0PI4ljbj.js";import{M as f}from"./OdysseyProvider-rboSNY26.js";import{M as b}from"./TextField-DF5R_omM.js";import{M as Q}from"./RadioGroup-sL620ofZ.js";import{M as v}from"./Radio-BlxlCYZY.js";import{b as q,_ as J,a,c as K,d as X,f as Y,Q as Z,o as C,R as ee,P as re,U as oe}from"./tableRowClasses-Bk1uFtwh.js";import{P as te}from"./Paper-vUVrw-QB.js";import{M as se}from"./MenuList-D3GSt85L.js";import{M as S}from"./MenuItem-Cmq8TfUJ.js";import{a as ne}from"./List-D0N4Xybp.js";import{T as m}from"./Typography-Jr4Brrb5.js";import"./preload-helper-Dp1pzeXC.js";import"./WarningFilled-DOHs-JmZ.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BBH9ADKa.js";import"./InputBase-BYnzr12H.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Clfg5IS6.js";import"./RadioGroup-BcwUBGJo.js";import"./Radio-C5-GzJtb.js";import"./SwitchBase-C_6ALR3v.js";import"./createSvgIcon-CaWcxZng.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-D8ZDwdpx.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./MenuContext-UsOwIWpO.js";import"./MenuItem-CpMFWgaz.js";const ie=["children","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"],ae=o=>{const{classes:r,inset:t,primary:s,secondary:h,dense:T}=o;return Y({root:["root",t&&"inset",T&&"dense",s&&h&&"multiline"],primary:["primary"],secondary:["secondary"]},Z,r)},de=K("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[{[`& .${C.primary}`]:r.primary},{[`& .${C.secondary}`]:r.secondary},r.root,t.inset&&r.inset,t.primary&&t.secondary&&r.multiline,t.dense&&r.dense]}})(({ownerState:o})=>a({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},o.primary&&o.secondary&&{marginTop:6,marginBottom:6},o.inset&&{paddingLeft:56})),R=u.forwardRef(function(r,t){const s=q({props:r,name:"MuiListItemText"}),{children:h,className:T,disableTypography:d=!1,inset:z=!1,primary:O,primaryTypographyProps:x,secondary:W,secondaryTypographyProps:_}=s,U=J(s,ie),{dense:P}=u.useContext(ne);let n=O??h,i=W;const M=a({},s,{disableTypography:d,inset:z,primary:!!n,secondary:!!i,dense:P}),g=ae(M);return n!=null&&n.type!==m&&!d&&(n=e.jsx(m,a({variant:P?"body2":"body1",className:g.primary,component:x!=null&&x.variant?void 0:"span",display:"block"},x,{children:n}))),i!=null&&i.type!==m&&!d&&(i=e.jsx(m,a({variant:"body2",className:g.secondary,color:"text.secondary",display:"block"},_,{children:i}))),e.jsxs(de,a({className:X(g.root,T),ownerState:M,ref:t},U,{children:[n,i]}))}),vr={component:()=>null},p={decorators:[(o,r)=>{const t={BorderRadiusMain:"12px",PalettePrimaryMain:"green",PalettePrimaryDark:"rgb(150,0,0,1)",PalettePrimaryDarker:"rgb(150,0,0,1)",TypographyLineHeightHeading1:1.2,Spacing0:"1rem"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"Button",render:function(){return e.jsx("div",{children:e.jsx($,{label:"Primary",variant:"primary"})})}},c={decorators:[(o,r)=>{const t={HueBlue500:"orange"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"TextField",render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(b,{autoCompleteType:"name",label:"Name",type:"text"}),e.jsx(b,{autoCompleteType:"name",label:"Password",type:"text"})]})}},l={decorators:[(o,r)=>{const t={HueBlue500:"rgba(0, 160, 100, 1)"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"RadioGroup",render:function(){return e.jsxs(Q,{"aria-describedby":"radio-hint radio-error",defaultValue:"Lightspeed",id:"radio-buttons-group",label:"Speed",children:[e.jsx(v,{label:"Lightspeed",value:"lightspeed"}),e.jsx(v,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(v,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},y={name:"CustomComponent",render:function(){const r=u.useMemo(()=>({components:{MuiListItemText:{styleOverrides:{root:{color:"red"}}}}}),[]),t=A({odysseyTokens:V}),s=u.useMemo(()=>r&&ee(re(t,r)),[t,r]);return e.jsx(e.Fragment,{children:e.jsx(te,{children:e.jsxs(se,{children:[e.jsx(S,{children:e.jsx(oe,{theme:s,children:e.jsx(R,{children:"Cut"})})}),e.jsx(S,{children:e.jsx(R,{children:"Copy"})})]})})})}};var j,E,L;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      BorderRadiusMain: "12px",
-      PalettePrimaryMain: "green",
-      //base background color
-      PalettePrimaryDark: "rgb(150,0,0,1)",
-      //used for hover/focus
-      PalettePrimaryDarker: "rgb(150,0,0,1)",
-      //used for hover/focus
-      TypographyLineHeightHeading1: 1.2,
-      Spacing0: "1rem"
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "Button",
-  render: function C() {
-    return <div>
-        <Button label="Primary" variant="primary" />
-      </div>;
-  }
-}`,...(L=(E=p.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var k,B,I;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      HueBlue500: "orange"
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "TextField",
-  render: function C() {
-    return <>
-        <TextField autoCompleteType="name" label="Name" type="text" />
-        <TextField autoCompleteType="name" label="Password" type="text" />
-      </>;
-  }
-}`,...(I=(B=c.parameters)==null?void 0:B.docs)==null?void 0:I.source}}};var D,w,F;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      HueBlue500: "rgba(0, 160, 100, 1)" // THIS IS A SAMPLE. DO NOT USE!
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "RadioGroup",
-  render: function C() {
-    return <RadioGroup aria-describedby="radio-hint radio-error" defaultValue="Lightspeed" id="radio-buttons-group" label="Speed">
-        <Radio label="Lightspeed" value="lightspeed" />
-        <Radio label="Warp Speed" value="Warp Speed" />
-        <Radio label="Ludicrous Speed" value="Ludicrous Speed" />
-      </RadioGroup>;
-  }
-}`,...(F=(w=l.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var H,N,G;y.parameters={...y.parameters,docs:{...(H=y.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  name: "CustomComponent",
-  render: function C() {
-    const themeOverrides: ThemeOptions = useMemo(() => {
-      return {
-        components: {
-          MuiListItemText: {
-            styleOverrides: {
-              root: {
-                color: "red"
-              }
-            }
-          }
-        }
-      };
-    }, []);
-    const odysseyTheme = createOdysseyMuiTheme({
-      odysseyTokens
-    });
-    const customOdysseyTheme = useMemo(() => themeOverrides && createTheme(deepmerge(odysseyTheme, themeOverrides)), [odysseyTheme, themeOverrides]);
-    return <>
-        <Paper>
-          <MenuList>
-            <MenuItem>
-              <MuiThemeProvider theme={customOdysseyTheme}>
-                <ListItemText>Cut</ListItemText>
-              </MuiThemeProvider>
-            </MenuItem>
-            <MenuItem>
-              <ListItemText>Copy</ListItemText>
-            </MenuItem>
-          </MenuList>
-        </Paper>
-      </>;
-  }
-}`,...(G=(N=y.parameters)==null?void 0:N.docs)==null?void 0:G.source}}};const fr=["ButtonStory","TextFieldStory","RadioGroupStory","CustomComponentStory"];export{p as ButtonStory,y as CustomComponentStory,l as RadioGroupStory,c as TextFieldStory,fr as __namedExportsOrder,vr as default};

package/dist/assets/DataFilters-4og6bOFS.js

@@ -1 +0,0 @@
-import{s as G}from"./tableRowClasses-Bk1uFtwh.js";import{r as t,j as a}from"./iframe-CQjT1fxh.js";import{M as ne}from"./Autocomplete-BwSwXNq_.js";import{M as r}from"./Box-B3rdnavX.js";import{M as v}from"./Button-0PI4ljbj.js";import{M as le}from"./Checkbox-3Yu84dfy.js";import{M as te}from"./CheckboxGroup-Bris2fCF.js";import{M as B}from"./Radio-BlxlCYZY.js";import{M as ie}from"./RadioGroup-sL620ofZ.js";import{a as de,u as oe,T as N}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as ue}from"./SearchField-DmDpB-Sd.js";import{M as ce}from"./Tag-CYK8pNzu.js";import{M as re}from"./TagList-CunLkaIS.js";import{M as me}from"./TextField-DF5R_omM.js";import{c as pe}from"./Typography-CjpHjc10.js";import{M as xe}from"./Filter-XcwxIcdg.js";import{M as he,P as be}from"./Menu-DB2s3Jn0.js";import{M as fe}from"./MenuItem-CpMFWgaz.js";import{T as je}from"./Typography-Jr4Brrb5.js";import{M as ge}from"./ChevronRight-QYu5EQHS.js";import{I as ye}from"./IconButton-BPR_sq0F.js";import{a as _,b as Me}from"./WarningFilled-DOHs-JmZ.js";const ve=G("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",alignItems:"flex-end",gap:o.Spacing2})),Ie=G("div")({width:"100%"}),ke=({activeFilters:o,updateFilterAndInputValues:h})=>{const b=o.filter(l=>l.value),f=[];b.forEach(l=>{Array.isArray(l.value)&&l.value.forEach(p=>{const u=typeof p=="string"?p:p.value;f.push({id:l.id,label:l.label,value:u})}),typeof l.value=="string"&&f.push({id:l.id,label:l.label,value:l.value})});const z=l=>b.find(p=>p.id===l),E=(l,p)=>{const u=z(l);if(u){const{value:x}=u;if(Array.isArray(x)){const m=x.filter(F=>F.value!==p);h({filterId:l,value:m.length>0?m:void 0})}typeof x=="string"&&h({filterId:l,value:void 0})}};return a.jsx(re,{children:f.map(l=>a.jsx(ce,{label:`${l.label}: ${l.value}`,onRemove:()=>E(l.id,l.value)},`${l.label}: ${l.value}`))})},K=t.memo(ke);K.displayName="FilterTags";const Ae=({onChangeSearch:o,onChangeFilters:h,hasSearchSubmitButton:b=!1,searchDelayTime:f=200,defaultSearchTerm:z="",additionalActions:E,filters:l=[],isDisabled:p})=>{const[u,x]=t.useState(l),{t:m}=de(),F=oe(),X=t.useMemo(()=>l.reduce((s,n)=>(s[n.id]=n.value,s),{}),[l]),[i,j]=t.useState(X),[g,C]=t.useState(z),R=t.useMemo(()=>u.filter(s=>s.value),[u]),[I,k]=t.useState(!1),[L,Y]=t.useState(),[y,w]=t.useState(!1),[q,H]=t.useState(),[e,U]=t.useState(),O=t.useRef();t.useEffect(()=>{h==null||h(u)},[u,h]);const D=t.useRef(void 0);t.useEffect(()=>{b||(D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{o==null||o(g??"")},f))},[o,g,f,b]);const J=t.useMemo(()=>(e==null?void 0:e.options)||[],[e]),A=t.useCallback(({filterId:s,value:n})=>{j({...i,[s]:n})},[i]),T=t.useCallback(({filterId:s,value:n})=>{j(d=>({...d,[s]:n}));const c=l.map(d=>({...d,value:d.id===s?n:i[d.id]}));x(c)},[i,l]),W=t.useCallback(({filterId:s,value:n})=>{A({filterId:s,value:n}),T({filterId:s,value:n})},[T,A]),Q=t.useCallback((s,n,c)=>{const d=i[s]||[],V=c?[...d,n]:d.filter(M=>M.value!==n.value),$=V.length>0?V:void 0;j({...i,[s]:$});const ae=u.map(M=>({...M,value:M.id===s?$:i[M.id]}));x(ae)},[u,i]),Z=t.useCallback((s,n)=>{j({...i,[s]:n})},[i]),P=t.useCallback(()=>{const s=l.reduce((c,d)=>(c[d.id]=void 0,c),{});j(s);const n=l.map(c=>({...c,value:void 0}));x(n)},[l]),S=t.useCallback(()=>{const s=l.map(n=>({...n,value:i[n.id]}));x(s)},[i,l]),ee=t.useMemo(()=>a.jsxs(a.Fragment,{children:[a.jsx(r,{children:a.jsx(v,{ariaControls:I?"filters-menu":void 0,ariaExpanded:I?"true":void 0,ariaHasPopup:"true",ariaLabel:m("filters.filters.arialabel"),endIcon:a.jsx(xe,{}),isDisabled:p,onClick:s=>{Y(s.currentTarget),k(!0)},variant:"secondary"})}),a.jsx(he,{anchorEl:L,anchorOrigin:{horizontal:"left",vertical:"bottom"},id:"filters-menu",onClose:()=>k(!1),open:I,PaperProps:{ref:O},transformOrigin:{horizontal:"left",vertical:"top"},children:l.map(s=>{var c;const n=(c=u.find(d=>d.id===s.id))==null?void 0:c.value;return a.jsx(fe,{"aria-controls":y?"filter-form":void 0,className:e===s&&y===!0?"isVisiblySelected":void 0,onClick:d=>{w(!0),H(d.currentTarget),U(s)},selected:e===s&&y===!0,children:a.jsxs(r,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minWidth:180,paddingBlock:1,paddingInlineStart:2},children:[a.jsxs(r,{sx:{marginRight:2},children:[a.jsx(je,{fontWeight:"500",sx:{marginBlockEnd:2},children:s.label}),a.jsx(pe,{component:"div",children:!n||Array.isArray(n)&&n.length===0?a.jsx(N,{i18nKey:"filters.menuitem.any",values:{label:s.label.toLowerCase()}}):Array.isArray(n)?a.jsx(N,{count:n.length,i18nKey:"filters.menuitem.selected",values:{selected:n.length}}):n})]}),a.jsx(ge,{})]})},s.id)})})]}),[I,p,e,y,L,l,u,m]),se=t.useMemo(()=>e!=null&&e.id?i[e.id]:void 0,[e,i]);return a.jsxs(r,{children:[a.jsxs(r,{sx:{display:"flex",justifyContent:"space-between"},children:[a.jsxs(r,{sx:{display:"flex",gap:2,width:"50%",maxWidth:480},children:[u.length>0&&a.jsxs(a.Fragment,{children:[ee,a.jsx(be,{anchorEl:q,anchorOrigin:{vertical:"top",horizontal:"right"},elevation:2,id:"filter-form",onClose:s=>{if(O.current){const n=O.current.getBoundingClientRect();s.clientX>=n.left&&s.clientX<=n.right&&s.clientY>=n.top&&s.clientY<=n.bottom||k(!1)}S(),w(!1)},open:y,sx:{marginLeft:2,marginTop:-1},children:a.jsx(r,{sx:{padding:4,minWidth:320},children:a.jsx("form",{noValidate:!0,onSubmit:s=>{s.preventDefault(),S(),w(!1),k(!1)},children:e!=null&&e.render?e.render(T):a.jsxs(a.Fragment,{children:[(e==null?void 0:e.variant)==="autocomplete"&&(e==null?void 0:e.options)&&a.jsxs(ve,{odysseyDesignTokens:F,children:[a.jsx(Ie,{children:a.jsx(ne,{hasMultipleChoices:!0,isCustomValueAllowed:e==null?void 0:e.isCustomValueAllowed,label:e.label,onChange:(s,n)=>{Z(e.id,n)},options:J,value:se})}),a.jsx(v,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(_,{}),type:"submit",variant:"primary"})]}),((e==null?void 0:e.variant)==="text"||(e==null?void 0:e.variant)==="range"||e&&(e==null?void 0:e.variant)==null)&&a.jsxs(r,{sx:{display:"flex",gap:2,alignItems:"flex-end"},children:[a.jsx(r,{sx:{width:"100%"},children:a.jsx(me,{endAdornment:i[e.id]&&a.jsx(ye,{"aria-label":m("filters.filter.clear"),onClick:()=>{A({filterId:e.id,value:void 0}),T({filterId:e.id,value:void 0})},size:"small",children:a.jsx(Me,{})}),hasInitialFocus:!0,label:e.label,onChange:s=>A({filterId:e.id,value:s.currentTarget.value}),type:e.variant==="range"?"number":"text",value:i[e.id]??""})}),a.jsx(v,{ariaLabel:m("filters.submit.label"),endIcon:a.jsx(_,{}),type:"submit",variant:"primary"})]}),(e==null?void 0:e.variant)==="multi-select"&&(e==null?void 0:e.options)&&a.jsx(te,{isRequired:!0,label:e.label,children:e.options.map(s=>{const c=(i[e.id]||[]).some(d=>d.value===s.value);return a.jsx(le,{isChecked:c,label:s.label,onChange:(d,V)=>{Q(e.id,s,V)},value:s.value},s.value)})}),(e==null?void 0:e.variant)==="select"&&(e==null?void 0:e.options)&&a.jsxs(ie,{label:e.label,onChange:(s,n)=>{W({filterId:e.id,value:n})},children:[a.jsx(B,{isChecked:!i[e.id],label:m("filters.filter.any"),value:""}),a.jsx(a.Fragment,{children:e.options.map(s=>a.jsx(B,{isChecked:i[e.id]===s.value,label:s.label,value:s.value},s.value))})]})]})})})})]}),o&&a.jsx("form",{onSubmit:s=>{s.preventDefault(),b&&o(g)},style:{width:"100%"},children:a.jsxs(r,{sx:{display:"flex",gap:2,width:"100%"},children:[a.jsx(ue,{isDisabled:p,label:m("filters.search.label"),onChange:s=>C(s.target.value),onClear:()=>{C(""),o("")},placeholder:m("filters.search.label"),value:g}),b&&a.jsx(r,{children:a.jsx(v,{isDisabled:p,label:m("filters.search.label"),onClick:()=>o(g),variant:"primary"})})]})})]}),a.jsxs(r,{sx:{display:"flex",gap:2},children:[R.length>0&&a.jsx(r,{children:a.jsx(v,{label:m("filters.clear.label"),onClick:P,variant:"secondary"})}),E]})]}),R.length>0&&a.jsx(r,{sx:{borderTopWidth:1,borderTopColor:"#eeeeee",borderTopStyle:"solid",paddingTop:4,marginTop:4},children:a.jsx(K,{activeFilters:R,updateFilterAndInputValues:W})})]})},Te=t.memo(Ae);Te.displayName="DataFilters";export{Te as M};

package/dist/assets/DataTable-DV-P1c62.js

@@ -1,41 +0,0 @@
-import{j as o}from"./iframe-CQjT1fxh.js";import{useMDXComponents as m}from"./index-D5BUEpVX.js";import{M as n,T as e,S as s,D as a}from"./blocks-D521Uej3.js";import{D as r}from"./DataTable.stories-Bn546tQH.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./personData-CV-uVWcJ.js";import"./Status-DyDCzqET.js";import"./MuiPropsContext-D6i6qZME.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./DataView-BS0E464o.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./MenuButton-BffESdH9.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./BaseButton-C9tiChQu.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./Menu-DB2s3Jn0.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./List-D0N4Xybp.js";import"./Callout-WJN7MCgu.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./Typography-Jr4Brrb5.js";import"./ExternalLink-3_gWbh_U.js";import"./Typography-CjpHjc10.js";import"./AlertTitle-UQV7DT5q.js";import"./useSlot-BMAKysxJ.js";import"./Close-CELHOmN_.js";import"./IconButton-BPR_sq0F.js";import"./useScrollIndication-BGw7dgC5.js";import"./Button-0PI4ljbj.js";import"./ArrowRight-C5USrGY5.js";import"./InputBase-BYnzr12H.js";import"./FormHelperText-CVc1kPQJ.js";import"./ListItem-BNz1zv6N.js";import"./FormLabel-CWWbs_c2.js";import"./EmptyState-B1EvR4rn.js";import"./DataFilters-4og6bOFS.js";import"./Autocomplete-BwSwXNq_.js";import"./useAutocomplete-DG_kuhWb.js";import"./index.esm-Dvk_qjX0.js";import"./Field-CqIOaZfg.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./Autocomplete-BajR4gNT.js";import"./ArrowDropDown-BbLKA4fg.js";import"./ListSubheader-Dwx7m0BA.js";import"./Checkbox-3Yu84dfy.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./CheckboxGroup-Bris2fCF.js";import"./FormGroup-D8ZDwdpx.js";import"./Radio-BlxlCYZY.js";import"./Radio-C5-GzJtb.js";import"./RadioGroup-sL620ofZ.js";import"./RadioGroup-BcwUBGJo.js";import"./SearchField-DmDpB-Sd.js";import"./InputAdornment-Clfg5IS6.js";import"./Search-0744_rm_.js";import"./Tag-CYK8pNzu.js";import"./TagList-CunLkaIS.js";import"./TextField-DF5R_omM.js";import"./Filter-XcwxIcdg.js";import"./MenuItem-CpMFWgaz.js";import"./ChevronRight-QYu5EQHS.js";import"./CircularProgress-B7sj16Me.js";import"./CircularProgress-D6L1y9kt.js";import"./Card-CYHxgfcj.js";import"./Skeleton-DxFSebyW.js";import"./colorManipulator-BYcVMQmD.js";import"./CardActions-AjPk7ICQ.js";import"./CardActionArea-CjEHgWqq.js";import"./ChevronUp-D226bAv0.js";import"./MenuItem-Cmq8TfUJ.js";import"./List-CZ2bN2bA.js";import"./constants-CGUp4oSR.js";import"./index.esm-Bohtd3OQ.js";import"./DialogContent-C6DlqjnA.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./DialogTitle-B_QxN4PO.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./useThemeProps-Bc2iWdri.js";import"./Collapse-DULszxZp.js";import"./LinearProgress-Z53mwHnp.js";import"./Divider-C7lvc1xB.js";import"./tableSortLabelClasses-i_d6KGQQ.js";import"./DateTimePicker-ByepBMwy.js";import"./Tabs-BPWnyCAU.js";import"./DatePicker-vZfA4IWy.js";import"./Show-C6ORd-wr.js";import"./Refresh-ZZ_nNcXg.js";function p(i){const t={code:"code",p:"p",pre:"pre",...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.jsxs(t.p,{children:[o.jsx(t.code,{children:"DataTable"})," is a convenience wrapper on top of ",o.jsx(t.code,{children:"DataView"})," that allows consumers to use the existing ",o.jsx(t.code,{children:"DataTable"}),` API, so you can have all the benefits
-of `,o.jsx(t.code,{children:"DataView"})," without needing to change any code."]}),`
-`,o.jsxs(t.p,{children:["To use this, just change your existing ",o.jsx(t.code,{children:"DataTable"})," import to use the ",o.jsx(t.code,{children:"@odyssey-react-mui/labs"})," version."]}),`
-`,o.jsx(t.p,{children:"For example, this:"}),`
-`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataTable
-  getData={getData}
-  columns={props.columns}
-  hasChangeableDensity={props.hasChangeableDensity}
-  hasColumnResizing={props.hasColumnResizing}
-  hasColumnVisibility={props.hasColumnVisibility}
-  hasSorting={props.hasSorting}
-  initialDensity={props.initialDensity}
-  renderDetailPanel={props.renderDetailPanel}
-  rowActionButtons={props.rowActionButtons}
-  rowActionMenuItems={props.rowActionMenuItems}
-  {...props}
-/>
-`})}),`
-`,o.jsx(t.p,{children:"is the same as:"}),`
-`,o.jsx(t.pre,{children:o.jsx(t.code,{children:`<DataView
-  availableLayouts={["table"]}
-  getData={getData}
-  tableLayoutOptions={{
-    columns: props.columns,
-    hasChangeableDensity: props.hasChangeableDensity,
-    hasColumnResizing: props.hasColumnResizing,
-    hasColumnVisibility: props.hasColumnVisibility,
-    hasSorting: props.hasSorting,
-    initialDensity: props.initialDensity,
-    renderDetailPanel: props.renderDetailPanel,
-    rowActionButtons: props.rowActionButtons,
-    rowActionMenuItems: props.rowActionMenuItems,
-  }}
-  {...props}
-/>
-`})}),`
-`,o.jsx(t.p,{children:"For more information, consult the DataView documentation."})]})}function Ft(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Ft as default};

package/dist/assets/DatePicker.stories-DWhZFsWV.js

@@ -1,133 +0,0 @@
-import{r as w,j as ae}from"./iframe-CQjT1fxh.js";import{a as te}from"./axeRun-w5CBCc9V.js";import{O as re}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as r}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as $}from"./DatePicker-DE3q9EuO.js";import{t as k}from"./OdysseyThemeProvider-BA0_xP7N.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-9-4xvXvL.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./tableRowClasses-Bk1uFtwh.js";import"./Button-0PI4ljbj.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./DatePicker-vZfA4IWy.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./Menu-DB2s3Jn0.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./ArrowDropDown-BbLKA4fg.js";import"./createSvgIcon-CaWcxZng.js";import"./InputBase-BYnzr12H.js";import"./useThemeProps-Bc2iWdri.js";import"./useThemeProps-BCUqwy59.js";import"./InputAdornment-Clfg5IS6.js";import"./IconButton-BPR_sq0F.js";import"./createStyled-BKWdp2xc.js";import"./colorManipulator-BYcVMQmD.js";import"./DialogContent-C6DlqjnA.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./Chip-BgPaZbUf.js";import"./useOdysseyDateFields-BVmmVg1G.js";import"./Autocomplete-BwSwXNq_.js";import"./useAutocomplete-DG_kuhWb.js";import"./index.esm-Dvk_qjX0.js";import"./inputUtils-BBH9ADKa.js";import"./Autocomplete-BajR4gNT.js";import"./Close-CELHOmN_.js";import"./ListSubheader-Dwx7m0BA.js";import"./Calendar-Do4wfihU.js";import"./WarningFilled-DOHs-JmZ.js";import"./ArrowRight-C5USrGY5.js";const{expect:D,screen:ne,userEvent:x,waitFor:b,within:h}=__STORYBOOK_MODULE_TEST__,Pa={component:$,decorators:[re],tags:["autodocs"],argTypes:{label:{control:"text",defaultValue:"DatePicker label"},onCalendarDateChange:{},defaultValue:{description:"A date object passed into the component to pre-fill the input",table:{type:{summary:"string"}}},errorMessage:r.errorMessage,hint:r.hint,HintLinkComponent:r.HintLinkComponent,id:r.id,isDisabled:r.isDisabled,isOptional:r.isOptional,isReadOnly:r.isReadOnly,minDate:{description:"the minimum selectable date enabled in the calendar",table:{type:{summary:"Date"}}},maxDate:{description:"the maximum selectable date enabled in the calendar",table:{type:{summary:"Date"}}},timeZone:{description:"an IANA time zone applied to the DatePicker",table:{type:{summary:"string"}}},timeZonePickerLabel:{description:"label applied to the `TimeZonePicker` field if `TimeZonePicker` field is rendered",table:{type:{summary:"string"}}},timeZoneOptions:{description:"an array of options for the TimeZonePicker",table:{type:{summary:"[{label: string, value: string(valid IANA time zone)}]"}}}},args:{label:"Date picker label",hint:"Select a date."}},i={},s={args:{isDisabled:!0}},c={args:{isReadOnly:!0}},l={args:{errorMessage:"Select a date"}},m={args:{hint:"Select a date after July 16, 2024",minDate:"2024-07-16"}},p={args:{hint:"Select a date after July 16, 2024",minDate:"2024-07-16T03:00:00.000Z",value:"2024-07-11T03:00:00.000Z"},play:async({canvasElement:n,step:e})=>{await e("expect min date error when value is less than minDate",async()=>{const a=h(n);await b(()=>{D(a.getByText(k("picker.error.mindate"))).toBeInTheDocument()})})}},u={args:{hint:"Select a date before July 19, 2024",maxDate:"2024-07-18"}},d={args:{hint:"Select a date before July 18, 2024",maxDate:"2024-07-18T03:00:00.000Z",value:"2024-07-21T03:00:00.000Z"},play:async({canvasElement:n,step:e})=>{await e("expect max date error when value is less than minDate",async()=>{const a=h(n);await b(()=>{D(a.getByText(k("picker.error.maxdate"))).toBeInTheDocument()})})}},g={args:{value:"2024-07-21T03:00:00.000Z",timeZonePickerLabel:"Time zone picker label",timeZoneOptions:[{label:"New York",value:"America/New_York"},{label:"Johannesburg",value:"Africa/Johannesburg"},{label:"Hong Kong",value:"Asia/Hong_Kong"}]}},y={args:{timeZonePickerLabel:"Time zone picker label",timeZone:"America/New_York",timeZoneOptions:[{label:"LA",value:"America/Los_Angeles"},{label:"New York",value:"America/New_York"},{label:"Johannesburg",value:"Africa/Johannesburg"},{label:"Hong Kong",value:"Asia/Hong_Kong"}]},render:function({...e}){const[a,o]=w.useState("2024-07-11T03:00:00.000Z"),v=w.useMemo(()=>({...e,onCalendarDateChange:({value:t})=>{t&&o(t)},onInputChange:t=>{t&&o(t)},value:a}),[e,a]);return ae.jsx($,{...v})},play:async({canvasElement:n,step:e})=>{await e("select date",async()=>{const a=h(n);await b(async()=>{const v=a.getByLabelText(k("picker.labels.date.choose"));await x.click(v);const t=ne.getByRole("dialog"),ee=h(t).getByText("26");await x.click(ee)});const o=a.getByRole("textbox");D(o.value).toBe("07/26/2024"),await e("Check for a11y errors",async()=>{await b(()=>te("Selecting a date"))})})}};var T,f,Z;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:"{}",...(Z=(f=i.parameters)==null?void 0:f.docs)==null?void 0:Z.source}}};var S,A,B;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    isDisabled: true
-  }
-}`,...(B=(A=s.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var C,O,P;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    isReadOnly: true
-  }
-}`,...(P=(O=c.parameters)==null?void 0:O.docs)==null?void 0:P.source}}};var E,_,M;l.parameters={...l.parameters,docs:{...(E=l.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    errorMessage: "Select a date"
-  }
-}`,...(M=(_=l.parameters)==null?void 0:_.docs)==null?void 0:M.source}}};var J,L,R;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    hint: "Select a date after July 16, 2024",
-    minDate: "2024-07-16"
-  }
-}`,...(R=(L=m.parameters)==null?void 0:L.docs)==null?void 0:R.source}}};var N,H,Y;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    hint: "Select a date after July 16, 2024",
-    minDate: "2024-07-16T03:00:00.000Z",
-    value: "2024-07-11T03:00:00.000Z"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("expect min date error when value is less than minDate", async () => {
-      const canvas = within(canvasElement);
-      await waitFor(() => {
-        expect(canvas.getByText(odysseyTranslate("picker.error.mindate"))).toBeInTheDocument();
-      });
-    });
-  }
-}`,...(Y=(H=p.parameters)==null?void 0:H.docs)==null?void 0:Y.source}}};var I,K,z;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    hint: "Select a date before July 19, 2024",
-    maxDate: "2024-07-18"
-  }
-}`,...(z=(K=u.parameters)==null?void 0:K.docs)==null?void 0:z.source}}};var V,W,F;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    hint: "Select a date before July 18, 2024",
-    maxDate: "2024-07-18T03:00:00.000Z",
-    value: "2024-07-21T03:00:00.000Z"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("expect max date error when value is less than minDate", async () => {
-      const canvas = within(canvasElement);
-      await waitFor(() => {
-        expect(canvas.getByText(odysseyTranslate("picker.error.maxdate"))).toBeInTheDocument();
-      });
-    });
-  }
-}`,...(F=(W=d.parameters)==null?void 0:W.docs)==null?void 0:F.source}}};var j,U,q;g.parameters={...g.parameters,docs:{...(j=g.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    value: "2024-07-21T03:00:00.000Z",
-    timeZonePickerLabel: "Time zone picker label",
-    timeZoneOptions: [{
-      label: "New York",
-      value: "America/New_York"
-    }, {
-      label: "Johannesburg",
-      value: "Africa/Johannesburg"
-    }, {
-      label: "Hong Kong",
-      value: "Asia/Hong_Kong"
-    }]
-  }
-}`,...(q=(U=g.parameters)==null?void 0:U.docs)==null?void 0:q.source}}};var G,Q,X;y.parameters={...y.parameters,docs:{...(G=y.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    timeZonePickerLabel: "Time zone picker label",
-    timeZone: "America/New_York",
-    timeZoneOptions: [{
-      label: "LA",
-      value: "America/Los_Angeles"
-    }, {
-      label: "New York",
-      value: "America/New_York"
-    }, {
-      label: "Johannesburg",
-      value: "Africa/Johannesburg"
-    }, {
-      label: "Hong Kong",
-      value: "Asia/Hong_Kong"
-    }]
-  },
-  render: function C({
-    ...props
-  }) {
-    const [value, setValue] = useState<string>("2024-07-11T03:00:00.000Z");
-    const datePickerProps: DatePickerProps = useMemo(() => ({
-      ...props,
-      onCalendarDateChange: ({
-        value
-      }) => {
-        if (value) {
-          setValue(value);
-        }
-      },
-      onInputChange: value => {
-        if (value) {
-          setValue(value);
-        }
-      },
-      value
-    }), [props, value]);
-    return <DatePicker {...datePickerProps} />;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("select date", async () => {
-      const canvas = within(canvasElement);
-      await waitFor(async () => {
-        const datepickerCalendarOpenButton = canvas.getByLabelText(odysseyTranslate("picker.labels.date.choose"));
-        await userEvent.click(datepickerCalendarOpenButton);
-        const dialog = screen.getByRole("dialog");
-        const dialogCanvas = within(dialog);
-        const dateButton = dialogCanvas.getByText("26");
-        await userEvent.click(dateButton);
-      });
-      const input = canvas.getByRole<HTMLInputElement>("textbox");
-      expect(input.value).toBe("07/26/2024");
-      await step("Check for a11y errors", async () => {
-        await waitFor(() => axeRun("Selecting a date"));
-      });
-    });
-  }
-}`,...(X=(Q=y.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const Ea=["Default","Disabled","ReadOnly","Error","MinDate","MinDateWithError","MaxDate","MaxDateWithError","WithTimeZonePicker","Controlled"];export{y as Controlled,i as Default,s as Disabled,l as Error,u as MaxDate,d as MaxDateWithError,m as MinDate,p as MinDateWithError,c as ReadOnly,g as WithTimeZonePicker,Ea as __namedExportsOrder,Pa as default};

package/dist/assets/DebugMenu-3nsw5Xt7.js

@@ -1 +0,0 @@
-import{r as g,l as f,b as d}from"./iframe-CQjT1fxh.js";import"./preload-helper-Dp1pzeXC.js";const k=e=>{const t=e,n=Object.keys(t).find(o=>o.startsWith("__reactFiber$")||o.startsWith("__reactInternalInstance$"));return n?t[n]:null},u=e=>!e||typeof e=="string"?null:e.displayName?e.displayName:e.name?e.name:e.type?u(e.type):e.render?u(e.render):e._payload&&e._payload._result?u(e._payload._result):e._context&&e._context.displayName?`${e._context.displayName}.Provider`:null,T=e=>{if(!e)return null;const t=u(e.elementType);if(t)return t;const n=u(e.type);return n||null},N=e=>{if(!e)return null;if(e.stateNode instanceof Element)return e.stateNode;const t=[e.child];for(;t.length>0;){const n=t.pop();if(n){if(n.stateNode instanceof Element)return n.stateNode;n.sibling&&t.push(n.sibling),n.child&&t.push(n.child)}}return null},R=({rootFiber:e,targets:t})=>{const n=[],o=[e],s=new Set(t);for(;o.length>0;){const i=o.pop();if(!i)continue;const r=T(i);if(r&&s.has(r)){const l=N(i);l&&n.push({componentName:r,element:l})}i.sibling&&o.push(i.sibling),i.child&&o.push(i.child)}return n},m=e=>{const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT);let o=n.nextNode();for(;o;){const s=o;s.shadowRoot&&(t.push(s.shadowRoot),t.push(...m(s.shadowRoot))),o=n.nextNode()}return t},D=e=>()=>{const t=".MuiScopedCssBaseline-root",n=Array.from(document.querySelectorAll(t)),o=m(document).flatMap(r=>Array.from(r.querySelectorAll(t)));return console.debug("Scanner detected roots:",{light:n,shadow:o}),[...n,...o].flatMap(r=>{const l=k(r);return l?R({rootFiber:l,targets:e}):[]}).filter((r,l,a)=>l===a.findIndex(p=>p.element===r.element))},b=e=>{try{return JSON.parse(e.dataset.odysseyStack||"[]")}catch{return[]}},x=(e,t)=>{t.length===0?delete e.dataset.odysseyStack:e.dataset.odysseyStack=JSON.stringify(t)},S=({color:e,el:t})=>{t.style.outline=`1px solid ${e}`,t.style.outlineOffset="2px"},P=(e,t)=>{const n=e.reduce((o,{componentName:s})=>(o[s]=(o[s]||0)+1,o),{});console.log(`[Scanner: ${t}] Component Counts:`,n)},B=({color:e="red",results:t,scannerId:n})=>{P(t,n),t.forEach(({element:o,componentName:s})=>{const i=o,r=b(i).filter(C=>C.id!==n);r.push({id:n,color:e}),x(i,r),i.dataset.odysseyDebug="true",S({color:e,el:i}),window.getComputedStyle(i).position==="static"&&(i.style.position="relative",i.dataset.odysseyDebugForcedPos="true");const a=document.createElement("div");a.innerText=s,a.className="odyssey-debug-label",a.dataset.scannerId=n,Object.assign(a.style,{borderRadius:"4px",position:"absolute",background:e,color:"white",fontSize:"10px",padding:"2px 6px",zIndex:"10000",pointerEvents:"none",fontWeight:"bold",whiteSpace:"nowrap",boxShadow:"0 2px 4px rgba(0,0,0,0.2)"}),i.appendChild(a);const p=i.getBoundingClientRect(),h=22,w=100;p.top<h?a.style.top="0px":a.style.top=`-${h}px`,window.innerWidth-p.right<w?a.style.right="0px":a.style.right="-2px"})},L=({results:e,scannerId:t})=>{e.forEach(({element:n})=>{const o=n,s=b(o).filter(r=>r.id!==t);x(o,s);const i=o.querySelector(`:scope > .odyssey-debug-label[data-scanner-id="${t}"]`);if(i&&i.remove(),s.length===0)o.style.outline="",o.style.outlineOffset="",o.dataset.odysseyDebugForcedPos&&(o.style.position="",delete o.dataset.odysseyDebugForcedPos),delete o.dataset.odysseyDebug;else{const{color:r}=s[s.length-1];S({color:r,el:o})}})},y={button:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"8px 12px",marginBottom:"8px",cursor:"pointer",backgroundColor:"#333",border:"1px solid #444",borderLeft:"4px solid #444",borderRadius:"4px",color:"#eee",fontSize:"12px",transition:"all 0.2s",height:"40px"},countBadge:{backgroundColor:"rgba(0,0,0,0.4)",padding:"2px 6px",borderRadius:"10px",fontSize:"10px",marginLeft:"8px"}},v=({color:e,label:t,scanner:n,scannerId:o})=>{const[s,i]=g.useState(null);g.useEffect(()=>(s&&s.length>0&&B({color:e,results:s,scannerId:o}),()=>{s&&s.length>0&&L({results:s,scannerId:o})}),[s,e,o]);const r=g.useCallback(()=>{if(s!==null)i(null);else{const a=n();i(a)}},[s,n]),l=s!==null;return f("button",{"aria-pressed":l,onClick:r,style:{...y.button,...l&&{borderLeft:`4px solid ${e}`,color:"white"}},type:"button",children:[d("span",{children:t}),s&&d("span",{style:y.countBadge,children:s.length})]})},F=["Accordion","AppTile","Autocomplete","Badge","Banner","Box","BreadcrumbList","BulkActionsMenu","Button","Callout","Card","CardLayoutContent","Checkbox","CheckboxGroup","CircularProgress","ComposablePicker","DataCard","DataFilters","DataTable","DataTablePagination","DataView","DateField","DatePicker","DateTimeField","DateTimePicker","DetailPanel","Dialog","DocumentationLink","Drawer","EmptyState","ErrorMessageList","Field","FieldError","FieldHint","FieldLabel","FieldSet","FileUploader","FilterTags","Form","Heading1","Heading2","Heading3","Heading4","Heading5","Heading6","HintLink","IconWithTooltip","InnerAppContainer","Layout","LayoutSwitcher","Legend","Link","MemoizedSearchDropdown","MenuButton","MenuItem","NarrowUIShellContent","NativeSelect","NavAccordion","Overline","PageTemplate","PaginatedTable","Pagination","Paragraph","PasswordField","Picker","PickerVirtualizationListBox","PickerWithOptionAdornment","Radio","RadioGroup","RowActions","RowDataCard","ScreenReaderText","SearchField","Select","SideNavItemLinkContent","Stack","StaticTable","Status","Subordinate","Support","Surface","Switch","SwitchLabel","TableSettings","Tabs","Tag","TagList","TextField","Toast","ToastStack","Tooltip","TopNav","TopNavLinksList","TopNavListItem","Typography","UIShell","UserProfile","UserProfileMenuButton","WideUIShellContent"],c={container:{position:"fixed",bottom:"20px",insetInlineEnd:"20px",backgroundColor:"#1a1a1a",color:"#fff",padding:"16px",borderRadius:"8px",zIndex:99999,boxShadow:"0 4px 12px rgba(0,0,0,0.5)",minWidth:"240px",maxHeight:"80vh",overflowY:"auto",fontFamily:"Noto Sans, sans-serif"},header:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"12px",borderBottom:"1px solid #333",paddingBottom:"8px"},title:{color:"#fff",margin:0,fontSize:"14px",fontWeight:600},closeBtn:{background:"transparent",border:"none",color:"#888",cursor:"pointer",fontSize:"16px",padding:"0 4px"},footer:{fontSize:"10px",color:"#666",marginTop:"8px",textAlign:"center"}},O=({onClose:e})=>f("div",{style:c.container,children:[f("div",{style:c.header,children:[d("h3",{style:c.title,children:"Odyssey Debugger"}),d("button",{"aria-label":"Close debug menu",onClick:e,style:c.closeBtn,children:"×"})]}),d(v,{color:"#ec008c",label:"Odyssey",scanner:D(F),scannerId:"odyssey"}),d("div",{style:c.footer,children:"Scanners run independently"})]});export{O as DebugMenu};

package/dist/assets/Design Tokens-OxRvZCcK.js

@@ -1,4 +0,0 @@
-import{r as m,j as t}from"./iframe-CQjT1fxh.js";import{useMDXComponents as c}from"./index-D5BUEpVX.js";import{M as g}from"./blocks-D521Uej3.js";import{o as l}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as b}from"./DataView-BS0E464o.js";import{M as p}from"./Typography-CjpHjc10.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./MenuButton-BffESdH9.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./Menu-DB2s3Jn0.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./List-D0N4Xybp.js";import"./Callout-WJN7MCgu.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./Typography-Jr4Brrb5.js";import"./ExternalLink-3_gWbh_U.js";import"./AlertTitle-UQV7DT5q.js";import"./useSlot-BMAKysxJ.js";import"./createSvgIcon-CaWcxZng.js";import"./Close-CELHOmN_.js";import"./IconButton-BPR_sq0F.js";import"./useScrollIndication-BGw7dgC5.js";import"./Button-0PI4ljbj.js";import"./ArrowRight-C5USrGY5.js";import"./InputBase-BYnzr12H.js";import"./FormHelperText-CVc1kPQJ.js";import"./ListItem-BNz1zv6N.js";import"./FormLabel-CWWbs_c2.js";import"./EmptyState-B1EvR4rn.js";import"./DataFilters-4og6bOFS.js";import"./Autocomplete-BwSwXNq_.js";import"./useAutocomplete-DG_kuhWb.js";import"./index.esm-Dvk_qjX0.js";import"./Field-CqIOaZfg.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./Autocomplete-BajR4gNT.js";import"./ArrowDropDown-BbLKA4fg.js";import"./Chip-BgPaZbUf.js";import"./ListSubheader-Dwx7m0BA.js";import"./Checkbox-3Yu84dfy.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./CheckboxGroup-Bris2fCF.js";import"./FormGroup-D8ZDwdpx.js";import"./Radio-BlxlCYZY.js";import"./Radio-C5-GzJtb.js";import"./RadioGroup-sL620ofZ.js";import"./RadioGroup-BcwUBGJo.js";import"./SearchField-DmDpB-Sd.js";import"./InputAdornment-Clfg5IS6.js";import"./Search-0744_rm_.js";import"./Tag-CYK8pNzu.js";import"./TagList-CunLkaIS.js";import"./TextField-DF5R_omM.js";import"./Filter-XcwxIcdg.js";import"./MenuItem-CpMFWgaz.js";import"./ChevronRight-QYu5EQHS.js";import"./CircularProgress-B7sj16Me.js";import"./CircularProgress-D6L1y9kt.js";import"./Card-CYHxgfcj.js";import"./Skeleton-DxFSebyW.js";import"./colorManipulator-BYcVMQmD.js";import"./CardActions-AjPk7ICQ.js";import"./CardActionArea-CjEHgWqq.js";import"./ChevronUp-D226bAv0.js";import"./MenuItem-Cmq8TfUJ.js";import"./List-CZ2bN2bA.js";import"./constants-CGUp4oSR.js";import"./index.esm-Bohtd3OQ.js";import"./DialogContent-C6DlqjnA.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./DialogTitle-B_QxN4PO.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./useThemeProps-Bc2iWdri.js";import"./Collapse-DULszxZp.js";import"./LinearProgress-Z53mwHnp.js";import"./Divider-C7lvc1xB.js";import"./tableSortLabelClasses-i_d6KGQQ.js";import"./DateTimePicker-ByepBMwy.js";import"./Tabs-BPWnyCAU.js";import"./DatePicker-vZfA4IWy.js";import"./Show-C6ORd-wr.js";const x=({token:e})=>t.jsx("span",{style:{borderColor:"#d7d7dc",borderRadius:`${e.name.includes("BorderRadius")?e.value:""}`,borderStyle:e.name.includes("BorderStyle")?e.value:"solid",borderWidth:e.name.includes("BorderWidth")?e.value:"1px",display:"inline-block",height:"1.25em",verticalAlign:"middle",width:"1.25em"}}),f=({token:e})=>t.jsx("span",{style:{display:"inline-block",height:"1.25em",outlineColor:"#d7d7dc",outlineStyle:e.name.includes("OutlineStyle")?e.value:"solid",outlineWidth:e.name.includes("OutlineWidth")?e.value:"1px",verticalAlign:"middle",width:"1.25em"}}),v=({token:e})=>t.jsx("span",{style:{width:"1em",height:"1em",display:"inline-block",backgroundColor:`${e.value}`,borderStyle:"solid",borderColor:`${e.value==="#ffffff"?"#d7d7dc":"transparent"}`,borderRadius:"4px",verticalAlign:"middle"}}),j=({token:e})=>t.jsx("span",{style:{width:"1em",height:"1em",display:"inline-block",backgroundColor:`#000000${e.value}`,borderStyle:"solid",borderColor:"#000000",borderRadius:"4px",verticalAlign:"middle"}}),C=({token:e})=>t.jsx("span",{style:{color:`${e.value}`,display:"inline-block",paddingInline:"4px",backgroundColor:`${e.value==="#ffffff"?"#000":""}`},children:"Aa"}),T=({token:e})=>t.jsx("span",{style:{width:`${e.value}`,height:`${e.value}`,display:"inline-block",backgroundColor:"#f88c90"}}),S=/Typography(Size|Scale)/,$=({token:e})=>t.jsx("span",{style:{backgroundColor:`${e.name.includes("LineHeight")?"#ebebed":""}`,display:`${e.name.includes("LineHeight")?"inline-block":""}`,fontFamily:`${e.name.includes("TypographyFamily")?e.value:""}`,fontSize:`${S.test(e.name)?e.value:""}`,fontWeight:`${e.name.includes("TypographyWeight")?e.value:""}`,lineHeight:`${e.name.includes("LineHeight")?e.value:""}`,maxWidth:`${e.name.includes("LineLength")?e.value:""}`},children:"Waltz, bad nymph, for quick jigs vex!"}),w=({token:e})=>t.jsx("span",{style:{width:"1.25em",height:"1.25em",display:"inline-block",boxShadow:`0 0 0 ${e.value} #a7b5ec`}}),M=({token:e})=>t.jsx("span",{style:{width:"1.5em",height:"1.5em",display:"inline-block",boxShadow:`${e.value}`}}),R=({token:e})=>{const i=m.useMemo(()=>({background:"black",display:"inline-block",height:"1.5em",opacity:1,transitionDuration:`${e.name.includes("Duration")?e.value:"500ms"}`,transitionProperty:"all",transitionTimingFunction:`${e.name.includes("Timing")?e.value:"ease-in-out"}`,width:"1.5em"}),[e]),[r,o]=m.useState(i),n=m.useCallback(()=>{o(a=>({...a,opacity:.1}))},[]),s=m.useCallback(()=>{o(a=>({...a,opacity:i.opacity}))},[i]);return t.jsx("span",{onMouseEnter:n,onMouseLeave:s,style:r})},u=Object.entries(l).map(([e,i])=>({name:e,value:i})).reduce((e,{name:i,value:r})=>{const o=i.match(/[A-Z][a-z]+/g);if(!o)return e;const n=o[0]==="Color"||o[0]==="Hue"||o[0]==="Palette"?`${o[1]} ${o[0]}s`:o[0],s=e.find(({name:a})=>a===n)||{name:n,values:[]};return e.filter(({name:a})=>a!==n).concat({...s,values:s.values.concat({name:i,tableName:n,value:r}).sort((a,y)=>a.name.localeCompare(y.name,"en",{numeric:!0,sensitivity:"base"}))})},[]);function D(e,i){var o;return!e.includes("Colors")||e==="Palette Colors"?i:(((o=u.find(({name:n})=>n==="Palette Colors"))==null?void 0:o.values.find(({value:n})=>n===i))??{name:""}).name}const V=[{accessorKey:"name",Cell:({cell:e})=>t.jsx(p,{children:e.getValue()}),header:"Token Name"},{accessorKey:"example",Cell:({cell:e})=>{const i=e.row.getValue("name"),r=l[i],o=m.useMemo(()=>({name:i,value:r}),[i,r]);return i.includes("PaletteAlpha")?t.jsx(j,{token:o}):i.includes("TypographyColor")?t.jsx(C,{token:o}):i.includes("Color")||i.includes("Hue")||i.includes("Palette")?t.jsx(v,{token:o}):i.includes("Border")?t.jsx(x,{token:o}):i.includes("Outline")?t.jsx(f,{token:o}):i.includes("Spacing")?t.jsx(T,{token:o}):i.includes("Typography")?t.jsx($,{token:o}):i.includes("Focus")?t.jsx(w,{token:o}):i.includes("Shadow")?t.jsx(M,{token:o}):i.includes("Transition")?t.jsx(R,{token:o}):null},header:"Example"},{accessorKey:"tableName",header:"Table Name"},{accessorKey:"value",Cell:({cell:e})=>{const i=e.row.getValue("tableName"),r=e.row.getValue("name"),o=l[r];return t.jsx(p,{children:D(i,o)})},header:"Value"}],A=["table"],L={columns:V,hasSorting:!1},z=()=>m.useMemo(()=>u.map(({name:i,values:r})=>({getData:()=>r,name:i})),[]).map(({getData:i,name:r})=>t.jsx(b,{availableLayouts:A,getData:i,tableLayoutOptions:L},r)),h=m.memo(z);h.displayName="TokenTables";function d(e){const i={h1:"h1",p:"p",...c(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),`
-`,t.jsx(i.h1,{id:"design-tokens",children:"Design Tokens"}),`
-`,t.jsx(i.p,{children:"Design Tokens abstract Base elements into names that are commonly understood. They are then used together to build components."}),`
-`,t.jsx(h,{})]})}function Qi(e={}){const{wrapper:i}={...c(),...e.components};return i?t.jsx(i,{...e,children:t.jsx(d,{...e})}):d(e)}export{Qi as default};

package/dist/assets/Dialog-DiU8nQnH.js

@@ -1 +0,0 @@
-import{r as a,j as t}from"./iframe-CQjT1fxh.js";import{M as k}from"./Button-0PI4ljbj.js";import{M as P}from"./FullScreenOverlay-GJH3R5s4.js";import{a as z}from"./OdysseyThemeProvider-BA0_xP7N.js";import{u as y}from"./useUniqueId-DG6rB8dI.js";import{M as A,N as E,b as N,_ as U,c as w,a as h,d as B,f as _,r as q}from"./tableRowClasses-Bk1uFtwh.js";import{T as L}from"./Typography-Jr4Brrb5.js";import{a as H,b as W,c as $}from"./DialogContent-C6DlqjnA.js";import{D as G}from"./DialogTitle-B_QxN4PO.js";import{d as J}from"./WarningFilled-DOHs-JmZ.js";function K(o){return A("MuiDialogContentText",o)}E("MuiDialogContentText",["root"]);const Q=["children","className"],V=o=>{const{classes:s}=o,n=_({root:["root"]},K,s);return h({},s,n)},X=w(L,{shouldForwardProp:o=>q(o)||o==="classes",name:"MuiDialogContentText",slot:"Root",overridesResolver:(o,s)=>s.root})({}),Y=a.forwardRef(function(s,r){const n=N({props:s,name:"MuiDialogContentText"}),{className:m}=n,i=U(n,Q),l=V(i);return t.jsx(X,h({component:"p",variant:"body1",color:"text.secondary",ref:r,ownerState:i,className:B(l.root,m)},n,{classes:l}))}),Z=({primaryCallToActionComponent:o,secondaryCallToActionComponent:s,tertiaryCallToActionComponent:r,callToActionFirstComponent:n,callToActionSecondComponent:m,callToActionLastComponent:i,children:l,isOpen:d,onClose:u,testId:T,title:b,translate:j,variant:f="default"})=>{const{t:M}=z(),[g,I]=a.useState(!1),x=a.useRef(null),v=y(),C=y();a.useEffect(()=>{let e;const c=()=>{const p=x.current;p&&(cancelAnimationFrame(e),I(p.scrollHeight>p.clientHeight)),e=requestAnimationFrame(c)};return d&&(e=requestAnimationFrame(c)),()=>{cancelAnimationFrame(e)}},[d]);const F=typeof l=="string"?t.jsx(Y,{children:l}):l,D=[r||i,s||m,o||n].filter(Boolean),R=a.useCallback(e=>u(e,"closeButtonClick"),[u]),S=a.useMemo(()=>({backdrop:{variant:f}}),[f]);return t.jsx(P,{overlayType:"dialog",children:t.jsxs(H,{"aria-labelledby":C,"data-se":T,onClose:u,open:d,slotProps:S,children:[t.jsxs(G,{id:v,translate:j,children:[t.jsx("span",{id:C,children:b}),t.jsx(k,{ariaLabel:M("close.text"),onClick:R,size:"small",startIcon:t.jsx(J,{}),variant:"floating"})]}),t.jsx(W,{...g&&{tabIndex:0},dividers:g,ref:x,children:F}),D.length>0&&t.jsx($,{children:D.map((e,c)=>e?a.cloneElement(e,{key:c}):null)})]})})},O=a.memo(Z);O.displayName="Dialog";export{Y as D,O as M};