@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.
- package/dist/{Autocomplete-XmIFWgiQ.js → Autocomplete-BVy1WjPe.js} +45 -45
- package/dist/Autocomplete-v4ZcHulv.cjs +6 -0
- package/dist/components/ButtonGroup/ButtonGroup.cjs.js +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +3 -0
- package/dist/components/{SwitchView/SwitchView.es.js → ButtonGroup/ButtonGroup.es.js} +11 -11
- package/dist/components/ButtonGroup/index.cjs.js +1 -0
- package/dist/components/ButtonGroup/index.d.ts +2 -0
- package/dist/components/ButtonGroup/index.es.js +4 -0
- package/dist/components/{SwitchView → ButtonGroup}/types.d.ts +3 -3
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.es.js +23 -23
- package/dist/components/stories/Autocomplete.stories.cjs.js +1 -1
- package/dist/components/stories/Autocomplete.stories.es.js +1 -1
- package/dist/components/stories/ButtonGroup.stories.cjs.js +143 -0
- package/dist/components/stories/{SwitchView.stories.d.ts → ButtonGroup.stories.d.ts} +3 -3
- package/dist/components/stories/{SwitchView.stories.es.js → ButtonGroup.stories.es.js} +150 -150
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +23 -23
- package/package.json +1 -1
- package/dist/Autocomplete-CpRv6_iv.cjs +0 -6
- package/dist/components/SwitchView/SwitchView.cjs.js +0 -1
- package/dist/components/SwitchView/SwitchView.d.ts +0 -3
- package/dist/components/SwitchView/index.cjs.js +0 -1
- package/dist/components/SwitchView/index.d.ts +0 -2
- package/dist/components/SwitchView/index.es.js +0 -4
- package/dist/components/stories/SwitchView.stories.cjs.js +0 -143
- /package/dist/components/{SwitchView → ButtonGroup}/style.cjs.js +0 -0
- /package/dist/components/{SwitchView → ButtonGroup}/style.es.js +0 -0
- /package/dist/components/{SwitchView → ButtonGroup}/types.cjs.js +0 -0
- /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
|
|
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
|
|
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/
|
|
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-
|
|
26
|
-
import { B as ve, b as
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
180
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
326
|
-
|
|
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
|
-
|
|
379
|
+
wr as styled,
|
|
380
380
|
Fo as svgIconClasses,
|
|
381
|
-
|
|
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.
|
|
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,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;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|