@okta/odyssey-react-mui 1.55.0 → 1.56.0

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

@@ -1,95 +0,0 @@
-import{r as u,j as e}from"./iframe-Cav9rlxr.js";import{c as A,o as V}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as $}from"./Button-BX9EXxBV.js";import{M as f}from"./OdysseyProvider-n2ocdJ7D.js";import{M as b}from"./TextField-eTiyghxK.js";import{M as Q}from"./RadioGroup-DDMlZ9Ib.js";import{M as v}from"./Radio-DRPDZwez.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-DYosAqvx.js";import{P as te}from"./Paper-DIvrMKVz.js";import{M as se}from"./MenuList-BTp-5mcb.js";import{M as S}from"./MenuItem-C_SjZMbY.js";import{a as ne}from"./List-BcXvgzsa.js";import{T as m}from"./Typography-D4Laguzq.js";import"./preload-helper-Dp1pzeXC.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Field-4cI0KUzC.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./Typography-B8ZKtxRi.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./InputBase-Bm1MB3pl.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CeCSVIa-.js";import"./RadioGroup-BxX8JmFv.js";import"./Radio-BI2zWqqk.js";import"./SwitchBase-fGL3z_gG.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-BhjYepGC.js";import"./Hint-BaHNFCSW.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./MenuContext-BkYpsFtp.js";import"./MenuItem-Cu1R78Nk.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]}))}),fr={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 Or=["ButtonStory","TextFieldStory","RadioGroupStory","CustomComponentStory"];export{p as ButtonStory,y as CustomComponentStory,l as RadioGroupStory,c as TextFieldStory,Or as __namedExportsOrder,fr as default};

package/dist/assets/DataFilters-Cf-ESeWE.js

