@cgi-learning-hub/ui 0.0.1-dev.1708964890 → 0.0.1-dev.1708990372
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/Button-Tkz5NkF_.cjs +1 -0
- package/dist/Button-X7eWZQfX.js +356 -0
- package/dist/ButtonBase-CKfcGhaU.js +892 -0
- package/dist/ButtonBase-Cg8cBMzO.cjs +75 -0
- package/dist/Input-CAb0EFzc.cjs +1 -0
- package/dist/Input-CbYjsRHK.js +322 -0
- package/dist/{InputBase-C_yPRkam.js → InputBase-B13Nzzhk.js} +215 -193
- package/dist/InputBase-CKlCw9fj.cjs +4 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.cjs.js +1 -0
- package/dist/components/AnotherComponent/AnotherComponent.d.ts +2 -0
- package/dist/components/AnotherComponent/AnotherComponent.es.js +15 -0
- package/dist/components/AnotherComponent/AnotherComponent.stories.cjs.js +1 -0
- package/dist/components/{Dropzone/Dropzone.stories.d.ts → AnotherComponent/AnotherComponent.stories.d.ts} +2 -1
- package/dist/components/AnotherComponent/AnotherComponent.stories.es.js +22 -0
- package/dist/components/AnotherComponent/index.cjs.js +1 -0
- package/dist/components/AnotherComponent/index.d.ts +2 -0
- package/dist/components/AnotherComponent/index.es.js +4 -0
- package/dist/components/BasicButtons/BasicButtons.cjs.js +1 -0
- package/dist/components/BasicButtons/BasicButtons.d.ts +2 -0
- package/dist/components/BasicButtons/BasicButtons.es.js +189 -0
- package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +1 -0
- package/dist/components/BasicButtons/BasicButtons.stories.d.ts +5 -0
- package/dist/components/BasicButtons/BasicButtons.stories.es.js +22 -0
- package/dist/components/BasicButtons/index.cjs.js +1 -0
- package/dist/components/BasicButtons/index.d.ts +2 -0
- package/dist/components/BasicButtons/index.es.js +4 -0
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +28 -1
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +267 -408
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +5 -5
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.d.ts +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +7 -8
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.d.ts +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +9 -10
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +2 -4
- package/dist/components/index.es.js +14 -18
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +247 -77
- package/dist/components/inputs/TextInput/TextInput.cjs.js +13 -11
- package/dist/components/inputs/TextInput/TextInput.es.js +1631 -1844
- package/dist/{createSvgIcon-B6bZPuto.cjs → createSvgIcon-jvI3LIfI.cjs} +1 -1
- package/dist/{createSvgIcon-KaSN8JhZ.js → createSvgIcon-qXNZi4k1.js} +8 -8
- package/dist/extendSxProp-BRHiEwyk.js +29 -0
- package/dist/extendSxProp-CvhhU9Vb.cjs +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +12 -16
- package/dist/useForkRef-82uiK71d.cjs +1 -0
- package/dist/useForkRef-CLcOhrzI.js +44 -0
- package/dist/useTheme-BWRyHzdn.js +65 -0
- package/dist/useTheme-BpLcDNG1.cjs +1 -0
- package/dist/{useThemeProps-Dg9Uoq7q.js → useThemeProps-B6yTTpAe.js} +1024 -1018
- package/dist/useThemeProps-CDriK9TK.cjs +65 -0
- package/package.json +1 -2
- package/dist/Box-7uR7JZiM.cjs +0 -1
- package/dist/Box-CPGTKTgx.js +0 -56
- package/dist/ButtonBase-B0tkJ9zf.js +0 -831
- package/dist/ButtonBase-DCL6Xlnm.cjs +0 -75
- package/dist/CircularProgress-CZX5SfKt.cjs +0 -28
- package/dist/CircularProgress-CguDBnxV.js +0 -215
- package/dist/IconButton-CJ1Nt-jf.js +0 -182
- package/dist/IconButton-De7ZdW2q.cjs +0 -2
- package/dist/InputBase-Dvr5GnwD.cjs +0 -4
- package/dist/Tab-Bhm9hCrX.cjs +0 -1
- package/dist/Tab-C4l6V01S.js +0 -237
- package/dist/TransitionGroupContext-C7wWJ6l7.js +0 -14
- package/dist/TransitionGroupContext-g4tmk10h.cjs +0 -1
- package/dist/Typography-CyFLZjnE.js +0 -202
- package/dist/Typography-DwsN2Ttm.cjs +0 -1
- package/dist/components/Dropzone/Dropzone.cjs.js +0 -5
- package/dist/components/Dropzone/Dropzone.d.ts +0 -9
- package/dist/components/Dropzone/Dropzone.es.js +0 -1210
- package/dist/components/Dropzone/Dropzone.stories.cjs.js +0 -1
- package/dist/components/Dropzone/Dropzone.stories.es.js +0 -17
- package/dist/components/Dropzone/index.cjs.js +0 -1
- package/dist/components/Dropzone/index.d.ts +0 -2
- package/dist/components/Dropzone/index.es.js +0 -4
- package/dist/components/buttons/IconButton.stories.cjs.js +0 -1
- package/dist/components/buttons/IconButton.stories.d.ts +0 -4
- package/dist/components/buttons/IconButton.stories.es.js +0 -27
- package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js +0 -1
- package/dist/components/inputs/SearchInput/SearchInput.stories.d.ts +0 -4
- package/dist/components/inputs/SearchInput/SearchInput.stories.es.js +0 -16
- package/dist/components/inputs/TextInput/TextInput.stories.cjs.js +0 -1
- package/dist/components/inputs/TextInput/TextInput.stories.d.ts +0 -4
- package/dist/components/inputs/TextInput/TextInput.stories.es.js +0 -17
- package/dist/components/lists/FileList/FileList.cjs.js +0 -1
- package/dist/components/lists/FileList/FileList.d.ts +0 -7
- package/dist/components/lists/FileList/FileList.es.js +0 -19
- package/dist/components/lists/FileList/FileList.stories.cjs.js +0 -1
- package/dist/components/lists/FileList/FileList.stories.d.ts +0 -4
- package/dist/components/lists/FileList/FileList.stories.es.js +0 -28
- package/dist/components/lists/FileList/FileListItem.cjs.js +0 -1
- package/dist/components/lists/FileList/FileListItem.d.ts +0 -13
- package/dist/components/lists/FileList/FileListItem.es.js +0 -41
- package/dist/components/lists/FileList/index.cjs.js +0 -1
- package/dist/components/lists/FileList/index.d.ts +0 -4
- package/dist/components/lists/FileList/index.es.js +0 -6
- package/dist/components/lists/TabList.stories.cjs.js +0 -4
- package/dist/components/lists/TabList.stories.d.ts +0 -4
- package/dist/components/lists/TabList.stories.es.js +0 -1027
- package/dist/components/lists/index.cjs.js +0 -1
- package/dist/components/lists/index.d.ts +0 -1
- package/dist/components/lists/index.es.js +0 -6
- package/dist/createSvgIcon-BX8WQ5r-.cjs +0 -2
- package/dist/createSvgIcon-m_wsenOJ.js +0 -84
- package/dist/isHostComponent-PydJW4A4.cjs +0 -1
- package/dist/isHostComponent-kiaBvYVo.js +0 -6
- package/dist/ownerWindow-C7EH1lr6.js +0 -23
- package/dist/ownerWindow-Dk_4aaak.cjs +0 -1
- package/dist/refType-CHSN6ysS.cjs +0 -1
- package/dist/refType-Hh9tfnoF.js +0 -29
- package/dist/unsupportedProp-Bn6XWqwH.cjs +0 -1
- package/dist/unsupportedProp-BuVD30Gh.js +0 -9
- package/dist/useControlled-BsLcOmhe.js +0 -48
- package/dist/useControlled-jN3fqFfv.cjs +0 -3
- package/dist/useForkRef-CGd3Nhyb.cjs +0 -1
- package/dist/useForkRef-DwN_Iz9R.js +0 -17
- package/dist/useIsFocusVisible-BF0lT08B.cjs +0 -1
- package/dist/useIsFocusVisible-D8ksiuhS.js +0 -69
- package/dist/useSlotProps-MoAYME1z.js +0 -70
- package/dist/useSlotProps-R4s13HHI.cjs +0 -1
- package/dist/useTheme-BDPYLOoP.cjs +0 -1
- package/dist/useTheme-DJEDOopE.js +0 -9
- package/dist/useThemeProps-jkB5q9ie.cjs +0 -65
- package/dist/useTimeout-KN97abZR.js +0 -47
- package/dist/useTimeout-qjxkiZZn.cjs +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("./Dropzone.cjs.js"),n={title:"Components/Dropzone",component:o,argTypes:{}},s=e=>r.jsx(o,{...e}),t=s.bind({});t.args={information:"SVG, PNG, JPG or GIF (max. 3MB)",onDrop:e=>alert("dropped")};exports.Default=t;exports.default=n;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import t from "./Dropzone.es.js";
|
|
3
|
-
const a = {
|
|
4
|
-
title: "Components/Dropzone",
|
|
5
|
-
component: t,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, r = (o) => /* @__PURE__ */ e(t, { ...o }), n = r.bind({});
|
|
10
|
-
n.args = {
|
|
11
|
-
information: "SVG, PNG, JPG or GIF (max. 3MB)",
|
|
12
|
-
onDrop: (o) => alert("dropped")
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
n as Default,
|
|
16
|
-
a as default
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Dropzone.cjs.js");exports.Dropzone=e;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../createSvgIcon-BX8WQ5r-.cjs"),c=require("../../IconButton-De7ZdW2q.cjs");var t={},s=r.interopRequireDefaultExports;Object.defineProperty(t,"__esModule",{value:!0});var n=t.default=void 0,a=s(r.requireCreateSvgIcon()),i=e;n=t.default=(0,a.default)((0,i.jsx)("path",{d:"M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28M3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21m6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15m7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12M14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38"}),"Fingerprint");const l={title:"Components/Buttons/IconButton",component:c.IconButton,argTypes:{}},d=u=>e.jsx(c.IconButton,{...u}),o=d.bind({});o.args={children:e.jsx(n,{}),onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=l;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import c, { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { r as s, i as n } from "../../createSvgIcon-m_wsenOJ.js";
|
|
3
|
-
import { I as r } from "../../IconButton-CJ1Nt-jf.js";
|
|
4
|
-
var e = {}, i = n;
|
|
5
|
-
Object.defineProperty(e, "__esModule", {
|
|
6
|
-
value: !0
|
|
7
|
-
});
|
|
8
|
-
var o = e.default = void 0, u = i(s()), l = c;
|
|
9
|
-
o = e.default = (0, u.default)(/* @__PURE__ */ (0, l.jsx)("path", {
|
|
10
|
-
d: "M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2-.13-.24-.04-.55.2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67-.09.18-.26.28-.44.28M3.5 9.72c-.1 0-.2-.03-.29-.09-.23-.16-.28-.47-.12-.7.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25.16.22.11.54-.12.7-.23.16-.54.11-.7-.12-.9-1.26-2.04-2.25-3.39-2.94-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21m6.25 12.07c-.13 0-.26-.05-.35-.15-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15m7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12M14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1-1.4-1.39-2.17-3.24-2.17-5.22 0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29-.49-1.31-.73-2.61-.73-3.96 0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94s-3.08-1.32-3.08-2.94c0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38"
|
|
11
|
-
}), "Fingerprint");
|
|
12
|
-
const g = {
|
|
13
|
-
title: "Components/Buttons/IconButton",
|
|
14
|
-
component: r,
|
|
15
|
-
argTypes: {
|
|
16
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
17
|
-
}
|
|
18
|
-
}, p = (a) => /* @__PURE__ */ t(r, { ...a }), d = p.bind({});
|
|
19
|
-
d.args = {
|
|
20
|
-
children: /* @__PURE__ */ t(o, {}),
|
|
21
|
-
onClick: () => alert("Alert"),
|
|
22
|
-
disabled: !1
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
d as Default,
|
|
26
|
-
g as default
|
|
27
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("./SearchInput.cjs.js"),o={title:"Components/Inputs/SearchInput",component:e,argTypes:{}},s=r=>n.jsx(e,{...r}),t=s.bind({});t.args={placeholder:"Rechercher"};exports.Default=t;exports.default=o;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import e from "./SearchInput.es.js";
|
|
3
|
-
const a = {
|
|
4
|
-
title: "Components/Inputs/SearchInput",
|
|
5
|
-
component: e,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, r = (t) => /* @__PURE__ */ o(e, { ...t }), n = r.bind({});
|
|
10
|
-
n.args = {
|
|
11
|
-
placeholder: "Rechercher"
|
|
12
|
-
};
|
|
13
|
-
export {
|
|
14
|
-
n as Default,
|
|
15
|
-
a as default
|
|
16
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),e=require("./TextInput.cjs.js"),o={title:"Components/Inputs/TextInput",component:e,argTypes:{}},u=s=>n.jsx(e,{...s}),t=u.bind({});t.args={label:"Champ",disabled:!1};exports.Default=t;exports.default=o;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import t from "./TextInput.es.js";
|
|
3
|
-
const l = {
|
|
4
|
-
title: "Components/Inputs/TextInput",
|
|
5
|
-
component: t,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, s = (e) => /* @__PURE__ */ o(t, { ...e }), n = s.bind({});
|
|
10
|
-
n.args = {
|
|
11
|
-
label: "Champ",
|
|
12
|
-
disabled: !1
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
n as Default,
|
|
16
|
-
l as default
|
|
17
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime");require("react");const o=require("./FileListItem.cjs.js"),l=require("../../../Box-7uR7JZiM.cjs"),n=({files:i=[],...s})=>r.jsx(l.Box,{sx:{display:"flex",flexDirection:"column",rowGap:"0.5rem"},children:i.map((t,e)=>r.jsx(o,{file:t,uploading:e%2===0,...s},e))});module.exports=n;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type File } from "./FileListItem";
|
|
2
|
-
export interface FileListProps<T extends File> {
|
|
3
|
-
files: T[];
|
|
4
|
-
onDelete?: (file: T) => void;
|
|
5
|
-
}
|
|
6
|
-
declare const FileList: <T extends File>({ files, ...otherProps }: FileListProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default FileList;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import e from "./FileListItem.es.js";
|
|
4
|
-
import { B as l } from "../../../Box-CPGTKTgx.js";
|
|
5
|
-
const n = ({
|
|
6
|
-
files: i = [],
|
|
7
|
-
...t
|
|
8
|
-
}) => /* @__PURE__ */ r(l, { sx: { display: "flex", flexDirection: "column", rowGap: "0.5rem" }, children: i.map((m, o) => /* @__PURE__ */ r(
|
|
9
|
-
e,
|
|
10
|
-
{
|
|
11
|
-
file: m,
|
|
12
|
-
uploading: o % 2 === 0,
|
|
13
|
-
...t
|
|
14
|
-
},
|
|
15
|
-
o
|
|
16
|
-
)) });
|
|
17
|
-
export {
|
|
18
|
-
n as default
|
|
19
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("./FileList.cjs.js"),l={title:"Components/Lists/FileList",component:t,argTypes:{}},n=e=>i.jsx(t,{...e}),s=n.bind({});s.args={files:[{name:"sample.csv",size:500,uploading:!1},{name:"components_lists_filelist.png",size:1780,uploading:!0}],onDelete:e=>alert("delete")};exports.Default=s;exports.default=l;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import s from "./FileList.es.js";
|
|
3
|
-
const a = {
|
|
4
|
-
title: "Components/Lists/FileList",
|
|
5
|
-
component: s,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, i = (e) => /* @__PURE__ */ t(s, { ...e }), l = i.bind({});
|
|
10
|
-
l.args = {
|
|
11
|
-
files: [
|
|
12
|
-
{
|
|
13
|
-
name: "sample.csv",
|
|
14
|
-
size: 500,
|
|
15
|
-
uploading: !1
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
name: "components_lists_filelist.png",
|
|
19
|
-
size: 1780,
|
|
20
|
-
uploading: !0
|
|
21
|
-
}
|
|
22
|
-
],
|
|
23
|
-
onDelete: (e) => alert("delete")
|
|
24
|
-
};
|
|
25
|
-
export {
|
|
26
|
-
l as Default,
|
|
27
|
-
a as default
|
|
28
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),r=require("../../../createSvgIcon-BX8WQ5r-.cjs"),v=require("react"),x=require("../../../Box-7uR7JZiM.cjs"),o=require("../../../Typography-DwsN2Ttm.cjs"),p=require("../../../IconButton-De7ZdW2q.cjs"),f=require("../../../CircularProgress-CZX5SfKt.cjs");var i={},h=r.interopRequireDefaultExports;Object.defineProperty(i,"__esModule",{value:!0});var u=i.default=void 0,j=h(r.requireCreateSvgIcon()),m=e;u=i.default=(0,j.default)((0,m.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete");var a={},q=r.interopRequireDefaultExports;Object.defineProperty(a,"__esModule",{value:!0});var n=a.default=void 0,I=q(r.requireCreateSvgIcon()),_=e;n=a.default=(0,I.default)((0,_.jsx)("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile");const g=({file:t,uploading:c,onDelete:s})=>{const l=`${t.size} octets`,d=()=>s==null?void 0:s(t);return e.jsxs(x.Box,{sx:{display:"flex",alignItems:"center",columnGap:"1rem"},children:[e.jsx(n,{color:"primary"}),e.jsxs("div",{className:"text-start w-full",children:[e.jsx(o.Typography,{children:t.name}),e.jsx(o.Typography,{fontSize:"0.875rem",color:"grey",children:l})]}),e.jsx(p.IconButton,{onClick:d,disabled:c,children:c?e.jsx(f.CircularProgress,{size:24}):e.jsx(u,{})})]})},y=v.memo(g);module.exports=y;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface File {
|
|
3
|
-
name: string;
|
|
4
|
-
size: number;
|
|
5
|
-
uploading?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface FileListItemProps<T extends File> {
|
|
8
|
-
file: T;
|
|
9
|
-
uploading?: boolean;
|
|
10
|
-
onDelete?: (file: T) => void;
|
|
11
|
-
}
|
|
12
|
-
declare const _default: React.MemoExoticComponent<(<T extends File>({ file, uploading, onDelete, }: FileListItemProps<T>) => import("react/jsx-runtime").JSX.Element)>;
|
|
13
|
-
export default _default;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import c, { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { r as u, i as m } from "../../../createSvgIcon-m_wsenOJ.js";
|
|
3
|
-
import p from "react";
|
|
4
|
-
import { B as _ } from "../../../Box-CPGTKTgx.js";
|
|
5
|
-
import { T as l } from "../../../Typography-CyFLZjnE.js";
|
|
6
|
-
import { I as h } from "../../../IconButton-CJ1Nt-jf.js";
|
|
7
|
-
import { C as x } from "../../../CircularProgress-CguDBnxV.js";
|
|
8
|
-
var a = {}, I = m;
|
|
9
|
-
Object.defineProperty(a, "__esModule", {
|
|
10
|
-
value: !0
|
|
11
|
-
});
|
|
12
|
-
var d = a.default = void 0, j = I(u()), z = c;
|
|
13
|
-
d = a.default = (0, j.default)(/* @__PURE__ */ (0, z.jsx)("path", {
|
|
14
|
-
d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
|
|
15
|
-
}), "Delete");
|
|
16
|
-
var i = {}, $ = m;
|
|
17
|
-
Object.defineProperty(i, "__esModule", {
|
|
18
|
-
value: !0
|
|
19
|
-
});
|
|
20
|
-
var n = i.default = void 0, y = $(u()), g = c;
|
|
21
|
-
n = i.default = (0, y.default)(/* @__PURE__ */ (0, g.jsx)("path", {
|
|
22
|
-
d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
|
|
23
|
-
}), "InsertDriveFile");
|
|
24
|
-
const R = ({
|
|
25
|
-
file: r,
|
|
26
|
-
uploading: o,
|
|
27
|
-
onDelete: t
|
|
28
|
-
}) => {
|
|
29
|
-
const f = `${r.size} octets`, v = () => t == null ? void 0 : t(r);
|
|
30
|
-
return /* @__PURE__ */ s(_, { sx: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
|
|
31
|
-
/* @__PURE__ */ e(n, { color: "primary" }),
|
|
32
|
-
/* @__PURE__ */ s("div", { className: "text-start w-full", children: [
|
|
33
|
-
/* @__PURE__ */ e(l, { children: r.name }),
|
|
34
|
-
/* @__PURE__ */ e(l, { fontSize: "0.875rem", color: "grey", children: f })
|
|
35
|
-
] }),
|
|
36
|
-
/* @__PURE__ */ e(h, { onClick: v, disabled: o, children: o ? /* @__PURE__ */ e(x, { size: 24 }) : /* @__PURE__ */ e(d, {}) })
|
|
37
|
-
] });
|
|
38
|
-
}, B = p.memo(R);
|
|
39
|
-
export {
|
|
40
|
-
B as default
|
|
41
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileList.cjs.js"),t=require("./FileListItem.cjs.js");exports.FileList=e;exports.FileListItem=t;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),e=require("../../useThemeProps-jkB5q9ie.cjs"),rt=require("react"),Ie=require("../../useTheme-BDPYLOoP.cjs"),nt=require("../../useForkRef-CGd3Nhyb.cjs"),k=require("../../ownerWindow-Dk_4aaak.cjs"),le=require("../../useTimeout-qjxkiZZn.cjs"),st=require("../../refType-CHSN6ysS.cjs"),Oe=require("../../createSvgIcon-B6bZPuto.cjs"),lt=require("../../ButtonBase-DCL6Xlnm.cjs"),J=require("../../useSlotProps-R4s13HHI.cjs"),ce=require("../../Tab-Bhm9hCrX.cjs");function ct(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const a=ct(rt);let L;function Ne(){if(L)return L;const t=document.createElement("div"),o=document.createElement("div");return o.style.width="10px",o.style.height="1px",t.appendChild(o),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),L="reverse",t.scrollLeft>0?L="default":(t.scrollLeft=1,t.scrollLeft===0&&(L="negative")),document.body.removeChild(t),L}function at(t,o){const n=t.scrollLeft;if(o!=="rtl")return n;switch(Ne()){case"negative":return t.scrollWidth-t.clientWidth+n;case"reverse":return t.scrollWidth-t.clientWidth-n;default:return n}}const ue=a.createContext(null);process.env.NODE_ENV!=="production"&&(ue.displayName="TabContext");function it(){const[t,o]=a.useState(null);return a.useEffect(()=>{o(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),t}function Me(t){const{children:o,value:n}=t,l=it(),c=a.useMemo(()=>({idPrefix:l,value:n}),[l,n]);return p.jsx(ue.Provider,{value:c,children:o})}process.env.NODE_ENV!=="production"&&(Me.propTypes={children:e.PropTypes.node,value:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).isRequired});function je(){return a.useContext(ue)}function _e(t,o){const{idPrefix:n}=t;return n===null?null:`${t.idPrefix}-P-${o}`}function Re(t,o){const{idPrefix:n}=t;return n===null?null:`${t.idPrefix}-T-${o}`}function ut(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function dt(t,o,n,l={},c=()=>{}){const{ease:d=ut,duration:h=300}=l;let b=null;const y=o[t];let S=!1;const v=()=>{S=!0},N=B=>{if(S){c(new Error("Animation cancelled"));return}b===null&&(b=B);const g=Math.min(1,(B-b)/h);if(o[t]=d(g)*(n-y)+y,g>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(N)};return y===n?(c(new Error("Element already at target position")),v):(requestAnimationFrame(N),v)}const pt=["onChange"],ft={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function Le(t){const{onChange:o}=t,n=e._objectWithoutPropertiesLoose(t,pt),l=a.useRef(),c=a.useRef(null),d=()=>{l.current=c.current.offsetHeight-c.current.clientHeight};return nt.useEnhancedEffect(()=>{const h=k.debounce(()=>{const y=l.current;d(),y!==l.current&&o(l.current)}),b=k.ownerWindow(c.current);return b.addEventListener("resize",h),()=>{h.clear(),b.removeEventListener("resize",h)}},[o]),a.useEffect(()=>{d(),o(l.current)},[o]),p.jsx("div",e._extends({style:ft,ref:c},n))}process.env.NODE_ENV!=="production"&&(Le.propTypes={onChange:e.PropTypes.func.isRequired});const bt=Oe.createSvgIcon(p.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ht=Oe.createSvgIcon(p.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function yt(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const Tt=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),vt=Tt,St=["className","slots","slotProps","direction","orientation","disabled"],mt=t=>{const{classes:o,orientation:n,disabled:l}=t,c={root:["root",n,l&&"disabled"]};return e.composeClasses(c,yt,o)},Pt=e.styled(lt.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.root,n.orientation&&o[n.orientation]]}})(({ownerState:t})=>e._extends({width:40,flexShrink:0,opacity:.8,[`&.${vt.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),ze=a.forwardRef(function(o,n){var l,c;const d=e.useThemeProps({props:o,name:"MuiTabScrollButton"}),{className:h,slots:b={},slotProps:y={},direction:S}=d,v=e._objectWithoutPropertiesLoose(d,St),B=Ie.useTheme().direction==="rtl",g=e._extends({isRtl:B},d),Q=mt(g),A=(l=b.StartScrollButtonIcon)!=null?l:bt,m=(c=b.EndScrollButtonIcon)!=null?c:ht,q=J.useSlotProps({elementType:A,externalSlotProps:y.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:g}),E=J.useSlotProps({elementType:m,externalSlotProps:y.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:g});return p.jsx(Pt,e._extends({component:"div",className:e.clsx(Q.root,h),ref:n,role:null,ownerState:g,tabIndex:null},v,{children:S==="left"?p.jsx(A,e._extends({},q)):p.jsx(m,e._extends({},E))}))});process.env.NODE_ENV!=="production"&&(ze.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});const xt=ze;function gt(t){return e.generateUtilityClass("MuiTabs",t)}const wt=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ae=wt,Bt=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],we=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,Be=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,G=(t,o,n)=>{let l=!1,c=n(t,o);for(;c;){if(c===t.firstChild){if(l)return;l=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=n(t,c);else{c.focus();return}}},Ct=t=>{const{vertical:o,fixed:n,hideScrollbar:l,scrollableX:c,scrollableY:d,centered:h,scrollButtonsHideMobile:b,classes:y}=t,S={root:["root",o&&"vertical"],scroller:["scroller",n&&"fixed",l&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",h&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",b&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[l&&"hideScrollbar"]};return e.composeClasses(S,gt,y)},Et=e.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[{[`& .${ae.scrollButtons}`]:o.scrollButtons},{[`& .${ae.scrollButtons}`]:n.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,n.vertical&&o.vertical]}})(({ownerState:t,theme:o})=>e._extends({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ae.scrollButtons}`]:{[o.breakpoints.down("sm")]:{display:"none"}}})),It=e.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.scroller,n.fixed&&o.fixed,n.hideScrollbar&&o.hideScrollbar,n.scrollableX&&o.scrollableX,n.scrollableY&&o.scrollableY]}})(({ownerState:t})=>e._extends({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Ot=e.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,o)=>{const{ownerState:n}=t;return[o.flexContainer,n.vertical&&o.flexContainerVertical,n.centered&&o.centered]}})(({ownerState:t})=>e._extends({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),Nt=e.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(({ownerState:t,theme:o})=>e._extends({position:"absolute",height:2,bottom:0,width:"100%",transition:o.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(o.vars||o).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(o.vars||o).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Mt=e.styled(Le)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Ce={};let Ee=!1;const De=a.forwardRef(function(o,n){const l=e.useThemeProps({props:o,name:"MuiTabs"}),c=Ie.useTheme(),d=c.direction==="rtl",{"aria-label":h,"aria-labelledby":b,action:y,centered:S=!1,children:v,className:N,component:B="div",allowScrollButtonsMobile:g=!1,indicatorColor:Q="primary",onChange:A,orientation:m="horizontal",ScrollButtonComponent:q=xt,scrollButtons:E="auto",selectionFollowsFocus:qe,slots:U={},slotProps:de={},TabIndicatorProps:Z={},TabScrollButtonProps:V={},textColor:pe="primary",value:R,variant:ee="standard",visibleScrollbar:te=!1}=l,Ue=e._objectWithoutPropertiesLoose(l,Bt),P=ee==="scrollable",x=m==="vertical",z=x?"scrollTop":"scrollLeft",F=x?"top":"left",H=x?"bottom":"right",oe=x?"clientHeight":"clientWidth",D=x?"height":"width",M=e._extends({},l,{component:B,allowScrollButtonsMobile:g,indicatorColor:Q,orientation:m,vertical:x,scrollButtons:E,textColor:pe,variant:ee,visibleScrollbar:te,fixed:!P,hideScrollbar:P&&!te,scrollableX:P&&!x,scrollableY:P&&x,centered:S&&!P,scrollButtonsHideMobile:!g}),I=Ct(M),Ve=J.useSlotProps({elementType:U.StartScrollButtonIcon,externalSlotProps:de.startScrollButtonIcon,ownerState:M}),Fe=J.useSlotProps({elementType:U.EndScrollButtonIcon,externalSlotProps:de.endScrollButtonIcon,ownerState:M});process.env.NODE_ENV!=="production"&&S&&P&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[fe,He]=a.useState(!1),[j,be]=a.useState(Ce),[he,Xe]=a.useState(!1),[ye,Ye]=a.useState(!1),[Te,Ke]=a.useState(!1),[ve,Ge]=a.useState({overflow:"hidden",scrollbarWidth:0}),X=new Map,C=a.useRef(null),_=a.useRef(null),Se=()=>{const r=C.current;let s;if(r){const u=r.getBoundingClientRect();s={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollLeftNormalized:at(r,c.direction),scrollWidth:r.scrollWidth,top:u.top,bottom:u.bottom,left:u.left,right:u.right}}let i;if(r&&R!==!1){const u=_.current.children;if(u.length>0){const f=u[X.get(R)];process.env.NODE_ENV!=="production"&&(f||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${R}".`,X.keys?`You can provide one of the following values: ${Array.from(X.keys()).join(", ")}.`:null].join(`
|
|
2
|
-
`))),i=f?f.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Ee&&i&&i.width===0&&i.height===0&&s.clientWidth!==0&&(s=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${R}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
|
|
3
|
-
`)),Ee=!0)}}return{tabsMeta:s,tabMeta:i}},$=le.useEventCallback(()=>{const{tabsMeta:r,tabMeta:s}=Se();let i=0,u;if(x)u="top",s&&r&&(i=s.top-r.top+r.scrollTop);else if(u=d?"right":"left",s&&r){const T=d?r.scrollLeftNormalized+r.clientWidth-r.scrollWidth:r.scrollLeft;i=(d?-1:1)*(s[u]-r[u]+T)}const f={[u]:i,[D]:s?s[D]:0};if(isNaN(j[u])||isNaN(j[D]))be(f);else{const T=Math.abs(j[u]-f[u]),w=Math.abs(j[D]-f[D]);(T>=1||w>=1)&&be(f)}}),re=(r,{animation:s=!0}={})=>{s?dt(z,C.current,r,{duration:c.transitions.duration.standard}):C.current[z]=r},me=r=>{let s=C.current[z];x?s+=r:(s+=r*(d?-1:1),s*=d&&Ne()==="reverse"?-1:1),re(s)},Pe=()=>{const r=C.current[oe];let s=0;const i=Array.from(_.current.children);for(let u=0;u<i.length;u+=1){const f=i[u];if(s+f[oe]>r){u===0&&(s=r);break}s+=f[oe]}return s},Je=()=>{me(-1*Pe())},Qe=()=>{me(Pe())},Ze=a.useCallback(r=>{Ge({overflow:null,scrollbarWidth:r})},[]),et=()=>{const r={};r.scrollbarSizeListener=P?p.jsx(Mt,{onChange:Ze,className:e.clsx(I.scrollableX,I.hideScrollbar)}):null;const i=P&&(E==="auto"&&(he||ye)||E===!0);return r.scrollButtonStart=i?p.jsx(q,e._extends({slots:{StartScrollButtonIcon:U.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:Ve},orientation:m,direction:d?"right":"left",onClick:Je,disabled:!he},V,{className:e.clsx(I.scrollButtons,V.className)})):null,r.scrollButtonEnd=i?p.jsx(q,e._extends({slots:{EndScrollButtonIcon:U.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Fe},orientation:m,direction:d?"left":"right",onClick:Qe,disabled:!ye},V,{className:e.clsx(I.scrollButtons,V.className)})):null,r},xe=le.useEventCallback(r=>{const{tabsMeta:s,tabMeta:i}=Se();if(!(!i||!s)){if(i[F]<s[F]){const u=s[z]+(i[F]-s[F]);re(u,{animation:r})}else if(i[H]>s[H]){const u=s[z]+(i[H]-s[H]);re(u,{animation:r})}}}),Y=le.useEventCallback(()=>{P&&E!==!1&&Ke(!Te)});a.useEffect(()=>{const r=k.debounce(()=>{C.current&&$()});let s;const i=T=>{T.forEach(w=>{w.removedNodes.forEach(W=>{var O;(O=s)==null||O.unobserve(W)}),w.addedNodes.forEach(W=>{var O;(O=s)==null||O.observe(W)})}),r(),Y()},u=k.ownerWindow(C.current);u.addEventListener("resize",r);let f;return typeof ResizeObserver<"u"&&(s=new ResizeObserver(r),Array.from(_.current.children).forEach(T=>{s.observe(T)})),typeof MutationObserver<"u"&&(f=new MutationObserver(i),f.observe(_.current,{childList:!0})),()=>{var T,w;r.clear(),u.removeEventListener("resize",r),(T=f)==null||T.disconnect(),(w=s)==null||w.disconnect()}},[$,Y]),a.useEffect(()=>{const r=Array.from(_.current.children),s=r.length;if(typeof IntersectionObserver<"u"&&s>0&&P&&E!==!1){const i=r[0],u=r[s-1],f={root:C.current,threshold:.99},T=se=>{Xe(!se[0].isIntersecting)},w=new IntersectionObserver(T,f);w.observe(i);const W=se=>{Ye(!se[0].isIntersecting)},O=new IntersectionObserver(W,f);return O.observe(u),()=>{w.disconnect(),O.disconnect()}}},[P,E,Te,v==null?void 0:v.length]),a.useEffect(()=>{He(!0)},[]),a.useEffect(()=>{$()}),a.useEffect(()=>{xe(Ce!==j)},[xe,j]),a.useImperativeHandle(y,()=>({updateIndicator:$,updateScrollButtons:Y}),[$,Y]);const ge=p.jsx(Nt,e._extends({},Z,{className:e.clsx(I.indicator,Z.className),ownerState:M,style:e._extends({},j,Z.style)}));let K=0;const tt=a.Children.map(v,r=>{if(!a.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&e.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
|
|
4
|
-
`));const s=r.props.value===void 0?K:r.props.value;X.set(s,K);const i=s===R;return K+=1,a.cloneElement(r,e._extends({fullWidth:ee==="fullWidth",indicator:i&&!fe&&ge,selected:i,selectionFollowsFocus:qe,onChange:A,textColor:pe,value:s},K===1&&R===!1&&!r.props.tabIndex?{tabIndex:0}:{}))}),ot=r=>{const s=_.current,i=k.ownerDocument(s).activeElement;if(i.getAttribute("role")!=="tab")return;let f=m==="horizontal"?"ArrowLeft":"ArrowUp",T=m==="horizontal"?"ArrowRight":"ArrowDown";switch(m==="horizontal"&&d&&(f="ArrowRight",T="ArrowLeft"),r.key){case f:r.preventDefault(),G(s,i,Be);break;case T:r.preventDefault(),G(s,i,we);break;case"Home":r.preventDefault(),G(s,null,we);break;case"End":r.preventDefault(),G(s,null,Be);break}},ne=et();return p.jsxs(Et,e._extends({className:e.clsx(I.root,N),ownerState:M,ref:n,as:B},Ue,{children:[ne.scrollButtonStart,ne.scrollbarSizeListener,p.jsxs(It,{className:I.scroller,ownerState:M,style:{overflow:ve.overflow,[x?`margin${d?"Left":"Right"}`:"marginBottom"]:te?void 0:-ve.scrollbarWidth},ref:C,children:[p.jsx(Ot,{"aria-label":h,"aria-labelledby":b,"aria-orientation":m==="vertical"?"vertical":null,className:I.flexContainer,ownerState:M,onKeyDown:ot,ref:_,role:"tablist",children:tt}),fe&&ge]}),ne.scrollButtonEnd]}))});process.env.NODE_ENV!=="production"&&(De.propTypes={action:st.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});const jt=De,_t=["children"],$e=a.forwardRef(function(o,n){const{children:l}=o,c=e._objectWithoutPropertiesLoose(o,_t),d=je();if(d===null)throw new TypeError("No TabContext provided");const h=a.Children.map(l,b=>a.isValidElement(b)?a.cloneElement(b,{"aria-controls":_e(d,b.props.value),id:Re(d,b.props.value)}):null);return p.jsx(jt,e._extends({},c,{ref:n,value:d.value,children:h}))});process.env.NODE_ENV!=="production"&&($e.propTypes={children:e.PropTypes.node});const We=$e;function Rt(t){return e.generateUtilityClass("MuiTabPanel",t)}e.generateUtilityClasses("MuiTabPanel",["root"]);const Lt=["children","className","value"],zt=t=>{const{classes:o}=t,n={root:["root"]};return e.composeClasses(n,Rt,o)},Dt=e.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(t,o)=>o.root})(({theme:t})=>({padding:t.spacing(3)})),ke=a.forwardRef(function(o,n){const l=e.useThemeProps({props:o,name:"MuiTabPanel"}),{children:c,className:d,value:h}=l,b=e._objectWithoutPropertiesLoose(l,Lt),y=e._extends({},l),S=zt(y),v=je();if(v===null)throw new TypeError("No TabContext provided");const N=_e(v,h),B=Re(v,h);return p.jsx(Dt,e._extends({"aria-labelledby":B,className:e.clsx(S.root,d),hidden:h!==v.value,id:N,ref:n,role:"tabpanel",ownerState:y},b,{children:h===v.value&&c}))});process.env.NODE_ENV!=="production"&&(ke.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.string.isRequired});const ie=ke,$t={title:"Components/Lists/TabList",component:We,argTypes:{value:{options:["1","2","3"],control:{type:"select"}}}},Wt=t=>p.jsxs(Me,{value:t.value,children:[p.jsxs(We,{onChange:t.handleChange,"aria-label":"lab API tabs example",children:[p.jsx(ce.Tab,{label:"Utilisateurs",value:"1"}),p.jsx(ce.Tab,{label:"Groupes",value:"2"}),p.jsx(ce.Tab,{label:"Demandes d'inscription",value:"3"})]}),p.jsx(ie,{value:"1",children:"Utilisateurs"}),p.jsx(ie,{value:"2",children:"Groupes"}),p.jsx(ie,{value:"3",children:"Demandes d'inscription"})]}),Ae=Wt.bind({});Ae.args={value:"1",handleChange:(t,o)=>!0};exports.Default=Ae;exports.default=$t;
|