@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740589431
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/{Backdrop-DcDd6WZF.js → Backdrop-BctCVgLy.js} +79 -82
- package/dist/Backdrop-DWp3AktL.cjs +1 -0
- package/dist/{Box-mP2Th61z.cjs → Box-DYA49L7w.cjs} +1 -1
- package/dist/{Box-Byz2BwGf.js → Box-DgqaLb7j.js} +8 -8
- package/dist/Button-B7kOjNW1.js +696 -0
- package/dist/Button-UmeKHfcL.cjs +1 -0
- package/dist/ButtonBase-D6tfI-8D.cjs +74 -0
- package/dist/{ButtonBase-DAWDecOk.js → ButtonBase-IZ_QjbpE.js} +334 -334
- package/dist/CardContent-5bW4A4d2.cjs +1 -0
- package/dist/CardContent-F4-KcZH8.js +226 -0
- package/dist/{Checkbox-DYrDbdy1.cjs → Checkbox-DQgPXaym.cjs} +1 -1
- package/dist/{Checkbox-8Rhxpkjl.js → Checkbox-qUSjau0g.js} +26 -26
- package/dist/Chip-BTnuWGEU.cjs +1 -0
- package/dist/Chip-OpRIs-sL.js +522 -0
- package/dist/{CircularProgress-Kwlef5fX.js → CircularProgress-CQxzJquv.js} +11 -11
- package/dist/{CircularProgress-BByrCLjv.cjs → CircularProgress-cPXhiRlM.cjs} +4 -4
- package/dist/CloseRounded-BMEGLs8y.js +8 -0
- package/dist/CloseRounded-BRXBizmR.cjs +1 -0
- package/dist/{DatePicker-BS1OatwQ.js → DatePicker-C6MCYjpp.js} +3113 -3600
- package/dist/DatePicker-CTIqTlNQ.cjs +14 -0
- package/dist/DefaultPropsProvider-Cqcb4sws.js +303 -0
- package/dist/DefaultPropsProvider-wpBXjN8r.cjs +1 -0
- package/dist/Dialog-B1wnk5BT.cjs +1 -0
- package/dist/Dialog-CKS7yjT5.js +478 -0
- package/dist/{DialogContent-uc65XOEU.js → DialogContent-BzPaz5G8.js} +13 -13
- package/dist/{DialogContent-Dj_OjLZ6.cjs → DialogContent-DcZz4rBc.cjs} +1 -1
- package/dist/{DialogTitle-C8JOi-rq.js → DialogTitle-D3E_lDHD.js} +30 -30
- package/dist/{DialogTitle-BboPDaoB.cjs → DialogTitle-mr9xn4JZ.cjs} +1 -1
- package/dist/{Divider-KO-E6nU8.js → Divider-D-pZeQTm.js} +8 -8
- package/dist/{Divider-CcrM3lNn.cjs → Divider-D3hPb7s4.cjs} +1 -1
- package/dist/{FormLabel-CfR4bb21.js → FormLabel-3-CC-ZGw.js} +131 -133
- package/dist/FormLabel-BV7-a0i5.cjs +2 -0
- package/dist/{Grow-CQVPAYvp.js → Grow-DKgYCxiY.js} +46 -43
- package/dist/Grow-Z3KzFaK5.cjs +1 -0
- package/dist/{IconButton-CekuyD4r.js → IconButton-CCNUMz2l.js} +132 -64
- package/dist/IconButton-CVOPR4EM.cjs +2 -0
- package/dist/{InputAdornment-Cq0WhPxF.cjs → InputAdornment-CwFEJSXv.cjs} +1 -1
- package/dist/{InputAdornment-iU5YnveW.js → InputAdornment-DL8XIM8r.js} +15 -14
- package/dist/{InputBase-BJy3wwFB.js → InputBase-By7jMrFP.js} +221 -215
- package/dist/InputBase-Cejvjv1E.cjs +3 -0
- package/dist/Link-2ncpUcIp.cjs +1 -0
- package/dist/{Link-CoQuUM0t.js → Link-C_GPIs0q.js} +46 -46
- package/dist/{Menu-C7tKmcAh.js → Menu-BunOW0ot.js} +72 -73
- package/dist/Menu-Cngt8Va9.cjs +7 -0
- package/dist/{MenuItem-BZ_EVaBq.cjs → MenuItem-Bha8aBMr.cjs} +1 -1
- package/dist/{MenuItem-j8luVUcX.js → MenuItem-Cu3FTLl8.js} +20 -20
- package/dist/{Modal-brWBFdK7.js → Modal-DTJd7JJ6.js} +99 -98
- package/dist/Modal-u82Ss4h_.cjs +2 -0
- package/dist/{Paper-BG4Vk_Um.js → Paper-BiZq6EF2.js} +8 -8
- package/dist/{Paper-Cr56xkCr.cjs → Paper-EvOTlB_Q.cjs} +2 -2
- package/dist/{Popper-YT5WAMV-.cjs → Popper-BVYscbsI.cjs} +3 -3
- package/dist/{Popper-DFZ_gRev.js → Popper-DjwR55WH.js} +241 -243
- package/dist/{Portal-JEwcozmp.js → Portal-BByeByPq.js} +34 -39
- package/dist/Portal-DUHpWdY1.cjs +1 -0
- package/dist/Radio-CSl8GQNk.cjs +1 -0
- package/dist/Radio-DSRS-tjj.js +568 -0
- package/dist/RadioGroup-DL4hhZzK.cjs +1 -0
- package/dist/RadioGroup-cPdOWdYD.js +190 -0
- package/dist/{Select-DmssuG5M.js → Select-CZnKFG3o.js} +419 -401
- package/dist/Select-DZAzJA0y.cjs +3 -0
- package/dist/Stack-B82ckLGm.cjs +1 -0
- package/dist/{Stack-BzTJdRGj.js → Stack-hbAJHQhq.js} +29 -29
- package/dist/Switch-B9uT9-d0.js +330 -0
- package/dist/Switch-DWKHe4z_.cjs +1 -0
- package/dist/{SwitchBase-Dlth5_F7.js → SwitchBase-CDkmnGAP.js} +29 -29
- package/dist/{SwitchBase-DjIY_KWB.cjs → SwitchBase-CnA6TA2P.cjs} +1 -1
- package/dist/Tabs-AyJ_tKtV.cjs +4 -0
- package/dist/{Tabs-CYbeTnJk.js → Tabs-BYfDlOR9.js} +336 -337
- package/dist/{TextField-Cri5Gxa7.js → TextField-BKfXjPdH.js} +29 -27
- package/dist/TextField-CwcPgdgD.cjs +1 -0
- package/dist/ToggleButtonGroup-DIp0fcXW.cjs +140 -0
- package/dist/ToggleButtonGroup-sc2omtRp.js +10473 -0
- package/dist/{Tooltip-BhAHhzKz.js → Tooltip-B1NGvrJP.js} +14 -14
- package/dist/{Tooltip-DhDtvULK.cjs → Tooltip-oNmnF7Bc.cjs} +3 -3
- package/dist/{TransitionGroupContext-DMJLhY9-.js → TransitionGroupContext-DbLioz_6.js} +7 -7
- package/dist/TransitionGroupContext-Zt4NoR0u.cjs +1 -0
- package/dist/{Typography-DfRMDngd.cjs → Typography-DPij13XT.cjs} +1 -1
- package/dist/{Typography-DBwTr_ix.js → Typography-SIQ6eleU.js} +9 -9
- package/dist/{capitalize-CkF8kU4n.js → capitalize-3KLkrEtk.js} +1 -1
- package/dist/{capitalize-B3GG7Wn6.cjs → capitalize-CEByPz9F.cjs} +1 -1
- package/dist/components/Alert/Alert.es.js +13 -4
- package/dist/components/Button/Button.cjs.js +1 -1
- package/dist/components/Button/Button.d.ts +1 -2
- package/dist/components/Button/Button.es.js +12 -325
- package/dist/components/DatePicker/DatePicker.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.es.js +2 -2
- 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 +12 -14
- package/dist/components/Dropzone/Dropzone.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.d.ts +2 -0
- package/dist/components/Dropzone/Dropzone.es.js +22 -19
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js +1 -1
- package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.es.js +4 -3
- package/dist/components/EmptyState/EmptyState.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.es.js +2 -2
- package/dist/components/FileList/FileIcon.cjs.js +1 -0
- package/dist/components/FileList/FileIcon.d.ts +3 -0
- package/dist/components/FileList/FileIcon.es.js +56 -0
- package/dist/components/FileList/FileInfosSeparator.cjs.js +1 -0
- package/dist/components/FileList/FileInfosSeparator.d.ts +1 -0
- package/dist/components/FileList/FileInfosSeparator.es.js +14 -0
- package/dist/components/FileList/FileList.cjs.js +1 -1
- package/dist/components/FileList/FileList.d.ts +5 -3
- package/dist/components/FileList/FileList.es.js +22 -15
- package/dist/components/FileList/FileListItem.cjs.js +1 -1
- package/dist/components/FileList/FileListItem.d.ts +9 -5
- package/dist/components/FileList/FileListItem.es.js +118 -24
- package/dist/components/FileList/utils.cjs.js +1 -0
- package/dist/components/FileList/utils.d.ts +2 -0
- package/dist/components/FileList/utils.es.js +13 -0
- 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 +79 -54
- package/dist/components/Loader/Loader.cjs.js +1 -1
- package/dist/components/Loader/Loader.d.ts +1 -2
- package/dist/components/Loader/Loader.es.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.d.ts +1 -2
- 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 +12 -10
- package/dist/components/QueryError/QueryError.cjs.js +1 -1
- package/dist/components/QueryError/QueryError.d.ts +2 -2
- package/dist/components/QueryError/QueryError.es.js +14 -14
- package/dist/components/ResourceCard/ResourceCard.cjs.js +1 -0
- package/dist/components/ResourceCard/ResourceCard.d.ts +24 -0
- package/dist/components/ResourceCard/ResourceCard.es.js +128 -0
- package/dist/components/ResourceCard/index.cjs.js +1 -0
- package/dist/components/ResourceCard/index.d.ts +2 -0
- package/dist/components/ResourceCard/index.es.js +4 -0
- package/dist/components/ResourceCard/style.cjs.js +1 -0
- package/dist/components/ResourceCard/style.es.js +125 -0
- package/dist/components/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +1 -2
- package/dist/components/SearchInput/SearchInput.es.js +4 -4
- package/dist/components/TextInput/TextInput.cjs.js +1 -1
- package/dist/components/TextInput/TextInput.es.js +1 -1
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +35 -0
- package/dist/components/index.es.js +348 -294
- package/dist/components/stories/Button.stories.cjs.js +1 -1
- package/dist/components/stories/Button.stories.es.js +1 -1
- package/dist/components/stories/Card.stories.cjs.js +1 -1
- package/dist/components/stories/Card.stories.es.js +17 -168
- package/dist/components/stories/Checkbox.stories.cjs.js +1 -1
- package/dist/components/stories/Checkbox.stories.es.js +5 -5
- package/dist/components/stories/Chip.stories.cjs.js +1 -0
- package/dist/components/stories/Chip.stories.d.ts +10 -0
- package/dist/components/stories/Chip.stories.es.js +77 -0
- 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 +5 -5
- package/dist/components/stories/FileList.stories.cjs.js +8 -1
- package/dist/components/stories/FileList.stories.es.js +144 -20
- package/dist/components/stories/FormControlLabel.stories.cjs.js +1 -1
- package/dist/components/stories/FormControlLabel.stories.es.js +16 -340
- 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 +16 -16
- 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 +19 -115
- package/dist/components/stories/ResourceCard.stories.cjs.js +1 -0
- package/dist/components/stories/ResourceCard.stories.d.ts +9 -0
- package/dist/components/stories/ResourceCard.stories.es.js +141 -0
- package/dist/components/stories/Select.stories.cjs.js +1 -1
- package/dist/components/stories/Select.stories.es.js +3 -3
- package/dist/components/stories/TabList.stories.cjs.js +1 -1
- package/dist/components/stories/TabList.stories.es.js +14 -14
- package/dist/components/stories/TextField.stories.cjs.js +1 -1
- package/dist/components/stories/TextField.stories.es.js +3 -3
- package/dist/components/stories/Tooltip.stories.cjs.js +1 -1
- package/dist/components/stories/Tooltip.stories.es.js +2 -2
- package/dist/components/stories/Typography.stories.cjs.js +1 -1
- package/dist/components/stories/Typography.stories.es.js +1 -1
- package/dist/createSvgIcon-DJMYlO0S.cjs +1 -0
- package/dist/{createSvgIcon-C8nGcfF4.js → createSvgIcon-K2ZAdASa.js} +57 -55
- package/dist/{dividerClasses-CCAY3Pnr.cjs → dividerClasses-Dq1bCO_s.cjs} +1 -1
- package/dist/{dividerClasses-nh2-hkQB.js → dividerClasses-afsB3Yy1.js} +3 -3
- package/dist/{elementTypeAcceptingRef-D-5kcohU.js → elementTypeAcceptingRef-5ESWTE79.js} +1 -1
- package/dist/{elementTypeAcceptingRef-DZsNbuLU.cjs → elementTypeAcceptingRef-BjgxF5Bq.cjs} +1 -1
- package/dist/{extendSxProp-apyK-EBz.cjs → extendSxProp-D-oLUmkR.cjs} +1 -1
- package/dist/{extendSxProp-C2ff0oGc.js → extendSxProp-dlShX1xL.js} +3 -3
- package/dist/{fr-Bjufn3RW.js → fr-B3qrCNcK.js} +18 -18
- package/dist/generateUtilityClasses-De8NU9_E.cjs +75 -0
- package/dist/generateUtilityClasses-DotvgSDH.js +3297 -0
- package/dist/hooks/lazySvgImport.d.ts +1 -1
- package/dist/{index-CwvpOCso.js → index-B1u7G33_.js} +29 -29
- package/dist/{index-ChM1Ett8.cjs → index-CVFzneYe.cjs} +1 -1
- package/dist/{index-BCnPLuqJ.js → index-DTTmpNYg.js} +22 -22
- package/dist/index-T-RSwkXB.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +348 -294
- package/dist/{memoTheme-D7Fyh_3C.js → memoTheme-CqmIydD-.js} +1 -1
- package/dist/{memoTheme-Bdg0Y_2O.cjs → memoTheme-DrjvJtTP.cjs} +1 -1
- package/dist/{refType-CoaxQOPt.cjs → refType-BkobP3bK.cjs} +1 -1
- package/dist/{refType-DKYKROQk.js → refType-C210ipRY.js} +1 -1
- package/dist/{mergeSlotProps-tUJEcwVu.js → resolveComponentProps-CPmhKPdH.js} +7 -7
- package/dist/resolveComponentProps-PuUs-PsA.cjs +1 -0
- package/dist/unsupportedProp-Bn6XWqwH.cjs +1 -0
- package/dist/unsupportedProp-BuVD30Gh.js +9 -0
- package/dist/useSlot-CC2AaOjN.cjs +1 -0
- package/dist/useSlot-GZu0V5wJ.js +48 -0
- package/dist/{useSlotProps-B31YQlzb.js → useSlotProps-C9tsxDNg.js} +11 -11
- package/dist/useSlotProps-CvOxvhyy.cjs +1 -0
- package/dist/{useTheme-Dukx-__T.cjs → useTheme-7RGQRN-h.cjs} +1 -1
- package/dist/useTheme-BA7tMglY.js +11 -0
- package/dist/{useTheme-Cy5kyKJF.cjs → useTheme-CIf2b2wK.cjs} +1 -1
- package/dist/{useTheme-_xyy-wul.js → useTheme-tdgDVH1p.js} +1 -1
- package/dist/{useThemeProps-u_ESzK2f.cjs → useThemeProps-AnS1uVAy.cjs} +1 -1
- package/dist/{useThemeProps-BySkSe-M.js → useThemeProps-BQlPXzo3.js} +2 -2
- package/dist/useThemeProps-BTfGtNci.js +17 -0
- package/dist/useThemeProps-DxBEHys5.cjs +1 -0
- package/dist/utils-CFI_-FMV.cjs +1 -0
- package/dist/{utils-C6c4fj7D.js → utils-CXhh35wP.js} +41 -41
- package/package.json +9 -9
- package/dist/Backdrop-CvufxHMY.cjs +0 -1
- package/dist/Button-BH9MUvmz.cjs +0 -1
- package/dist/Button-BnNYfQ3E.js +0 -484
- package/dist/ButtonBase-BXtyQVDC.cjs +0 -74
- package/dist/Card-AJG0TUOx.js +0 -74
- package/dist/Card-NqCXQteq.cjs +0 -1
- package/dist/DatePicker-7-4p3Vtj.cjs +0 -14
- package/dist/DefaultPropsProvider-3KMGupjb.cjs +0 -17
- package/dist/DefaultPropsProvider-CvJPQJmL.js +0 -454
- package/dist/Delete-BkZN7Xu5.js +0 -8
- package/dist/Delete-D1EiKoL5.cjs +0 -1
- package/dist/Dialog-D_lS4J_M.js +0 -415
- package/dist/Dialog-yOrNcHbG.cjs +0 -1
- package/dist/FormControlLabel-Bb6Ul-qQ.cjs +0 -1
- package/dist/FormControlLabel-BmrKQtQA.js +0 -262
- package/dist/FormGroup-CbczEc6e.js +0 -95
- package/dist/FormGroup-Y3P2AG0i.cjs +0 -1
- package/dist/FormLabel-D1uvEhsH.cjs +0 -2
- package/dist/Grow-CUBJs6WD.cjs +0 -1
- package/dist/IconButton-CJfzspZK.cjs +0 -2
- package/dist/InputBase-s1fk8TB4.cjs +0 -3
- package/dist/Link-CWczkFp0.cjs +0 -1
- package/dist/Menu-Bsx8PA-q.cjs +0 -7
- package/dist/Modal-DImrEpYJ.cjs +0 -2
- package/dist/Portal-DF0RKOcD.cjs +0 -1
- package/dist/Radio-CVAEGXKi.cjs +0 -1
- package/dist/Radio-DGhot3Cd.js +0 -313
- package/dist/Select-CwAWNiiv.cjs +0 -3
- package/dist/Stack-Yq6rb7iK.cjs +0 -1
- package/dist/TableSortLabel-BsgRD4k4.js +0 -6328
- package/dist/TableSortLabel-D0N3e3cP.cjs +0 -98
- package/dist/Tabs-KG4VWw-1.cjs +0 -4
- package/dist/TextField-BI9KVqjC.cjs +0 -1
- package/dist/TransitionGroupContext-DbXD5xqS.cjs +0 -1
- package/dist/createSvgIcon--rEClVU7.cjs +0 -1
- package/dist/generateUtilityClasses-B_H9HEmg.cjs +0 -59
- package/dist/generateUtilityClasses-Bssl7BA_.js +0 -3145
- package/dist/index-Aa73Kpym.cjs +0 -1
- package/dist/index-Cw0GDedk.cjs +0 -17
- package/dist/index-DXD5J5Eu.js +0 -186
- package/dist/mergeSlotProps-DuV-LTW7.cjs +0 -1
- package/dist/useSlot-BTpHG6jf.js +0 -50
- package/dist/useSlot-CByalpSD.cjs +0 -1
- package/dist/useSlotProps-BVSAQTNl.cjs +0 -1
- package/dist/useTheme-DyaNKf4e.js +0 -11
- package/dist/useThemeProps-CdV_QwDl.cjs +0 -1
- package/dist/useThemeProps-CwEQ4bv2.js +0 -24
- package/dist/utils-vmyQ2IaS.cjs +0 -1
|
@@ -0,0 +1,522 @@
|
|
|
1
|
+
import * as u from "react";
|
|
2
|
+
import { H as q, I as J, G as y, n as d, P as r } from "./generateUtilityClasses-DotvgSDH.js";
|
|
3
|
+
import { c as Q } from "./createSvgIcon-K2ZAdASa.js";
|
|
4
|
+
import { jsx as P, jsxs as X } from "react/jsx-runtime";
|
|
5
|
+
import { m as Y } from "./memoTheme-CqmIydD-.js";
|
|
6
|
+
import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
7
|
+
import { u as Z, s as E, c as h } from "./DefaultPropsProvider-Cqcb4sws.js";
|
|
8
|
+
import { u as aa } from "./useForkRef-C_4o__cU.js";
|
|
9
|
+
import { B as N } from "./ButtonBase-IZ_QjbpE.js";
|
|
10
|
+
import { c as t } from "./capitalize-3KLkrEtk.js";
|
|
11
|
+
import { u as ea } from "./unsupportedProp-BuVD30Gh.js";
|
|
12
|
+
const oa = Q(/* @__PURE__ */ P("path", {
|
|
13
|
+
d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
|
|
14
|
+
}), "Cancel");
|
|
15
|
+
function ra(a) {
|
|
16
|
+
return J("MuiChip", a);
|
|
17
|
+
}
|
|
18
|
+
const o = q("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), la = (a) => {
|
|
19
|
+
const {
|
|
20
|
+
classes: l,
|
|
21
|
+
disabled: e,
|
|
22
|
+
size: n,
|
|
23
|
+
color: i,
|
|
24
|
+
iconColor: g,
|
|
25
|
+
onDelete: f,
|
|
26
|
+
clickable: s,
|
|
27
|
+
variant: p
|
|
28
|
+
} = a, C = {
|
|
29
|
+
root: ["root", p, e && "disabled", `size${t(n)}`, `color${t(i)}`, s && "clickable", s && `clickableColor${t(i)}`, f && "deletable", f && `deletableColor${t(i)}`, `${p}${t(i)}`],
|
|
30
|
+
label: ["label", `label${t(n)}`],
|
|
31
|
+
avatar: ["avatar", `avatar${t(n)}`, `avatarColor${t(i)}`],
|
|
32
|
+
icon: ["icon", `icon${t(n)}`, `iconColor${t(g)}`],
|
|
33
|
+
deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(i)}`, `deleteIcon${t(p)}Color${t(i)}`]
|
|
34
|
+
};
|
|
35
|
+
return h(C, ra, l);
|
|
36
|
+
}, ta = E("div", {
|
|
37
|
+
name: "MuiChip",
|
|
38
|
+
slot: "Root",
|
|
39
|
+
overridesResolver: (a, l) => {
|
|
40
|
+
const {
|
|
41
|
+
ownerState: e
|
|
42
|
+
} = a, {
|
|
43
|
+
color: n,
|
|
44
|
+
iconColor: i,
|
|
45
|
+
clickable: g,
|
|
46
|
+
onDelete: f,
|
|
47
|
+
size: s,
|
|
48
|
+
variant: p
|
|
49
|
+
} = e;
|
|
50
|
+
return [{
|
|
51
|
+
[`& .${o.avatar}`]: l.avatar
|
|
52
|
+
}, {
|
|
53
|
+
[`& .${o.avatar}`]: l[`avatar${t(s)}`]
|
|
54
|
+
}, {
|
|
55
|
+
[`& .${o.avatar}`]: l[`avatarColor${t(n)}`]
|
|
56
|
+
}, {
|
|
57
|
+
[`& .${o.icon}`]: l.icon
|
|
58
|
+
}, {
|
|
59
|
+
[`& .${o.icon}`]: l[`icon${t(s)}`]
|
|
60
|
+
}, {
|
|
61
|
+
[`& .${o.icon}`]: l[`iconColor${t(i)}`]
|
|
62
|
+
}, {
|
|
63
|
+
[`& .${o.deleteIcon}`]: l.deleteIcon
|
|
64
|
+
}, {
|
|
65
|
+
[`& .${o.deleteIcon}`]: l[`deleteIcon${t(s)}`]
|
|
66
|
+
}, {
|
|
67
|
+
[`& .${o.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
|
|
68
|
+
}, {
|
|
69
|
+
[`& .${o.deleteIcon}`]: l[`deleteIcon${t(p)}Color${t(n)}`]
|
|
70
|
+
}, l.root, l[`size${t(s)}`], l[`color${t(n)}`], g && l.clickable, g && n !== "default" && l[`clickableColor${t(n)})`], f && l.deletable, f && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${t(n)}`]];
|
|
71
|
+
}
|
|
72
|
+
})(Y(({
|
|
73
|
+
theme: a
|
|
74
|
+
}) => {
|
|
75
|
+
const l = a.palette.mode === "light" ? a.palette.grey[700] : a.palette.grey[300];
|
|
76
|
+
return {
|
|
77
|
+
maxWidth: "100%",
|
|
78
|
+
fontFamily: a.typography.fontFamily,
|
|
79
|
+
fontSize: a.typography.pxToRem(13),
|
|
80
|
+
display: "inline-flex",
|
|
81
|
+
alignItems: "center",
|
|
82
|
+
justifyContent: "center",
|
|
83
|
+
height: 32,
|
|
84
|
+
color: (a.vars || a).palette.text.primary,
|
|
85
|
+
backgroundColor: (a.vars || a).palette.action.selected,
|
|
86
|
+
borderRadius: 32 / 2,
|
|
87
|
+
whiteSpace: "nowrap",
|
|
88
|
+
transition: a.transitions.create(["background-color", "box-shadow"]),
|
|
89
|
+
// reset cursor explicitly in case ButtonBase is used
|
|
90
|
+
cursor: "unset",
|
|
91
|
+
// We disable the focus ring for mouse, touch and keyboard users.
|
|
92
|
+
outline: 0,
|
|
93
|
+
textDecoration: "none",
|
|
94
|
+
border: 0,
|
|
95
|
+
// Remove `button` border
|
|
96
|
+
padding: 0,
|
|
97
|
+
// Remove `button` padding
|
|
98
|
+
verticalAlign: "middle",
|
|
99
|
+
boxSizing: "border-box",
|
|
100
|
+
[`&.${o.disabled}`]: {
|
|
101
|
+
opacity: (a.vars || a).palette.action.disabledOpacity,
|
|
102
|
+
pointerEvents: "none"
|
|
103
|
+
},
|
|
104
|
+
[`& .${o.avatar}`]: {
|
|
105
|
+
marginLeft: 5,
|
|
106
|
+
marginRight: -6,
|
|
107
|
+
width: 24,
|
|
108
|
+
height: 24,
|
|
109
|
+
color: a.vars ? a.vars.palette.Chip.defaultAvatarColor : l,
|
|
110
|
+
fontSize: a.typography.pxToRem(12)
|
|
111
|
+
},
|
|
112
|
+
[`& .${o.avatarColorPrimary}`]: {
|
|
113
|
+
color: (a.vars || a).palette.primary.contrastText,
|
|
114
|
+
backgroundColor: (a.vars || a).palette.primary.dark
|
|
115
|
+
},
|
|
116
|
+
[`& .${o.avatarColorSecondary}`]: {
|
|
117
|
+
color: (a.vars || a).palette.secondary.contrastText,
|
|
118
|
+
backgroundColor: (a.vars || a).palette.secondary.dark
|
|
119
|
+
},
|
|
120
|
+
[`& .${o.avatarSmall}`]: {
|
|
121
|
+
marginLeft: 4,
|
|
122
|
+
marginRight: -4,
|
|
123
|
+
width: 18,
|
|
124
|
+
height: 18,
|
|
125
|
+
fontSize: a.typography.pxToRem(10)
|
|
126
|
+
},
|
|
127
|
+
[`& .${o.icon}`]: {
|
|
128
|
+
marginLeft: 5,
|
|
129
|
+
marginRight: -6
|
|
130
|
+
},
|
|
131
|
+
[`& .${o.deleteIcon}`]: {
|
|
132
|
+
WebkitTapHighlightColor: "transparent",
|
|
133
|
+
color: a.vars ? `rgba(${a.vars.palette.text.primaryChannel} / 0.26)` : d(a.palette.text.primary, 0.26),
|
|
134
|
+
fontSize: 22,
|
|
135
|
+
cursor: "pointer",
|
|
136
|
+
margin: "0 5px 0 -6px",
|
|
137
|
+
"&:hover": {
|
|
138
|
+
color: a.vars ? `rgba(${a.vars.palette.text.primaryChannel} / 0.4)` : d(a.palette.text.primary, 0.4)
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
variants: [{
|
|
142
|
+
props: {
|
|
143
|
+
size: "small"
|
|
144
|
+
},
|
|
145
|
+
style: {
|
|
146
|
+
height: 24,
|
|
147
|
+
[`& .${o.icon}`]: {
|
|
148
|
+
fontSize: 18,
|
|
149
|
+
marginLeft: 4,
|
|
150
|
+
marginRight: -4
|
|
151
|
+
},
|
|
152
|
+
[`& .${o.deleteIcon}`]: {
|
|
153
|
+
fontSize: 16,
|
|
154
|
+
marginRight: 4,
|
|
155
|
+
marginLeft: -4
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
}, ...Object.entries(a.palette).filter(k(["contrastText"])).map(([e]) => ({
|
|
159
|
+
props: {
|
|
160
|
+
color: e
|
|
161
|
+
},
|
|
162
|
+
style: {
|
|
163
|
+
backgroundColor: (a.vars || a).palette[e].main,
|
|
164
|
+
color: (a.vars || a).palette[e].contrastText,
|
|
165
|
+
[`& .${o.deleteIcon}`]: {
|
|
166
|
+
color: a.vars ? `rgba(${a.vars.palette[e].contrastTextChannel} / 0.7)` : d(a.palette[e].contrastText, 0.7),
|
|
167
|
+
"&:hover, &:active": {
|
|
168
|
+
color: (a.vars || a).palette[e].contrastText
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
})), {
|
|
173
|
+
props: (e) => e.iconColor === e.color,
|
|
174
|
+
style: {
|
|
175
|
+
[`& .${o.icon}`]: {
|
|
176
|
+
color: a.vars ? a.vars.palette.Chip.defaultIconColor : l
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
}, {
|
|
180
|
+
props: (e) => e.iconColor === e.color && e.color !== "default",
|
|
181
|
+
style: {
|
|
182
|
+
[`& .${o.icon}`]: {
|
|
183
|
+
color: "inherit"
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
}, {
|
|
187
|
+
props: {
|
|
188
|
+
onDelete: !0
|
|
189
|
+
},
|
|
190
|
+
style: {
|
|
191
|
+
[`&.${o.focusVisible}`]: {
|
|
192
|
+
backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
}, ...Object.entries(a.palette).filter(k(["dark"])).map(([e]) => ({
|
|
196
|
+
props: {
|
|
197
|
+
color: e,
|
|
198
|
+
onDelete: !0
|
|
199
|
+
},
|
|
200
|
+
style: {
|
|
201
|
+
[`&.${o.focusVisible}`]: {
|
|
202
|
+
background: (a.vars || a).palette[e].dark
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
})), {
|
|
206
|
+
props: {
|
|
207
|
+
clickable: !0
|
|
208
|
+
},
|
|
209
|
+
style: {
|
|
210
|
+
userSelect: "none",
|
|
211
|
+
WebkitTapHighlightColor: "transparent",
|
|
212
|
+
cursor: "pointer",
|
|
213
|
+
"&:hover": {
|
|
214
|
+
backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity)
|
|
215
|
+
},
|
|
216
|
+
[`&.${o.focusVisible}`]: {
|
|
217
|
+
backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : d(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
|
|
218
|
+
},
|
|
219
|
+
"&:active": {
|
|
220
|
+
boxShadow: (a.vars || a).shadows[1]
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}, ...Object.entries(a.palette).filter(k(["dark"])).map(([e]) => ({
|
|
224
|
+
props: {
|
|
225
|
+
color: e,
|
|
226
|
+
clickable: !0
|
|
227
|
+
},
|
|
228
|
+
style: {
|
|
229
|
+
[`&:hover, &.${o.focusVisible}`]: {
|
|
230
|
+
backgroundColor: (a.vars || a).palette[e].dark
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
})), {
|
|
234
|
+
props: {
|
|
235
|
+
variant: "outlined"
|
|
236
|
+
},
|
|
237
|
+
style: {
|
|
238
|
+
backgroundColor: "transparent",
|
|
239
|
+
border: a.vars ? `1px solid ${a.vars.palette.Chip.defaultBorder}` : `1px solid ${a.palette.mode === "light" ? a.palette.grey[400] : a.palette.grey[700]}`,
|
|
240
|
+
[`&.${o.clickable}:hover`]: {
|
|
241
|
+
backgroundColor: (a.vars || a).palette.action.hover
|
|
242
|
+
},
|
|
243
|
+
[`&.${o.focusVisible}`]: {
|
|
244
|
+
backgroundColor: (a.vars || a).palette.action.focus
|
|
245
|
+
},
|
|
246
|
+
[`& .${o.avatar}`]: {
|
|
247
|
+
marginLeft: 4
|
|
248
|
+
},
|
|
249
|
+
[`& .${o.avatarSmall}`]: {
|
|
250
|
+
marginLeft: 2
|
|
251
|
+
},
|
|
252
|
+
[`& .${o.icon}`]: {
|
|
253
|
+
marginLeft: 4
|
|
254
|
+
},
|
|
255
|
+
[`& .${o.iconSmall}`]: {
|
|
256
|
+
marginLeft: 2
|
|
257
|
+
},
|
|
258
|
+
[`& .${o.deleteIcon}`]: {
|
|
259
|
+
marginRight: 5
|
|
260
|
+
},
|
|
261
|
+
[`& .${o.deleteIconSmall}`]: {
|
|
262
|
+
marginRight: 3
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
}, ...Object.entries(a.palette).filter(k()).map(([e]) => ({
|
|
266
|
+
props: {
|
|
267
|
+
variant: "outlined",
|
|
268
|
+
color: e
|
|
269
|
+
},
|
|
270
|
+
style: {
|
|
271
|
+
color: (a.vars || a).palette[e].main,
|
|
272
|
+
border: `1px solid ${a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.7)` : d(a.palette[e].main, 0.7)}`,
|
|
273
|
+
[`&.${o.clickable}:hover`]: {
|
|
274
|
+
backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.hoverOpacity})` : d(a.palette[e].main, a.palette.action.hoverOpacity)
|
|
275
|
+
},
|
|
276
|
+
[`&.${o.focusVisible}`]: {
|
|
277
|
+
backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.focusOpacity})` : d(a.palette[e].main, a.palette.action.focusOpacity)
|
|
278
|
+
},
|
|
279
|
+
[`& .${o.deleteIcon}`]: {
|
|
280
|
+
color: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.7)` : d(a.palette[e].main, 0.7),
|
|
281
|
+
"&:hover, &:active": {
|
|
282
|
+
color: (a.vars || a).palette[e].main
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
}))]
|
|
287
|
+
};
|
|
288
|
+
})), na = E("span", {
|
|
289
|
+
name: "MuiChip",
|
|
290
|
+
slot: "Label",
|
|
291
|
+
overridesResolver: (a, l) => {
|
|
292
|
+
const {
|
|
293
|
+
ownerState: e
|
|
294
|
+
} = a, {
|
|
295
|
+
size: n
|
|
296
|
+
} = e;
|
|
297
|
+
return [l.label, l[`label${t(n)}`]];
|
|
298
|
+
}
|
|
299
|
+
})({
|
|
300
|
+
overflow: "hidden",
|
|
301
|
+
textOverflow: "ellipsis",
|
|
302
|
+
paddingLeft: 12,
|
|
303
|
+
paddingRight: 12,
|
|
304
|
+
whiteSpace: "nowrap",
|
|
305
|
+
variants: [{
|
|
306
|
+
props: {
|
|
307
|
+
variant: "outlined"
|
|
308
|
+
},
|
|
309
|
+
style: {
|
|
310
|
+
paddingLeft: 11,
|
|
311
|
+
paddingRight: 11
|
|
312
|
+
}
|
|
313
|
+
}, {
|
|
314
|
+
props: {
|
|
315
|
+
size: "small"
|
|
316
|
+
},
|
|
317
|
+
style: {
|
|
318
|
+
paddingLeft: 8,
|
|
319
|
+
paddingRight: 8
|
|
320
|
+
}
|
|
321
|
+
}, {
|
|
322
|
+
props: {
|
|
323
|
+
size: "small",
|
|
324
|
+
variant: "outlined"
|
|
325
|
+
},
|
|
326
|
+
style: {
|
|
327
|
+
paddingLeft: 7,
|
|
328
|
+
paddingRight: 7
|
|
329
|
+
}
|
|
330
|
+
}]
|
|
331
|
+
});
|
|
332
|
+
function V(a) {
|
|
333
|
+
return a.key === "Backspace" || a.key === "Delete";
|
|
334
|
+
}
|
|
335
|
+
const ia = /* @__PURE__ */ u.forwardRef(function(l, e) {
|
|
336
|
+
const n = Z({
|
|
337
|
+
props: l,
|
|
338
|
+
name: "MuiChip"
|
|
339
|
+
}), {
|
|
340
|
+
avatar: i,
|
|
341
|
+
className: g,
|
|
342
|
+
clickable: f,
|
|
343
|
+
color: s = "default",
|
|
344
|
+
component: p,
|
|
345
|
+
deleteIcon: C,
|
|
346
|
+
disabled: m = !1,
|
|
347
|
+
icon: $,
|
|
348
|
+
label: M,
|
|
349
|
+
onClick: T,
|
|
350
|
+
onDelete: v,
|
|
351
|
+
onKeyDown: w,
|
|
352
|
+
onKeyUp: z,
|
|
353
|
+
size: j = "medium",
|
|
354
|
+
variant: K = "filled",
|
|
355
|
+
tabIndex: U,
|
|
356
|
+
skipFocusWhenDisabled: F = !1,
|
|
357
|
+
// TODO v6: Rename to `focusableWhenDisabled`.
|
|
358
|
+
...W
|
|
359
|
+
} = n, B = u.useRef(null), H = aa(B, e), D = (c) => {
|
|
360
|
+
c.stopPropagation(), v && v(c);
|
|
361
|
+
}, A = (c) => {
|
|
362
|
+
c.currentTarget === c.target && V(c) && c.preventDefault(), w && w(c);
|
|
363
|
+
}, _ = (c) => {
|
|
364
|
+
c.currentTarget === c.target && v && V(c) && v(c), z && z(c);
|
|
365
|
+
}, I = f !== !1 && T ? !0 : f, S = I || v ? N : p || "div", x = {
|
|
366
|
+
...n,
|
|
367
|
+
component: S,
|
|
368
|
+
disabled: m,
|
|
369
|
+
size: j,
|
|
370
|
+
color: s,
|
|
371
|
+
iconColor: /* @__PURE__ */ u.isValidElement($) && $.props.color || s,
|
|
372
|
+
onDelete: !!v,
|
|
373
|
+
clickable: I,
|
|
374
|
+
variant: K
|
|
375
|
+
}, b = la(x), G = S === N ? {
|
|
376
|
+
component: p || "div",
|
|
377
|
+
focusVisibleClassName: b.focusVisible,
|
|
378
|
+
...v && {
|
|
379
|
+
disableRipple: !0
|
|
380
|
+
}
|
|
381
|
+
} : {};
|
|
382
|
+
let L = null;
|
|
383
|
+
v && (L = C && /* @__PURE__ */ u.isValidElement(C) ? /* @__PURE__ */ u.cloneElement(C, {
|
|
384
|
+
className: y(C.props.className, b.deleteIcon),
|
|
385
|
+
onClick: D
|
|
386
|
+
}) : /* @__PURE__ */ P(oa, {
|
|
387
|
+
className: y(b.deleteIcon),
|
|
388
|
+
onClick: D
|
|
389
|
+
}));
|
|
390
|
+
let O = null;
|
|
391
|
+
i && /* @__PURE__ */ u.isValidElement(i) && (O = /* @__PURE__ */ u.cloneElement(i, {
|
|
392
|
+
className: y(b.avatar, i.props.className)
|
|
393
|
+
}));
|
|
394
|
+
let R = null;
|
|
395
|
+
return $ && /* @__PURE__ */ u.isValidElement($) && (R = /* @__PURE__ */ u.cloneElement($, {
|
|
396
|
+
className: y(b.icon, $.props.className)
|
|
397
|
+
})), process.env.NODE_ENV !== "production" && O && R && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ X(ta, {
|
|
398
|
+
as: S,
|
|
399
|
+
className: y(b.root, g),
|
|
400
|
+
disabled: I && m ? !0 : void 0,
|
|
401
|
+
onClick: T,
|
|
402
|
+
onKeyDown: A,
|
|
403
|
+
onKeyUp: _,
|
|
404
|
+
ref: H,
|
|
405
|
+
tabIndex: F && m ? -1 : U,
|
|
406
|
+
ownerState: x,
|
|
407
|
+
...G,
|
|
408
|
+
...W,
|
|
409
|
+
children: [O || R, /* @__PURE__ */ P(na, {
|
|
410
|
+
className: y(b.label),
|
|
411
|
+
ownerState: x,
|
|
412
|
+
children: M
|
|
413
|
+
}), L]
|
|
414
|
+
});
|
|
415
|
+
});
|
|
416
|
+
process.env.NODE_ENV !== "production" && (ia.propTypes = {
|
|
417
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
418
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
419
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
420
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
421
|
+
/**
|
|
422
|
+
* The Avatar element to display.
|
|
423
|
+
*/
|
|
424
|
+
avatar: r.element,
|
|
425
|
+
/**
|
|
426
|
+
* This prop isn't supported.
|
|
427
|
+
* Use the `component` prop if you need to change the children structure.
|
|
428
|
+
*/
|
|
429
|
+
children: ea,
|
|
430
|
+
/**
|
|
431
|
+
* Override or extend the styles applied to the component.
|
|
432
|
+
*/
|
|
433
|
+
classes: r.object,
|
|
434
|
+
/**
|
|
435
|
+
* @ignore
|
|
436
|
+
*/
|
|
437
|
+
className: r.string,
|
|
438
|
+
/**
|
|
439
|
+
* If `true`, the chip will appear clickable, and will raise when pressed,
|
|
440
|
+
* even if the onClick prop is not defined.
|
|
441
|
+
* If `false`, the chip will not appear clickable, even if onClick prop is defined.
|
|
442
|
+
* This can be used, for example,
|
|
443
|
+
* along with the component prop to indicate an anchor Chip is clickable.
|
|
444
|
+
* Note: this controls the UI and does not affect the onClick event.
|
|
445
|
+
*/
|
|
446
|
+
clickable: r.bool,
|
|
447
|
+
/**
|
|
448
|
+
* The color of the component.
|
|
449
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
450
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
451
|
+
* @default 'default'
|
|
452
|
+
*/
|
|
453
|
+
color: r.oneOfType([r.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
|
|
454
|
+
/**
|
|
455
|
+
* The component used for the root node.
|
|
456
|
+
* Either a string to use a HTML element or a component.
|
|
457
|
+
*/
|
|
458
|
+
component: r.elementType,
|
|
459
|
+
/**
|
|
460
|
+
* Override the default delete icon element. Shown only if `onDelete` is set.
|
|
461
|
+
*/
|
|
462
|
+
deleteIcon: r.element,
|
|
463
|
+
/**
|
|
464
|
+
* If `true`, the component is disabled.
|
|
465
|
+
* @default false
|
|
466
|
+
*/
|
|
467
|
+
disabled: r.bool,
|
|
468
|
+
/**
|
|
469
|
+
* Icon element.
|
|
470
|
+
*/
|
|
471
|
+
icon: r.element,
|
|
472
|
+
/**
|
|
473
|
+
* The content of the component.
|
|
474
|
+
*/
|
|
475
|
+
label: r.node,
|
|
476
|
+
/**
|
|
477
|
+
* @ignore
|
|
478
|
+
*/
|
|
479
|
+
onClick: r.func,
|
|
480
|
+
/**
|
|
481
|
+
* Callback fired when the delete icon is clicked.
|
|
482
|
+
* If set, the delete icon will be shown.
|
|
483
|
+
*/
|
|
484
|
+
onDelete: r.func,
|
|
485
|
+
/**
|
|
486
|
+
* @ignore
|
|
487
|
+
*/
|
|
488
|
+
onKeyDown: r.func,
|
|
489
|
+
/**
|
|
490
|
+
* @ignore
|
|
491
|
+
*/
|
|
492
|
+
onKeyUp: r.func,
|
|
493
|
+
/**
|
|
494
|
+
* The size of the component.
|
|
495
|
+
* @default 'medium'
|
|
496
|
+
*/
|
|
497
|
+
size: r.oneOfType([r.oneOf(["medium", "small"]), r.string]),
|
|
498
|
+
/**
|
|
499
|
+
* If `true`, allows the disabled chip to escape focus.
|
|
500
|
+
* If `false`, allows the disabled chip to receive focus.
|
|
501
|
+
* @default false
|
|
502
|
+
*/
|
|
503
|
+
skipFocusWhenDisabled: r.bool,
|
|
504
|
+
/**
|
|
505
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
506
|
+
*/
|
|
507
|
+
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
|
|
508
|
+
/**
|
|
509
|
+
* @ignore
|
|
510
|
+
*/
|
|
511
|
+
tabIndex: r.number,
|
|
512
|
+
/**
|
|
513
|
+
* The variant to use.
|
|
514
|
+
* @default 'filled'
|
|
515
|
+
*/
|
|
516
|
+
variant: r.oneOfType([r.oneOf(["filled", "outlined"]), r.string])
|
|
517
|
+
});
|
|
518
|
+
export {
|
|
519
|
+
ia as C,
|
|
520
|
+
o as c,
|
|
521
|
+
ra as g
|
|
522
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as O from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { m as P } from "./memoTheme-
|
|
2
|
+
import { I as T, H as R, G as N, P as r } from "./generateUtilityClasses-DotvgSDH.js";
|
|
3
|
+
import { m as P } from "./memoTheme-CqmIydD-.js";
|
|
4
4
|
import { c as j } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
5
5
|
import { jsx as h } from "react/jsx-runtime";
|
|
6
|
-
import {
|
|
7
|
-
import { c } from "./capitalize-
|
|
6
|
+
import { u as I, s as g, c as U } from "./DefaultPropsProvider-Cqcb4sws.js";
|
|
7
|
+
import { c } from "./capitalize-3KLkrEtk.js";
|
|
8
8
|
import { c as E } from "./chainPropTypes-D9lkm76m.js";
|
|
9
|
-
import {
|
|
9
|
+
import { css as x, keyframes as w } from "@emotion/react";
|
|
10
10
|
function z(e) {
|
|
11
11
|
return T("MuiCircularProgress", e);
|
|
12
12
|
}
|
|
13
|
-
const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y =
|
|
13
|
+
const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = w`
|
|
14
14
|
0% {
|
|
15
15
|
transform: rotate(0deg);
|
|
16
16
|
}
|
|
@@ -18,7 +18,7 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
|
|
|
18
18
|
100% {
|
|
19
19
|
transform: rotate(360deg);
|
|
20
20
|
}
|
|
21
|
-
`, v =
|
|
21
|
+
`, v = w`
|
|
22
22
|
0% {
|
|
23
23
|
stroke-dasharray: 1px, 200px;
|
|
24
24
|
stroke-dashoffset: 0;
|
|
@@ -30,12 +30,12 @@ const X = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "col
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
100% {
|
|
33
|
-
stroke-dasharray:
|
|
34
|
-
stroke-dashoffset: -
|
|
33
|
+
stroke-dasharray: 1px, 200px;
|
|
34
|
+
stroke-dashoffset: -126px;
|
|
35
35
|
}
|
|
36
|
-
`, F = typeof y != "string" ?
|
|
36
|
+
`, F = typeof y != "string" ? x`
|
|
37
37
|
animation: ${y} 1.4s linear infinite;
|
|
38
|
-
` : null, V = typeof v != "string" ?
|
|
38
|
+
` : null, V = typeof v != "string" ? x`
|
|
39
39
|
animation: ${v} 1.4s ease-in-out infinite;
|
|
40
40
|
` : null, A = (e) => {
|
|
41
41
|
const {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const $=require("react"),r=require("./generateUtilityClasses-
|
|
1
|
+
"use strict";const $=require("react"),r=require("./generateUtilityClasses-De8NU9_E.cjs"),S=require("./memoTheme-DrjvJtTP.cjs"),M=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),g=require("react/jsx-runtime"),a=require("./DefaultPropsProvider-wpBXjN8r.cjs"),l=require("./capitalize-CEByPz9F.cjs"),R=require("./chainPropTypes-CEUi6Jb4.cjs"),p=require("@emotion/react");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const z=q($);function x(e){return r.generateUtilityClass("MuiCircularProgress",e)}const N=r.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]),o=44,h=p.keyframes`
|
|
2
2
|
0% {
|
|
3
3
|
transform: rotate(0deg);
|
|
4
4
|
}
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
100% {
|
|
21
|
-
stroke-dasharray:
|
|
22
|
-
stroke-dashoffset: -
|
|
21
|
+
stroke-dasharray: 1px, 200px;
|
|
22
|
+
stroke-dashoffset: -126px;
|
|
23
23
|
}
|
|
24
24
|
`,U=typeof h!="string"?p.css`
|
|
25
25
|
animation: ${h} 1.4s linear infinite;
|
|
26
26
|
`:null,E=typeof v!="string"?p.css`
|
|
27
27
|
animation: ${v} 1.4s ease-in-out infinite;
|
|
28
|
-
`:null,F=e=>{const{classes:s,variant:t,color:i,disableShrink:u}=e,y={root:["root",t,`color${l.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${l.capitalize(t)}`,u&&"circleDisableShrink"]};return a.composeClasses(y,x,s)},I=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,s[t.variant],s[`color${l.capitalize(t.color)}`]]}})(S.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:U||{animation:`${h} 1.4s linear infinite`}},...Object.entries(e.palette).filter(M.createSimplePaletteValueFilter()).map(([s])=>({props:{color:s},style:{color:(e.vars||e).palette[s].main}}))]}))),V=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,s)=>s.svg})({display:"block"}),_=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.circle,s[`circle${l.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(S.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:s})=>s.variant==="indeterminate"&&!s.disableShrink,style:E||{animation:`${v} 1.4s ease-in-out infinite`}}]}))),w=z.forwardRef(function(s,t){const i=a.useDefaultProps({props:s,name:"MuiCircularProgress"}),{className:u,color:y="primary",disableShrink:D=!1,size:
|
|
28
|
+
`:null,F=e=>{const{classes:s,variant:t,color:i,disableShrink:u}=e,y={root:["root",t,`color${l.capitalize(i)}`],svg:["svg"],circle:["circle",`circle${l.capitalize(t)}`,u&&"circleDisableShrink"]};return a.composeClasses(y,x,s)},I=a.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.root,s[t.variant],s[`color${l.capitalize(t.color)}`]]}})(S.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:U||{animation:`${h} 1.4s linear infinite`}},...Object.entries(e.palette).filter(M.createSimplePaletteValueFilter()).map(([s])=>({props:{color:s},style:{color:(e.vars||e).palette[s].main}}))]}))),V=a.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,s)=>s.svg})({display:"block"}),_=a.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,s)=>{const{ownerState:t}=e;return[s.circle,s[`circle${l.capitalize(t.variant)}`],t.disableShrink&&s.circleDisableShrink]}})(S.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:s})=>s.variant==="indeterminate"&&!s.disableShrink,style:E||{animation:`${v} 1.4s ease-in-out infinite`}}]}))),w=z.forwardRef(function(s,t){const i=a.useDefaultProps({props:s,name:"MuiCircularProgress"}),{className:u,color:y="primary",disableShrink:D=!1,size:m=40,style:O,thickness:n=3.6,value:d=0,variant:T="indeterminate",...j}=i,c={...i,color:y,disableShrink:D,size:m,thickness:n,value:d,variant:T},f=F(c),P={},k={},b={};if(T==="determinate"){const C=2*Math.PI*((o-n)/2);P.strokeDasharray=C.toFixed(3),b["aria-valuenow"]=Math.round(d),P.strokeDashoffset=`${((100-d)/100*C).toFixed(3)}px`,k.transform="rotate(-90deg)"}return g.jsx(I,{className:r.clsx(f.root,u),style:{width:m,height:m,...k,...O},ownerState:c,ref:t,role:"progressbar",...b,...j,children:g.jsx(V,{className:f.svg,ownerState:c,viewBox:`${o/2} ${o/2} ${o} ${o}`,children:g.jsx(_,{className:f.circle,style:P,ownerState:c,cx:o,cy:o,r:(o-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(w.propTypes={classes:r.PropTypes.object,className:r.PropTypes.string,color:r.PropTypes.oneOfType([r.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),r.PropTypes.string]),disableShrink:R.chainPropTypes(r.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]),style:r.PropTypes.object,sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object]),thickness:r.PropTypes.number,value:r.PropTypes.number,variant:r.PropTypes.oneOf(["determinate","indeterminate"])});exports.CircularProgress=w;exports.circularProgressClasses=N;exports.getCircularProgressUtilityClass=x;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { c } from "./createSvgIcon-K2ZAdASa.js";
|
|
3
|
+
const a = c(/* @__PURE__ */ o("path", {
|
|
4
|
+
d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
|
|
5
|
+
}), "CloseRounded");
|
|
6
|
+
export {
|
|
7
|
+
a as C
|
|
8
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),c=require("./createSvgIcon-DJMYlO0S.cjs"),s=c.createSvgIcon(e.jsx("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded");exports.CloseRounded=s;
|