@cgi-learning-hub/ui 1.7.0 → 1.8.0
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/{Alert-OeEy_IGc.js → Alert-6yOnGlLE.js} +6 -6
- package/dist/{Alert-rPyl-bqs.cjs → Alert-CWHOYWde.cjs} +1 -1
- package/dist/{Alert-DPSZppEy.cjs → Alert-D4-73fYc.cjs} +1 -1
- package/dist/{Alert-BhLIlUBu.js → Alert-D6SQnjuJ.js} +83 -83
- package/dist/{Autocomplete-WZw_zCjA.js → Autocomplete-B8u-WYi5.js} +680 -664
- package/dist/Autocomplete-BA6NkciB.cjs +6 -0
- package/dist/Backdrop-Dp1hKKfU.cjs +1 -0
- package/dist/{Backdrop-CjZYrxkZ.js → Backdrop-DuOPKUSY.js} +36 -35
- package/dist/{Badge-Bwcsnbsa.js → Badge-BJ4yH_Da.js} +4 -4
- package/dist/{Badge-DFzvdVS-.cjs → Badge-XMr4Ygjv.cjs} +1 -1
- package/dist/{Box-DR3n_po_.cjs → Box-B5E7sstc.cjs} +1 -1
- package/dist/{Box-BI4osO9v.js → Box-BWETzF5p.js} +3 -3
- package/dist/Button-BJB830NI.cjs +1 -0
- package/dist/{Button-DDV5EfwJ.js → Button-C8_HxKFe.js} +95 -95
- package/dist/{ButtonBase-6TF6t2SP.js → ButtonBase-CJYV8wgs.js} +2 -2
- package/dist/{ButtonBase-Dp6sf_dP.cjs → ButtonBase-DPIkh47Q.cjs} +1 -1
- package/dist/{CardContent-COfaU6E0.cjs → CardContent-H0z20SY7.cjs} +1 -1
- package/dist/{CardContent-D3uGcxlr.js → CardContent-V9JMSLmA.js} +3 -3
- package/dist/Checkbox-BZPMiwbF.cjs +1 -0
- package/dist/{Checkbox-BfBDowB2.js → Checkbox-DMMz_IAP.js} +86 -86
- package/dist/Chip-BDVqkZZM.js +573 -0
- package/dist/Chip-DMBSp59F.cjs +1 -0
- package/dist/{CircularProgress-CXXyPavb.cjs → CircularProgress-BMVNeiSf.cjs} +1 -1
- package/dist/{CircularProgress-DZuYTFz-.js → CircularProgress-CrWnCGqN.js} +3 -3
- package/dist/{Close-7S2hSoFB.cjs → Close-2eEmvKPH.cjs} +1 -1
- package/dist/{Close-DEMecSZ6.js → Close-Cr2OT0GV.js} +1 -1
- package/dist/{CloseRounded-DS-4-gMR.cjs → CloseRounded-B6cT7aGi.cjs} +1 -1
- package/dist/{CloseRounded-CioV1GK3.js → CloseRounded-BrGeesu1.js} +1 -1
- package/dist/{CustomTreeItem-Bg8Ub4dn.cjs → CustomTreeItem-BXgsWbl_.cjs} +1 -1
- package/dist/{CustomTreeItem-B9FylIhL.js → CustomTreeItem-DhB3ECa2.js} +12 -12
- package/dist/DatePicker-DtPvvFiK.cjs +16 -0
- package/dist/{DatePicker-DasS2wq6.js → DatePicker-ofISDY8Q.js} +2822 -2821
- package/dist/DefaultPropsProvider-BFTLy05-.cjs +1 -0
- package/dist/DefaultPropsProvider-nxIPd34m.js +312 -0
- package/dist/{Delete-BvkBJXEM.cjs → Delete-BF63Gpr-.cjs} +1 -1
- package/dist/{Delete-B5VTV71K.js → Delete-CwWpjEOT.js} +1 -1
- package/dist/Dialog-Cymf3DJ2.cjs +1 -0
- package/dist/{Dialog-DEWB041V.js → Dialog-eK1zTFBm.js} +10 -10
- package/dist/{DialogContent-C294EkoQ.js → DialogContent-BsPZJR2a.js} +3 -3
- package/dist/{DialogContent-DXfUge3c.cjs → DialogContent-Gy1s3ela.cjs} +1 -1
- package/dist/{DialogTitle-y2PrK6uU.cjs → DialogTitle-BDyrzRXS.cjs} +1 -1
- package/dist/{DialogTitle-BSiId6Q1.js → DialogTitle-CaAd59jN.js} +5 -5
- package/dist/Divider-BzdMIEJJ.cjs +1 -0
- package/dist/{Divider-kKp4VqHh.js → Divider-D_gbcyWE.js} +26 -26
- package/dist/{Folder-BgQP5-Ve.js → Folder-COKXTjZ4.js} +1 -1
- package/dist/{Folder-BfLBqDHM.cjs → Folder-D0fZbyc-.cjs} +1 -1
- package/dist/{FormLabel-JrZR9kt8.cjs → FormLabel-BLySmpkL.cjs} +1 -1
- package/dist/{FormLabel-B3WAnPGP.js → FormLabel-DmLckqyT.js} +3 -3
- package/dist/{Grid-BHYQ3JNy.cjs → Grid-DFaRzlB4.cjs} +1 -1
- package/dist/{Grid-DFk-4jnZ.js → Grid-vM--ojbL.js} +7 -7
- package/dist/{Grow-BfjkXlG8.js → Grow-DE5x7F5S.js} +1 -1
- package/dist/{Grow-BULCy6GX.cjs → Grow-ovNT7Sot.cjs} +1 -1
- package/dist/IconButton-DCQiOq7W.cjs +2 -0
- package/dist/{IconButton-BYvak8Nw.js → IconButton-f9EZgwvD.js} +66 -66
- package/dist/{InputAdornment-BBZXvhZ-.js → InputAdornment-B615VSjF.js} +4 -4
- package/dist/{InputAdornment-DvHQMisT.cjs → InputAdornment-BrrJ8chb.cjs} +1 -1
- package/dist/{InputBase-BS5oknUK.js → InputBase-BCbPPzW1.js} +4 -4
- package/dist/{InputBase-DPdKpmOz.cjs → InputBase-CRrFludT.cjs} +1 -1
- package/dist/Link-CMes5bws.cjs +1 -0
- package/dist/{Link-DYPjEdvu.js → Link-GBRiPElP.js} +52 -39
- package/dist/{List-CB_cqCSw.js → List-DZkddOsr.js} +2 -2
- package/dist/{List-t9bWFewp.cjs → List-E_TAQ1jJ.cjs} +1 -1
- package/dist/{ListItem-DAZQEir2.js → ListItem-CMoibMI7.js} +4 -4
- package/dist/{ListItem-DP7YmqZk.cjs → ListItem-qTKJTg7f.cjs} +1 -1
- package/dist/ListItemText-B3z5dHrQ.cjs +1 -0
- package/dist/{ListItemText-qfdqJP77.js → ListItemText-BbrPf29n.js} +139 -139
- package/dist/{Menu-9BK8jmzW.js → Menu-3UjlpKRJ.js} +27 -27
- package/dist/{Menu-C61wLk41.cjs → Menu-C0uY9Dd0.cjs} +1 -1
- package/dist/MenuItem--a878rw9.cjs +1 -0
- package/dist/{MenuItem-C8nduSzJ.js → MenuItem-CHEWce5u.js} +94 -94
- package/dist/{Modal-DkzrSKHd.cjs → Modal-CdcolE0C.cjs} +1 -1
- package/dist/{Modal-D3Q9vEAI.js → Modal-Du5LfkZg.js} +5 -5
- package/dist/{MoreVert-C-Rhn-xK.cjs → MoreVert-DZjEMvuw.cjs} +1 -1
- package/dist/{MoreVert-C_W1m_Z_.js → MoreVert-PLU7h8WO.js} +1 -1
- package/dist/{Paper-IQckggbn.js → Paper-BylmTlAJ.js} +4 -4
- package/dist/{Paper-BbqZL5vx.cjs → Paper-DgHGh6vt.cjs} +1 -1
- package/dist/{Popper-DvWx5tR3.cjs → Popper-BsNp09Gg.cjs} +1 -1
- package/dist/{Popper-CfFLBZ7-.js → Popper-CvQLHjwo.js} +3 -3
- package/dist/Radio-CLNMQGNf.cjs +1 -0
- package/dist/{Radio-DKiu6lVB.js → Radio-CbYgci2-.js} +195 -190
- package/dist/{RadioGroup-DFKMlNWO.js → RadioGroup-D-Cq8SmM.js} +3 -3
- package/dist/{RadioGroup-Cvnwt4JE.cjs → RadioGroup-Dyf8fKum.cjs} +1 -1
- package/dist/{Select-CpNF3a57.js → Select-Bx0yVOZE.js} +641 -607
- package/dist/Select-CRVPbesC.cjs +3 -0
- package/dist/{Stack-CIyfgZCM.cjs → Stack-COmIqMxy.cjs} +1 -1
- package/dist/{Stack-DSJ2DqNd.js → Stack-CbK4a2n5.js} +5 -5
- package/dist/{Stepper-CXHfLPtA.cjs → Stepper-CWq9t5jy.cjs} +1 -1
- package/dist/{Stepper-DE2l91K0.js → Stepper-DU9nixCp.js} +6 -6
- package/dist/{Switch-BIcwDf_P.js → Switch-Bm3Gclye.js} +102 -99
- package/dist/Switch-kHZOqjeU.cjs +1 -0
- package/dist/{SwitchBase-DZV8S81Z.js → SwitchBase-9CKmTWdZ.js} +47 -44
- package/dist/SwitchBase-Hbqxtooi.cjs +1 -0
- package/dist/{Tab-Ckr6Bn59.js → Tab-DBCv1T9W.js} +58 -58
- package/dist/{Tab-r5imbU9z.cjs → Tab-DnxFjc89.cjs} +1 -1
- package/dist/{TextField-Brw3X9cn.cjs → TextField-BhdmUny-.cjs} +1 -1
- package/dist/{TextField-BenBw4oE.js → TextField-V-EQ80Y6.js} +6 -6
- package/dist/ToggleButtonGroup-B2FBwoDV.cjs +138 -0
- package/dist/{ToggleButtonGroup-DhtAoGtM.js → ToggleButtonGroup-_UpIjysl.js} +1567 -1537
- package/dist/{Tooltip-KkgNQm4r.js → Tooltip-DKHOTDh0.js} +81 -81
- package/dist/{Tooltip-BAOKe3SY.cjs → Tooltip-DYTDIzp4.cjs} +3 -3
- package/dist/{Typography-CSTmKyr8.cjs → Typography-BvRUTdLD.cjs} +1 -1
- package/dist/{Typography-Dy8r_tT2.js → Typography-o0iALAVg.js} +4 -4
- package/dist/components/ActionBar/ActionBar.cjs.js +1 -0
- package/dist/components/ActionBar/ActionBar.d.ts +3 -0
- package/dist/components/ActionBar/ActionBar.es.js +63 -0
- package/dist/components/ActionBar/index.cjs.js +1 -0
- package/dist/components/ActionBar/index.d.ts +2 -0
- package/dist/components/ActionBar/index.es.js +4 -0
- package/dist/components/ActionBar/style.cjs.js +1 -0
- package/dist/components/ActionBar/style.es.js +61 -0
- package/dist/components/ActionBar/types.cjs.js +1 -0
- package/dist/components/ActionBar/types.d.ts +17 -0
- package/dist/components/ActionBar/types.es.js +1 -0
- package/dist/components/Alert/Alert.cjs.js +1 -1
- package/dist/components/Alert/Alert.es.js +4 -4
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.es.js +1 -1
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.es.js +2 -2
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +1 -1
- package/dist/components/DatePicker/index.cjs.js +1 -1
- package/dist/components/DatePicker/index.es.js +1 -1
- package/dist/components/Dialog/Dialog.cjs.js +1 -1
- package/dist/components/Dialog/Dialog.es.js +2 -2
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.es.js +3 -3
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.d.ts +1 -0
- package/dist/components/EmptyState/EmptyState.es.js +22 -20
- package/dist/components/FileList/FileIcon.cjs.js +1 -1
- package/dist/components/FileList/FileIcon.es.js +1 -1
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.es.js +4 -4
- package/dist/components/FolderCard/FolderCard.cjs.js +1 -1
- package/dist/components/FolderCard/FolderCard.es.js +2 -2
- package/dist/components/Heading/Heading.cjs.js +1 -1
- package/dist/components/Heading/Heading.es.js +2 -2
- package/dist/components/ImagePicker/ImagePicker.cjs.js +1 -1
- package/dist/components/ImagePicker/ImagePicker.es.js +4 -4
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js +2 -2
- package/dist/components/PasswordInput/PasswordInput.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.es.js +4 -4
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -1
- package/dist/components/ResourceCard/ResourceCard.es.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.es.js +4 -4
- package/dist/components/TreeView/TreeView.cjs.js +2 -2
- package/dist/components/TreeView/TreeView.es.js +39 -39
- package/dist/components/TreeView/components/CustomTreeItem.cjs.js +1 -1
- package/dist/components/TreeView/components/CustomTreeItem.es.js +2 -2
- package/dist/components/TreeView/types.d.ts +1 -0
- package/dist/components/TreeView/utils.cjs.js +1 -1
- package/dist/components/TreeView/utils.es.js +3 -3
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.es.js +302 -300
- package/dist/components/stories/ActionBar.stories.cjs.js +1 -0
- package/dist/components/stories/ActionBar.stories.d.ts +11 -0
- package/dist/components/stories/ActionBar.stories.es.js +206 -0
- package/dist/components/stories/Alert.stories.cjs.js +1 -1
- package/dist/components/stories/Alert.stories.es.js +1 -1
- package/dist/components/stories/Autocomplete.stories.cjs.js +1 -1
- package/dist/components/stories/Autocomplete.stories.es.js +2 -2
- package/dist/components/stories/Badge.stories.cjs.js +1 -1
- package/dist/components/stories/Badge.stories.es.js +2 -2
- package/dist/components/stories/Button.stories.cjs.js +1 -1
- package/dist/components/stories/Button.stories.es.js +1 -1
- package/dist/components/stories/ButtonGroup.stories.cjs.js +1 -1
- package/dist/components/stories/ButtonGroup.stories.es.js +6 -6
- package/dist/components/stories/Card.stories.cjs.js +1 -1
- package/dist/components/stories/Card.stories.es.js +2 -2
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +1 -1
- package/dist/components/stories/Chip.stories.cjs.js +1 -1
- package/dist/components/stories/Chip.stories.es.js +1 -1
- package/dist/components/stories/DatePicker.stories.cjs.js +1 -1
- package/dist/components/stories/DatePicker.stories.es.js +1 -1
- package/dist/components/stories/Dialog.stories.cjs.js +1 -1
- package/dist/components/stories/Dialog.stories.es.js +2 -2
- package/dist/components/stories/Divider.stories.cjs.js +1 -1
- package/dist/components/stories/Divider.stories.es.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.es.js +3 -3
- package/dist/components/stories/Heading.stories.cjs.js +1 -1
- package/dist/components/stories/Heading.stories.es.js +2 -2
- package/dist/components/stories/IconButton.stories.cjs.js +1 -1
- package/dist/components/stories/IconButton.stories.es.js +2 -2
- package/dist/components/stories/Link.stories.cjs.js +1 -1
- package/dist/components/stories/Link.stories.es.js +1 -1
- package/dist/components/stories/Menu.stories.cjs.js +1 -1
- package/dist/components/stories/Menu.stories.es.js +2 -2
- package/dist/components/stories/Paper.stories.cjs.js +1 -1
- package/dist/components/stories/Paper.stories.es.js +1 -1
- package/dist/components/stories/RadioGroup.stories.cjs.js +1 -1
- package/dist/components/stories/RadioGroup.stories.es.js +3 -3
- package/dist/components/stories/ResourceCard.stories.cjs.js +1 -1
- package/dist/components/stories/ResourceCard.stories.es.js +1 -1
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +3 -3
- package/dist/components/stories/Stepper.stories.cjs.js +1 -1
- package/dist/components/stories/Stepper.stories.es.js +4 -4
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +1 -1
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +1 -1
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/components/stories/TreeView.stories.cjs.js +1 -1
- package/dist/components/stories/TreeView.stories.es.js +12 -12
- package/dist/components/stories/Typography.stories.cjs.js +1 -1
- package/dist/components/stories/Typography.stories.es.js +1 -1
- package/dist/{createSvgIcon-IET9soda.cjs → createSvgIcon-BJRigbha.cjs} +1 -1
- package/dist/{createSvgIcon-B1E6Wo8z.js → createSvgIcon-BV54rC7k.js} +3 -3
- package/dist/{dividerClasses-C07OJKLL.cjs → dividerClasses-CbwbHy8r.cjs} +1 -1
- package/dist/{dividerClasses-BPJZ8SFy.js → dividerClasses-DDXs86hs.js} +1 -1
- package/dist/{extendSxProp-ZMCunXYm.cjs → extendSxProp-CxMSlckP.cjs} +1 -1
- package/dist/{extendSxProp-CesAxox9.js → extendSxProp-XouBF-Ct.js} +1 -1
- package/dist/identifier-DBvccNCw.cjs +55 -0
- package/dist/identifier-Dnc8T93Z.js +2673 -0
- package/dist/{index-8G2jvqZ8.js → index-9te7SXrs.js} +47 -41
- package/dist/index-BkNQtUZJ.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +302 -300
- package/dist/{listItemTextClasses-B5VhLd9W.js → listItemTextClasses-4p_83pwn.js} +1 -1
- package/dist/{listItemTextClasses-CJDKfXvl.cjs → listItemTextClasses-Cxo4anAo.cjs} +1 -1
- package/dist/{memoTheme-BKfsJx_F.cjs → memoTheme-Dv-rDqFz.cjs} +1 -1
- package/dist/{memoTheme-DAFDflPY.js → memoTheme-K37vidlb.js} +1 -1
- package/dist/{mergeSlotProps-DXwOW3FE.cjs → mergeSlotProps-CXO1f70l.cjs} +1 -1
- package/dist/{mergeSlotProps-ChAye7iz.js → mergeSlotProps-DSWiBSbD.js} +1 -1
- package/dist/styled-B7pKW9DQ.cjs +1 -0
- package/dist/styled-JnAdiSL5.js +5 -0
- package/dist/{useSlot-BzdKwDQ5.js → useSlot-GooGQrej.js} +1 -1
- package/dist/{useSlot-C2FjoUpF.cjs → useSlot-ONna5RyM.cjs} +1 -1
- package/dist/{useSlotProps-DdMuGelR.js → useSlotProps-C34Wr67s.js} +1 -1
- package/dist/{useSlotProps-CrQGQLdL.cjs → useSlotProps-CtYqUyy1.cjs} +1 -1
- package/dist/{useTheme-XJ9sFCWX.js → useTheme-CH7DA5fq.js} +3 -3
- package/dist/{useTheme-BLMJDSsv.cjs → useTheme-D6wPRo0G.cjs} +1 -1
- package/dist/{useTheme-CooC_6Ep.cjs → useTheme-DkiCyF-9.cjs} +1 -1
- package/dist/{useTheme--i9fxE_A.js → useTheme-VH02z7nF.js} +1 -1
- package/dist/{useThemeProps-B9E_wuN9.cjs → useThemeProps-BU5PNyhK.cjs} +1 -1
- package/dist/useThemeProps-CnZ-QgwI.cjs +1 -0
- package/dist/useThemeProps-DT4QxdFn.js +17 -0
- package/dist/{useThemeProps-B4VFkcP0.js → useThemeProps-DZ05-54P.js} +2 -2
- package/package.json +7 -7
- package/dist/Autocomplete-BdPO9SAd.cjs +0 -6
- package/dist/Backdrop-DeNTZlA5.cjs +0 -1
- package/dist/Button-DyJV5llI.cjs +0 -1
- package/dist/Checkbox-3hTSv0EZ.cjs +0 -1
- package/dist/Chip-BG0OU0KI.cjs +0 -1
- package/dist/Chip-DmjZbx_X.js +0 -572
- package/dist/DatePicker-CH8XRum0.cjs +0 -16
- package/dist/DefaultPropsProvider-Cnf49AIv.cjs +0 -1
- package/dist/DefaultPropsProvider-DqazQPtr.js +0 -306
- package/dist/Dialog-Btagj_Gt.cjs +0 -1
- package/dist/Divider-NermA5hZ.cjs +0 -1
- package/dist/IconButton-CjtMjZ9e.cjs +0 -2
- package/dist/Link-BwbY60dS.cjs +0 -1
- package/dist/ListItemText-cVnimPLO.cjs +0 -1
- package/dist/MenuItem-DHM3qxwr.cjs +0 -1
- package/dist/Radio-Bwh_t6PC.cjs +0 -1
- package/dist/Select-3HP39Z7o.cjs +0 -3
- package/dist/Switch-CTEqKDiv.cjs +0 -1
- package/dist/SwitchBase-P3zHVmLX.cjs +0 -1
- package/dist/ToggleButtonGroup-CA1cSosV.cjs +0 -138
- package/dist/identifier-BoZelETM.cjs +0 -55
- package/dist/identifier-PWESmBq6.js +0 -2598
- package/dist/index-D3lMWU76.cjs +0 -1
- package/dist/styled-C7gyRDlj.js +0 -5
- package/dist/styled-Cax0O00h.cjs +0 -1
- package/dist/useThemeProps-C1A3rnbh.cjs +0 -1
- package/dist/useThemeProps-CQ9rZe7g.js +0 -17
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("@mui/material"),i=require("../ActionBar/ActionBar.cjs.js"),g={title:"Components/ActionBar",component:i,tags:["autodocs"],argTypes:{leftActions:{description:"Liste de boutons à afficher à gauche de la barre",control:"object"},rightActions:{description:"Liste de boutons à afficher à droite de la barre",control:"object"},slotProps:{description:"Props supplémentaires",control:"object"}}},e=t=>()=>alert(t),u={args:{leftActions:[{label:"Retour",action:e("Retour")}],rightActions:[{label:"Valider",action:e("Valider")},{label:"Annuler",action:e("Annuler")}]},render:()=>{var t,o;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=u.args)==null?void 0:t.leftActions)??[],rightActions:((o=u.args)==null?void 0:o.rightActions)??[]})})},parameters:{docs:{description:{story:"Affiche une `ActionBar` classique avec des boutons à gauche et à droite."}}}},p={args:{leftActions:[{label:"Précédent",action:e("Précédent")},{label:"Fermer",action:e("Fermer")}],rightActions:[]},render:()=>{var t,o;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=p.args)==null?void 0:t.leftActions)??[],rightActions:((o=p.args)==null?void 0:o.rightActions)??[]})})},parameters:{docs:{description:{story:"Affiche uniquement les boutons à gauche. Utile pour les étapes intermédiaires ou navigation simple."}}}},d={args:{leftActions:[],rightActions:[{label:"Sauvegarder",action:e("Sauvegarder")}]},render:()=>{var t,o;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=d.args)==null?void 0:t.leftActions)??[],rightActions:((o=d.args)==null?void 0:o.rightActions)??[]})})},parameters:{docs:{description:{story:"Affiche uniquement des boutons à droite. Fréquent pour les actions finales."}}}},c={args:{leftActions:[{label:"Aide",action:e("Aide")}],rightActions:[{label:"Envoyer",action:e("Envoyer")}],slotProps:{leftActions:{color:"secondary",variant:"outlined"},rightActions:{color:"success",variant:"contained"}}},render:()=>{var t,o,r;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=c.args)==null?void 0:t.leftActions)??[],rightActions:((o=c.args)==null?void 0:o.rightActions)??[],slotProps:(r=c.args)==null?void 0:r.slotProps})})},parameters:{docs:{description:{story:"Personnalisation des boutons via `buttonLeftProps` et `buttonRightProps`."}}}},a={args:{leftActions:[{label:"Infos",action:e("Infos")}],rightActions:[{label:"Suivant",action:e("Suivant")}],slotProps:{leftActionsContainer:{sx:{backgroundColor:"lightgray",p:1}},rightActionsContainer:{sx:{backgroundColor:"whitesmoke",p:1}}}},render:()=>{var t,o,r;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=a.args)==null?void 0:t.leftActions)??[],rightActions:((o=a.args)==null?void 0:o.rightActions)??[],slotProps:(r=a.args)==null?void 0:r.slotProps})})},parameters:{docs:{description:{story:"Ajoute du style aux conteneurs de gauche et de droite via `boxLeftWrapperProps` et `boxRightWrapperProps`."}}}},l={args:{leftActions:[{label:"Mobile",action:e("Mobile")}],rightActions:[{label:"Continue",action:e("Continue")}],slotProps:{root:{direction:"column",spacing:1,sx:[{"@media (min-width: 600px)":{flexDirection:"row",justifyContent:"space-between"}}]}}},render:()=>{var t,o,r;return s.jsx(n.Box,{sx:{p:4},children:s.jsx(i,{leftActions:((t=l.args)==null?void 0:t.leftActions)??[],rightActions:((o=l.args)==null?void 0:o.rightActions)??[],slotProps:(r=l.args)==null?void 0:r.slotProps})})},parameters:{docs:{description:{story:"Démontre l’adaptabilité de la barre via une prop `sx` responsive."}}}};exports.Default=u;exports.OnlyLeftActions=p;exports.OnlyRightActions=d;exports.ResponsiveExample=l;exports.WithBoxCustomProps=a;exports.WithCustomButtonProps=c;exports.default=g;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ActionBar } from '../ActionBar';
|
|
3
|
+
declare const meta: Meta<typeof ActionBar>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ActionBar>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const OnlyLeftActions: Story;
|
|
8
|
+
export declare const OnlyRightActions: Story;
|
|
9
|
+
export declare const WithCustomButtonProps: Story;
|
|
10
|
+
export declare const WithBoxCustomProps: Story;
|
|
11
|
+
export declare const ResponsiveExample: Story;
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Box as n } from "@mui/material";
|
|
3
|
+
import i from "../ActionBar/ActionBar.es.js";
|
|
4
|
+
const h = {
|
|
5
|
+
title: "Components/ActionBar",
|
|
6
|
+
component: i,
|
|
7
|
+
tags: ["autodocs"],
|
|
8
|
+
argTypes: {
|
|
9
|
+
leftActions: {
|
|
10
|
+
description: "Liste de boutons à afficher à gauche de la barre",
|
|
11
|
+
control: "object"
|
|
12
|
+
},
|
|
13
|
+
rightActions: {
|
|
14
|
+
description: "Liste de boutons à afficher à droite de la barre",
|
|
15
|
+
control: "object"
|
|
16
|
+
},
|
|
17
|
+
slotProps: {
|
|
18
|
+
description: "Props supplémentaires",
|
|
19
|
+
control: "object"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}, e = (t) => () => alert(t), p = {
|
|
23
|
+
args: {
|
|
24
|
+
leftActions: [{ label: "Retour", action: e("Retour") }],
|
|
25
|
+
rightActions: [
|
|
26
|
+
{ label: "Valider", action: e("Valider") },
|
|
27
|
+
{ label: "Annuler", action: e("Annuler") }
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
render: () => {
|
|
31
|
+
var t, o;
|
|
32
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
33
|
+
i,
|
|
34
|
+
{
|
|
35
|
+
leftActions: ((t = p.args) == null ? void 0 : t.leftActions) ?? [],
|
|
36
|
+
rightActions: ((o = p.args) == null ? void 0 : o.rightActions) ?? []
|
|
37
|
+
}
|
|
38
|
+
) });
|
|
39
|
+
},
|
|
40
|
+
parameters: {
|
|
41
|
+
docs: {
|
|
42
|
+
description: {
|
|
43
|
+
story: "Affiche une `ActionBar` classique avec des boutons à gauche et à droite."
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}, d = {
|
|
48
|
+
args: {
|
|
49
|
+
leftActions: [
|
|
50
|
+
{ label: "Précédent", action: e("Précédent") },
|
|
51
|
+
{ label: "Fermer", action: e("Fermer") }
|
|
52
|
+
],
|
|
53
|
+
rightActions: []
|
|
54
|
+
},
|
|
55
|
+
render: () => {
|
|
56
|
+
var t, o;
|
|
57
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
58
|
+
i,
|
|
59
|
+
{
|
|
60
|
+
leftActions: ((t = d.args) == null ? void 0 : t.leftActions) ?? [],
|
|
61
|
+
rightActions: ((o = d.args) == null ? void 0 : o.rightActions) ?? []
|
|
62
|
+
}
|
|
63
|
+
) });
|
|
64
|
+
},
|
|
65
|
+
parameters: {
|
|
66
|
+
docs: {
|
|
67
|
+
description: {
|
|
68
|
+
story: "Affiche uniquement les boutons à gauche. Utile pour les étapes intermédiaires ou navigation simple."
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}, g = {
|
|
73
|
+
args: {
|
|
74
|
+
leftActions: [],
|
|
75
|
+
rightActions: [
|
|
76
|
+
{ label: "Sauvegarder", action: e("Sauvegarder") }
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
render: () => {
|
|
80
|
+
var t, o;
|
|
81
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
82
|
+
i,
|
|
83
|
+
{
|
|
84
|
+
leftActions: ((t = g.args) == null ? void 0 : t.leftActions) ?? [],
|
|
85
|
+
rightActions: ((o = g.args) == null ? void 0 : o.rightActions) ?? []
|
|
86
|
+
}
|
|
87
|
+
) });
|
|
88
|
+
},
|
|
89
|
+
parameters: {
|
|
90
|
+
docs: {
|
|
91
|
+
description: {
|
|
92
|
+
story: "Affiche uniquement des boutons à droite. Fréquent pour les actions finales."
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}, c = {
|
|
97
|
+
args: {
|
|
98
|
+
leftActions: [{ label: "Aide", action: e("Aide") }],
|
|
99
|
+
rightActions: [{ label: "Envoyer", action: e("Envoyer") }],
|
|
100
|
+
slotProps: {
|
|
101
|
+
leftActions: {
|
|
102
|
+
color: "secondary",
|
|
103
|
+
variant: "outlined"
|
|
104
|
+
},
|
|
105
|
+
rightActions: {
|
|
106
|
+
color: "success",
|
|
107
|
+
variant: "contained"
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
render: () => {
|
|
112
|
+
var t, o, s;
|
|
113
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
114
|
+
i,
|
|
115
|
+
{
|
|
116
|
+
leftActions: ((t = c.args) == null ? void 0 : t.leftActions) ?? [],
|
|
117
|
+
rightActions: ((o = c.args) == null ? void 0 : o.rightActions) ?? [],
|
|
118
|
+
slotProps: (s = c.args) == null ? void 0 : s.slotProps
|
|
119
|
+
}
|
|
120
|
+
) });
|
|
121
|
+
},
|
|
122
|
+
parameters: {
|
|
123
|
+
docs: {
|
|
124
|
+
description: {
|
|
125
|
+
story: "Personnalisation des boutons via `buttonLeftProps` et `buttonRightProps`."
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}, a = {
|
|
130
|
+
args: {
|
|
131
|
+
leftActions: [{ label: "Infos", action: e("Infos") }],
|
|
132
|
+
rightActions: [{ label: "Suivant", action: e("Suivant") }],
|
|
133
|
+
slotProps: {
|
|
134
|
+
leftActionsContainer: {
|
|
135
|
+
sx: { backgroundColor: "lightgray", p: 1 }
|
|
136
|
+
},
|
|
137
|
+
rightActionsContainer: {
|
|
138
|
+
sx: { backgroundColor: "whitesmoke", p: 1 }
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
render: () => {
|
|
143
|
+
var t, o, s;
|
|
144
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
145
|
+
i,
|
|
146
|
+
{
|
|
147
|
+
leftActions: ((t = a.args) == null ? void 0 : t.leftActions) ?? [],
|
|
148
|
+
rightActions: ((o = a.args) == null ? void 0 : o.rightActions) ?? [],
|
|
149
|
+
slotProps: (s = a.args) == null ? void 0 : s.slotProps
|
|
150
|
+
}
|
|
151
|
+
) });
|
|
152
|
+
},
|
|
153
|
+
parameters: {
|
|
154
|
+
docs: {
|
|
155
|
+
description: {
|
|
156
|
+
story: "Ajoute du style aux conteneurs de gauche et de droite via `boxLeftWrapperProps` et `boxRightWrapperProps`."
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}, l = {
|
|
161
|
+
args: {
|
|
162
|
+
leftActions: [{ label: "Mobile", action: e("Mobile") }],
|
|
163
|
+
rightActions: [{ label: "Continue", action: e("Continue") }],
|
|
164
|
+
slotProps: {
|
|
165
|
+
root: {
|
|
166
|
+
direction: "column",
|
|
167
|
+
spacing: 1,
|
|
168
|
+
sx: [
|
|
169
|
+
{
|
|
170
|
+
"@media (min-width: 600px)": {
|
|
171
|
+
flexDirection: "row",
|
|
172
|
+
justifyContent: "space-between"
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
]
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
render: () => {
|
|
180
|
+
var t, o, s;
|
|
181
|
+
return /* @__PURE__ */ r(n, { sx: { p: 4 }, children: /* @__PURE__ */ r(
|
|
182
|
+
i,
|
|
183
|
+
{
|
|
184
|
+
leftActions: ((t = l.args) == null ? void 0 : t.leftActions) ?? [],
|
|
185
|
+
rightActions: ((o = l.args) == null ? void 0 : o.rightActions) ?? [],
|
|
186
|
+
slotProps: (s = l.args) == null ? void 0 : s.slotProps
|
|
187
|
+
}
|
|
188
|
+
) });
|
|
189
|
+
},
|
|
190
|
+
parameters: {
|
|
191
|
+
docs: {
|
|
192
|
+
description: {
|
|
193
|
+
story: "Démontre l’adaptabilité de la barre via une prop `sx` responsive."
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
export {
|
|
199
|
+
p as Default,
|
|
200
|
+
d as OnlyLeftActions,
|
|
201
|
+
g as OnlyRightActions,
|
|
202
|
+
l as ResponsiveExample,
|
|
203
|
+
a as WithBoxCustomProps,
|
|
204
|
+
c as WithCustomButtonProps,
|
|
205
|
+
h as default
|
|
206
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Alert-CWHOYWde.cjs"),r={title:"Components/Alert",component:e.Alert},s={args:{severity:"error",children:"This is an alert of type error"}},t={args:{severity:"info",children:"This is an alert of type info"}},n={args:{severity:"success",children:"This is an alert of type success"}},o={args:{severity:"warning",children:"This is an alert of type warning"}};exports.Error=s;exports.Info=t;exports.Success=n;exports.Warning=o;exports.default=r;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../Autocomplete-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../../Autocomplete-BA6NkciB.cjs"),s=require("../../TextField-BhdmUny-.cjs"),i=t=>{const o=["Paris","Londres","Berlin","Madrid","Rome","Amsterdam","Bruxelles","Lisbonne","Vienne","Athènes"];return e.jsx(a.Autocomplete,{options:o,sx:{width:300},renderInput:l=>e.jsx(s.TextField,{...l,label:"Choisissez une ville"}),...t})},n={title:"Components/Autocomplete",component:i,parameters:{docs:{description:{component:`L'autocomplete est une saisie de texte normale enrichie d'un panel d'options suggérées.
|
|
2
2
|
|
|
3
3
|
Pour explorer les cas d'usage possibles : [Autocomplete component - Material UI](https://mui.com/material-ui/react-autocomplete)`}}},argTypes:{autoHighlight:{control:"boolean",description:"Met automatiquement en surbrillance la première option",table:{defaultValue:{summary:"false"}}},disableClearable:{control:"boolean",description:"Désactive la possibilité de vider le champ",table:{defaultValue:{summary:"false"}}},disabled:{control:"boolean",description:"Désactive le composant",table:{defaultValue:{summary:"false"}}}}},r={args:{autoHighlight:!1,disableClearable:!1,disabled:!1}};exports.Default=r;exports.default=n;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { A as a } from "../../Autocomplete-
|
|
3
|
-
import { T as l } from "../../TextField-
|
|
2
|
+
import { A as a } from "../../Autocomplete-B8u-WYi5.js";
|
|
3
|
+
import { T as l } from "../../TextField-V-EQ80Y6.js";
|
|
4
4
|
const s = (t) => /* @__PURE__ */ e(
|
|
5
5
|
a,
|
|
6
6
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("../../createSvgIcon-BJRigbha.cjs"),n=require("@mui/material"),t=require("../../Badge-XMr4Ygjv.cjs"),a=i.createSvgIcon(e.jsx("path",{d:"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4-8 5-8-5V6l8 5 8-5z"}),"Mail"),s={title:"Components/Badge",component:t.Badge,parameters:{docs:{description:{component:"Badge permet d'afficher des notifications peu invasives sur un élément parent."}}},argTypes:{color:{control:{type:"select"},options:["primary","secondary","error","info","success","warning"],description:"Couleur du badge"},variant:{control:{type:"select"},options:["standard","dot"],description:"Type de badge : standard ou dot"},showZero:{control:"boolean",description:"Affiche le badge même si badgeContent = 0"},invisible:{control:"boolean",description:"Masque complètement le badge"},max:{control:{type:"number",min:1},description:"Valeur maximale avant d'afficher max+"},overlap:{control:{type:"select"},options:["rectangular","circular"],description:"Forme de l'élément parent"},anchorOrigin:{control:{type:"object"},defaultValue:{vertical:"top",horizontal:"right"},description:"Position du badge par rapport à l'élément parent"},badgeContent:{control:{type:"number",min:0},description:"Contenu numérique du badge (indiqué si variant=standard)"}}},c={render:r=>e.jsx(n.Box,{sx:{display:"flex",gap:2,alignItems:"center"},children:["primary","secondary","error","info","success","warning"].map(o=>e.jsx(t.Badge,{...r,color:o,children:e.jsx(a,{})},o))}),args:{badgeContent:5,variant:"standard",showZero:!1,invisible:!1,max:99,overlap:"rectangular",anchorOrigin:{vertical:"top",horizontal:"right"}},parameters:{docs:{description:{story:"Montre toutes les couleurs prédéfinies de MUI Badge."}}}},l={args:{badgeContent:0,showZero:!0,color:"primary",variant:"standard",invisible:!1,max:99,overlap:"rectangular",anchorOrigin:{vertical:"top",horizontal:"right"},children:e.jsx(a,{})},parameters:{docs:{description:{story:"Utilise `showZero` pour afficher le badge même lorsque `badgeContent` est à 0."}}}},d={args:{variant:"dot",color:"error",invisible:!1,overlap:"circular",anchorOrigin:{vertical:"top",horizontal:"right"},children:e.jsx(a,{})},parameters:{docs:{description:{story:"Affiche un petit point rouge (`variant='dot'`) sur une icône."}}}},p={render:r=>e.jsxs(n.Box,{sx:{display:"flex",gap:4,alignItems:"center"},children:[e.jsx(t.Badge,{...r,variant:"dot",color:"error"}),e.jsx(t.Badge,{...r,variant:"standard",badgeContent:7,color:"primary"})]}),parameters:{docs:{description:{story:"Affiche `variant='dot'` et `variant='standard'` sans icônes."}}}},g={render:r=>e.jsx(n.Box,{sx:{display:"flex",gap:4,alignItems:"center"},children:[{vertical:"top",horizontal:"left"},{vertical:"top",horizontal:"right"},{vertical:"bottom",horizontal:"left"},{vertical:"bottom",horizontal:"right"}].map(o=>e.jsx(t.Badge,{...r,anchorOrigin:o,children:e.jsx(a,{})},`${o.vertical}-${o.horizontal}`))}),args:{badgeContent:10,color:"secondary",variant:"standard",invisible:!1,overlap:"rectangular",anchorOrigin:{vertical:"top",horizontal:"right"}},parameters:{docs:{description:{story:"Positionne le badge sur les quatre coins possibles."}}}},u={args:{badgeContent:120,max:99,color:"info",variant:"standard",showZero:!1,invisible:!1,overlap:"rectangular",anchorOrigin:{vertical:"top",horizontal:"right"},children:e.jsx(a,{})},parameters:{docs:{description:{story:"Limite l'affichage numérique avec la prop `max` (ex: 99+)."}}}};exports.Colors=c;exports.Dot=d;exports.MaxValue=u;exports.NoIcon=p;exports.Origin=g;exports.ShowZero=l;exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "../../createSvgIcon-
|
|
2
|
+
import { c as s } from "../../createSvgIcon-BV54rC7k.js";
|
|
3
3
|
import { Box as n } from "@mui/material";
|
|
4
|
-
import { B as t } from "../../Badge-
|
|
4
|
+
import { B as t } from "../../Badge-BJ4yH_Da.js";
|
|
5
5
|
const a = s(/* @__PURE__ */ r("path", {
|
|
6
6
|
d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4-8 5-8-5V6l8 5 8-5z"
|
|
7
7
|
}), "Mail"), m = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon-BJRigbha.cjs"),n=require("../Button/Button.cjs.js"),o=t.createSvgIcon(e.jsx("path",{d:"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"PersonAdd"),r=t.createSvgIcon(e.jsx("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),c={title:"Components/Button",component:n},a={args:{children:"Enregistrer",color:"primary",disabled:!1,startIcon:e.jsx(r,{}),variant:"contained",onClick:()=>alert("Alert")}},s={args:{children:"Ajouter un utilisateur",color:"secondary",disabled:!1,startIcon:e.jsx(o,{}),variant:"outlined",onClick:()=>alert("Alert")}},l={args:{children:"Annuler",color:"secondary",disabled:!1,variant:"text",onClick:()=>alert("Alert")}};exports.Contained=a;exports.Outlined=s;exports.Text=l;exports.default=c;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as o } from "../../createSvgIcon-
|
|
2
|
+
import { c as o } from "../../createSvgIcon-BV54rC7k.js";
|
|
3
3
|
import e from "../Button/Button.es.js";
|
|
4
4
|
const n = o(/* @__PURE__ */ t("path", {
|
|
5
5
|
d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),B=require("../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),B=require("../../createSvgIcon-BJRigbha.cjs"),l=require("react"),p=require("../ButtonGroup/ButtonGroup.cjs.js"),u=require("../../Box-B5E7sstc.cjs"),t=require("../../Typography-BvRUTdLD.cjs"),a=require("../../Grid-DFaRzlB4.cjs"),v=require("../../Button-BJB830NI.cjs"),o=require("../../Paper-DgHGh6vt.cjs"),C=B.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"),V=B.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"),g=B.createSvgIcon(e.jsx("path",{d:"M3 13h2v-2H3zm0 4h2v-2H3zm0-8h2V7H3zm4 4h14v-2H7zm0 4h14v-2H7zM7 7v2h14V7z"}),"List"),j=B.createSvgIcon(e.jsx("path",{d:"M21 8H3V4h18zm0 2H3v4h18zm0 6H3v4h18z"}),"TableRows"),w=B.createSvgIcon(e.jsx("path",{d:"M2 4v7h20V4zm8 16h12v-7H10zm-8 0h6v-7H2z"}),"ViewComfy"),f=B.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/ButtonGroup",component:p,argTypes:{buttonList:{description:"**[Requis]** Liste des boutons à afficher dans le ButtonGroup.",control:"object",table:{required:!0,type:{summary:"readonly ButtonItem[]"}}},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
2
|
## ButtonGroup
|
|
3
3
|
|
|
4
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.
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { c as S } from "../../createSvgIcon-
|
|
2
|
+
import { c as S } from "../../createSvgIcon-BV54rC7k.js";
|
|
3
3
|
import { useState as u, useCallback as w } from "react";
|
|
4
4
|
import p from "../ButtonGroup/ButtonGroup.es.js";
|
|
5
|
-
import { B as m } from "../../Box-
|
|
6
|
-
import { T as t } from "../../Typography-
|
|
7
|
-
import { G as l } from "../../Grid-
|
|
8
|
-
import { B as y } from "../../Button-
|
|
9
|
-
import { P as s } from "../../Paper-
|
|
5
|
+
import { B as m } from "../../Box-BWETzF5p.js";
|
|
6
|
+
import { T as t } from "../../Typography-o0iALAVg.js";
|
|
7
|
+
import { G as l } from "../../Grid-vM--ojbL.js";
|
|
8
|
+
import { B as y } from "../../Button-C8_HxKFe.js";
|
|
9
|
+
import { P as s } from "../../Paper-BylmTlAJ.js";
|
|
10
10
|
const M = S(/* @__PURE__ */ e("path", {
|
|
11
11
|
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"
|
|
12
12
|
}), "CalendarViewMonth"), z = S(/* @__PURE__ */ e("path", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Button/Button.cjs.js"),n=require("../../CardContent-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Button/Button.cjs.js"),n=require("../../CardContent-H0z20SY7.cjs"),t=require("../../Typography-BvRUTdLD.cjs"),a=o=>e.jsxs(n.Card,{sx:{minWidth:275},...o,children:[e.jsxs(n.CardContent,{children:[e.jsx(t.Typography,{gutterBottom:!0,sx:{color:"text.secondary",fontSize:14},children:"Word of the Day"}),e.jsx(t.Typography,{variant:"h5",component:"div",children:"be-nev-o-lent"}),e.jsx(t.Typography,{sx:{color:"text.secondary",mb:1.5},children:"adjective"}),e.jsxs(t.Typography,{variant:"body2",children:["well meaning and kindly.",e.jsx("br",{}),'"a benevolent smile"']})]}),e.jsx(n.CardActions,{children:e.jsx(r,{variant:"text",size:"small",children:"Learn More"})})]}),s={title:"Components/Card",component:a,argTypes:{elevation:{control:"number"},square:{control:"boolean"},variant:{control:"select",options:["elevation","outlined"]}}},i={args:{elevation:1,square:!1,variant:"elevation"}};exports.Default=i;exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import r from "../Button/Button.es.js";
|
|
3
|
-
import { C as a, b as i, a as l } from "../../CardContent-
|
|
4
|
-
import { T as t } from "../../Typography-
|
|
3
|
+
import { C as a, b as i, a as l } from "../../CardContent-V9JMSLmA.js";
|
|
4
|
+
import { T as t } from "../../Typography-o0iALAVg.js";
|
|
5
5
|
const s = (n) => /* @__PURE__ */ o(a, { sx: { minWidth: 275 }, ...n, children: [
|
|
6
6
|
/* @__PURE__ */ o(i, { children: [
|
|
7
7
|
/* @__PURE__ */ e(t, { gutterBottom: !0, sx: { color: "text.secondary", fontSize: 14 }, children: "Word of the Day" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("../../Checkbox-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("../../Checkbox-BZPMiwbF.cjs"),r=e=>o.jsx(s.Checkbox,{...e}),c={title:"Components/Checkbox",component:r,argTypes:{checked:{control:"boolean"},color:{control:"select",options:["primary","secondary","success","error","info","warning"]},disabled:{control:"boolean"},disableRipple:{control:"boolean"},required:{control:"boolean"},size:{control:"select",options:["medium","small"]}}},l={args:{checked:void 0,color:"primary",disabled:!1,disableRipple:!1,required:!1,size:"medium"}},t={args:{checked:!0}},a={args:{disabled:!0}},i={args:{checked:!0,disabled:!0}};exports.Checked=t;exports.Default=l;exports.Disabled=a;exports.DisabledChecked=i;exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Chip-DMBSp59F.cjs"),l={title:"Components/Chip",component:e.Chip,argTypes:{clickable:{control:"boolean"},color:{control:"select",options:["default","primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},label:{control:"text"},size:{control:"radio",options:["medium","small"]},skipFocusWhenDisabled:{control:"boolean"},variant:{control:"radio",options:["filled","outlined"]}}},o={args:{clickable:!1,color:"default",disabled:!1,label:"Label",size:"medium",skipFocusWhenDisabled:!1,variant:"filled"}},a={args:{label:"Label",variant:"outlined"}},r={args:{label:"Label",color:"primary"}},t={args:{label:"Label",color:"secondary"}},i={args:{label:"Label",disabled:!0}};exports.Default=o;exports.Disabled=i;exports.Outlined=a;exports.Primary=r;exports.Secondary=t;exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-DtPvvFiK.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),o=require("../Button/Button.cjs.js"),u=require("../Dialog/Dialog.cjs.js"),n=require("../../DialogTitle-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),o=require("../Button/Button.cjs.js"),u=require("../Dialog/Dialog.cjs.js"),n=require("../../DialogTitle-BDyrzRXS.cjs"),l=require("../../DialogContent-Gy1s3ela.cjs"),d=a=>{const[s,t]=c.useState(!1),r=()=>t(!0),i=()=>t(!1);return e.jsxs(e.Fragment,{children:[e.jsx(o,{variant:"outlined",onClick:r,children:"Open dialog"}),e.jsxs(u,{...a,open:s,onClose:i,children:[e.jsx(n.DialogTitle,{children:"Dialog title"}),e.jsx(l.DialogContent,{children:e.jsxs(n.DialogContentText,{children:["Dialog content text",e.jsx("br",{}),e.jsx("br",{}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."]})}),e.jsxs(l.DialogActions,{children:[e.jsx(o,{variant:"text",onClick:i,children:"Cancel"}),e.jsx(o,{variant:"contained",onClick:()=>!0,children:"Save"})]})]})]})},m={title:"Components/Dialog",component:d,parameters:{docs:{description:{component:"This example is made with DialogTitle, DialogContent, DialogContentText and DialogActions but the dialog children are entirely up to you."}}},argTypes:{disableEscapeKeyDown:{control:"boolean"},fullScreen:{control:"boolean"},fullWidth:{control:"boolean"},maxWidth:{control:"select",options:["xs","sm","md","lg","xl",!1]},showCloseButton:{control:"boolean"}}},p={args:{disableEscapeKeyDown:!1,fullScreen:!1,fullWidth:!1,maxWidth:"sm",showCloseButton:!0}};exports.Default=p;exports.default=m;
|
|
@@ -2,8 +2,8 @@ import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as c } from "react";
|
|
3
3
|
import t from "../Button/Button.es.js";
|
|
4
4
|
import u from "../Dialog/Dialog.es.js";
|
|
5
|
-
import { a as d, D as m } from "../../DialogTitle-
|
|
6
|
-
import { a as p, D as g } from "../../DialogContent-
|
|
5
|
+
import { a as d, D as m } from "../../DialogTitle-CaAd59jN.js";
|
|
6
|
+
import { a as p, D as g } from "../../DialogContent-BsPZJR2a.js";
|
|
7
7
|
const f = (l) => {
|
|
8
8
|
const [a, i] = c(!1), r = () => i(!0), n = () => i(!1);
|
|
9
9
|
return /* @__PURE__ */ o(s, { children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../Divider-BzdMIEJJ.cjs"),t={title:"Components/Divider",component:e.Divider,argTypes:{absolute:{control:"boolean"},children:{control:"text"},flexItem:{control:"boolean"},orientation:{control:"select",options:["horizontal","vertical"]},textAlign:{control:"select",options:["center","left","right"]},variant:{control:"select",options:["fullWidth","inset","middle"]}}},o={args:{absolute:!1,children:void 0,flexItem:!1,orientation:"horizontal",textAlign:"center",variant:"fullWidth"}};exports.Default=o;exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("../../Radio-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("../../Radio-CLNMQGNf.cjs"),l=require("../../Checkbox-BZPMiwbF.cjs"),r=require("../../Switch-kHZOqjeU.cjs"),n=t=>o.jsx(e.FormControlLabel,{...t}),a={title:"Components/FormControlLabel",component:n,argTypes:{control:{control:"object"},disabled:{control:"boolean"},disableTypography:{control:"boolean"},label:{control:"object"},labelPlacement:{control:"select",options:["bottom","end","start","top"]},required:{control:"boolean"}}},c={args:{control:o.jsx(l.Checkbox,{}),checked:void 0,disabled:void 0,disableTypography:void 0,label:"Label",labelPlacement:"end",required:void 0}},s={args:{control:o.jsx(e.Radio,{}),label:"Label"}},i={args:{control:o.jsx(r.Switch,{}),label:"Label"}};exports.Checkbox=c;exports.Radio=s;exports.Switch=i;exports.default=a;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { F as l, R as t } from "../../Radio-
|
|
3
|
-
import { C as r } from "../../Checkbox-
|
|
4
|
-
import { S as a } from "../../Switch-
|
|
2
|
+
import { F as l, R as t } from "../../Radio-CbYgci2-.js";
|
|
3
|
+
import { C as r } from "../../Checkbox-DMMz_IAP.js";
|
|
4
|
+
import { S as a } from "../../Switch-Bm3Gclye.js";
|
|
5
5
|
const n = (e) => /* @__PURE__ */ o(l, { ...e }), d = {
|
|
6
6
|
title: "Components/FormControlLabel",
|
|
7
7
|
component: n,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-BJRigbha.cjs"),t=require("../Heading/Heading.cjs.js"),n=require("../../identifier-DBvccNCw.cjs"),c=o.createSvgIcon(e.jsx("path",{d:"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"}),"Mood"),i={title:"Components/Heading",component:t},r={args:{title:"Heading",iconColor:n.red,IconComponent:c}};exports.Default=r;exports.default=i;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as t } from "../../createSvgIcon-
|
|
2
|
+
import { c as t } from "../../createSvgIcon-BV54rC7k.js";
|
|
3
3
|
import n from "../Heading/Heading.es.js";
|
|
4
|
-
import { r as c } from "../../identifier-
|
|
4
|
+
import { r as c } from "../../identifier-Dnc8T93Z.js";
|
|
5
5
|
const e = t(/* @__PURE__ */ o("path", {
|
|
6
6
|
d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5m-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11m3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5"
|
|
7
7
|
}), "Mood"), i = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-BJRigbha.cjs"),l=require("../../IconButton-DCQiOq7W.cjs"),t=o.createSvgIcon(e.jsx("path",{d:"M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"}),"School"),n={title:"Components/IconButton",component:l.IconButton,argTypes:{color:{control:"select",options:["inherit","default","primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},disableFocusRipple:{control:"boolean"},disableRipple:{control:"boolean"},edge:{control:"radio",options:["end","start",!1]},size:{control:"radio",options:["small","medium","large"]}}},s={args:{children:e.jsx(t,{}),color:"default",disabled:!1,disableFocusRipple:!1,disableRipple:!1,edge:!1,size:"medium"}};exports.Default=s;exports.default=n;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as e } from "../../createSvgIcon-
|
|
3
|
-
import { I as l } from "../../IconButton-
|
|
2
|
+
import { c as e } from "../../createSvgIcon-BV54rC7k.js";
|
|
3
|
+
import { I as l } from "../../IconButton-f9EZgwvD.js";
|
|
4
4
|
const s = e(/* @__PURE__ */ o("path", {
|
|
5
5
|
d: "M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"
|
|
6
6
|
}), "School"), r = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../Link-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("../../Link-CMes5bws.cjs"),n=e=>t.jsx(r.Link,{...e}),o={title:"Components/Link",component:n,argTypes:{children:{control:"text"},color:{control:"select",options:["primary","secondary","error","info","success","warning","textPrimary","textSecondary","textDisabled"]},href:{control:"text"},underline:{control:"select",options:["always","hover","none"]}}},i={args:{children:"Link",color:"primary",href:"https://www.cgi.com/france/fr-fr/solution/cgi-learning-hub",underline:"always"}};exports.Default=i;exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),a=require("../Button/Button.cjs.js"),d=require("../../Menu-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),a=require("../Button/Button.cjs.js"),d=require("../../Menu-C0uY9Dd0.cjs"),o=require("../../MenuItem--a878rw9.cjs"),m=r=>{const[u,s]=l.useState(null),t=!!u,c=i=>{s(i.currentTarget)},n=()=>s(null);return e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:"text",id:"basic-button","aria-controls":t?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,onClick:c,children:"Open menu"}),e.jsxs(d.Menu,{...r,id:"basic-menu",anchorEl:u,open:t,onClose:n,MenuListProps:{"aria-labelledby":"basic-button"},children:[e.jsx(o.MenuItem,{onClick:n,children:"Profile"}),e.jsx(o.MenuItem,{onClick:n,children:"My account"}),e.jsx(o.MenuItem,{onClick:n,children:"Logout"})]})]})},M={title:"Components/Menu",component:m},p={args:{}};exports.Default=p;exports.default=M;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as u, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useState as m } from "react";
|
|
3
3
|
import p from "../Button/Button.es.js";
|
|
4
|
-
import { M as d } from "../../Menu-
|
|
5
|
-
import { M as t } from "../../MenuItem-
|
|
4
|
+
import { M as d } from "../../Menu-3UjlpKRJ.js";
|
|
5
|
+
import { M as t } from "../../MenuItem-CHEWce5u.js";
|
|
6
6
|
const h = (c) => {
|
|
7
7
|
const [r, i] = m(null), e = !!r, l = (s) => {
|
|
8
8
|
i(s.currentTarget);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Paper-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("../../Paper-DgHGh6vt.cjs"),r=e=>t.jsx(o.Paper,{sx:{width:"10rem",height:"10rem",p:1},...e,children:"children"}),n={title:"Components/Paper",component:r,argTypes:{elevation:{control:"number"},square:{control:"boolean"},variant:{control:"select",options:["elevation","outlined"]}}},a={args:{elevation:1,square:!1,variant:"elevation"}};exports.Default=a;exports.default=n;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { P as o } from "../../Paper-
|
|
2
|
+
import { P as o } from "../../Paper-BylmTlAJ.js";
|
|
3
3
|
const r = (e) => /* @__PURE__ */ t(o, { sx: { width: "10rem", height: "10rem", p: 1 }, ...e, children: "children" }), l = {
|
|
4
4
|
title: "Components/Paper",
|
|
5
5
|
component: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../FormLabel-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../FormLabel-BLySmpkL.cjs"),t=require("../../RadioGroup-Dyf8fKum.cjs"),e=require("../../Radio-CLNMQGNf.cjs"),a=l=>o.jsxs(r.FormControl,{children:[o.jsx(r.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(t.RadioGroup,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...l,children:[o.jsx(e.FormControlLabel,{value:"first",control:o.jsx(e.Radio,{}),label:"First"}),o.jsx(e.FormControlLabel,{value:"second",control:o.jsx(e.Radio,{}),label:"Second"}),o.jsx(e.FormControlLabel,{value:"third",control:o.jsx(e.Radio,{}),label:"Third"})]})]}),s={title:"Components/RadioGroup",component:a},n={args:{row:!1}},i={args:{row:!0}};exports.Default=n;exports.Row=i;exports.default=s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { F as e, a as s } from "../../FormLabel-
|
|
3
|
-
import { R as n } from "../../RadioGroup-
|
|
4
|
-
import { F as r, R as a } from "../../Radio-
|
|
2
|
+
import { F as e, a as s } from "../../FormLabel-DmLckqyT.js";
|
|
3
|
+
import { R as n } from "../../RadioGroup-D-Cq8SmM.js";
|
|
4
|
+
import { F as r, R as a } from "../../Radio-CbYgci2-.js";
|
|
5
5
|
const i = (l) => /* @__PURE__ */ t(e, { children: [
|
|
6
6
|
/* @__PURE__ */ o(s, { id: "radio-buttons-group-label", children: "Label" }),
|
|
7
7
|
/* @__PURE__ */ t(
|