@cgi-learning-hub/ui 1.6.0-dev.1749207390 → 1.6.0-dev.1749214505

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/{Autocomplete-XmIFWgiQ.js → Autocomplete-BVy1WjPe.js} +45 -45
  2. package/dist/Autocomplete-v4ZcHulv.cjs +6 -0
  3. package/dist/components/ButtonGroup/ButtonGroup.cjs.js +1 -0
  4. package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -0
  5. package/dist/components/{SwitchView/SwitchView.es.js → ButtonGroup/ButtonGroup.es.js} +11 -11
  6. package/dist/components/ButtonGroup/index.cjs.js +1 -0
  7. package/dist/components/ButtonGroup/index.d.ts +2 -0
  8. package/dist/components/ButtonGroup/index.es.js +4 -0
  9. package/dist/components/{SwitchView → ButtonGroup}/types.d.ts +3 -3
  10. package/dist/components/index.cjs.js +1 -1
  11. package/dist/components/index.d.ts +1 -1
  12. package/dist/components/index.es.js +23 -23
  13. package/dist/components/stories/Autocomplete.stories.cjs.js +1 -1
  14. package/dist/components/stories/Autocomplete.stories.es.js +1 -1
  15. package/dist/components/stories/ButtonGroup.stories.cjs.js +143 -0
  16. package/dist/components/stories/{SwitchView.stories.d.ts → ButtonGroup.stories.d.ts} +3 -3
  17. package/dist/components/stories/{SwitchView.stories.es.js → ButtonGroup.stories.es.js} +150 -150
  18. package/dist/index.cjs.js +1 -1
  19. package/dist/index.es.js +23 -23
  20. package/package.json +1 -1
  21. package/dist/Autocomplete-CpRv6_iv.cjs +0 -6
  22. package/dist/components/SwitchView/SwitchView.cjs.js +0 -1
  23. package/dist/components/SwitchView/SwitchView.d.ts +0 -3
  24. package/dist/components/SwitchView/index.cjs.js +0 -1
  25. package/dist/components/SwitchView/index.d.ts +0 -2
  26. package/dist/components/SwitchView/index.es.js +0 -4
  27. package/dist/components/stories/SwitchView.stories.cjs.js +0 -143
  28. /package/dist/components/{SwitchView → ButtonGroup}/style.cjs.js +0 -0
  29. /package/dist/components/{SwitchView → ButtonGroup}/style.es.js +0 -0
  30. /package/dist/components/{SwitchView → ButtonGroup}/types.cjs.js +0 -0
  31. /package/dist/components/{SwitchView → ButtonGroup}/types.es.js +0 -0