@@ -1,55 +0,0 @@
-import{j as e}from"./iframe-Cav9rlxr.js";import{useMDXComponents as s}from"./index-BQ9nbbSk.js";import{M as c,T as a,S as l,D as d,P as h,a as p,C as n}from"./blocks-BI5YpTSd.js";import{D as t,N as m,J as x,S as j,A as f}from"./DataFilters.stories-BEQSD0AZ.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./DataFilters-D5ALxX9D.js";import"./Autocomplete-CcFQPuHI.js";import"./useAutocomplete-f6aTM-6O.js";import"./index.esm-CsYcjPN9.js";import"./ButtonBase-CYIo9Kvv.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./Field-4cI0KUzC.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./isHostComponent-DVu5iVWx.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./InputBase-Bm1MB3pl.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-DxRs9Djj.js";import"./ArrowDropDown-CMSB1a5F.js";import"./createSvgIcon-CoE7vjSC.js";import"./Close-cbwEd5Sp.js";import"./Paper-DIvrMKVz.js";import"./Popper-B9cGJ5Ql.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./useControlled-4m9Fbl4Y.js";import"./Chip-bDORJbkM.js";import"./IconButton-BJHIZjwd.js";import"./ListSubheader-CB8GDLQK.js";import"./Button-BX9EXxBV.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./Button-AqSkJ6Nd.js";import"./Checkbox-_fXckuhm.js";import"./Hint-BaHNFCSW.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Checkbox-RASNl40G.js";import"./SwitchBase-fGL3z_gG.js";import"./CheckboxGroup-zMSuzeZ6.js";import"./FormGroup-BhjYepGC.js";import"./Radio-DRPDZwez.js";import"./Radio-BI2zWqqk.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-DDMlZ9Ib.js";import"./RadioGroup-BxX8JmFv.js";import"./SearchField-CyY1AHVm.js";import"./InputAdornment-CeCSVIa-.js";import"./Search-C3XUnqCP.js";import"./Tag-Cam_AAJc.js";import"./TagList-BgRJrZj8.js";import"./TextField-eTiyghxK.js";import"./Filter-ColuOFTn.js";import"./Menu-BCZiiIwc.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./Fade-5EaFioT-.js";import"./MenuList-BTp-5mcb.js";import"./MenuItem-Cu1R78Nk.js";import"./ChevronRight--b1mmNks.js";import"./Bug-DbpZDqwO.js";import"./Settings-DoysZs_u.js";function o(r){const i={code:"code",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...s(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(c,{of:t}),`
-`,e.jsx(a,{of:t}),`
-`,e.jsx(l,{of:t}),`
-`,e.jsx(d,{of:t}),`
-`,e.jsx(h,{of:t}),`
-`,e.jsx(p,{}),`
-`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataFilters"})," were created as part of ",e.jsx(i.code,{children:"DataTable"}),` but have been decoupled so we can use this pattern
-anywhere that filters are necessary.`]}),`
-`,e.jsx(i.p,{children:`It features a unified UI for filters and search, and provides callbacks so consumers can bring their own
-logic.`}),`
-`,e.jsx(i.p,{children:`When filters are set, they are displayed as chips underneath the filter/search row, and can be cleared via
-a "Clear all" button.`}),`
-`,e.jsx(i.h2,{id:"filters",children:"Filters"}),`
-`,e.jsxs(i.p,{children:["Exposing the Filters UI requires two props to be set: ",e.jsx(i.code,{children:"filters"})," and ",e.jsx(i.code,{children:"onChangeFilters"}),"."]}),`
-`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"filters"})," should be an array of ",e.jsx(i.code,{children:"DataFilter"})," objects, defined as such:"]}),`
-`,e.jsx(i.pre,{children:e.jsx(i.code,{className:"language-tsx",children:`type DataFilter = {
-  id: string;
-  label: string;
-  variant?: (typeof dataFilterVariantValues)[number];
-  value?: string | string[] | undefined;
-  options?: Array<{ label: string; value: string }>;
-};
-`})}),`
-`,e.jsxs(i.p,{children:["A ",e.jsx(i.code,{children:"DataFilter"})," is of type ",e.jsx(i.code,{children:"text"})," by default, but can be set to any of the following:"]}),`
-`,e.jsxs(i.ul,{children:[`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"autocomplete"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"checkbox"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"date"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"date-range"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"multi-select"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"range"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"range-slider"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"select"})}),`
-`,e.jsx(i.li,{children:e.jsx(i.code,{children:"text"})}),`
-`]}),`
-`,e.jsxs(i.p,{children:[`The filtering UI for each of these adapts to the variant, though currently only a few variants have
-their own UI: `,e.jsx(i.code,{children:"text"}),", ",e.jsx(i.code,{children:"checkbox"}),", ",e.jsx(i.code,{children:"multi-select"}),", and ",e.jsx(i.code,{children:"select"}),`. Any other variant will have a missing input
-for now.`]}),`
-`,e.jsxs(i.p,{children:["A typical usage of ",e.jsx(i.code,{children:"onChangeFilters"}),` would be to set the parent component's state to the return value,
-or perform an effect whenever the return value changes. In the case of `,e.jsx(i.code,{children:"DataTable"}),", it fires the ",e.jsx(i.code,{children:"fetchDataFn"}),` whenever
-the filters change.`]}),`
-`,e.jsx(n,{of:m}),`
-`,e.jsx(i.h2,{id:"search",children:"Search"}),`
-`,e.jsxs(i.p,{children:["The filtering UI is only visible if ",e.jsx(i.code,{children:"filters"})," is defined. If ",e.jsx(i.code,{children:"filters"})," is undefined and ",e.jsx(i.code,{children:"onChangeSearch"}),` is defined,
-the search UI will be displayed without accompanying filters.`]}),`
-`,e.jsxs(i.p,{children:["By default, ",e.jsx(i.code,{children:"onChangeSearch"}),` fires whenever the user changes the input value, debounced by 200ms. You can change the debounce
-by setting a different number of milliseconds in `,e.jsx(i.code,{children:"searchDelay"}),". Or, you can force ",e.jsx(i.code,{children:"onChangeSearch"}),` to only fire on submit by setting
-`,e.jsx(i.code,{children:"searchOnSubmit"})," to ",e.jsx(i.code,{children:"true"}),"."]}),`
-`,e.jsx(n,{of:x}),`
-`,e.jsx(n,{of:j}),`
-`,e.jsx(i.h2,{id:"additional-actions",children:"Additional actions"}),`
-`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataFilters"})," provides a slot for additional actions by passing a ",e.jsx(i.code,{children:"ReactNode"})," into ",e.jsx(i.code,{children:"additionalActions"}),`. This is intended exclusively for
-`,e.jsx(i.code,{children:"<Button>"})," and ",e.jsx(i.code,{children:"<MenuButton>"})," components, which will be displayed in the same row as the filters and serach, but aligned right."]}),`
-`,e.jsxs(i.p,{children:[e.jsx(i.code,{children:"DataTable"})," uses this to expose density and column visibility controls."]}),`
-`,e.jsx(n,{of:f})]})}function ii(r={}){const{wrapper:i}={...s(),...r.components};return i?e.jsx(i,{...r,children:e.jsx(o,{...r})}):o(r)}export{ii as default};

package/dist/assets/DataFilters-D5ALxX9D.js

@@ -1 +0,0 @@
-import{s as G}from"./tableRowClasses-DYosAqvx.js";import{r as l,j as a}from"./iframe-Cav9rlxr.js";import{M as ne}from"./Autocomplete-CcFQPuHI.js";import{M as m}from"./Box-B-6W36qW.js";import{M as v}from"./Button-BX9EXxBV.js";import{M as te}from"./Checkbox-_fXckuhm.js";import{M as le}from"./CheckboxGroup-zMSuzeZ6.js";import{M as B}from"./Radio-DRPDZwez.js";import{M as ie}from"./RadioGroup-DDMlZ9Ib.js";import{a as oe,u as de,T as N}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as ue}from"./SearchField-CyY1AHVm.js";import{M as ce}from"./Tag-Cam_AAJc.js";import{M as re}from"./TagList-BgRJrZj8.js";import{M as me}from"./TextField-eTiyghxK.js";import{c as pe}from"./Typography-B8ZKtxRi.js";import{M as xe}from"./Filter-ColuOFTn.js";import{M as fe,P as be}from"./Menu-BCZiiIwc.js";import{M as he}from"./MenuItem-Cu1R78Nk.js";import{T as je}from"./Typography-D4Laguzq.js";import{M as ge}from"./ChevronRight--b1mmNks.js";import{I as ye}from"./IconButton-BJHIZjwd.js";import{a as _,b as Me}from"./WarningFilled-DJX60tUO.js";const ve=G("div",{shouldForwardProp:u=>u!=="odysseyDesignTokens"})(({odysseyDesignTokens:u})=>({display:"flex",alignItems:"flex-end",gap:u.Spacing2})),Ie=G("div")({width:"100%"}),ke=({activeFilters:u,updateFilterAndInputValues:f})=>{const b=u.filter(t=>t.value),h=[];b.forEach(t=>{Array.isArray(t.value)&&t.value.forEach(d=>{const c=typeof d=="string"?d:d.label,x=typeof d=="string"?d:d.value;h.push({filterId:t.id,filterLabel:t.label,optionLabel:c,optionValue:x})}),typeof t.value=="string"&&h.push({filterId:t.id,filterLabel:t.label,optionLabel:t.value,optionValue:t.value})});const z=t=>b.find(d=>d.id===t),E=(t,d)=>{const c=z(t);if(c){const{value:x}=c;if(Array.isArray(x)){const p=x.filter(F=>F.value!==d);f({filterId:t,value:p.length>0?p:void 0})}typeof x=="string"&&f({filterId:t,value:void 0})}};return a.jsx(re,{children:h.map(t=>a.jsx(ce,{label:`${t.filterLabel}: ${t.optionLabel}`,onRemove:()=>E(t.filterId,t.optionValue)},`${t.filterLabel}: ${t.optionValue}`))})},K=l.memo(ke);K.displayName="FilterTags";const Ae=({onChangeSearch:u,onChangeFilters:f,hasSearchSubmitButton:b=!1,searchDelayTime:h=200,defaultSearchTerm:z="",additionalActions:E,filters:t=[],isDisabled:d})=>{const[c,x]=l.useState(t),{t:p}=oe(),F=de(),X=l.useMemo(()=>t.reduce((s,n)=>(s[n.id]=n.value,s),{}),[t]),[i,j]=l.useState(X),[g,D]=l.useState(z),L=l.useMemo(()=>c.filter(s=>s.value),[c]),[I,k]=l.useState(!1),[C,Y]=l.useState(),[y,R]=l.useState(!1),[q,H]=l.useState(),[e,U]=l.useState(),w=l.useRef();l.useEffect(()=>{f==null||f(c)},[c,f]);const O=l.useRef(void 0);l.useEffect(()=>{b||(O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{u==null||u(g??"")},h))},[u,g,h,b]);const J=l.useMemo(()=>(e==null?void 0:e.options)||[],[e]),A=l.useCallback(({filterId:s,value:n})=>{j({...i,[s]:n})},[i]),T=l.useCallback(({filterId:s,value:n})=>{j(o=>({...o,[s]:n}));const r=t.map(o=>({...o,value:o.id===s?n:i[o.id]}));x(r)},[i,t]),W=l.useCallback(({filterId:s,value:n})=>{A({filterId:s,value:n}),T({filterId:s,value:n})},[T,A]),Q=l.useCallback((s,n,r)=>{const o=i[s]||[],V=r?[...o,n]:o.filter(M=>M.value!==n.value),$=V.length>0?V:void 0;j({...i,[s]:$});const ae=c.map(M=>({...M,value:M.id===s?$:i[M.id]}));x(ae)},[c,i]),Z=l.useCallback((s,n)=>{j({...i,[s]:n})},[i]),P=l.useCallback(()=>{const s=t.reduce((r,o)=>(r[o.id]=void 0,r),{});j(s);const n=t.map(r=>({...r,value:void 0}));x(n)},[t]),S=l.useCallback(()=>{const s=t.map(n=>({...n,value:i[n.id]}));x(s)},[i,t]),ee=l.useMemo(()=>a.jsxs(a.Fragment,{children:[a.jsx(m,{children:a.jsx(v,{ariaControls:I?"filters-menu":void 0,ariaExpanded:I?"true":void 0,ariaHasPopup:"true",ariaLabel:p("filters.filters.arialabel"),endIcon:a.jsx(xe,{}),isDisabled:d,onClick:s=>{Y(s.currentTarget),k(!0)},variant:"secondary"})}),a.jsx(fe,{anchorEl:C,anchorOrigin:{horizontal:"left",vertical:"bottom"},id:"filters-menu",onClose:()=>k(!1),open:I,PaperProps:{ref:w},transformOrigin:{horizontal:"left",vertical:"top"},children:t.map(s=>{var r;const n=(r=c.find(o=>o.id===s.id))==null?void 0:r.value;return a.jsx(he,{"aria-controls":y?"filter-form":void 0,className:e===s&&y===!0?"isVisiblySelected":void 0,onClick:o=>{R(!0),H(o.currentTarget),U(s)},selected:e===s&&y===!0,children:a.jsxs(m,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minWidth:180,paddingBlock:1,paddingInlineStart:2},children:[a.jsxs(m,{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,d,e,y,C,t,c,p]),se=l.useMemo(()=>e!=null&&e.id?i[e.id]:void 0,[e,i]);return a.jsxs(m,{children:[a.jsxs(m,{sx:{display:"flex",justifyContent:"space-between"},children:[a.jsxs(m,{sx:{display:"flex",gap:2,width:"50%",maxWidth:480},children:[c.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(w.current){const n=w.current.getBoundingClientRect();s.clientX>=n.left&&s.clientX<=n.right&&s.clientY>=n.top&&s.clientY<=n.bottom||k(!1)}S(),R(!1)},open:y,sx:{marginLeft:2,marginTop:-1},children:a.jsx(m,{sx:{padding:4,minWidth:320},children:a.jsx("form",{noValidate:!0,onSubmit:s=>{s.preventDefault(),S(),R(!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:p("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(m,{sx:{display:"flex",gap:2,alignItems:"flex-end"},children:[a.jsx(m,{sx:{width:"100%"},children:a.jsx(me,{endAdornment:i[e.id]&&a.jsx(ye,{"aria-label":p("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:p("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(le,{isRequired:!0,label:e.label,children:e.options.map(s=>{const r=(i[e.id]||[]).some(o=>o.value===s.value);return a.jsx(te,{isChecked:r,label:s.label,onChange:(o,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:p("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))})]})]})})})})]}),u&&a.jsx("form",{onSubmit:s=>{s.preventDefault(),b&&u(g)},style:{width:"100%"},children:a.jsxs(m,{sx:{display:"flex",gap:2,width:"100%"},children:[a.jsx(ue,{isDisabled:d,label:p("filters.search.label"),onChange:s=>D(s.target.value),onClear:()=>{D(""),u("")},placeholder:p("filters.search.label"),value:g}),b&&a.jsx(m,{children:a.jsx(v,{isDisabled:d,label:p("filters.search.label"),onClick:()=>u(g),variant:"primary"})})]})})]}),a.jsxs(m,{sx:{display:"flex",gap:2},children:[L.length>0&&a.jsx(m,{children:a.jsx(v,{label:p("filters.clear.label"),onClick:P,variant:"secondary"})}),E]})]}),L.length>0&&a.jsx(m,{sx:{borderTopWidth:1,borderTopColor:"#eeeeee",borderTopStyle:"solid",paddingTop:4,marginTop:4},children:a.jsx(K,{activeFilters:L,updateFilterAndInputValues:W})})]})},Te=l.memo(Ae);Te.displayName="DataFilters";export{Te as M};

package/dist/assets/DataFilters.stories-BEQSD0AZ.js

@@ -1,31 +0,0 @@
-import{j as o}from"./iframe-Cav9rlxr.js";import{O as A}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as B}from"./DataFilters-D5ALxX9D.js";import{M}from"./Box-B-6W36qW.js";import{M as l}from"./Button-BX9EXxBV.js";import{M as _}from"./Bug-DbpZDqwO.js";import{M as D}from"./Settings-DoysZs_u.js";const{fn:F}=__STORYBOOK_MODULE_TEST__,j={component:B,decorators:[A],argTypes:{onChangeSearch:{description:"",table:{type:{summary:"(value: string) => void"}}},onChangeFilters:{description:"",table:{type:{summary:"(filters: Array<DataFilter>) => void"}}},hasSearchSubmitButton:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},searchDelayTime:{control:"number",description:"",table:{type:{summary:"number"}}},defaultSearchTerm:{control:"text",description:"",table:{type:{summary:"string"}}},additionalActions:{description:"",table:{type:{summary:"ReactNode"}}},filters:{description:"",table:{type:{summary:"Array<DataFilter>"}}}},args:{onChangeFilters:F()},tags:["labs-export"]},i=[{id:"text-filter",label:"Text filter",variant:"text"},{id:"autocomplete-filter",label:"Autocomplete filter",variant:"autocomplete",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]},{id:"number-filter",label:"Number filter",variant:"range"},{id:"checkbox-filter",label:"Checkbox filter",variant:"multi-select",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]},{id:"radio-filter",label:"Radio filter",variant:"select",options:[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}]}],a={args:{filters:i,onChangeSearch:e=>console.log(e)}},t={args:{filters:i,onChangeSearch:void 0}},r={args:{filters:[],onChangeSearch:e=>console.log(e)}},n={args:{filters:[],hasSearchSubmitButton:!0,onChangeSearch:e=>console.log(e)}},s={args:{filters:i,onChangeSearch:e=>console.log(e),additionalActions:o.jsxs(M,{children:[o.jsx(l,{endIcon:o.jsx(_,{}),label:"Another button",variant:"secondary"}),o.jsx(l,{ariaLabel:"Settings",endIcon:o.jsx(D,{}),variant:"secondary"})]})}};var c,m,u;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
-  args: {
-    filters: demoFilters,
-    onChangeSearch: value => console.log(value)
-  }
-}`,...(u=(m=a.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var p,d,g;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    filters: demoFilters,
-    onChangeSearch: undefined
-  }
-}`,...(g=(d=t.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var b,h,S;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    filters: [],
-    onChangeSearch: value => console.log(value)
-  }
-}`,...(S=(h=r.parameters)==null?void 0:h.docs)==null?void 0:S.source}}};var f,v,y;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    filters: [],
-    hasSearchSubmitButton: true,
-    onChangeSearch: value => console.log(value)
-  }
-}`,...(y=(v=n.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var O,x,C;s.parameters={...s.parameters,docs:{...(O=s.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    filters: demoFilters,
-    onChangeSearch: value => console.log(value),
-    additionalActions: <Box>
-        <Button endIcon={<BugIcon />} label="Another button" variant="secondary" />
-        <Button ariaLabel="Settings" endIcon={<SettingsIcon />} variant="secondary" />
-      </Box>
-  }
-}`,...(C=(x=s.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};const T=["Default","NoSearch","JustSearch","SearchOnSubmit","AdditionalActions"],L=Object.freeze(Object.defineProperty({__proto__:null,AdditionalActions:s,Default:a,JustSearch:r,NoSearch:t,SearchOnSubmit:n,__namedExportsOrder:T,default:j},Symbol.toStringTag,{value:"Module"}));export{s as A,L as D,r as J,t as N,n as S};

package/dist/assets/DataTable-BRz_SDL5.js

@@ -1,41 +0,0 @@
-import{j as o}from"./iframe-Cav9rlxr.js";import{useMDXComponents as m}from"./index-BQ9nbbSk.js";import{M as n,T as e,S as s,D as a}from"./blocks-BI5YpTSd.js";import{D as r}from"./DataTable.stories-BzrVvUtr.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./personData-BPEVF-Qf.js";import"./Status-BDUUaZsQ.js";import"./MuiPropsContext-ppLtceHL.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./useIsFocusVisible-Cu721A7w.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./DataView-CjTfaBGG.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./MenuButton-ChyskluM.js";import"./BaseMenuButton-B2CeKq3v.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./BaseButton-BzcWVv73.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./MenuContext-BkYpsFtp.js";import"./More-D0XSbzen.js";import"./Menu-BCZiiIwc.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";import"./Paper-DIvrMKVz.js";import"./MenuList-BTp-5mcb.js";import"./List-BcXvgzsa.js";import"./Callout-BgusP-7-.js";import"./Link-BXZlWRMJ.js";import"./Link-4r_7nyI-.js";import"./Typography-D4Laguzq.js";import"./ExternalLink-DTGSbkQ2.js";import"./Typography-B8ZKtxRi.js";import"./AlertTitle-41lhnhsR.js";import"./useSlot-CvipdriX.js";import"./Close-cbwEd5Sp.js";import"./IconButton-BJHIZjwd.js";import"./useScrollIndication-4J4XfL4q.js";import"./Button-BX9EXxBV.js";import"./ArrowLeft-DKc-rln7.js";import"./ArrowRight-CQpox1s-.js";import"./InputBase-Bm1MB3pl.js";import"./FormHelperText--Cp1ogV3.js";import"./ListItem-B5ux02dQ.js";import"./FormLabel-DB_AmiE2.js";import"./EmptyState-Cw97nR9g.js";import"./DataFilters-D5ALxX9D.js";import"./Autocomplete-CcFQPuHI.js";import"./useAutocomplete-f6aTM-6O.js";import"./index.esm-CsYcjPN9.js";import"./Field-4cI0KUzC.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./inputUtils-BOLvDTmI.js";import"./Autocomplete-DxRs9Djj.js";import"./ArrowDropDown-CMSB1a5F.js";import"./ListSubheader-CB8GDLQK.js";import"./Checkbox-_fXckuhm.js";import"./Hint-BaHNFCSW.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Checkbox-RASNl40G.js";import"./SwitchBase-fGL3z_gG.js";import"./CheckboxGroup-zMSuzeZ6.js";import"./FormGroup-BhjYepGC.js";import"./Radio-DRPDZwez.js";import"./Radio-BI2zWqqk.js";import"./RadioGroup-DDMlZ9Ib.js";import"./RadioGroup-BxX8JmFv.js";import"./SearchField-CyY1AHVm.js";import"./InputAdornment-CeCSVIa-.js";import"./Search-C3XUnqCP.js";import"./Tag-Cam_AAJc.js";import"./TagList-BgRJrZj8.js";import"./TextField-eTiyghxK.js";import"./Filter-ColuOFTn.js";import"./MenuItem-Cu1R78Nk.js";import"./ChevronRight--b1mmNks.js";import"./CircularProgress-BoAO9U8M.js";import"./CircularProgress-BgZHFbQE.js";import"./Card-DSV0thOs.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";import"./CardActions-DEkVEZOo.js";import"./CardActionArea-j218OlRR.js";import"./ChevronUp-DL24OTkX.js";import"./MenuItem-C_SjZMbY.js";import"./List-CEPzEOaM.js";import"./constants-CGUp4oSR.js";import"./index.esm-C_XHPSqo.js";import"./DialogContent-BOYeFFEd.js";import"./dialogActionsClasses-DejbXXRS.js";import"./DialogTitle-CIzT7Vz-.js";import"./useMobilePicker-0Zj6ZxWR.js";import"./Select-DHIWx9ln.js";import"./useThemeProps-CITViJJe.js";import"./Collapse-1HAz0LZV.js";import"./LinearProgress-BcCo3aqG.js";import"./Divider-6S-pAD7Z.js";import"./tableSortLabelClasses-BkDwo_43.js";import"./DateTimePicker-CIersydJ.js";import"./Tabs-By4ALAid.js";import"./DatePicker-BOqWHXdY.js";import"./Show-8RSN9YQN.js";import"./Refresh-4GRZURAB.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 Xt(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Xt as default};