package/dist/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ToggleButtonGroup-cWPBztiH.cjs"),D=require("./DatePicker-DDYXqvgA.cjs"),d=require("./Alert-p6jIgCWU.cjs"),H=require("./components/Button/Button.cjs.js"),E=require("./components/ColorPicker/ColorPicker.cjs.js"),V=require("./components/Dialog/Dialog.cjs.js"),f=require("./components/Dropzone/Dropzone.cjs.js"),O=require("./components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),z=require("./components/EmptyState/EmptyState.cjs.js"),Q=require("./components/FileList/FileList.cjs.js"),W=require("./components/FileList/FileListItem.cjs.js"),j=require("./components/FolderCard/FolderCard.cjs.js"),N=require("./components/Heading/Heading.cjs.js"),Y=require("./components/ImagePicker/ImagePicker.cjs.js"),J=require("./components/Loader/Loader.cjs.js"),K=require("./components/LoaderBackdrop/LoaderBackdrop.cjs.js"),X=require("./components/PasswordInput/PasswordInput.cjs.js"),Z=require("./components/QueryError/QueryError.cjs.js"),$=require("./components/ResourceCard/ResourceCard.cjs.js"),ee=require("./components/SearchInput/SearchInput.cjs.js"),te=require("./components/TreeView/TreeView.cjs.js"),se=require("./components/TreeView/types.cjs.js"),le=require("./components/SwitchView/SwitchView.cjs.js"),l=require("./Tab-DaJQbLHr.cjs"),r=require("./Autocomplete-CpRv6_iv.cjs"),b=require("./Backdrop-0xfsnuri.cjs"),U=require("./Badge-Dpxa8BPA.cjs"),w=require("./Box-xgRKDOV1.cjs"),a=require("./CardContent-BTTU3lDd.cjs"),T=require("./Checkbox-jecO0f9-.cjs"),S=require("./Chip-CkonlDiW.cjs"),h=require("./CircularProgress-Bvcr-mus.cjs"),L=require("./CustomTreeItem-Bo6LVL2g.cjs"),o=require("./DialogContent-0WzVi_CB.cjs"),y=require("./DialogTitle-Dq5hCek2.cjs"),ae=require("./Divider-DPIWZuaX.cjs"),n=require("./FormLabel-BPReGp6x.cjs"),C=require("./Radio-TCZTDRDq.cjs"),c=require("./RadioGroup-BlhT0LTh.cjs"),g=require("./TextField-BD5v4wWW.cjs"),ie=require("./index-dnUj5rrV.cjs"),oe=require("./Grid-D0L0VF_j.cjs"),I=require("./IconButton-BzvVYvTv.cjs"),i=require("./Select-YiRsvCtO.cjs"),A=require("./Link-6MI2s97g.cjs"),B=require("./List-DNAAO5Md.cjs"),p=require("./ListItem-DNNO5emo.cjs"),M=require("./ListItemText-DTJBvetJ.cjs"),x=require("./Menu-BD7yr5c5.cjs"),u=require("./MenuItem-BnxRQgzx.cjs"),m=require("./Modal-Dpz2n_rl.cjs"),P=require("./Paper-Dy4nClba.cjs"),re=require("./Stack-CiqSL-ss.cjs"),s=require("./Stepper-Bp48LpKw.cjs"),q=require("./createSvgIcon-r-LuM8rr.cjs"),k=require("./Switch-CmP4YhdJ.cjs"),_=require("./Tooltip-B-G3ZA40.cjs"),F=require("./Typography-CTc5xI5k.cjs"),t=require("./generateUtilityClasses-CEM-EnA0.cjs"),v=require("./dividerClasses-MIs6pQ1h.cjs"),ne=require("./useFormControl-haP0iPhl.cjs"),G=require("./listItemTextClasses-BbeGMaIS.cjs"),Ce=require("./useTheme-zxjGe7nF.cjs"),ce=require("./useThemeProps-C4zuxIb5.cjs"),ge=require("./DefaultPropsProvider-CsTuCVNC.cjs"),R=require("@emotion/react");exports.Accordion=e.Accordion;exports.AccordionActions=e.AccordionActions;exports.AccordionDetails=e.AccordionDetails;exports.AccordionSummary=e.AccordionSummary;exports.AppBar=e.AppBar;exports.Avatar=e.Avatar;exports.Breadcrumbs=e.Breadcrumbs;exports.CardActionArea=e.CardActionArea;exports.CardHeader=e.CardHeader;exports.CardMedia=e.CardMedia;exports.ClickAwayListener=e.ClickAwayListener;exports.Container=e.Container;exports.CssVarsProvider=e.CssVarsProvider;exports.Drawer=e.Drawer;exports.Experimental_CssVarsProvider=e.Experimental_CssVarsProvider;exports.LinearProgress=e.LinearProgress;exports.ListItemIcon=e.ListItemIcon;exports.MobileStepper=e.MobileStepper;exports.Pagination=e.Pagination;exports.Skeleton=e.Skeleton;exports.Snackbar=e.Snackbar;exports.StyledEngineProvider=e.StyledEngineProvider;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell;exports.TableContainer=e.TableContainer;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TablePagination=e.TablePagination;exports.TableRow=e.TableRow;exports.TableSortLabel=e.TableSortLabel;exports.ThemeProvider=e.ThemeProvider;exports.ToggleButton=e.ToggleButton;exports.ToggleButtonGroup=e.ToggleButtonGroup;exports.Toolbar=e.Toolbar;exports.accordionActionsClasses=e.accordionActionsClasses;exports.accordionClasses=e.accordionClasses;exports.accordionDetailsClasses=e.accordionDetailsClasses;exports.accordionSummaryClasses=e.accordionSummaryClasses;exports.adaptV4Theme=e.adaptV4Theme;exports.amber=e.amber;exports.appBarClasses=e.appBarClasses;exports.avatarClasses=e.avatarClasses;exports.blueGrey=e.blueGrey;exports.breadcrumbsClasses=e.breadcrumbsClasses;exports.brown=e.brown;exports.cardActionAreaClasses=e.cardActionAreaClasses;exports.cardHeaderClasses=e.cardHeaderClasses;exports.cardMediaClasses=e.cardMediaClasses;exports.containerClasses=e.containerClasses;exports.createStyles=e.createStyles;exports.cyan=e.cyan;exports.deepOrange=e.deepOrange;exports.deepPurple=e.deepPurple;exports.drawerClasses=e.drawerClasses;exports.experimental_extendTheme=e.deprecatedExtendTheme;exports.experimental_sx=e.experimental_sx;exports.getAccordionActionsUtilityClass=e.getAccordionActionsUtilityClass;exports.getAccordionDetailsUtilityClass=e.getAccordionDetailsUtilityClass;exports.getAccordionSummaryUtilityClass=e.getAccordionSummaryUtilityClass;exports.getAccordionUtilityClass=e.getAccordionUtilityClass;exports.getAppBarUtilityClass=e.getAppBarUtilityClass;exports.getAvatarUtilityClass=e.getAvatarUtilityClass;exports.getBreadcrumbsUtilityClass=e.getBreadcrumbsUtilityClass;exports.getCardActionAreaUtilityClass=e.getCardActionAreaUtilityClass;exports.getCardHeaderUtilityClass=e.getCardHeaderUtilityClass;exports.getCardMediaUtilityClass=e.getCardMediaUtilityClass;exports.getContainerUtilityClass=e.getContainerUtilityClass;exports.getDrawerUtilityClass=e.getDrawerUtilityClass;exports.getGridUtilityClass=e.getGridUtilityClass;exports.getInitColorSchemeScript=e.getInitColorSchemeScript;exports.getLinearProgressUtilityClass=e.getLinearProgressUtilityClass;exports.getMobileStepperUtilityClass=e.getMobileStepperUtilityClass;exports.getPaginationUtilityClass=e.getPaginationUtilityClass;exports.getSkeletonUtilityClass=e.getSkeletonUtilityClass;exports.getSnackbarUtilityClass=e.getSnackbarUtilityClass;exports.getTableBodyUtilityClass=e.getTableBodyUtilityClass;exports.getTableCellUtilityClass=e.getTableCellUtilityClass;exports.getTableContainerUtilityClass=e.getTableContainerUtilityClass;exports.getTableFooterUtilityClass=e.getTableFooterUtilityClass;exports.getTableHeadUtilityClass=e.getTableHeadUtilityClass;exports.getTablePaginationUtilityClass=e.getTablePaginationUtilityClass;exports.getTableRowUtilityClass=e.getTableRowUtilityClass;exports.getTableSortLabelUtilityClass=e.getTableSortLabelUtilityClass;exports.getTableUtilityClass=e.getTableUtilityClass;exports.getToggleButtonGroupUtilityClass=e.getToggleButtonGroupUtilityClass;exports.getToggleButtonUtilityClass=e.getToggleButtonUtilityClass;exports.getToolbarUtilityClass=e.getToolbarUtilityClass;exports.gridClasses=e.gridClasses;exports.indigo=e.indigo;exports.lightGreen=e.lightGreen;exports.lime=e.lime;exports.linearProgressClasses=e.linearProgressClasses;exports.makeStyles=e.makeStyles;exports.mobileStepperClasses=e.mobileStepperClasses;exports.paginationClasses=e.paginationClasses;exports.pink=e.pink;exports.responsiveFontSizes=e.responsiveFontSizes;exports.skeletonClasses=e.skeletonClasses;exports.snackbarClasses=e.snackbarClasses;exports.stackClasses=e.stackClasses;exports.tableBodyClasses=e.tableBodyClasses;exports.tableCellClasses=e.tableCellClasses;exports.tableClasses=e.tableClasses;exports.tableContainerClasses=e.tableContainerClasses;exports.tableFooterClasses=e.tableFooterClasses;exports.tableHeadClasses=e.tableHeadClasses;exports.tablePaginationClasses=e.tablePaginationClasses;exports.tableRowClasses=e.tableRowClasses;exports.tableSortLabelClasses=e.tableSortLabelClasses;exports.teal=e.teal;exports.toggleButtonClasses=e.toggleButtonClasses;exports.toggleButtonGroupClasses=e.toggleButtonGroupClasses;exports.toolbarClasses=e.toolbarClasses;exports.unstable_createMuiStrictModeTheme=e.createMuiStrictModeTheme;exports.unstable_getUnit=e.getUnit;exports.unstable_toUnitless=e.toUnitless;exports.useColorScheme=e.useColorScheme;exports.withStyles=e.withStyles;exports.withTheme=e.withTheme;exports.yellow=e.yellow;exports.DatePicker=D.DatePicker;exports.useMediaQuery=D.useMediaQuery;exports.Alert=d.Alert;exports.AlertTitle=d.AlertTitle;exports.alertTitleClasses=d.alertTitleClasses;exports.getAlertTitleUtilityClass=d.getAlertTitleUtilityClass;exports.Button=H;exports.ColorPicker=E;exports.Dialog=V;exports.Dropzone=f;exports.EllipsisWithTooltip=O;exports.EmptyState=z;exports.FileList=Q;exports.FileListItem=W;exports.FolderCard=j;exports.Heading=N;exports.ImagePicker=Y;exports.Loader=J;exports.LoaderBackdrop=K;exports.PasswordInput=X;exports.QueryError=Z;exports.ResourceCard=$;exports.SearchInput=ee;exports.TreeView=te;exports.ICON_TYPE=se.ICON_TYPE;exports.SwitchView=le;exports.Tab=l.Tab;exports.TabContext=l.TabContext;exports.TabList=l.TabList;exports.TabPanel=l.TabPanel;exports.Tabs=l.Tabs;exports.getPanelId=l.getPanelId;exports.getTabId=l.getTabId;exports.getTabPanelUtilityClass=l.getTabPanelUtilityClass;exports.getTabUtilityClass=l.getTabUtilityClass;exports.getTabsUtilityClass=l.getTabsUtilityClass;exports.tabClasses=l.tabClasses;exports.tabPanelClasses=l.tabPanelClasses;exports.tabsClasses=l.tabsClasses;exports.useTabContext=l.useTabContext;exports.Autocomplete=r.Autocomplete;exports.ListSubheader=r.ListSubheader;exports.autocompleteClasses=r.autocompleteClasses;exports.createFilterOptions=r.createFilterOptions;exports.getAutocompleteUtilityClass=r.getAutocompleteUtilityClass;exports.getListSubheaderUtilityClass=r.getListSubheaderUtilityClass;exports.listSubheaderClasses=r.listSubheaderClasses;exports.Backdrop=b.Backdrop;exports.backdropClasses=b.backdropClasses;exports.getBackdropUtilityClass=b.getBackdropUtilityClass;exports.Badge=U.Badge;exports.badgeClasses=U.badgeClasses;exports.getBadgeUtilityClass=U.getBadgeUtilityClass;exports.Box=w.Box;exports.boxClasses=w.boxClasses;exports.Card=a.Card;exports.CardActions=a.CardActions;exports.CardContent=a.CardContent;exports.cardActionsClasses=a.cardActionsClasses;exports.cardClasses=a.cardClasses;exports.cardContentClasses=a.cardContentClasses;exports.getCardActionsUtilityClass=a.getCardActionsUtilityClass;exports.getCardContentUtilityClass=a.getCardContentUtilityClass;exports.getCardUtilityClass=a.getCardUtilityClass;exports.Checkbox=T.Checkbox;exports.checkboxClasses=T.checkboxClasses;exports.getCheckboxUtilityClass=T.getCheckboxUtilityClass;exports.Chip=S.Chip;exports.chipClasses=S.chipClasses;exports.getChipUtilityClass=S.getChipUtilityClass;exports.CircularProgress=h.CircularProgress;exports.circularProgressClasses=h.circularProgressClasses;exports.getCircularProgressUtilityClass=h.getCircularProgressUtilityClass;exports.Collapse=L.Collapse;exports.collapseClasses=L.collapseClasses;exports.getCollapseUtilityClass=L.getCollapseUtilityClass;exports.DialogActions=o.DialogActions;exports.DialogContent=o.DialogContent;exports.dialogActionsClasses=o.dialogActionsClasses;exports.dialogContentClasses=o.dialogContentClasses;exports.dialogTitleClasses=o.dialogTitleClasses;exports.getDialogActionsUtilityClass=o.getDialogActionsUtilityClass;exports.getDialogContentUtilityClass=o.getDialogContentUtilityClass;exports.getDialogTitleUtilityClass=o.getDialogTitleUtilityClass;exports.DialogContentText=y.DialogContentText;exports.DialogTitle=y.DialogTitle;exports.dialogContentTextClasses=y.dialogContentTextClasses;exports.getDialogContentTextUtilityClass=y.getDialogContentTextUtilityClass;exports.Divider=ae.Divider;exports.FormControl=n.FormControl;exports.FormLabel=n.FormLabel;exports.FormLabelRoot=n.FormLabelRoot;exports.formControlClasses=n.formControlClasses;exports.formLabelClasses=n.formLabelClasses;exports.getFormControlUtilityClasses=n.getFormControlUtilityClasses;exports.getFormLabelUtilityClasses=n.getFormLabelUtilityClasses;exports.FormControlLabel=C.FormControlLabel;exports.Radio=C.Radio;exports.formControlLabelClasses=C.formControlLabelClasses;exports.getFormControlLabelUtilityClasses=C.getFormControlLabelUtilityClasses;exports.getRadioUtilityClass=C.getRadioUtilityClass;exports.radioClasses=C.radioClasses;exports.useRadioGroup=C.useRadioGroup;exports.FormGroup=c.FormGroup;exports.RadioGroup=c.RadioGroup;exports.formGroupClasses=c.formGroupClasses;exports.getFormGroupUtilityClass=c.getFormGroupUtilityClass;exports.getRadioGroupUtilityClass=c.getRadioGroupUtilityClass;exports.radioGroupClasses=c.radioGroupClasses;exports.FormHelperText=g.FormHelperText;exports.TextField=g.TextField;exports.formHelperTextClasses=g.formHelperTextClasses;exports.getFormHelperTextUtilityClasses=g.getFormHelperTextUtilityClasses;exports.getTextFieldUtilityClass=g.getTextFieldUtilityClass;exports.textFieldClasses=g.textFieldClasses;exports.GlobalStyles=ie.GlobalStyles;exports.Grid=oe.Grid;exports.IconButton=I.IconButton;exports.getIconButtonUtilityClass=I.getIconButtonUtilityClass;exports.iconButtonClasses=I.iconButtonClasses;exports.Input=i.Input;exports.InputLabel=i.InputLabel;exports.Select=i.Select;exports.getInputLabelUtilityClasses=i.getInputLabelUtilityClasses;exports.getInputUtilityClass=i.getInputUtilityClass;exports.getSelectUtilityClasses=i.getSelectUtilityClasses;exports.inputClasses=i.inputClasses;exports.inputLabelClasses=i.inputLabelClasses;exports.selectClasses=i.selectClasses;exports.Link=A.Link;exports.getLinkUtilityClass=A.getLinkUtilityClass;exports.linkClasses=A.linkClasses;exports.List=B.List;exports.getListUtilityClass=B.getListUtilityClass;exports.listClasses=B.listClasses;exports.ListItem=p.ListItem;exports.getListItemButtonUtilityClass=p.getListItemButtonUtilityClass;exports.getListItemUtilityClass=p.getListItemUtilityClass;exports.listItemButtonClasses=p.listItemButtonClasses;exports.listItemClasses=p.listItemClasses;exports.ListItemButton=M.ListItemButton;exports.ListItemText=M.ListItemText;exports.Menu=x.Menu;exports.getMenuUtilityClass=x.getMenuUtilityClass;exports.menuClasses=x.menuClasses;exports.MenuItem=u.MenuItem;exports.getListItemIconUtilityClass=u.getListItemIconUtilityClass;exports.getMenuItemUtilityClass=u.getMenuItemUtilityClass;exports.listItemIconClasses=u.listItemIconClasses;exports.menuItemClasses=u.menuItemClasses;exports.Modal=m.Modal;exports.ModalManager=m.ModalManager;exports.getModalUtilityClass=m.getModalUtilityClass;exports.modalClasses=m.modalClasses;exports.Paper=P.Paper;exports.getPaperUtilityClass=P.getPaperUtilityClass;exports.paperClasses=P.paperClasses;exports.Stack=re.Stack;exports.Step=s.Step;exports.StepButton=s.StepButton;exports.StepContext=s.StepContext;exports.StepLabel=s.StepLabel;exports.Stepper=s.Stepper;exports.StepperContext=s.StepperContext;exports.getStepButtonUtilityClass=s.getStepButtonUtilityClass;exports.getStepLabelUtilityClass=s.getStepLabelUtilityClass;exports.getStepUtilityClass=s.getStepUtilityClass;exports.getStepperUtilityClass=s.getStepperUtilityClass;exports.stepButtonClasses=s.stepButtonClasses;exports.stepClasses=s.stepClasses;exports.stepLabelClasses=s.stepLabelClasses;exports.stepperClasses=s.stepperClasses;exports.useStepContext=s.useStepContext;exports.useStepperContext=s.useStepperContext;exports.SvgIcon=q.SvgIcon;exports.getSvgIconUtilityClass=q.getSvgIconUtilityClass;exports.svgIconClasses=q.svgIconClasses;exports.Switch=k.Switch;exports.getSwitchUtilityClass=k.getSwitchUtilityClass;exports.switchClasses=k.switchClasses;exports.Tooltip=_.Tooltip;exports.getTooltipUtilityClass=_.getTooltipUtilityClass;exports.tooltipClasses=_.tooltipClasses;exports.Typography=F.Typography;exports.getTypographyUtilityClass=F.getTypographyUtilityClass;exports.typographyClasses=F.typographyClasses;exports.THEME_ID=t.THEME_ID;exports.alpha=t.alpha;exports.blue=t.blue;exports.common=t.common;exports.createColorScheme=t.createColorScheme;exports.createTheme=t.createTheme;exports.createTransitions=t.createTransitions;exports.darken=t.darken;exports.decomposeColor=t.decomposeColor;exports.duration=t.duration;exports.easing=t.easing;exports.emphasize=t.emphasize;exports.extendTheme=t.createThemeWithVars;exports.getContrastRatio=t.getContrastRatio;exports.getLuminance=t.getLuminance;exports.getOverlayAlpha=t.getOverlayAlpha;exports.green=t.green;exports.grey=t.grey;exports.hexToRgb=t.hexToRgb;exports.hslToRgb=t.hslToRgb;exports.lightBlue=t.lightBlue;exports.lighten=t.lighten;exports.orange=t.orange;exports.private_createMixins=t.createMixins;exports.private_createTypography=t.createTypography;exports.private_excludeVariablesFromRoot=t.excludeVariablesFromRoot;exports.purple=t.purple;exports.recomposeColor=t.recomposeColor;exports.red=t.red;exports.rgbToHex=t.rgbToHex;exports.shouldSkipGeneratingVar=t.shouldSkipGeneratingVar;exports.unstable_createBreakpoints=t.createBreakpoints;exports.dividerClasses=v.dividerClasses;exports.getDividerUtilityClass=v.getDividerUtilityClass;exports.useFormControl=ne.useFormControl;exports.getListItemTextUtilityClass=G.getListItemTextUtilityClass;exports.listItemTextClasses=G.listItemTextClasses;exports.useTheme=Ce.useTheme;exports.useThemeProps=ce.useThemeProps;exports.styled=ge.styled;Object.defineProperty(exports,"css",{enumerable:!0,get:()=>R.css});Object.defineProperty(exports,"keyframes",{enumerable:!0,get:()=>R.keyframes});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ToggleButtonGroup-cWPBztiH.cjs"),D=require("./DatePicker-DDYXqvgA.cjs"),d=require("./Alert-p6jIgCWU.cjs"),H=require("./components/Button/Button.cjs.js"),E=require("./components/ColorPicker/ColorPicker.cjs.js"),f=require("./components/Dialog/Dialog.cjs.js"),V=require("./components/Dropzone/Dropzone.cjs.js"),O=require("./components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),z=require("./components/EmptyState/EmptyState.cjs.js"),Q=require("./components/FileList/FileList.cjs.js"),W=require("./components/FileList/FileListItem.cjs.js"),j=require("./components/FolderCard/FolderCard.cjs.js"),N=require("./components/Heading/Heading.cjs.js"),Y=require("./components/ImagePicker/ImagePicker.cjs.js"),J=require("./components/Loader/Loader.cjs.js"),K=require("./components/LoaderBackdrop/LoaderBackdrop.cjs.js"),X=require("./components/PasswordInput/PasswordInput.cjs.js"),Z=require("./components/QueryError/QueryError.cjs.js"),$=require("./components/ResourceCard/ResourceCard.cjs.js"),ee=require("./components/SearchInput/SearchInput.cjs.js"),te=require("./components/TreeView/TreeView.cjs.js"),se=require("./components/TreeView/types.cjs.js"),le=require("./components/ButtonGroup/ButtonGroup.cjs.js"),l=require("./Tab-DaJQbLHr.cjs"),r=require("./Autocomplete-v4ZcHulv.cjs"),b=require("./Backdrop-0xfsnuri.cjs"),U=require("./Badge-Dpxa8BPA.cjs"),M=require("./Box-xgRKDOV1.cjs"),a=require("./CardContent-BTTU3lDd.cjs"),T=require("./Checkbox-jecO0f9-.cjs"),S=require("./Chip-CkonlDiW.cjs"),h=require("./CircularProgress-Bvcr-mus.cjs"),L=require("./CustomTreeItem-Bo6LVL2g.cjs"),o=require("./DialogContent-0WzVi_CB.cjs"),y=require("./DialogTitle-Dq5hCek2.cjs"),ae=require("./Divider-DPIWZuaX.cjs"),n=require("./FormLabel-BPReGp6x.cjs"),C=require("./Radio-TCZTDRDq.cjs"),c=require("./RadioGroup-BlhT0LTh.cjs"),g=require("./TextField-BD5v4wWW.cjs"),ie=require("./index-dnUj5rrV.cjs"),oe=require("./Grid-D0L0VF_j.cjs"),I=require("./IconButton-BzvVYvTv.cjs"),i=require("./Select-YiRsvCtO.cjs"),B=require("./Link-6MI2s97g.cjs"),A=require("./List-DNAAO5Md.cjs"),p=require("./ListItem-DNNO5emo.cjs"),v=require("./ListItemText-DTJBvetJ.cjs"),x=require("./Menu-BD7yr5c5.cjs"),u=require("./MenuItem-BnxRQgzx.cjs"),m=require("./Modal-Dpz2n_rl.cjs"),P=require("./Paper-Dy4nClba.cjs"),re=require("./Stack-CiqSL-ss.cjs"),s=require("./Stepper-Bp48LpKw.cjs"),q=require("./createSvgIcon-r-LuM8rr.cjs"),k=require("./Switch-CmP4YhdJ.cjs"),_=require("./Tooltip-B-G3ZA40.cjs"),F=require("./Typography-CTc5xI5k.cjs"),t=require("./generateUtilityClasses-CEM-EnA0.cjs"),G=require("./dividerClasses-MIs6pQ1h.cjs"),ne=require("./useFormControl-haP0iPhl.cjs"),w=require("./listItemTextClasses-BbeGMaIS.cjs"),Ce=require("./useTheme-zxjGe7nF.cjs"),ce=require("./useThemeProps-C4zuxIb5.cjs"),ge=require("./DefaultPropsProvider-CsTuCVNC.cjs"),R=require("@emotion/react");exports.Accordion=e.Accordion;exports.AccordionActions=e.AccordionActions;exports.AccordionDetails=e.AccordionDetails;exports.AccordionSummary=e.AccordionSummary;exports.AppBar=e.AppBar;exports.Avatar=e.Avatar;exports.Breadcrumbs=e.Breadcrumbs;exports.CardActionArea=e.CardActionArea;exports.CardHeader=e.CardHeader;exports.CardMedia=e.CardMedia;exports.ClickAwayListener=e.ClickAwayListener;exports.Container=e.Container;exports.CssVarsProvider=e.CssVarsProvider;exports.Drawer=e.Drawer;exports.Experimental_CssVarsProvider=e.Experimental_CssVarsProvider;exports.LinearProgress=e.LinearProgress;exports.ListItemIcon=e.ListItemIcon;exports.MobileStepper=e.MobileStepper;exports.Pagination=e.Pagination;exports.Skeleton=e.Skeleton;exports.Snackbar=e.Snackbar;exports.StyledEngineProvider=e.StyledEngineProvider;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell;exports.TableContainer=e.TableContainer;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TablePagination=e.TablePagination;exports.TableRow=e.TableRow;exports.TableSortLabel=e.TableSortLabel;exports.ThemeProvider=e.ThemeProvider;exports.ToggleButton=e.ToggleButton;exports.ToggleButtonGroup=e.ToggleButtonGroup;exports.Toolbar=e.Toolbar;exports.accordionActionsClasses=e.accordionActionsClasses;exports.accordionClasses=e.accordionClasses;exports.accordionDetailsClasses=e.accordionDetailsClasses;exports.accordionSummaryClasses=e.accordionSummaryClasses;exports.adaptV4Theme=e.adaptV4Theme;exports.amber=e.amber;exports.appBarClasses=e.appBarClasses;exports.avatarClasses=e.avatarClasses;exports.blueGrey=e.blueGrey;exports.breadcrumbsClasses=e.breadcrumbsClasses;exports.brown=e.brown;exports.cardActionAreaClasses=e.cardActionAreaClasses;exports.cardHeaderClasses=e.cardHeaderClasses;exports.cardMediaClasses=e.cardMediaClasses;exports.containerClasses=e.containerClasses;exports.createStyles=e.createStyles;exports.cyan=e.cyan;exports.deepOrange=e.deepOrange;exports.deepPurple=e.deepPurple;exports.drawerClasses=e.drawerClasses;exports.experimental_extendTheme=e.deprecatedExtendTheme;exports.experimental_sx=e.experimental_sx;exports.getAccordionActionsUtilityClass=e.getAccordionActionsUtilityClass;exports.getAccordionDetailsUtilityClass=e.getAccordionDetailsUtilityClass;exports.getAccordionSummaryUtilityClass=e.getAccordionSummaryUtilityClass;exports.getAccordionUtilityClass=e.getAccordionUtilityClass;exports.getAppBarUtilityClass=e.getAppBarUtilityClass;exports.getAvatarUtilityClass=e.getAvatarUtilityClass;exports.getBreadcrumbsUtilityClass=e.getBreadcrumbsUtilityClass;exports.getCardActionAreaUtilityClass=e.getCardActionAreaUtilityClass;exports.getCardHeaderUtilityClass=e.getCardHeaderUtilityClass;exports.getCardMediaUtilityClass=e.getCardMediaUtilityClass;exports.getContainerUtilityClass=e.getContainerUtilityClass;exports.getDrawerUtilityClass=e.getDrawerUtilityClass;exports.getGridUtilityClass=e.getGridUtilityClass;exports.getInitColorSchemeScript=e.getInitColorSchemeScript;exports.getLinearProgressUtilityClass=e.getLinearProgressUtilityClass;exports.getMobileStepperUtilityClass=e.getMobileStepperUtilityClass;exports.getPaginationUtilityClass=e.getPaginationUtilityClass;exports.getSkeletonUtilityClass=e.getSkeletonUtilityClass;exports.getSnackbarUtilityClass=e.getSnackbarUtilityClass;exports.getTableBodyUtilityClass=e.getTableBodyUtilityClass;exports.getTableCellUtilityClass=e.getTableCellUtilityClass;exports.getTableContainerUtilityClass=e.getTableContainerUtilityClass;exports.getTableFooterUtilityClass=e.getTableFooterUtilityClass;exports.getTableHeadUtilityClass=e.getTableHeadUtilityClass;exports.getTablePaginationUtilityClass=e.getTablePaginationUtilityClass;exports.getTableRowUtilityClass=e.getTableRowUtilityClass;exports.getTableSortLabelUtilityClass=e.getTableSortLabelUtilityClass;exports.getTableUtilityClass=e.getTableUtilityClass;exports.getToggleButtonGroupUtilityClass=e.getToggleButtonGroupUtilityClass;exports.getToggleButtonUtilityClass=e.getToggleButtonUtilityClass;exports.getToolbarUtilityClass=e.getToolbarUtilityClass;exports.gridClasses=e.gridClasses;exports.indigo=e.indigo;exports.lightGreen=e.lightGreen;exports.lime=e.lime;exports.linearProgressClasses=e.linearProgressClasses;exports.makeStyles=e.makeStyles;exports.mobileStepperClasses=e.mobileStepperClasses;exports.paginationClasses=e.paginationClasses;exports.pink=e.pink;exports.responsiveFontSizes=e.responsiveFontSizes;exports.skeletonClasses=e.skeletonClasses;exports.snackbarClasses=e.snackbarClasses;exports.stackClasses=e.stackClasses;exports.tableBodyClasses=e.tableBodyClasses;exports.tableCellClasses=e.tableCellClasses;exports.tableClasses=e.tableClasses;exports.tableContainerClasses=e.tableContainerClasses;exports.tableFooterClasses=e.tableFooterClasses;exports.tableHeadClasses=e.tableHeadClasses;exports.tablePaginationClasses=e.tablePaginationClasses;exports.tableRowClasses=e.tableRowClasses;exports.tableSortLabelClasses=e.tableSortLabelClasses;exports.teal=e.teal;exports.toggleButtonClasses=e.toggleButtonClasses;exports.toggleButtonGroupClasses=e.toggleButtonGroupClasses;exports.toolbarClasses=e.toolbarClasses;exports.unstable_createMuiStrictModeTheme=e.createMuiStrictModeTheme;exports.unstable_getUnit=e.getUnit;exports.unstable_toUnitless=e.toUnitless;exports.useColorScheme=e.useColorScheme;exports.withStyles=e.withStyles;exports.withTheme=e.withTheme;exports.yellow=e.yellow;exports.DatePicker=D.DatePicker;exports.useMediaQuery=D.useMediaQuery;exports.Alert=d.Alert;exports.AlertTitle=d.AlertTitle;exports.alertTitleClasses=d.alertTitleClasses;exports.getAlertTitleUtilityClass=d.getAlertTitleUtilityClass;exports.Button=H;exports.ColorPicker=E;exports.Dialog=f;exports.Dropzone=V;exports.EllipsisWithTooltip=O;exports.EmptyState=z;exports.FileList=Q;exports.FileListItem=W;exports.FolderCard=j;exports.Heading=N;exports.ImagePicker=Y;exports.Loader=J;exports.LoaderBackdrop=K;exports.PasswordInput=X;exports.QueryError=Z;exports.ResourceCard=$;exports.SearchInput=ee;exports.TreeView=te;exports.ICON_TYPE=se.ICON_TYPE;exports.ButtonGroup=le;exports.Tab=l.Tab;exports.TabContext=l.TabContext;exports.TabList=l.TabList;exports.TabPanel=l.TabPanel;exports.Tabs=l.Tabs;exports.getPanelId=l.getPanelId;exports.getTabId=l.getTabId;exports.getTabPanelUtilityClass=l.getTabPanelUtilityClass;exports.getTabUtilityClass=l.getTabUtilityClass;exports.getTabsUtilityClass=l.getTabsUtilityClass;exports.tabClasses=l.tabClasses;exports.tabPanelClasses=l.tabPanelClasses;exports.tabsClasses=l.tabsClasses;exports.useTabContext=l.useTabContext;exports.Autocomplete=r.Autocomplete;exports.ListSubheader=r.ListSubheader;exports.autocompleteClasses=r.autocompleteClasses;exports.createFilterOptions=r.createFilterOptions;exports.getAutocompleteUtilityClass=r.getAutocompleteUtilityClass;exports.getListSubheaderUtilityClass=r.getListSubheaderUtilityClass;exports.listSubheaderClasses=r.listSubheaderClasses;exports.Backdrop=b.Backdrop;exports.backdropClasses=b.backdropClasses;exports.getBackdropUtilityClass=b.getBackdropUtilityClass;exports.Badge=U.Badge;exports.badgeClasses=U.badgeClasses;exports.getBadgeUtilityClass=U.getBadgeUtilityClass;exports.Box=M.Box;exports.boxClasses=M.boxClasses;exports.Card=a.Card;exports.CardActions=a.CardActions;exports.CardContent=a.CardContent;exports.cardActionsClasses=a.cardActionsClasses;exports.cardClasses=a.cardClasses;exports.cardContentClasses=a.cardContentClasses;exports.getCardActionsUtilityClass=a.getCardActionsUtilityClass;exports.getCardContentUtilityClass=a.getCardContentUtilityClass;exports.getCardUtilityClass=a.getCardUtilityClass;exports.Checkbox=T.Checkbox;exports.checkboxClasses=T.checkboxClasses;exports.getCheckboxUtilityClass=T.getCheckboxUtilityClass;exports.Chip=S.Chip;exports.chipClasses=S.chipClasses;exports.getChipUtilityClass=S.getChipUtilityClass;exports.CircularProgress=h.CircularProgress;exports.circularProgressClasses=h.circularProgressClasses;exports.getCircularProgressUtilityClass=h.getCircularProgressUtilityClass;exports.Collapse=L.Collapse;exports.collapseClasses=L.collapseClasses;exports.getCollapseUtilityClass=L.getCollapseUtilityClass;exports.DialogActions=o.DialogActions;exports.DialogContent=o.DialogContent;exports.dialogActionsClasses=o.dialogActionsClasses;exports.dialogContentClasses=o.dialogContentClasses;exports.dialogTitleClasses=o.dialogTitleClasses;exports.getDialogActionsUtilityClass=o.getDialogActionsUtilityClass;exports.getDialogContentUtilityClass=o.getDialogContentUtilityClass;exports.getDialogTitleUtilityClass=o.getDialogTitleUtilityClass;exports.DialogContentText=y.DialogContentText;exports.DialogTitle=y.DialogTitle;exports.dialogContentTextClasses=y.dialogContentTextClasses;exports.getDialogContentTextUtilityClass=y.getDialogContentTextUtilityClass;exports.Divider=ae.Divider;exports.FormControl=n.FormControl;exports.FormLabel=n.FormLabel;exports.FormLabelRoot=n.FormLabelRoot;exports.formControlClasses=n.formControlClasses;exports.formLabelClasses=n.formLabelClasses;exports.getFormControlUtilityClasses=n.getFormControlUtilityClasses;exports.getFormLabelUtilityClasses=n.getFormLabelUtilityClasses;exports.FormControlLabel=C.FormControlLabel;exports.Radio=C.Radio;exports.formControlLabelClasses=C.formControlLabelClasses;exports.getFormControlLabelUtilityClasses=C.getFormControlLabelUtilityClasses;exports.getRadioUtilityClass=C.getRadioUtilityClass;exports.radioClasses=C.radioClasses;exports.useRadioGroup=C.useRadioGroup;exports.FormGroup=c.FormGroup;exports.RadioGroup=c.RadioGroup;exports.formGroupClasses=c.formGroupClasses;exports.getFormGroupUtilityClass=c.getFormGroupUtilityClass;exports.getRadioGroupUtilityClass=c.getRadioGroupUtilityClass;exports.radioGroupClasses=c.radioGroupClasses;exports.FormHelperText=g.FormHelperText;exports.TextField=g.TextField;exports.formHelperTextClasses=g.formHelperTextClasses;exports.getFormHelperTextUtilityClasses=g.getFormHelperTextUtilityClasses;exports.getTextFieldUtilityClass=g.getTextFieldUtilityClass;exports.textFieldClasses=g.textFieldClasses;exports.GlobalStyles=ie.GlobalStyles;exports.Grid=oe.Grid;exports.IconButton=I.IconButton;exports.getIconButtonUtilityClass=I.getIconButtonUtilityClass;exports.iconButtonClasses=I.iconButtonClasses;exports.Input=i.Input;exports.InputLabel=i.InputLabel;exports.Select=i.Select;exports.getInputLabelUtilityClasses=i.getInputLabelUtilityClasses;exports.getInputUtilityClass=i.getInputUtilityClass;exports.getSelectUtilityClasses=i.getSelectUtilityClasses;exports.inputClasses=i.inputClasses;exports.inputLabelClasses=i.inputLabelClasses;exports.selectClasses=i.selectClasses;exports.Link=B.Link;exports.getLinkUtilityClass=B.getLinkUtilityClass;exports.linkClasses=B.linkClasses;exports.List=A.List;exports.getListUtilityClass=A.getListUtilityClass;exports.listClasses=A.listClasses;exports.ListItem=p.ListItem;exports.getListItemButtonUtilityClass=p.getListItemButtonUtilityClass;exports.getListItemUtilityClass=p.getListItemUtilityClass;exports.listItemButtonClasses=p.listItemButtonClasses;exports.listItemClasses=p.listItemClasses;exports.ListItemButton=v.ListItemButton;exports.ListItemText=v.ListItemText;exports.Menu=x.Menu;exports.getMenuUtilityClass=x.getMenuUtilityClass;exports.menuClasses=x.menuClasses;exports.MenuItem=u.MenuItem;exports.getListItemIconUtilityClass=u.getListItemIconUtilityClass;exports.getMenuItemUtilityClass=u.getMenuItemUtilityClass;exports.listItemIconClasses=u.listItemIconClasses;exports.menuItemClasses=u.menuItemClasses;exports.Modal=m.Modal;exports.ModalManager=m.ModalManager;exports.getModalUtilityClass=m.getModalUtilityClass;exports.modalClasses=m.modalClasses;exports.Paper=P.Paper;exports.getPaperUtilityClass=P.getPaperUtilityClass;exports.paperClasses=P.paperClasses;exports.Stack=re.Stack;exports.Step=s.Step;exports.StepButton=s.StepButton;exports.StepContext=s.StepContext;exports.StepLabel=s.StepLabel;exports.Stepper=s.Stepper;exports.StepperContext=s.StepperContext;exports.getStepButtonUtilityClass=s.getStepButtonUtilityClass;exports.getStepLabelUtilityClass=s.getStepLabelUtilityClass;exports.getStepUtilityClass=s.getStepUtilityClass;exports.getStepperUtilityClass=s.getStepperUtilityClass;exports.stepButtonClasses=s.stepButtonClasses;exports.stepClasses=s.stepClasses;exports.stepLabelClasses=s.stepLabelClasses;exports.stepperClasses=s.stepperClasses;exports.useStepContext=s.useStepContext;exports.useStepperContext=s.useStepperContext;exports.SvgIcon=q.SvgIcon;exports.getSvgIconUtilityClass=q.getSvgIconUtilityClass;exports.svgIconClasses=q.svgIconClasses;exports.Switch=k.Switch;exports.getSwitchUtilityClass=k.getSwitchUtilityClass;exports.switchClasses=k.switchClasses;exports.Tooltip=_.Tooltip;exports.getTooltipUtilityClass=_.getTooltipUtilityClass;exports.tooltipClasses=_.tooltipClasses;exports.Typography=F.Typography;exports.getTypographyUtilityClass=F.getTypographyUtilityClass;exports.typographyClasses=F.typographyClasses;exports.THEME_ID=t.THEME_ID;exports.alpha=t.alpha;exports.blue=t.blue;exports.common=t.common;exports.createColorScheme=t.createColorScheme;exports.createTheme=t.createTheme;exports.createTransitions=t.createTransitions;exports.darken=t.darken;exports.decomposeColor=t.decomposeColor;exports.duration=t.duration;exports.easing=t.easing;exports.emphasize=t.emphasize;exports.extendTheme=t.createThemeWithVars;exports.getContrastRatio=t.getContrastRatio;exports.getLuminance=t.getLuminance;exports.getOverlayAlpha=t.getOverlayAlpha;exports.green=t.green;exports.grey=t.grey;exports.hexToRgb=t.hexToRgb;exports.hslToRgb=t.hslToRgb;exports.lightBlue=t.lightBlue;exports.lighten=t.lighten;exports.orange=t.orange;exports.private_createMixins=t.createMixins;exports.private_createTypography=t.createTypography;exports.private_excludeVariablesFromRoot=t.excludeVariablesFromRoot;exports.purple=t.purple;exports.recomposeColor=t.recomposeColor;exports.red=t.red;exports.rgbToHex=t.rgbToHex;exports.shouldSkipGeneratingVar=t.shouldSkipGeneratingVar;exports.unstable_createBreakpoints=t.createBreakpoints;exports.dividerClasses=G.dividerClasses;exports.getDividerUtilityClass=G.getDividerUtilityClass;exports.useFormControl=ne.useFormControl;exports.getListItemTextUtilityClass=w.getListItemTextUtilityClass;exports.listItemTextClasses=w.listItemTextClasses;exports.useTheme=Ce.useTheme;exports.useThemeProps=ce.useThemeProps;exports.styled=ge.styled;Object.defineProperty(exports,"css",{enumerable:!0,get:()=>R.css});Object.defineProperty(exports,"keyframes",{enumerable:!0,get:()=>R.keyframes});
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { A as e, a as t, b as l, c as o, d as r, e as i, B as C, C as g, f as p, g as n, h as m, i as d, aD as c, D as y, aG as u, L as b, j as f, M as x, P as U, S as T, k as S, ay as h, T as L, l as I, m as A, n as B, o as k, p as P, q as F, r as D, s as M, ax as v, t as w, u as G, v as R, y as H, w as _, E, G as V, ar as z, a5 as O, I as j, K as Q, a8 as q, O as N, a7 as W, R as Y, V as J, X as K, a9 as X, at as Z, a0 as $, a6 as ss, _ as as, ab as es, aC as ts, aq as ls, z as os, F as rs, H as is, x as Cs, J as gs, N as ps, Q as ns, U as ms, W as ds, Y as cs, aa as ys, ac as us, ae as bs, aF as fs, ag as xs, ai as Us, ak as Ts, am as Ss, ao as hs, aK as Ls, aM as Is, aO as As, aQ as Bs, aS as ks, aU as Ps, aW as Fs, aY as Ds, aI as Ms, b0 as vs, a_ as ws, b2 as Gs, ad as Rs, $ as Hs, a2 as _s, a3 as Es, af as Vs, az as zs, ah as Os, aj as js, Z as Qs, aw as qs, al as Ns, an as Ws, ap as Ys, aJ as Js, aL as Ks, aH as Xs, aN as Zs, aP as $s, aR as sa, aT as aa, aV as ea, aX as ta, a1 as la, aZ as oa, a$ as ra, b1 as ia, as as Ca, au as ga, av as pa, aE as na, aA as ma, aB as da, a4 as ca } from "./ToggleButtonGroup-C2VnPpq_.js";
1
+ import { A as e, a as t, b as l, c as o, d as r, e as i, B as C, C as g, f as p, g as n, h as m, i as d, aD as c, D as y, aG as u, L as b, j as f, M as x, P as U, S as T, k as S, ay as h, T as L, l as I, m as A, n as B, o as k, p as P, q as F, r as D, s as M, ax as v, t as G, u as w, v as R, y as H, w as _, E, G as V, ar as z, a5 as O, I as j, K as Q, a8 as q, O as N, a7 as W, R as Y, V as J, X as K, a9 as X, at as Z, a0 as $, a6 as ss, _ as as, ab as es, aC as ts, aq as ls, z as os, F as rs, H as is, x as Cs, J as gs, N as ps, Q as ns, U as ms, W as ds, Y as cs, aa as ys, ac as us, ae as bs, aF as fs, ag as xs, ai as Us, ak as Ts, am as Ss, ao as hs, aK as Ls, aM as Is, aO as As, aQ as Bs, aS as ks, aU as Ps, aW as Fs, aY as Ds, aI as Ms, b0 as vs, a_ as Gs, b2 as ws, ad as Rs, $ as Hs, a2 as _s, a3 as Es, af as Vs, az as zs, ah as Os, aj as js, Z as Qs, aw as qs, al as Ns, an as Ws, ap as Ys, aJ as Js, aL as Ks, aH as Xs, aN as Zs, aP as $s, aR as sa, aT as aa, aV as ea, aX as ta, a1 as la, aZ as oa, a$ as ra, b1 as ia, as as Ca, au as ga, av as pa, aE as na, aA as ma, aB as da, a4 as ca } from "./ToggleButtonGroup-C2VnPpq_.js";
2
2
  import { D as ua, u as ba } from "./DatePicker-CTAJnIvu.js";
3
3
  import { b as xa, A as Ua, a as Ta, g as Sa } from "./Alert-DdmE0EMo.js";
4
4
  import { default as La } from "./components/Button/Button.es.js";
@@ -6,7 +6,7 @@ import { default as Aa } from "./components/ColorPicker/ColorPicker.es.js";
6
6
  import { default as ka } from "./components/Dialog/Dialog.es.js";
7
7
  import { default as Fa } from "./components/Dropzone/Dropzone.es.js";
8
8
  import { default as Ma } from "./components/EllipsisWithTooltip/EllipsisWithTooltip.es.js";
9
- import { default as wa } from "./components/EmptyState/EmptyState.es.js";
9
+ import { default as Ga } from "./components/EmptyState/EmptyState.es.js";
10
10
  import { default as Ra } from "./components/FileList/FileList.es.js";
11
11
  import { default as _a } from "./components/FileList/FileListItem.es.js";
12
12
  import { default as Va } from "./components/FolderCard/FolderCard.es.js";
@@ -20,10 +20,10 @@ import { default as se } from "./components/ResourceCard/ResourceCard.es.js";
20
20
  import { default as ee } from "./components/SearchInput/SearchInput.es.js";
21
21
  import { default as le } from "./components/TreeView/TreeView.es.js";
22
22
  import { ICON_TYPE as re } from "./components/TreeView/types.es.js";
23
- import { default as Ce } from "./components/SwitchView/SwitchView.es.js";
23
+ import { default as Ce } from "./components/ButtonGroup/ButtonGroup.es.js";
24
24
  import { c as pe, T as ne, a as me, b as de, d as ce, g as ye, e as ue, f as be, i as fe, k as xe, h as Ue, t as Te, j as Se, u as he } from "./Tab-fionqt7a.js";
25
- import { A as Ie, L as Ae, a as Be, c as ke, g as Pe, b as Fe, l as De } from "./Autocomplete-XmIFWgiQ.js";
26
- import { B as ve, b as we, g as Ge } from "./Backdrop-BSLhsv85.js";
25
+ import { A as Ie, L as Ae, a as Be, c as ke, g as Pe, b as Fe, l as De } from "./Autocomplete-BVy1WjPe.js";
26
+ import { B as ve, b as Ge, g as we } from "./Backdrop-BSLhsv85.js";
27
27
  import { B as He, b as _e, g as Ee } from "./Badge-D9BY47ln.js";
28
28
  import { B as ze, b as Oe } from "./Box-DjbKEblU.js";
29
29
  import { C as Qe, a as qe, b as Ne, d as We, c as Ye, f as Je, e as Ke, h as Xe, g as Ze } from "./CardContent-rIQGzMEo.js";
@@ -34,7 +34,7 @@ import { C as mt, c as dt, g as ct } from "./CustomTreeItem-D-Fd2rf4.js";
34
34
  import { D as ut, a as bt, d as ft, b as xt, e as Ut, g as Tt, c as St, f as ht } from "./DialogContent-Bnuj13Sv.js";
35
35
  import { D as It, a as At, d as Bt, g as kt } from "./DialogTitle-BT0ckfTq.js";
36
36
  import { D as Ft } from "./Divider-Bsr4YOx4.js";
37
- import { F as Mt, a as vt, c as wt, f as Gt, b as Rt, g as Ht, d as _t } from "./FormLabel-C_NeUysJ.js";
37
+ import { F as Mt, a as vt, c as Gt, f as wt, b as Rt, g as Ht, d as _t } from "./FormLabel-C_NeUysJ.js";
38
38
  import { F as Vt, R as zt, f as Ot, g as jt, a as Qt, r as qt, u as Nt } from "./Radio-DQq7Mj29.js";
39
39
  import { F as Yt, R as Jt, f as Kt, g as Xt, a as Zt, r as $t } from "./RadioGroup-D-KO9Ylf.js";
40
40
  import { F as al, T as el, f as tl, g as ll, a as ol, t as rl } from "./TextField-CbcJBZMa.js";
@@ -44,7 +44,7 @@ import { I as ml, g as dl, i as cl } from "./IconButton-ZOYYBKrY.js";
44
44
  import { I as ul, a as bl, S as fl, c as xl, g as Ul, d as Tl, i as Sl, b as hl, s as Ll } from "./Select-CHo4cwj1.js";
45
45
  import { L as Al, g as Bl, l as kl } from "./Link-CPIGW37d.js";
46
46
  import { L as Fl, g as Dl, l as Ml } from "./List-4Tnjo8WV.js";
47
- import { L as wl, b as Gl, g as Rl, a as Hl, l as _l } from "./ListItem-CeosJHtu.js";
47
+ import { L as Gl, b as wl, g as Rl, a as Hl, l as _l } from "./ListItem-CeosJHtu.js";
48
48
  import { L as Vl, a as zl } from "./ListItemText-BlTklQGT.js";
49
49
  import { M as jl, g as Ql, m as ql } from "./Menu-CtyhzSeU.js";
50
50
  import { M as Wl, g as Yl, a as Jl, l as Kl, m as Xl } from "./MenuItem-Cpp55CvO.js";
@@ -53,7 +53,7 @@ import { P as lo, g as oo, p as ro } from "./Paper-yeP8q4RO.js";
53
53
  import { S as Co } from "./Stack-B_iq0mhq.js";
54
54
  import { S as po, a as no, d as mo, b as co, c as yo, k as uo, f as bo, i as fo, g as xo, l as Uo, e as To, s as So, h as ho, j as Lo, u as Io, m as Ao } from "./Stepper-Co2LRzY9.js";
55
55
  import { S as ko, g as Po, s as Fo } from "./createSvgIcon-BWru5SCV.js";
56
- import { S as Mo, g as vo, s as wo } from "./Switch-B0HwIwIM.js";
56
+ import { S as Mo, g as vo, s as Go } from "./Switch-B0HwIwIM.js";
57
57
  import { T as Ro, g as Ho, t as _o } from "./Tooltip-KsV9NFU9.js";
58
58
  import { T as Vo, g as zo, t as Oo } from "./Typography-CYUXO-Vm.js";
59
59
  import { T as Qo, n as qo, b as No, c as Wo, y as Yo, u as Jo, v as Ko, q as Xo, f as Zo, w as $o, x as sr, m as ar, z as er, j as tr, k as lr, A as or, g as rr, a as ir, h as Cr, e as gr, l as pr, s as nr, o as mr, D as dr, C as cr, E as yr, p as ur, i as br, r as fr, d as xr, B as Ur, t as Tr } from "./generateUtilityClasses-BbL5PyhJ.js";
@@ -62,7 +62,7 @@ import { u as Ar } from "./useFormControl-CatNKXAi.js";
62
62
  import { g as kr, l as Pr } from "./listItemTextClasses-x9hDn3Oc.js";
63
63
  import { u as Dr } from "./useTheme-B0omzE6M.js";
64
64
  import { u as vr } from "./useThemeProps-Bel8apgw.js";
65
- import { s as Gr } from "./DefaultPropsProvider-CRQ3Gr22.js";
65
+ import { s as wr } from "./DefaultPropsProvider-CRQ3Gr22.js";
66
66
  import { css as Hr, keyframes as _r } from "@emotion/react";
67
67
  export {
68
68
  e as Accordion,
@@ -79,6 +79,7 @@ export {
79
79
  ze as Box,
80
80
  C as Breadcrumbs,
81
81
  La as Button,
82
+ Ce as ButtonGroup,
82
83
  Qe as Card,
83
84
  g as CardActionArea,
84
85
  qe as CardActions,
@@ -103,7 +104,7 @@ export {
103
104
  y as Drawer,
104
105
  Fa as Dropzone,
105
106
  Ma as EllipsisWithTooltip,
106
- wa as EmptyState,
107
+ Ga as EmptyState,
107
108
  u as Experimental_CssVarsProvider,
108
109
  Ra as FileList,
109
110
  _a as FileListItem,
@@ -113,7 +114,7 @@ export {
113
114
  Yt as FormGroup,
114
115
  al as FormHelperText,
115
116
  vt as FormLabel,
116
- wt as FormLabelRoot,
117
+ Gt as FormLabelRoot,
117
118
  Cl as GlobalStyles,
118
119
  pl as Grid,
119
120
  Oa as Heading,
@@ -125,7 +126,7 @@ export {
125
126
  b as LinearProgress,
126
127
  Al as Link,
127
128
  Fl as List,
128
- wl as ListItem,
129
+ Gl as ListItem,
129
130
  Vl as ListItemButton,
130
131
  f as ListItemIcon,
131
132
  zl as ListItemText,
@@ -158,7 +159,6 @@ export {
158
159
  h as StyledEngineProvider,
159
160
  ko as SvgIcon,
160
161
  Mo as Switch,
161
- Ce as SwitchView,
162
162
  Qo as THEME_ID,
163
163
  pe as Tab,
164
164
  ne as TabContext,
@@ -176,8 +176,8 @@ export {
176
176
  ce as Tabs,
177
177
  el as TextField,
178
178
  v as ThemeProvider,
179
- w as ToggleButton,
180
- G as ToggleButtonGroup,
179
+ G as ToggleButton,
180
+ w as ToggleButtonGroup,
181
181
  R as Toolbar,
182
182
  Ro as Tooltip,
183
183
  le as TreeView,
@@ -193,7 +193,7 @@ export {
193
193
  j as appBarClasses,
194
194
  Be as autocompleteClasses,
195
195
  Q as avatarClasses,
196
- we as backdropClasses,
196
+ Ge as backdropClasses,
197
197
  _e as badgeClasses,
198
198
  No as blue,
199
199
  q as blueGrey,
@@ -235,7 +235,7 @@ export {
235
235
  ts as experimental_extendTheme,
236
236
  ls as experimental_sx,
237
237
  er as extendTheme,
238
- Gt as formControlClasses,
238
+ wt as formControlClasses,
239
239
  Ot as formControlLabelClasses,
240
240
  Kt as formGroupClasses,
241
241
  tl as formHelperTextClasses,
@@ -248,7 +248,7 @@ export {
248
248
  gs as getAppBarUtilityClass,
249
249
  Pe as getAutocompleteUtilityClass,
250
250
  ps as getAvatarUtilityClass,
251
- Ge as getBackdropUtilityClass,
251
+ we as getBackdropUtilityClass,
252
252
  Ee as getBadgeUtilityClass,
253
253
  ns as getBreadcrumbsUtilityClass,
254
254
  ms as getCardActionAreaUtilityClass,
@@ -281,7 +281,7 @@ export {
281
281
  Ul as getInputUtilityClass,
282
282
  xs as getLinearProgressUtilityClass,
283
283
  Bl as getLinkUtilityClass,
284
- Gl as getListItemButtonUtilityClass,
284
+ wl as getListItemButtonUtilityClass,
285
285
  Yl as getListItemIconUtilityClass,
286
286
  kr as getListItemTextUtilityClass,
287
287
  Rl as getListItemUtilityClass,
@@ -322,8 +322,8 @@ export {
322
322
  xe as getTabsUtilityClass,
323
323
  ol as getTextFieldUtilityClass,
324
324
  vs as getToggleButtonGroupUtilityClass,
325
- ws as getToggleButtonUtilityClass,
326
- Gs as getToolbarUtilityClass,
325
+ Gs as getToggleButtonUtilityClass,
326
+ ws as getToolbarUtilityClass,
327
327
  Ho as getTooltipUtilityClass,
328
328
  zo as getTypographyUtilityClass,
329
329
  rr as green,
@@ -376,9 +376,9 @@ export {
376
376
  So as stepClasses,
377
377
  ho as stepLabelClasses,
378
378
  Lo as stepperClasses,
379
- Gr as styled,
379
+ wr as styled,
380
380
  Fo as svgIconClasses,
381
- wo as switchClasses,
381
+ Go as switchClasses,
382
382
  Ue as tabClasses,
383
383
  Te as tabPanelClasses,
384
384
  Js as tableBodyClasses,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cgi-learning-hub/ui",
3
- "version": "1.6.0-dev.1749207390",
3
+ "version": "1.6.0-dev.1749214505",
4
4
  "private": false,
5
5
  "author": "CGI Learning-hub Team",
6
6
  "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -1,6 +0,0 @@
1
- "use strict";const Nt=require("react"),t=require("./index-DLnSn8GT.cjs"),U=require("./generateUtilityClasses-CEM-EnA0.cjs"),q=require("./Select-YiRsvCtO.cjs"),ie=require("./InputBase-D7cWCjsM.cjs"),Mt=require("./Close-BFNngmx-.cjs"),ue=require("./memoTheme-BvyhrtrO.cjs"),ut=require("./useSlot-CVpYSDNX.cjs"),T=require("react/jsx-runtime"),$=require("./DefaultPropsProvider-CsTuCVNC.cjs"),jt=require("./useId-DNXtOFeX.cjs"),ct=require("./useControlled-Ysk4KqoX.cjs"),Vt=require("./usePreviousProps-jC3PWcIp.cjs"),Je=require("./useEventCallback-BxpcFap0.cjs"),Ft=require("./Portal-B5KqLEa0.cjs"),$t=require("./Paper-Dy4nClba.cjs"),wt=require("./Popper-Dx7Ddmig.cjs"),qt=require("./Chip-CkonlDiW.cjs"),Xe=require("./capitalize-jkeaHv-a.cjs"),At=require("./IconButton-BzvVYvTv.cjs"),It=require("./chainPropTypes-CEUi6Jb4.cjs"),zt=require("./integerPropType-Ched4o4e.cjs");function Ht(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const u in n)if(u!=="default"){const f=Object.getOwnPropertyDescriptor(n,u);Object.defineProperty(s,u,f.get?f:{enumerable:!0,get:()=>n[u]})}}return s.default=n,Object.freeze(s)}const P=Ht(Nt);function Ot(n){return n.normalize("NFD").replace(/[\u0300-\u036f]/g,"")}function Lt(n={}){const{ignoreAccents:s=!0,ignoreCase:u=!0,limit:f,matchFrom:w="any",stringify:E,trim:A=!1}=n;return(N,{inputValue:W,getOptionLabel:x})=>{let v=A?W.trim():W;u&&(v=v.toLowerCase()),s&&(v=Ot(v));const G=v?N.filter(ce=>{let M=(E||x)(ce);return u&&(M=M.toLowerCase()),s&&(M=Ot(M)),w==="start"?M.startsWith(v):M.includes(v)}):N;return typeof f=="number"?G.slice(0,f):G}}const Bt=Lt(),Ut=5,Wt=n=>{var s;return n.current!==null&&((s=n.current.parentElement)==null?void 0:s.contains(document.activeElement))},Gt=[];function Ct(n,s,u,f){if(s||n==null||f)return"";const w=u(n);return typeof w=="string"?w:""}function _t(n){const{unstable_isActiveElementInListbox:s=Wt,unstable_classNamePrefix:u="Mui",autoComplete:f=!1,autoHighlight:w=!1,autoSelect:E=!1,blurOnSelect:A=!1,clearOnBlur:N=!n.freeSolo,clearOnEscape:W=!1,componentName:x="useAutocomplete",defaultValue:v=n.multiple?Gt:null,disableClearable:G=!1,disableCloseOnSelect:ce=!1,disabled:M,disabledItemsFocusable:ke=!1,disableListWrap:Re=!1,filterOptions:dt=Bt,filterSelectedOptions:De=!1,freeSolo:de=!1,getOptionDisabled:_,getOptionKey:Ee,getOptionLabel:Ye=o=>o.label??o,groupBy:re,handleHomeEndKeys:Qe=!n.freeSolo,id:ft,includeInputInList:Pe=!1,inputValue:Ne,isOptionEqualToValue:Z=(o,e)=>o===e,multiple:c=!1,onChange:Ze,onClose:et,onHighlightChange:Me,onInputChange:ee,onOpen:je,open:gt,openOnFocus:yt=!1,options:bt,readOnly:J=!1,renderValue:k,selectOnFocus:tt=!n.freeSolo,value:Ve}=n,j=jt.useId(ft);let S=Ye;S=o=>{const e=Ye(o);if(typeof e!="string"){if(process.env.NODE_ENV!=="production"){const r=e===void 0?"undefined":`${typeof e} (${e})`;console.error(`MUI: The \`getOptionLabel\` method of ${x} returned ${r} instead of a string for ${JSON.stringify(o)}.`)}return String(e)}return e};const fe=P.useRef(!1),Te=P.useRef(!0),h=P.useRef(null),F=P.useRef(null),[xe,ht]=P.useState(null),[V,Fe]=P.useState(-1),ot=w?0:-1,O=P.useRef(ot),mt=P.useRef(Ct(v??Ve,c,S)).current,[a,Ie]=ct.useControlled({controlled:Ve,default:v,name:x}),[g,se]=ct.useControlled({controlled:Ne,default:mt,name:x,state:"inputValue"}),[ge,qe]=P.useState(!1),ye=P.useCallback((o,e,r)=>{if(!(c?a.length<e.length:e!==null)&&!N)return;const l=Ct(e,c,S,k);g!==l&&(se(l),ee&&ee(o,l,r))},[S,g,c,ee,se,N,a,k]),[X,Oe]=ct.useControlled({controlled:gt,default:!1,name:x,state:"open"}),[Pt,be]=P.useState(!0),ze=!c&&a!=null&&g===S(a),R=X&&!J,b=R?dt(bt.filter(o=>!(De&&(c?a:[a]).some(e=>e!==null&&Z(o,e)))),{inputValue:ze&&Pt?"":g,getOptionLabel:S}):[],z=Vt.usePreviousProps({filteredOptions:b,value:a,inputValue:g});P.useEffect(()=>{const o=a!==z.value;ge&&!o||de&&!o||ye(null,a,"reset")},[a,ye,ge,z.value,de]);const He=X&&b.length>0&&!J,H=Je.useEventCallback(o=>{if(o===-1)h.current.focus();else{const e=k?"data-item-index":"data-tag-index";xe.querySelector(`[${e}="${o}"]`).focus()}});P.useEffect(()=>{c&&V>a.length-1&&(Fe(-1),H(-1))},[a,c,V,H]);function nt(o,e){if(!F.current||o<0||o>=b.length)return-1;let r=o;for(;;){const i=F.current.querySelector(`[data-option-index="${r}"]`),l=ke?!1:!i||i.disabled||i.getAttribute("aria-disabled")==="true";if(i&&i.hasAttribute("tabindex")&&!l)return r;if(e==="next"?r=(r+1)%b.length:r=(r-1+b.length)%b.length,r===o)return-1}}const Y=Je.useEventCallback(({event:o,index:e,reason:r})=>{if(O.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${j}-option-${e}`),Me&&["mouse","keyboard","touch"].includes(r)&&Me(o,e===-1?null:b[e],r),!F.current)return;const i=F.current.querySelector(`[role="option"].${u}-focused`);i&&(i.classList.remove(`${u}-focused`),i.classList.remove(`${u}-focusVisible`));let l=F.current;if(F.current.getAttribute("role")!=="listbox"&&(l=F.current.parentElement.querySelector('[role="listbox"]')),!l)return;if(e===-1){l.scrollTop=0;return}const y=F.current.querySelector(`[data-option-index="${e}"]`);if(y&&(y.classList.add(`${u}-focused`),r==="keyboard"&&y.classList.add(`${u}-focusVisible`),l.scrollHeight>l.clientHeight&&r!=="mouse"&&r!=="touch")){const m=y,L=l.clientHeight+l.scrollTop,we=m.offsetTop+m.offsetHeight;we>L?l.scrollTop=we-l.clientHeight:m.offsetTop-m.offsetHeight*(re?1.3:0)<l.scrollTop&&(l.scrollTop=m.offsetTop-m.offsetHeight*(re?1.3:0))}}),B=Je.useEventCallback(({event:o,diff:e,direction:r="next",reason:i})=>{if(!R)return;const y=nt((()=>{const m=b.length-1;if(e==="reset")return ot;if(e==="start")return 0;if(e==="end")return m;const L=O.current+e;return L<0?L===-1&&Pe?-1:Re&&O.current!==-1||Math.abs(e)>1?0:m:L>m?L===m+1&&Pe?-1:Re||Math.abs(e)>1?m:0:L})(),r);if(Y({index:y,reason:i,event:o}),f&&e!=="reset")if(y===-1)h.current.value=g;else{const m=S(b[y]);h.current.value=m,m.toLowerCase().indexOf(g.toLowerCase())===0&&g.length>0&&h.current.setSelectionRange(g.length,m.length)}}),rt=()=>{const o=(e,r)=>{const i=e?S(e):"",l=r?S(r):"";return i===l};if(O.current!==-1&&z.filteredOptions&&z.filteredOptions.length!==b.length&&z.inputValue===g&&(c?a.length===z.value.length&&z.value.every((e,r)=>S(a[r])===S(e)):o(z.value,a))){const e=z.filteredOptions[O.current];if(e)return b.findIndex(r=>S(r)===S(e))}return-1},Ce=P.useCallback(()=>{if(!R)return;const o=rt();if(o!==-1){O.current=o;return}const e=c?a[0]:a;if(b.length===0||e==null){B({diff:"reset"});return}if(F.current){if(e!=null){const r=b[O.current];if(c&&r&&a.findIndex(l=>Z(r,l))!==-1)return;const i=b.findIndex(l=>Z(l,e));i===-1?B({diff:"reset"}):Y({index:i});return}if(O.current>=b.length-1){Y({index:b.length-1});return}Y({index:O.current})}},[b.length,c?!1:a,De,B,Y,R,g,c]),st=Je.useEventCallback(o=>{Ft.setRef(F,o),o&&Ce()});process.env.NODE_ENV!=="production"&&P.useEffect(()=>{(!h.current||h.current.nodeName!=="INPUT")&&(h.current&&h.current.nodeName==="TEXTAREA"?console.warn([`A textarea element was provided to ${x} where input was expected.`,"This is not a supported scenario but it may work under certain conditions.","A textarea keyboard navigation may conflict with Autocomplete controls (for example enter and arrow keys).","Make sure to test keyboard navigation and add custom event handlers if necessary."].join(`
2
- `)):console.error([`MUI: Unable to find the input element. It was resolved to ${h.current} while an HTMLInputElement was expected.`,`Instead, ${x} expects an input element.`,"",x==="useAutocomplete"?"Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed.":"Make sure you have customized the input component correctly."].join(`
3
- `)))},[x]),P.useEffect(()=>{Ce()},[Ce]);const D=o=>{X||(Oe(!0),be(!0),je&&je(o))},le=(o,e)=>{X&&(Oe(!1),et&&et(o,e))},Q=(o,e,r,i)=>{if(c){if(a.length===e.length&&a.every((l,y)=>l===e[y]))return}else if(a===e)return;Ze&&Ze(o,e,r,i),Ie(e)},he=P.useRef(!1),K=(o,e,r="selectOption",i="options")=>{let l=r,y=e;if(c){if(y=Array.isArray(a)?a.slice():[],process.env.NODE_ENV!=="production"){const L=y.filter(we=>Z(e,we));L.length>1&&console.error([`MUI: The \`isOptionEqualToValue\` method of ${x} does not handle the arguments correctly.`,`The component expects a single value to match a given option but found ${L.length} matches.`].join(`
4
- `))}const m=y.findIndex(L=>Z(e,L));m===-1?y.push(e):i!=="freeSolo"&&(y.splice(m,1),l="removeOption")}ye(o,y,l),Q(o,y,l,{option:e}),!ce&&(!o||!o.ctrlKey&&!o.metaKey)&&le(o,l),(A===!0||A==="touch"&&he.current||A==="mouse"&&!he.current)&&h.current.blur()};function Be(o,e){if(o===-1)return-1;let r=o;for(;;){if(e==="next"&&r===a.length||e==="previous"&&r===-1)return-1;const i=k?"data-item-index":"data-tag-index",l=xe.querySelector(`[${i}="${r}"]`);if(!l||!l.hasAttribute("tabindex")||l.disabled||l.getAttribute("aria-disabled")==="true")r+=e==="next"?1:-1;else return r}}const Ue=(o,e)=>{if(!c)return;g===""&&le(o,"toggleInput");let r=V;V===-1?g===""&&e==="previous"&&(r=a.length-1):(r+=e==="next"?1:-1,r<0&&(r=0),r===a.length&&(r=-1)),r=Be(r,e),Fe(r),H(r)},ae=o=>{fe.current=!0,se(""),ee&&ee(o,"","clear"),Q(o,c?[]:null,"clear")},lt=o=>e=>{if(o.onKeyDown&&o.onKeyDown(e),!e.defaultMuiPrevented&&(V!==-1&&!["ArrowLeft","ArrowRight"].includes(e.key)&&(Fe(-1),H(-1)),e.which!==229))switch(e.key){case"Home":R&&Qe&&(e.preventDefault(),B({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":R&&Qe&&(e.preventDefault(),B({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),B({diff:-5,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"PageDown":e.preventDefault(),B({diff:Ut,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowDown":e.preventDefault(),B({diff:1,direction:"next",reason:"keyboard",event:e}),D(e);break;case"ArrowUp":e.preventDefault(),B({diff:-1,direction:"previous",reason:"keyboard",event:e}),D(e);break;case"ArrowLeft":!c&&k?H(0):Ue(e,"previous");break;case"ArrowRight":!c&&k?H(-1):Ue(e,"next");break;case"Enter":if(O.current!==-1&&R){const r=b[O.current],i=_?_(r):!1;if(e.preventDefault(),i)return;K(e,r,"selectOption"),f&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else de&&g!==""&&ze===!1&&(c&&e.preventDefault(),K(e,g,"createOption","freeSolo"));break;case"Escape":R?(e.preventDefault(),e.stopPropagation(),le(e,"escape")):W&&(g!==""||c&&a.length>0||k)&&(e.preventDefault(),e.stopPropagation(),ae(e));break;case"Backspace":if(c&&!J&&g===""&&a.length>0){const r=V===-1?a.length-1:V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),H(-1));break;case"Delete":if(c&&!J&&g===""&&a.length>0&&V!==-1){const r=V,i=a.slice();i.splice(r,1),Q(e,i,"removeOption",{option:a[r]})}!c&&k&&!J&&(Ie(null),H(-1));break}},at=o=>{qe(!0),yt&&!fe.current&&D(o)},pe=o=>{if(s(F)){h.current.focus();return}qe(!1),Te.current=!0,fe.current=!1,E&&O.current!==-1&&R?K(o,b[O.current],"blur"):E&&de&&g!==""?K(o,g,"blur","freeSolo"):N&&ye(o,a,"blur"),le(o,"blur")},ve=o=>{const e=o.target.value;g!==e&&(se(e),be(!1),ee&&ee(o,e,"input")),e===""?!G&&!c&&Q(o,null,"clear"):D(o)},Se=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));O.current!==e&&Y({event:o,index:e,reason:"mouse"})},pt=o=>{Y({event:o,index:Number(o.currentTarget.getAttribute("data-option-index")),reason:"touch"}),he.current=!0},it=o=>{const e=Number(o.currentTarget.getAttribute("data-option-index"));K(o,b[e],"selectOption"),he.current=!1},We=o=>e=>{const r=a.slice();r.splice(o,1),Q(e,r,"removeOption",{option:a[o]})},Tt=o=>{Q(o,null,"removeOption",{option:a})},me=o=>{X?le(o,"toggleInput"):D(o)},C=o=>{o.currentTarget.contains(o.target)&&o.target.getAttribute("id")!==j&&o.preventDefault()},I=o=>{o.currentTarget.contains(o.target)&&(h.current.focus(),tt&&Te.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),Te.current=!1)},te=o=>{!M&&(g===""||!X)&&me(o)};let $e=de&&g.length>0;$e=$e||(c?a.length>0:a!==null);let Ge=b;if(re){const o=new Map;let e=!1;Ge=b.reduce((r,i,l)=>{const y=re(i);return r.length>0&&r[r.length-1].group===y?r[r.length-1].options.push(i):(process.env.NODE_ENV!=="production"&&(o.get(y)&&!e&&(console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${x} returns duplicated headers.`,"You can solve the issue by sorting the options with the output of `groupBy`."),e=!0),o.set(y,!0)),r.push({key:l,index:l,group:y,options:[i]})),r},[])}return M&&ge&&pe(),{getRootProps:(o={})=>({...o,onKeyDown:lt(o),onMouseDown:C,onClick:I}),getInputLabelProps:()=>({id:`${j}-label`,htmlFor:j}),getInputProps:()=>({id:j,value:g,onBlur:pe,onFocus:at,onChange:ve,onMouseDown:te,"aria-activedescendant":R?"":null,"aria-autocomplete":f?"both":"list","aria-controls":He?`${j}-listbox`:void 0,"aria-expanded":He,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:M}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:ae}),getItemProps:({index:o=0}={})=>({...c&&{key:o},...k?{"data-item-index":o}:{"data-tag-index":o},tabIndex:-1,...!J&&{onDelete:c?We(o):Tt}}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:me}),getTagProps:({index:o})=>({key:o,"data-tag-index":o,tabIndex:-1,...!J&&{onDelete:We(o)}}),getListboxProps:()=>({role:"listbox",id:`${j}-listbox`,"aria-labelledby":`${j}-label`,ref:st,onMouseDown:o=>{o.preventDefault()}}),getOptionProps:({index:o,option:e})=>{const r=(c?a:[a]).some(l=>l!=null&&Z(e,l)),i=_?_(e):!1;return{key:(Ee==null?void 0:Ee(e))??S(e),tabIndex:-1,role:"option",id:`${j}-option-${o}`,onMouseMove:Se,onClick:it,onTouchStart:pt,"data-option-index":o,"aria-disabled":i,"aria-selected":r}},id:j,inputValue:g,value:a,dirty:$e,expanded:R&&xe,popupOpen:R,focused:ge||V!==-1,anchorEl:xe,setAnchorEl:ht,focusedItem:V,focusedTag:V,groupedOptions:Ge}}function kt(n){return U.generateUtilityClass("MuiListSubheader",n)}const Kt=U.generateUtilityClasses("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]),Jt=n=>{const{classes:s,color:u,disableGutters:f,inset:w,disableSticky:E}=n,A={root:["root",u!=="default"&&`color${Xe.capitalize(u)}`,!f&&"gutters",w&&"inset",!E&&"sticky"]};return $.composeClasses(A,kt,s)},Xt=$.styled("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.root,u.color!=="default"&&s[`color${Xe.capitalize(u.color)}`],!u.disableGutters&&s.gutters,u.inset&&s.inset,!u.disableSticky&&s.sticky]}})(ue.memoTheme(({theme:n})=>({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(n.vars||n).palette.text.secondary,fontFamily:n.typography.fontFamily,fontWeight:n.typography.fontWeightMedium,fontSize:n.typography.pxToRem(14),variants:[{props:{color:"primary"},style:{color:(n.vars||n).palette.primary.main}},{props:{color:"inherit"},style:{color:"inherit"}},{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.inset,style:{paddingLeft:72}},{props:({ownerState:s})=>!s.disableSticky,style:{position:"sticky",top:0,zIndex:1,backgroundColor:(n.vars||n).palette.background.paper}}]}))),Le=P.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiListSubheader"}),{className:w,color:E="default",component:A="li",disableGutters:N=!1,disableSticky:W=!1,inset:x=!1,...v}=f,G={...f,color:E,component:A,disableGutters:N,disableSticky:W,inset:x},ce=Jt(G);return T.jsx(Xt,{as:A,className:U.clsx(ce.root,w),ref:u,ownerState:G,...v})});Le&&(Le.muiSkipListHighlight=!0);process.env.NODE_ENV!=="production"&&(Le.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOf(["default","inherit","primary"]),component:t.PropTypes.elementType,disableGutters:t.PropTypes.bool,disableSticky:t.PropTypes.bool,inset:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object])});function Rt(n){return U.generateUtilityClass("MuiAutocomplete",n)}const p=U.generateUtilityClasses("MuiAutocomplete",["root","expanded","fullWidth","focused","focusVisible","tag","tagSizeSmall","tagSizeMedium","hasPopupIcon","hasClearIcon","inputRoot","input","inputFocused","endAdornment","clearIndicator","popupIndicator","popupIndicatorOpen","popper","popperDisablePortal","paper","listbox","loading","noOptions","option","groupLabel","groupUl"]);var vt,St;const Yt=n=>{const{classes:s,disablePortal:u,expanded:f,focused:w,fullWidth:E,hasClearIcon:A,hasPopupIcon:N,inputFocused:W,popupOpen:x,size:v}=n,G={root:["root",f&&"expanded",w&&"focused",E&&"fullWidth",A&&"hasClearIcon",N&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",W&&"inputFocused"],tag:["tag",`tagSize${Xe.capitalize(v)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",x&&"popupIndicatorOpen"],popper:["popper",u&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return $.composeClasses(G,Rt,s)},Qt=$.styled("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(n,s)=>{const{ownerState:u}=n,{fullWidth:f,hasClearIcon:w,hasPopupIcon:E,inputFocused:A,size:N}=u;return[{[`& .${p.tag}`]:s.tag},{[`& .${p.tag}`]:s[`tagSize${Xe.capitalize(N)}`]},{[`& .${p.inputRoot}`]:s.inputRoot},{[`& .${p.input}`]:s.input},{[`& .${p.input}`]:A&&s.inputFocused},s.root,f&&s.fullWidth,E&&s.hasPopupIcon,w&&s.hasClearIcon]}})({[`&.${p.focused} .${p.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${p.clearIndicator}`]:{visibility:"visible"}},[`& .${p.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${p.inputRoot}`]:{[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:30},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:56},[`& .${p.input}`]:{width:0,minWidth:30}},[`& .${q.inputClasses.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${q.inputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${q.inputClasses.input}`]:{padding:"2px 4px 3px 0"}},[`& .${q.outlinedInputClasses.root}`]:{padding:9,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${p.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${q.outlinedInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${p.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${q.filledInputClasses.root}`]:{paddingTop:19,paddingLeft:8,[`.${p.hasPopupIcon}&, .${p.hasClearIcon}&`]:{paddingRight:39},[`.${p.hasPopupIcon}.${p.hasClearIcon}&`]:{paddingRight:65},[`& .${q.filledInputClasses.input}`]:{padding:"7px 4px"},[`& .${p.endAdornment}`]:{right:9}},[`& .${q.filledInputClasses.root}.${ie.inputBaseClasses.sizeSmall}`]:{paddingBottom:1,[`& .${q.filledInputClasses.input}`]:{padding:"2.5px 4px"}},[`& .${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:8},[`& .${q.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${p.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${q.filledInputClasses.root}.${ie.inputBaseClasses.hiddenLabel}.${ie.inputBaseClasses.sizeSmall}`]:{[`& .${p.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${p.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${p.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${p.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${p.inputRoot}`]:{flexWrap:"wrap"}}}]}),Zt=$.styled("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(n,s)=>s.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),eo=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(n,s)=>s.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),to=$.styled(At.IconButton,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[s.popupIndicator,u.popupOpen&&s.popupIndicatorOpen]}})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),oo=$.styled(wt.Popper,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(n,s)=>{const{ownerState:u}=n;return[{[`& .${p.option}`]:s.option},s.popper,u.disablePortal&&s.popperDisablePortal]}})(ue.memoTheme(({theme:n})=>({zIndex:(n.vars||n).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]}))),no=$.styled($t.Paper,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(n,s)=>s.paper})(ue.memoTheme(({theme:n})=>({...n.typography.body1,overflow:"auto"}))),ro=$.styled("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(n,s)=>s.loading})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),so=$.styled("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(n,s)=>s.noOptions})(ue.memoTheme(({theme:n})=>({color:(n.vars||n).palette.text.secondary,padding:"14px 16px"}))),lo=$.styled("ul",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(n,s)=>s.listbox})(ue.memoTheme(({theme:n})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${p.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[n.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${p.focused}`]:{backgroundColor:(n.vars||n).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(n.vars||n).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${p.focusVisible}`]:{backgroundColor:(n.vars||n).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / ${n.vars.palette.action.selectedOpacity})`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity),[`&.${p.focused}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.hoverOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(n.vars||n).palette.action.selected}},[`&.${p.focusVisible}`]:{backgroundColor:n.vars?`rgba(${n.vars.palette.primary.mainChannel} / calc(${n.vars.palette.action.selectedOpacity} + ${n.vars.palette.action.focusOpacity}))`:U.alpha(n.palette.primary.main,n.palette.action.selectedOpacity+n.palette.action.focusOpacity)}}}}))),ao=$.styled(Le,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(n,s)=>s.groupLabel})(ue.memoTheme(({theme:n})=>({backgroundColor:(n.vars||n).palette.background.paper,top:-8}))),po=$.styled("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(n,s)=>s.groupUl})({padding:0,[`& .${p.option}`]:{paddingLeft:24}}),Dt=P.forwardRef(function(s,u){const f=$.useDefaultProps({props:s,name:"MuiAutocomplete"}),{autoComplete:w=!1,autoHighlight:E=!1,autoSelect:A=!1,blurOnSelect:N=!1,ChipProps:W,className:x,clearIcon:v=vt||(vt=T.jsx(Mt.CloseIcon,{fontSize:"small"})),clearOnBlur:G=!f.freeSolo,clearOnEscape:ce=!1,clearText:M="Clear",closeText:ke="Close",componentsProps:Re,defaultValue:dt=f.multiple?[]:null,disableClearable:De=!1,disableCloseOnSelect:de=!1,disabled:_=!1,disabledItemsFocusable:Ee=!1,disableListWrap:Ye=!1,disablePortal:re=!1,filterOptions:Qe,filterSelectedOptions:ft=!1,forcePopupIcon:Pe="auto",freeSolo:Ne=!1,fullWidth:Z=!1,getLimitTagsText:c=d=>`+${d}`,getOptionDisabled:Ze,getOptionKey:et,getOptionLabel:Me,isOptionEqualToValue:ee,groupBy:je,handleHomeEndKeys:gt=!f.freeSolo,id:yt,includeInputInList:bt=!1,inputValue:J,limitTags:k=-1,ListboxComponent:tt,ListboxProps:Ve,loading:j=!1,loadingText:S="Loading…",multiple:fe=!1,noOptionsText:Te="No options",onChange:h,onClose:F,onHighlightChange:xe,onInputChange:ht,onOpen:V,open:Fe,openOnFocus:ot=!1,openText:O="Open",options:mt,PaperComponent:a,PopperComponent:Ie,popupIcon:g=St||(St=T.jsx(q.ArrowDropDownIcon,{})),readOnly:se=!1,renderGroup:ge,renderInput:qe,renderOption:ye,renderTags:X,renderValue:Oe,selectOnFocus:Pt=!f.freeSolo,size:be="medium",slots:ze={},slotProps:R={},value:b,...z}=f,{getRootProps:He,getInputProps:H,getInputLabelProps:nt,getPopupIndicatorProps:Y,getClearProps:B,getItemProps:rt,getListboxProps:Ce,getOptionProps:st,value:D,dirty:le,expanded:Q,id:he,popupOpen:K,focused:Be,focusedItem:Ue,anchorEl:ae,setAnchorEl:lt,inputValue:at,groupedOptions:pe}=_t({...f,componentName:"Autocomplete"}),ve=!De&&!_&&le&&!se,Se=(!Ne||Pe===!0)&&Pe!==!1,{onMouseDown:pt}=H(),{ref:it,...We}=Ce(),me=Me||(d=>d.label??d),C={...f,disablePortal:re,expanded:Q,focused:Be,fullWidth:Z,getOptionLabel:me,hasClearIcon:ve,hasPopupIcon:Se,inputFocused:Ue===-1,popupOpen:K,size:be},I=Yt(C),te={slots:{paper:a,popper:Ie,...ze},slotProps:{chip:W,listbox:Ve,...Re,...R}},[$e,Ge]=ut.useSlot("listbox",{elementType:lo,externalForwardedProps:te,ownerState:C,className:I.listbox,additionalProps:We,ref:it}),[o,e]=ut.useSlot("paper",{elementType:$t.Paper,externalForwardedProps:te,ownerState:C,className:I.paper}),[r,i]=ut.useSlot("popper",{elementType:wt.Popper,externalForwardedProps:te,ownerState:C,className:I.popper,additionalProps:{disablePortal:re,style:{width:ae?ae.clientWidth:null},role:"presentation",anchorEl:ae,open:K}});let l;const y=d=>({className:I.tag,disabled:_,...rt(d)});if(X&&fe&&D.length>0?l=X(D,y,C):Oe&&D?l=Oe(D,y,C):fe&&D.length>0&&(l=D.map((d,oe)=>{const{key:ne,...Ae}=y({index:oe});return T.jsx(qt.Chip,{label:me(d),size:be,...Ae,...te.slotProps.chip},ne)})),k>-1&&Array.isArray(l)){const d=l.length-k;!Be&&d>0&&(l=l.splice(0,k),l.push(T.jsx("span",{className:I.tag,children:c(d)},l.length)))}const L=ge||(d=>T.jsxs("li",{children:[T.jsx(ao,{className:I.groupLabel,ownerState:C,component:"div",children:d.group}),T.jsx(po,{className:I.groupUl,ownerState:C,children:d.children})]},d.key)),Et=ye||((d,oe)=>{const{key:ne,...Ae}=d;return T.jsx("li",{...Ae,children:me(oe)},ne)}),xt=(d,oe)=>{const ne=st({option:d,index:oe});return Et({...ne,className:I.option},d,{selected:ne["aria-selected"],index:oe,inputValue:at},C)},_e=te.slotProps.clearIndicator,Ke=te.slotProps.popupIndicator;return T.jsxs(P.Fragment,{children:[T.jsx(Qt,{ref:u,className:U.clsx(I.root,x),ownerState:C,...He(z),children:qe({id:he,disabled:_,fullWidth:!0,size:be==="small"?"small":void 0,InputLabelProps:nt(),InputProps:{ref:lt,className:I.inputRoot,startAdornment:l,onMouseDown:d=>{d.target===d.currentTarget&&pt(d)},...(ve||Se)&&{endAdornment:T.jsxs(Zt,{className:I.endAdornment,ownerState:C,children:[ve?T.jsx(eo,{...B(),"aria-label":M,title:M,ownerState:C,..._e,className:U.clsx(I.clearIndicator,_e==null?void 0:_e.className),children:v}):null,Se?T.jsx(to,{...Y(),disabled:_,"aria-label":K?ke:O,title:K?ke:O,ownerState:C,...Ke,className:U.clsx(I.popupIndicator,Ke==null?void 0:Ke.className),children:g}):null]})}},inputProps:{className:I.input,disabled:_,readOnly:se,...H()}})}),ae?T.jsx(oo,{as:r,...i,children:T.jsxs(no,{as:o,...e,children:[j&&pe.length===0?T.jsx(ro,{className:I.loading,ownerState:C,children:S}):null,pe.length===0&&!Ne&&!j?T.jsx(so,{className:I.noOptions,ownerState:C,role:"presentation",onMouseDown:d=>{d.preventDefault()},children:Te}):null,pe.length>0?T.jsx($e,{as:tt,...Ge,children:pe.map((d,oe)=>je?L({key:d.key,group:d.group,children:d.options.map((ne,Ae)=>xt(ne,d.index+Ae))}):xt(d,oe))}):null]})}):null]})});process.env.NODE_ENV!=="production"&&(Dt.propTypes={autoComplete:t.PropTypes.bool,autoHighlight:t.PropTypes.bool,autoSelect:t.PropTypes.bool,blurOnSelect:t.PropTypes.oneOfType([t.PropTypes.oneOf(["mouse","touch"]),t.PropTypes.bool]),ChipProps:t.PropTypes.object,classes:t.PropTypes.object,className:t.PropTypes.string,clearIcon:t.PropTypes.node,clearOnBlur:t.PropTypes.bool,clearOnEscape:t.PropTypes.bool,clearText:t.PropTypes.string,closeText:t.PropTypes.string,componentsProps:t.PropTypes.shape({clearIndicator:t.PropTypes.object,paper:t.PropTypes.object,popper:t.PropTypes.object,popupIndicator:t.PropTypes.object}),defaultValue:It.chainPropTypes(t.PropTypes.any,n=>n.multiple&&n.defaultValue!==void 0&&!Array.isArray(n.defaultValue)?new Error(["MUI: The Autocomplete expects the `defaultValue` prop to be an array when `multiple={true}` or undefined.",`However, ${n.defaultValue} was provided.`].join(`
5
- `)):null),disableClearable:t.PropTypes.bool,disableCloseOnSelect:t.PropTypes.bool,disabled:t.PropTypes.bool,disabledItemsFocusable:t.PropTypes.bool,disableListWrap:t.PropTypes.bool,disablePortal:t.PropTypes.bool,filterOptions:t.PropTypes.func,filterSelectedOptions:t.PropTypes.bool,forcePopupIcon:t.PropTypes.oneOfType([t.PropTypes.oneOf(["auto"]),t.PropTypes.bool]),freeSolo:t.PropTypes.bool,fullWidth:t.PropTypes.bool,getLimitTagsText:t.PropTypes.func,getOptionDisabled:t.PropTypes.func,getOptionKey:t.PropTypes.func,getOptionLabel:t.PropTypes.func,groupBy:t.PropTypes.func,handleHomeEndKeys:t.PropTypes.bool,id:t.PropTypes.string,includeInputInList:t.PropTypes.bool,inputValue:t.PropTypes.string,isOptionEqualToValue:t.PropTypes.func,limitTags:zt.integerPropType,ListboxComponent:t.PropTypes.elementType,ListboxProps:t.PropTypes.object,loading:t.PropTypes.bool,loadingText:t.PropTypes.node,multiple:t.PropTypes.bool,noOptionsText:t.PropTypes.node,onChange:t.PropTypes.func,onClose:t.PropTypes.func,onHighlightChange:t.PropTypes.func,onInputChange:t.PropTypes.func,onKeyDown:t.PropTypes.func,onOpen:t.PropTypes.func,open:t.PropTypes.bool,openOnFocus:t.PropTypes.bool,openText:t.PropTypes.string,options:t.PropTypes.array.isRequired,PaperComponent:t.PropTypes.elementType,PopperComponent:t.PropTypes.elementType,popupIcon:t.PropTypes.node,readOnly:t.PropTypes.bool,renderGroup:t.PropTypes.func,renderInput:t.PropTypes.func.isRequired,renderOption:t.PropTypes.func,renderTags:t.PropTypes.func,renderValue:t.PropTypes.func,selectOnFocus:t.PropTypes.bool,size:t.PropTypes.oneOfType([t.PropTypes.oneOf(["small","medium"]),t.PropTypes.string]),slotProps:t.PropTypes.shape({chip:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),clearIndicator:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),listbox:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),paper:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),popper:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object]),popupIndicator:t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object])}),slots:t.PropTypes.shape({listbox:t.PropTypes.elementType,paper:t.PropTypes.elementType,popper:t.PropTypes.elementType}),sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:It.chainPropTypes(t.PropTypes.any,n=>n.multiple&&n.value!==void 0&&!Array.isArray(n.value)?new Error(["MUI: The Autocomplete expects the `value` prop to be an array when `multiple={true}` or undefined.",`However, ${n.value} was provided.`].join(`
6
- `)):null)});exports.Autocomplete=Dt;exports.ListSubheader=Le;exports.autocompleteClasses=p;exports.createFilterOptions=Lt;exports.getAutocompleteUtilityClass=Rt;exports.getListSubheaderUtilityClass=kt;exports.listSubheaderClasses=Kt;
@@ -1 +0,0 @@
1
- "use strict";const r=require("react/jsx-runtime"),t=require("./style.cjs.js"),u=({viewMode:n,toggleButtonList:s,onChange:o,colorVariant:l="primary",size:a="small",orientation:c="horizontal"})=>r.jsx(t.StyledToggleButtonGroup,{value:n,exclusive:!0,onChange:(e,i)=>{i!==null&&o(i)},size:a,orientation:c,colorvariant:l,children:s.map(e=>r.jsx(t.StyledToggleButton,{value:e.value,colorvariant:l,disabled:e.disabled,children:e.icon},e.value))});module.exports=u;
@@ -1,3 +0,0 @@
1
- import { SwitchViewProps, ToggleButtonItem } from './types';
2
- declare const SwitchView: <T extends readonly ToggleButtonItem<string>[]>({ viewMode, toggleButtonList, onChange, colorVariant, size, orientation, }: SwitchViewProps<T>) => import("react/jsx-runtime").JSX.Element;
3
- export default SwitchView;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./SwitchView.cjs.js");exports.SwitchView=e;
@@ -1,2 +0,0 @@
1
- export { default as SwitchView } from './SwitchView';
2
- export * from './types';
@@ -1,4 +0,0 @@
1
- import { default as a } from "./SwitchView.es.js";
2
- export {
3
- a as SwitchView
4
- };
@@ -1,143 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),T=require("../../createSvgIcon-r-LuM8rr.cjs"),a=require("react"),u=require("../SwitchView/SwitchView.cjs.js"),d=require("../../Box-xgRKDOV1.cjs"),t=require("../../Typography-CTc5xI5k.cjs"),l=require("../../Grid-D0L0VF_j.cjs"),y=require("../../Button-qSgmSSw2.cjs"),o=require("../../Paper-Dy4nClba.cjs"),S=T.createSvgIcon(e.jsx("path",{d:"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M8 11H4V6h4zm6 0h-4V6h4zm6 0h-4V6h4zM8 18H4v-5h4zm6 0h-4v-5h4zm6 0h-4v-5h4z"}),"CalendarViewMonth"),f=T.createSvgIcon(e.jsx("path",{fillRule:"evenodd",d:"M3 3v8h8V3zm6 6H5V5h4zm-6 4v8h8v-8zm6 6H5v-4h4zm4-16v8h8V3zm6 6h-4V5h4zm-6 4v8h8v-8zm6 6h-4v-4h4z"}),"GridView"),j=T.createSvgIcon(e.jsx("path",{d:"M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"}),"List"),b=T.createSvgIcon(e.jsx("path",{d:"M21 8H3V4h18zm0 2H3v4h18zm0 6H3v4h18z"}),"TableRows"),B=T.createSvgIcon(e.jsx("path",{d:"M2 4v7h20V4zm8 16h12v-7H10zm-8 0h6v-7H2z"}),"ViewComfy"),w=T.createSvgIcon(e.jsx("path",{d:"M14.67 5v6.5H9.33V5zm1 6.5H21V5h-5.33zm-1 7.5v-6.5H9.33V19zm1-6.5V19H21v-6.5zm-7.34 0H3V19h5.33zm0-1V5H3v6.5z"}),"ViewModule"),I={title:"Components/SwitchView",component:u,argTypes:{toggleButtonList:{description:"**[Requis]** Liste des boutons à afficher dans le SwitchView.",control:"object",table:{required:!0,type:{summary:"readonly ToggleButtonItem[]"}}},viewMode:{description:"**[Requis]** Valeur actuellement sélectionnée.",control:"text",table:{required:!0,type:{summary:"T[number]['value']"}}},onChange:{description:"**[Requis]** Fonction appelée lorsqu'un bouton est sélectionné.",table:{required:!0,type:{summary:"(value: T[number]['value']) => void"}}},colorVariant:{description:"**[Optionnel]** Variante de couleur des boutons.",control:"select",options:["primary","secondary"],defaultValue:"primary",table:{required:!1,type:{summary:"ColorVariant"},defaultValue:{summary:"primary"}}},size:{description:"**[Optionnel]** Taille des boutons.",control:"select",options:["small","medium","large"],defaultValue:"small",table:{required:!1,type:{summary:"string"},defaultValue:{summary:"small"}}},orientation:{description:"**[Optionnel]** Orientation du groupe de boutons.",control:"select",options:["horizontal","vertical"],defaultValue:"horizontal",table:{required:!1,type:{summary:"string"},defaultValue:{summary:"horizontal"}}}},parameters:{docs:{description:{component:`
2
- ## SwitchView
3
-
4
- Un composant générique TypeScript pour permettre à l'utilisateur de basculer entre différents modes d'affichage ou options avec une sécurité de type complète.
5
-
6
- ### 🔥 Typage générique et sécurité des types
7
-
8
- Le SwitchView utilise TypeScript générique avancé pour inférer automatiquement les types des valeurs possibles à partir de la liste des boutons fournie. **Il n'est plus nécessaire de définir un enum**, les types sont déduits automatiquement grâce à la magie de TypeScript !
9
-
10
- **Point clé** : Utilisez toujours \`as const\` après votre tableau de boutons pour permettre l'inférence de type littéral.
11
-
12
- ### 🎯 Utilisation recommandée pour éviter les types 'any'
13
-
14
- \`\`\`typescript
15
- // ✅ CORRECT : Définition avec 'as const' pour l'inférence de type
16
- const viewButtons = [
17
- { value: "cards", icon: <ViewModuleIcon /> },
18
- { value: "table", icon: <TableRowsIcon /> },
19
- { value: "list", icon: <ListIcon /> }
20
- ] as const; // ← IMPORTANT : ne pas oublier 'as const'
21
-
22
- // ✅ CORRECT : Typage explicite pour le state et le handler
23
- type ViewType = (typeof viewButtons)[number]["value"]; // "cards" | "table" | "list"
24
-
25
- const [currentView, setCurrentView] = useState<ViewType>("cards");
26
-
27
- const handleViewChange = useCallback((value: ViewType) => {
28
- console.log(\`Vue sélectionnée: \${value}\`); // ← value est typé correctement
29
- setCurrentView(value);
30
- }, []);
31
-
32
- <SwitchView
33
- toggleButtonList={viewButtons}
34
- viewMode={currentView}
35
- onChange={handleViewChange} // ← Pas d'erreur 'any' !
36
- />
37
- \`\`\`
38
-
39
- ### ❌ À éviter : patterns qui causent des types 'any'
40
-
41
- \`\`\`typescript
42
- // ❌ INCORRECT : Sans 'as const'
43
- const viewButtons = [
44
- { value: "cards", icon: <ViewModuleIcon /> },
45
- { value: "table", icon: <TableRowsIcon /> }
46
- ]; // ← types inférés comme 'string' au lieu de littéraux
47
-
48
- // ❌ INCORRECT : Handler sans typage explicite
49
- const handleViewChange = (value) => { // ← 'value' aura le type 'any'
50
- setCurrentView(value);
51
- };
52
- \`\`\`
53
-
54
- ### 🛠️ Personnalisation
55
-
56
- - \`colorVariant\`: Choix entre les palettes "primary" et "secondary"
57
- - \`size\`: Contrôle la taille des boutons ("small", "medium", "large")
58
- - \`orientation\`: Affichage horizontal ou vertical du groupe de boutons
59
- - \`disabled\`: Possibilité de désactiver individuellement certains boutons
60
-
61
- ### 📋 Structure des données
62
-
63
- Le composant attend un tableau d'objets \`ToggleButtonItem\` typé de manière générique :
64
-
65
- \`\`\`typescript
66
- interface ToggleButtonItem<T extends string = string> {
67
- value: T; // Valeur unique pour ce bouton (obligatoire)
68
- icon: ReactNode; // Icône à afficher (obligatoire)
69
- disabled?: boolean; // Désactiver ce bouton spécifique (facultatif)
70
- }
71
-
72
- // Le composant infère automatiquement T à partir de votre tableau
73
- type SwitchViewProps<T extends readonly ToggleButtonItem<string>[]> = {
74
- toggleButtonList: T;
75
- viewMode: T[number]["value"]; // Type inféré automatiquement
76
- onChange: (value: T[number]["value"]) => void; // Type inféré automatiquement
77
- // ... autres props
78
- }
79
- \`\`\`
80
-
81
- ### 🎉 Avantages du typage générique
82
-
83
- 1. **Auto-complétion** : IDE suggère automatiquement les valeurs possibles
84
- 2. **Vérification à la compilation** : Erreurs détectées avant l'exécution
85
- 3. **Refactoring sûr** : Renommer une valeur met à jour toutes les références
86
- 4. **Documentation vivante** : Les types servent de documentation
87
-
88
- ### 💡 Conseils pour une utilisation optimale
89
-
90
- 1. **Utilisez des types helper** pour éviter la répétition :
91
- \`\`\`typescript
92
- type ViewConfig = typeof viewButtons;
93
- type ViewType = ViewConfig[number]["value"];
94
- \`\`\`
95
-
96
- 2. **Créez des constantes réutilisables** :
97
- \`\`\`typescript
98
- export const VIEW_MODES = {
99
- CARDS: "cards",
100
- TABLE: "table",
101
- LIST: "list"
102
- } as const;
103
-
104
- const viewButtons = [
105
- { value: VIEW_MODES.CARDS, icon: <ViewModuleIcon /> },
106
- // ...
107
- ] as const;
108
- \`\`\`
109
-
110
- 3. **Utilisez des factory functions** pour des configurations complexes :
111
- \`\`\`typescript
112
- const createViewButton = <T extends string>(value: T, icon: ReactNode) =>
113
- ({ value, icon } as const);
114
- \`\`\`
115
- `}}}},v=[{value:"cards",icon:e.jsx(w,{})},{value:"table",icon:e.jsx(b,{})},{value:"list",icon:e.jsx(j,{})}],C=[{value:"grid",icon:e.jsx(f,{})},{value:"cards",icon:e.jsx(B,{})},{value:"table",icon:e.jsx(b,{})},{value:"list",icon:e.jsx(j,{})},{value:"calendar",icon:e.jsx(S,{})}],q=[{value:"cards",icon:e.jsx(w,{})},{value:"table",icon:e.jsx(b,{}),disabled:!0},{value:"list",icon:e.jsx(j,{})}],P={render:()=>{const[n,i]=a.useState("cards"),c=a.useCallback(s=>{console.log(`Vue sélectionnée: ${s}`),i(s)},[]);return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Sélecteur de vue standard"}),e.jsx(u,{toggleButtonList:v,viewMode:n,onChange:c}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Vue actuelle: ",e.jsx("strong",{children:n})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Sélecteur de vue basique permettant de basculer entre trois modes d'affichage : cartes, tableau et liste."}}}},D={render:()=>{const[n,i]=a.useState("table"),[c,s]=a.useState("primary"),[h,r]=a.useState("small"),[x,m]=a.useState("horizontal");return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Personnalisation en temps réel"}),e.jsxs(l.Grid,{container:!0,spacing:2,sx:{mb:3},children:[e.jsxs(l.Grid,{size:{xs:12,sm:6,md:3},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Couleur"}),e.jsxs(d.Box,{sx:{display:"flex",gap:1},children:[e.jsx(y.Button,{size:"small",variant:c==="primary"?"contained":"outlined",onClick:()=>s("primary"),children:"Primary"}),e.jsx(y.Button,{size:"small",variant:c==="secondary"?"contained":"outlined",onClick:()=>s("secondary"),children:"Secondary"})]})]}),e.jsxs(l.Grid,{size:{xs:12,sm:6,md:3},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Taille"}),e.jsx(d.Box,{sx:{display:"flex",gap:1},children:["small","medium","large"].map(g=>e.jsx(y.Button,{size:"small",variant:h===g?"contained":"outlined",onClick:()=>r(g),children:g},g))})]}),e.jsxs(l.Grid,{size:{xs:12,sm:6,md:3},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Orientation"}),e.jsxs(d.Box,{sx:{display:"flex",gap:1},children:[e.jsx(y.Button,{size:"small",variant:x==="horizontal"?"contained":"outlined",onClick:()=>m("horizontal"),children:"Horizontal"}),e.jsx(y.Button,{size:"small",variant:x==="vertical"?"contained":"outlined",onClick:()=>m("vertical"),children:"Vertical"})]})]}),e.jsxs(l.Grid,{size:{xs:12,sm:6,md:3},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Vue actuelle"}),e.jsx(t.Typography,{variant:"body2",color:"primary",children:e.jsx("strong",{children:n})})]})]}),e.jsx(o.Paper,{sx:{p:3,display:"inline-block"},children:e.jsx(u,{toggleButtonList:v,viewMode:n,onChange:g=>{console.log(`Vue sélectionnée: ${g}`),i(g)},colorVariant:c,size:h,orientation:x})})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Interface de démonstration permettant de tester toutes les options de personnalisation disponibles : couleur, taille et orientation des boutons."}}}},L={render:()=>{const n=[{value:"on",icon:e.jsx(w,{})},{value:"off",icon:e.jsx(b,{})}],i=[{value:"active",icon:e.jsx(B,{})},{value:"inactive",icon:e.jsx(j,{})},{value:"pending",icon:e.jsx(f,{})}],c=[{value:"edit",icon:e.jsx(w,{})},{value:"view",icon:e.jsx(b,{})},{value:"preview",icon:e.jsx(j,{})}],[s,h]=a.useState("on"),[r,x]=a.useState("active"),[m,g]=a.useState("edit");return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Différents contextes d'utilisation"}),e.jsx(t.Typography,{variant:"body2",color:"text.secondary",paragraph:!0,children:"Le même composant s'adapte automatiquement à différents types de données."}),e.jsxs(l.Grid,{container:!0,spacing:3,children:[e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Mode binaire"}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",display:"block",sx:{mb:2},children:"Activation/Désactivation simple"}),e.jsx(u,{toggleButtonList:n,viewMode:s,onChange:p=>{console.log("Simple:",p),h(p)}}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["État: ",s]})]})}),e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Statut système"}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",display:"block",sx:{mb:2},children:"Gestion d'états métier"}),e.jsx(u,{toggleButtonList:i,viewMode:r,onChange:p=>{console.log("Status:",p),x(p)},colorVariant:"secondary"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Statut: ",r]})]})}),e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Mode d'édition"}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",display:"block",sx:{mb:2},children:"Interface utilisateur adaptative"}),e.jsx(u,{toggleButtonList:c,viewMode:m,onChange:p=>{console.log("Mode:",p),g(p)},size:"medium"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Mode: ",m]})]})})]}),e.jsxs(o.Paper,{sx:{p:2,mt:3,backgroundColor:"info.light",color:"info.contrastText"},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"🎯 Flexibilité du composant"}),e.jsx(t.Typography,{variant:"body2",children:"Un seul composant peut gérer n'importe quel ensemble d'options, s'adaptant automatiquement au contexte d'utilisation."})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration de la polyvalence du composant avec différents ensembles d'options : mode binaire, statuts système et modes d'édition."}}}},k={render:()=>{const n=["primary","secondary"],[i,c]=a.useState({primary:"cards",secondary:"table"});return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Comparaison des variantes de couleurs"}),e.jsx(l.Grid,{container:!0,spacing:3,children:n.map(s=>e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsxs(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Variante ",s]}),e.jsx(u,{toggleButtonList:v,viewMode:i[s],onChange:h=>{c(r=>({...r,[s]:h}))},colorVariant:s}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Sélectionné: ",i[s]]})]})},s))})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration des deux variantes de couleurs disponibles : primary et secondary."}}}},G={render:()=>{const n=["small","medium","large"],[i,c]=a.useState({small:"cards",medium:"table",large:"list"});return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Comparaison des tailles"}),e.jsx(l.Grid,{container:!0,spacing:3,children:n.map(s=>e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsxs(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Taille ",s]}),e.jsx(u,{toggleButtonList:v,viewMode:i[s],onChange:h=>{c(r=>({...r,[s]:h}))},size:s}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Sélectionné: ",i[s]]})]})},s))})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration des trois tailles disponibles : small, medium et large."}}}},R={render:()=>{const[n,i]=a.useState("grid"),c=a.useCallback(s=>{i(s)},[]);return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Orientation verticale"}),e.jsxs(l.Grid,{container:!0,spacing:3,children:[e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Orientation verticale - Taille medium"}),e.jsx(u,{toggleButtonList:C,viewMode:n,onChange:c,orientation:"vertical",size:"medium"})]})}),e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Orientation horizontale (comparaison)"}),e.jsx(u,{toggleButtonList:C,viewMode:n,onChange:c,orientation:"horizontal",size:"medium"})]})})]}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Vue actuelle: ",e.jsx("strong",{children:n})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration de l'orientation verticale comparée à l'orientation horizontale avec plus d'options."}}}},E={render:()=>{const[n,i]=a.useState("cards"),c=a.useCallback(s=>{i(s)},[]);return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Gestion des boutons désactivés"}),e.jsxs(o.Paper,{sx:{p:3},children:[e.jsx(u,{toggleButtonList:q,viewMode:n,onChange:c,size:"medium"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Vue actuelle: ",e.jsx("strong",{children:n})]}),e.jsx(t.Typography,{variant:"body2",color:"text.secondary",sx:{mt:1},children:'Le bouton "Table" est désactivé dans cet exemple'}),e.jsxs(d.Box,{sx:{mt:2},children:[e.jsx(y.Button,{variant:"outlined",size:"small",onClick:()=>i("list"),sx:{mr:1},children:"Sélectionner Liste"}),e.jsx(y.Button,{variant:"outlined",size:"small",onClick:()=>i("cards"),children:"Sélectionner Cartes"})]})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple montrant comment désactiver individuellement certains boutons en utilisant la propriété `disabled` dans les éléments du tableau."}}}},A={render:()=>{const[n,i]=a.useState("grid"),c=a.useCallback(s=>{i(s)},[]);return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Plus d'options d'affichage"}),e.jsxs(o.Paper,{sx:{p:3},children:[e.jsx(u,{toggleButtonList:C,viewMode:n,onChange:c,colorVariant:"secondary",size:"large"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Vue actuelle: ",e.jsx("strong",{children:n})]}),e.jsx(t.Typography,{variant:"body2",color:"text.secondary",sx:{mt:1},children:"Cet exemple montre un SwitchView avec 5 options différentes en variante secondary et taille large"})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple avec davantage d'options pour montrer la flexibilité du composant avec plusieurs modes d'affichage."}}}},O={render:()=>{const[n,i]=a.useState("cards"),c=a.useCallback(r=>{console.log("Changement de vue:",r),i(r)},[]),s=a.useCallback(r=>{console.log("Changement externe:",r),i(r)},[]),h=()=>{switch(n){case"cards":return"Affichage en cartes - Idéal pour une vue d'ensemble visuelle";case"table":return"Affichage en tableau - Parfait pour comparer des données";case"list":return"Affichage en liste - Optimal pour parcourir rapidement";default:return"Mode d'affichage inconnu"}};return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Synchronisation avec d'autres composants"}),e.jsxs(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Vue actuelle: ",e.jsx("strong",{children:n})]}),e.jsx(t.Typography,{variant:"body2",color:"text.secondary",paragraph:!0,children:h()}),e.jsxs(l.Grid,{container:!0,spacing:3,children:[e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"SwitchView Principal"}),e.jsx(u,{toggleButtonList:v,viewMode:n,onChange:c,size:"medium"})]})}),e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Contrôles externes"}),e.jsx(d.Box,{sx:{display:"flex",flexDirection:"column",gap:1},children:v.map(r=>e.jsxs(y.Button,{variant:n===r.value?"contained":"outlined",onClick:()=>s(r.value),size:"small",startIcon:r.icon,children:["Mode ",r.value]},r.value))})]})})]}),e.jsxs(o.Paper,{sx:{p:2,mt:2,backgroundColor:"grey.50"},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"Actions rapides"}),e.jsx(y.Button,{variant:"text",size:"small",onClick:()=>{const r=["cards","table","list"],x=r[Math.floor(Math.random()*r.length)];s(x)},sx:{mr:1},children:"Vue aléatoire"}),e.jsx(y.Button,{variant:"text",size:"small",onClick:()=>{const x=(v.findIndex(m=>m.value===n)+1)%v.length;s(v[x].value)},children:"Vue suivante"})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Démonstration de la synchronisation entre le SwitchView et d'autres composants. Cette story montre comment le SwitchView peut être intégré dans une interface complexe où la sélection peut provenir de différentes sources mais reste synchronisée."}}}},H={render:()=>{const n=[{value:"overview",icon:e.jsx(B,{})},{value:"detailed",icon:e.jsx(b,{})},{value:"analytics",icon:e.jsx(f,{})}],i=[{value:"grid",icon:e.jsx(f,{})},{value:"list",icon:e.jsx(j,{})},{value:"tree",icon:e.jsx(w,{})}],c=[{value:"chart",icon:e.jsx(S,{})},{value:"table",icon:e.jsx(b,{})},{value:"raw",icon:e.jsx(j,{}),disabled:!0}],[s,h]=a.useState("overview"),[r,x]=a.useState("grid"),[m,g]=a.useState("chart");return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"Cas d'utilisation dans une interface complexe"}),e.jsxs(l.Grid,{container:!0,spacing:3,children:[e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2,height:"100%"},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Dashboard"}),e.jsx(u,{toggleButtonList:n,viewMode:s,onChange:p=>h(p),colorVariant:"primary",size:"small",orientation:"vertical"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Mode: ",s]})]})}),e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2,height:"100%"},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Explorateur de fichiers"}),e.jsx(u,{toggleButtonList:i,viewMode:r,onChange:p=>x(p),colorVariant:"secondary",size:"medium"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Affichage: ",r]})]})}),e.jsx(l.Grid,{size:{xs:12,md:4},children:e.jsxs(o.Paper,{sx:{p:2,height:"100%"},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Visualisation de données"}),e.jsx(u,{toggleButtonList:c,viewMode:m,onChange:p=>g(p),colorVariant:"primary",size:"large"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:2},children:["Format: ",m]}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",children:'(Le mode "raw" est temporairement désactivé)'})]})})]}),e.jsxs(o.Paper,{sx:{p:2,mt:3,backgroundColor:"info.light",color:"info.contrastText"},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"📊 Résumé des sélections (tous typés !)"}),e.jsxs(t.Typography,{variant:"body2",children:["Dashboard: ",e.jsx("strong",{children:s})," | Fichiers:"," ",e.jsx("strong",{children:r})," | Données: ",e.jsx("strong",{children:m})]})]}),e.jsxs(o.Paper,{sx:{p:2,mt:2,backgroundColor:"warning.light",color:"warning.contrastText"},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"🔍 Inspection des types"}),e.jsxs(t.Typography,{variant:"body2",component:"div",children:[e.jsx("code",{children:"DashboardType:"})," ",'"overview" | "detailed" | "analytics"',e.jsx("br",{}),e.jsx("code",{children:"FileType:"})," ",'"grid" | "list" | "tree"',e.jsx("br",{}),e.jsx("code",{children:"DataType:"})," ",'"chart" | "table" | "raw"']}),e.jsx(t.Typography,{variant:"caption",sx:{mt:1,display:"block"},children:"Chaque callback reçoit exactement le bon type, aucune configuration supplémentaire requise !"})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Exemple d'utilisation complexe montrant comment le SwitchView peut être utilisé dans différents contextes au sein d'une même interface, avec différentes configurations (tailles, couleurs, orientations) selon le besoin. Chaque instance a son propre type inféré automatiquement."}}}},U={render:()=>{const n={CARDS:"cards",TABLE:"table",LIST:"list"},i=(V,z,M=!1)=>({value:V,icon:z,disabled:M}),c=[i(n.CARDS,e.jsx(w,{})),i(n.TABLE,e.jsx(b,{})),i(n.LIST,e.jsx(j,{}))],s=[i("dashboard",e.jsx(f,{})),i("users",e.jsx(B,{})),i("settings",e.jsx(S,{})),i("logs",e.jsx(j,{}),!0)],[h,r]=a.useState(n.CARDS),[x,m]=a.useState("dashboard"),g=a.useCallback(V=>{console.log("Vue commune changée:",V),r(V)},[]),p=a.useCallback(V=>{console.log("Vue admin changée:",V),m(V)},[]);return e.jsxs(d.Box,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"🚀 Bonnes pratiques pour le typage"}),e.jsxs(l.Grid,{container:!0,spacing:3,children:[e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Configuration standard"}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",display:"block",sx:{mb:2},children:"Utilisation de constantes et factory functions"}),e.jsx(u,{toggleButtonList:c,viewMode:h,onChange:g,size:"medium"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Sélection: ",h]})]})}),e.jsx(l.Grid,{size:{xs:12,md:6},children:e.jsxs(o.Paper,{sx:{p:2},children:[e.jsx(t.Typography,{variant:"subtitle1",gutterBottom:!0,children:"Configuration avancée"}),e.jsx(t.Typography,{variant:"caption",color:"text.secondary",display:"block",sx:{mb:2},children:"Types spécialisés avec bouton désactivé"}),e.jsx(u,{toggleButtonList:s,viewMode:x,onChange:p,colorVariant:"secondary",size:"medium"}),e.jsxs(t.Typography,{variant:"body2",sx:{mt:1},children:["Admin: ",x]})]})})]}),e.jsxs(o.Paper,{sx:{p:3,mt:3,backgroundColor:"success.light"},children:[e.jsx(t.Typography,{variant:"h6",gutterBottom:!0,children:"📚 Code examples - Bonnes pratiques"}),e.jsxs(d.Box,{sx:{mb:2},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"1. ✅ Utilisation de constantes réutilisables"}),e.jsx(o.Paper,{sx:{p:2,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.875rem",overflow:"auto"},children:`const VIEW_MODES = {
116
- CARDS: "cards",
117
- TABLE: "table",
118
- LIST: "list"
119
- } as const;
120
-
121
- const buttons = [
122
- { value: VIEW_MODES.CARDS, icon: <Icon /> }
123
- ] as const;`})})]}),e.jsxs(d.Box,{sx:{mb:2},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"2. ✅ Factory functions pour la réutilisabilité"}),e.jsx(o.Paper,{sx:{p:2,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.875rem",overflow:"auto"},children:`const createViewButton = <T extends string>(
124
- value: T,
125
- icon: ReactNode,
126
- disabled = false
127
- ) => ({ value, icon, disabled } as const);
128
-
129
- const buttons = [
130
- createViewButton("cards", <CardsIcon />),
131
- createViewButton("table", <TableIcon />, true)
132
- ] as const;`})})]}),e.jsxs(d.Box,{sx:{mb:2},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"3. ✅ Types helper pour éviter la répétition"}),e.jsx(o.Paper,{sx:{p:2,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.875rem",overflow:"auto"},children:`type ViewType = (typeof buttons)[number]["value"];
133
-
134
- const [view, setView] = useState<ViewType>("cards");
135
-
136
- const handleChange = useCallback((value: ViewType) => {
137
- // value est automatiquement typé !
138
- setView(value);
139
- }, []);`})})]}),e.jsxs(d.Box,{children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"4. ✅ Handler avec typage explicite"}),e.jsx(o.Paper,{sx:{p:2,backgroundColor:"grey.100"},children:e.jsx("pre",{style:{margin:0,fontSize:"0.875rem",overflow:"auto"},children:`<SwitchView
140
- toggleButtonList={buttons}
141
- viewMode={view}
142
- onChange={handleChange} // ← Pas de type 'any' !
143
- />`})})]})]}),e.jsxs(o.Paper,{sx:{p:2,mt:2,backgroundColor:"error.light",color:"error.contrastText"},children:[e.jsx(t.Typography,{variant:"subtitle2",gutterBottom:!0,children:"❌ À éviter"}),e.jsxs(t.Typography,{variant:"body2",component:"div",children:["• Oublier ",e.jsx("code",{children:"as const"})," après les tableaux",e.jsx("br",{}),"• Utiliser des handlers sans typage explicite",e.jsx("br",{}),"• Définir des valeurs en dur sans constantes",e.jsx("br",{}),"• Ignorer les warnings TypeScript"]})]})]})},parameters:{controls:{disable:!0},actions:{disable:!0},docs:{description:{story:"Cette story présente les meilleures pratiques pour utiliser le SwitchView avec un typage TypeScript optimal. Elle montre comment structurer votre code pour éviter les types 'any' et maximiser la sécurité de type."}}}};exports.AvecBoutonsDesactives=E;exports.BonnesPratiques=U;exports.CasUtilisationComplexe=H;exports.Controlable=D;exports.Default=P;exports.OptionsEtendues=A;exports.OrientationVerticale=R;exports.Synchronisation=O;exports.TaillesDifferentes=G;exports.TypageGenerique=L;exports.VariantesDecouleurs=k;exports.default=I;