@cgi-learning-hub/ui 1.3.2-dev.1731592881 → 1.3.2-dev.1731948416
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/components/Alert/Alert.stories.cjs.js +1 -1
- package/dist/components/Alert/Alert.stories.d.ts +9 -4
- package/dist/components/Alert/Alert.stories.es.js +27 -12
- package/dist/components/Button/Button.stories.cjs.js +1 -1
- package/dist/components/Button/Button.stories.d.ts +8 -6
- package/dist/components/Button/Button.stories.es.js +35 -37
- package/dist/components/DatePicker/DatePicker.stories.cjs.js +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +6 -4
- package/dist/components/DatePicker/DatePicker.stories.es.js +7 -10
- package/dist/components/Dropzone/Dropzone.stories.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.stories.d.ts +6 -4
- package/dist/components/Dropzone/Dropzone.stories.es.js +9 -12
- package/dist/components/EmptyState/EmptyState.stories.cjs.js +1 -1
- package/dist/components/EmptyState/EmptyState.stories.d.ts +6 -4
- package/dist/components/EmptyState/EmptyState.stories.es.js +8 -11
- package/dist/components/FileList/FileList.stories.cjs.js +1 -1
- package/dist/components/FileList/FileList.stories.d.ts +6 -4
- package/dist/components/FileList/FileList.stories.es.js +20 -23
- package/dist/components/Heading/Heading.stories.cjs.js +1 -1
- package/dist/components/Heading/Heading.stories.d.ts +6 -4
- package/dist/components/Heading/Heading.stories.es.js +12 -14
- package/dist/components/Loader/Loader.stories.cjs.js +1 -1
- package/dist/components/Loader/Loader.stories.d.ts +6 -4
- package/dist/components/Loader/Loader.stories.es.js +7 -10
- package/dist/components/LoaderBackdrop/LoaderBackdrop.stories.cjs.js +1 -1
- package/dist/components/LoaderBackdrop/LoaderBackdrop.stories.d.ts +6 -4
- package/dist/components/LoaderBackdrop/LoaderBackdrop.stories.es.js +7 -10
- package/dist/components/PasswordInput/PasswordInput.stories.cjs.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +6 -4
- package/dist/components/PasswordInput/PasswordInput.stories.es.js +8 -11
- package/dist/components/SearchInput/SearchInput.stories.cjs.js +1 -1
- package/dist/components/SearchInput/SearchInput.stories.d.ts +6 -4
- package/dist/components/SearchInput/SearchInput.stories.es.js +7 -10
- package/dist/components/stories/IconButton.stories.cjs.js +1 -0
- package/dist/components/stories/IconButton.stories.d.ts +6 -0
- package/dist/components/{IconButton.stories.es.js → stories/IconButton.stories.es.js} +12 -14
- package/dist/components/stories/TabList.stories.cjs.js +1 -0
- package/dist/components/stories/TabList.stories.d.ts +7 -0
- package/dist/components/{TabList.stories.es.js → stories/TabList.stories.es.js} +45 -52
- package/package.json +1 -1
- package/dist/components/IconButton.stories.cjs.js +0 -1
- package/dist/components/IconButton.stories.d.ts +0 -4
- package/dist/components/TabList.stories.cjs.js +0 -1
- package/dist/components/TabList.stories.d.ts +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert.cjs.js"),r={title:"Components/Alert",component:e},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,4 +1,9 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Alert } from './Alert';
|
|
3
|
+
declare const meta: Meta<typeof Alert>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Alert>;
|
|
6
|
+
export declare const Error: Story;
|
|
7
|
+
export declare const Info: Story;
|
|
8
|
+
export declare const Success: Story;
|
|
9
|
+
export declare const Warning: Story;
|
|
@@ -1,17 +1,32 @@
|
|
|
1
|
-
import { jsxs as o } from "react/jsx-runtime";
|
|
2
1
|
import e from "./Alert.es.js";
|
|
3
|
-
const
|
|
2
|
+
const s = {
|
|
4
3
|
title: "Components/Alert",
|
|
5
|
-
component: e
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: e
|
|
5
|
+
}, t = {
|
|
6
|
+
args: {
|
|
7
|
+
severity: "error",
|
|
8
|
+
children: "This is an alert of type error"
|
|
8
9
|
}
|
|
9
|
-
},
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
}, n = {
|
|
11
|
+
args: {
|
|
12
|
+
severity: "info",
|
|
13
|
+
children: "This is an alert of type info"
|
|
14
|
+
}
|
|
15
|
+
}, i = {
|
|
16
|
+
args: {
|
|
17
|
+
severity: "success",
|
|
18
|
+
children: "This is an alert of type success"
|
|
19
|
+
}
|
|
20
|
+
}, o = {
|
|
21
|
+
args: {
|
|
22
|
+
severity: "warning",
|
|
23
|
+
children: "This is an alert of type warning"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
14
26
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
27
|
+
t as Error,
|
|
28
|
+
n as Info,
|
|
29
|
+
i as Success,
|
|
30
|
+
o as Warning,
|
|
31
|
+
s as default
|
|
17
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../createSvgIcon-GU7fqNnI.cjs"),n=require("./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,6 +1,8 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
export
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Button } from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Contained: Story;
|
|
7
|
+
export declare const Outlined: Story;
|
|
8
|
+
export declare const Text: Story;
|
|
@@ -1,45 +1,43 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
4
|
-
const
|
|
2
|
+
import { c as o } from "../../createSvgIcon-D8j2pi8H.js";
|
|
3
|
+
import e from "./Button.es.js";
|
|
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"
|
|
6
|
-
}), "PersonAdd"),
|
|
6
|
+
}), "PersonAdd"), r = o(/* @__PURE__ */ t("path", {
|
|
7
7
|
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"
|
|
8
|
-
}), "Save"),
|
|
8
|
+
}), "Save"), l = {
|
|
9
9
|
title: "Components/Button",
|
|
10
|
-
component:
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
component: e
|
|
11
|
+
}, i = {
|
|
12
|
+
args: {
|
|
13
|
+
children: "Enregistrer",
|
|
14
|
+
color: "primary",
|
|
15
|
+
disabled: !1,
|
|
16
|
+
startIcon: /* @__PURE__ */ t(r, {}),
|
|
17
|
+
variant: "contained",
|
|
18
|
+
onClick: () => alert("Alert")
|
|
19
|
+
}
|
|
20
|
+
}, d = {
|
|
21
|
+
args: {
|
|
22
|
+
children: "Ajouter un utilisateur",
|
|
23
|
+
color: "secondary",
|
|
24
|
+
disabled: !1,
|
|
25
|
+
startIcon: /* @__PURE__ */ t(n, {}),
|
|
26
|
+
variant: "outlined",
|
|
27
|
+
onClick: () => alert("Alert")
|
|
28
|
+
}
|
|
29
|
+
}, m = {
|
|
30
|
+
args: {
|
|
31
|
+
children: "Annuler",
|
|
32
|
+
color: "secondary",
|
|
33
|
+
disabled: !1,
|
|
34
|
+
variant: "text",
|
|
35
|
+
onClick: () => alert("Alert")
|
|
13
36
|
}
|
|
14
|
-
}, n = (r) => /* @__PURE__ */ t(o, { ...r }), s = n.bind({});
|
|
15
|
-
s.args = {
|
|
16
|
-
children: "Enregistrer",
|
|
17
|
-
color: "primary",
|
|
18
|
-
disabled: !1,
|
|
19
|
-
startIcon: /* @__PURE__ */ t(c, {}),
|
|
20
|
-
variant: "contained",
|
|
21
|
-
onClick: () => alert("Alert")
|
|
22
|
-
};
|
|
23
|
-
const i = n.bind({});
|
|
24
|
-
i.args = {
|
|
25
|
-
children: "Ajouter un utilisateur",
|
|
26
|
-
color: "secondary",
|
|
27
|
-
disabled: !1,
|
|
28
|
-
startIcon: /* @__PURE__ */ t(a, {}),
|
|
29
|
-
variant: "outlined",
|
|
30
|
-
onClick: () => alert("Alert")
|
|
31
|
-
};
|
|
32
|
-
const l = n.bind({});
|
|
33
|
-
l.args = {
|
|
34
|
-
children: "Annuler",
|
|
35
|
-
color: "secondary",
|
|
36
|
-
disabled: !1,
|
|
37
|
-
variant: "text",
|
|
38
|
-
onClick: () => alert("Alert")
|
|
39
37
|
};
|
|
40
38
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
i as Contained,
|
|
40
|
+
d as Outlined,
|
|
41
|
+
m as Text,
|
|
42
|
+
l as default
|
|
45
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-DCsrvr3a.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as DatePicker } from './DatePicker';
|
|
3
|
+
declare const meta: Meta<typeof DatePicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DatePicker>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
1
|
import { q as t } from "../../DatePicker-DoB4WsQR.js";
|
|
3
|
-
const
|
|
2
|
+
const a = {
|
|
4
3
|
title: "Components/DatePicker",
|
|
5
|
-
component: t
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: t
|
|
5
|
+
}, o = {
|
|
6
|
+
args: {
|
|
7
|
+
adapterLocale: "fr"
|
|
8
8
|
}
|
|
9
|
-
}, a = (e) => /* @__PURE__ */ o(t, { ...e }), r = a.bind({});
|
|
10
|
-
r.args = {
|
|
11
|
-
adapterLocale: "fr"
|
|
12
9
|
};
|
|
13
10
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
o as Default,
|
|
12
|
+
a as default
|
|
16
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dropzone.cjs.js"),o={title:"Components/Dropzone",component:e},t={args:{information:"SVG, PNG, JPG or GIF (max. 3MB)",onDrop:n=>alert("dropped")}};exports.Default=t;exports.default=o;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Dropzone } from './Dropzone';
|
|
3
|
+
declare const meta: Meta<typeof Dropzone>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Dropzone>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const a = {
|
|
1
|
+
import o from "./Dropzone.es.js";
|
|
2
|
+
const n = {
|
|
4
3
|
title: "Components/Dropzone",
|
|
5
|
-
component:
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: o
|
|
5
|
+
}, r = {
|
|
6
|
+
args: {
|
|
7
|
+
information: "SVG, PNG, JPG or GIF (max. 3MB)",
|
|
8
|
+
onDrop: (t) => alert("dropped")
|
|
8
9
|
}
|
|
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
10
|
};
|
|
14
11
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
r as Default,
|
|
13
|
+
n as default
|
|
17
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./EmptyState.cjs.js"),t={title:"Components/EmptyState",component:e},o={args:{svgName:"client-error",title:"Une erreur est survenue"}};exports.Default=o;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as EmptyState } from './EmptyState';
|
|
3
|
+
declare const meta: Meta<typeof EmptyState>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof EmptyState>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
1
|
import t from "./EmptyState.es.js";
|
|
3
|
-
const
|
|
2
|
+
const r = {
|
|
4
3
|
title: "Components/EmptyState",
|
|
5
|
-
component: t
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: t
|
|
5
|
+
}, o = {
|
|
6
|
+
args: {
|
|
7
|
+
svgName: "client-error",
|
|
8
|
+
title: "Une erreur est survenue"
|
|
8
9
|
}
|
|
9
|
-
}, o = (e) => /* @__PURE__ */ r(t, { ...e }), s = o.bind({});
|
|
10
|
-
s.args = {
|
|
11
|
-
svgName: "client-error",
|
|
12
|
-
title: "Une erreur est survenue"
|
|
13
10
|
};
|
|
14
11
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
o as Default,
|
|
13
|
+
r as default
|
|
17
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./FileList.cjs.js"),t={title:"Components/FileList",component:e},l={args:{files:[{name:"sample.csv",size:500,uploading:!1},{name:"components_lists_filelist.png",size:1780,uploading:!0}],onDelete:s=>alert("delete")}};exports.Default=l;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as FileList } from './FileList';
|
|
3
|
+
declare const meta: Meta<typeof FileList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FileList>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const a = {
|
|
1
|
+
import e from "./FileList.es.js";
|
|
2
|
+
const s = {
|
|
4
3
|
title: "Components/FileList",
|
|
5
|
-
component:
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: e
|
|
5
|
+
}, i = {
|
|
6
|
+
args: {
|
|
7
|
+
files: [
|
|
8
|
+
{
|
|
9
|
+
name: "sample.csv",
|
|
10
|
+
size: 500,
|
|
11
|
+
uploading: !1
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: "components_lists_filelist.png",
|
|
15
|
+
size: 1780,
|
|
16
|
+
uploading: !0
|
|
17
|
+
}
|
|
18
|
+
],
|
|
19
|
+
onDelete: (t) => alert("delete")
|
|
8
20
|
}
|
|
9
|
-
}, i = (e) => /* @__PURE__ */ s(t, { ...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
21
|
};
|
|
25
22
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
i as Default,
|
|
24
|
+
s as default
|
|
28
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../../createSvgIcon-GU7fqNnI.cjs"),t=require("./Heading.cjs.js"),n=require("../../identifier-BQH88SE0.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,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Heading } from './Heading';
|
|
3
|
+
declare const meta: Meta<typeof Heading>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Heading>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
2
|
+
import { c as t } from "../../createSvgIcon-D8j2pi8H.js";
|
|
3
|
+
import n from "./Heading.es.js";
|
|
4
4
|
import { r as c } from "../../identifier-BspJ_uqC.js";
|
|
5
|
-
const
|
|
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
|
-
}), "Mood"),
|
|
7
|
+
}), "Mood"), i = {
|
|
8
8
|
title: "Components/Heading",
|
|
9
|
-
component:
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
component: n
|
|
10
|
+
}, p = {
|
|
11
|
+
args: {
|
|
12
|
+
title: "Heading",
|
|
13
|
+
iconColor: c,
|
|
14
|
+
IconComponent: e
|
|
12
15
|
}
|
|
13
|
-
}, s = (e) => /* @__PURE__ */ o(t, { ...e }), m = s.bind({});
|
|
14
|
-
m.args = {
|
|
15
|
-
title: "Heading",
|
|
16
|
-
iconColor: c,
|
|
17
|
-
IconComponent: r
|
|
18
16
|
};
|
|
19
17
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
p as Default,
|
|
19
|
+
i as default
|
|
22
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Loader.cjs.js"),t={title:"Components/Loader",component:e},o={args:{}};exports.Default=o;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Loader } from './Loader';
|
|
3
|
+
declare const meta: Meta<typeof Loader>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Loader>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
1
|
import o from "./Loader.es.js";
|
|
3
|
-
const
|
|
2
|
+
const e = {
|
|
4
3
|
title: "Components/Loader",
|
|
5
|
-
component: o
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, r = (t) => /* @__PURE__ */ e(o, { ...t }), s = r.bind({});
|
|
10
|
-
s.args = {};
|
|
4
|
+
component: o
|
|
5
|
+
}, a = {
|
|
6
|
+
args: {}
|
|
7
|
+
};
|
|
11
8
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
a as Default,
|
|
10
|
+
e as default
|
|
14
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./LoaderBackdrop.cjs.js"),o={title:"Components/LoaderBackdrop",component:e},t={args:{}};exports.Default=t;exports.default=o;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as LoaderBackdrop } from './LoaderBackdrop';
|
|
3
|
+
declare const meta: Meta<typeof LoaderBackdrop>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof LoaderBackdrop>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
1
|
import o from "./LoaderBackdrop.es.js";
|
|
3
|
-
const
|
|
2
|
+
const a = {
|
|
4
3
|
title: "Components/LoaderBackdrop",
|
|
5
|
-
component: o
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, r = (t) => /* @__PURE__ */ e(o, { ...t }), a = r.bind({});
|
|
10
|
-
a.args = {};
|
|
4
|
+
component: o
|
|
5
|
+
}, e = {
|
|
6
|
+
args: {}
|
|
7
|
+
};
|
|
11
8
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
e as Default,
|
|
10
|
+
a as default
|
|
14
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./PasswordInput.cjs.js"),t={title:"Components/PasswordInput",component:e},o={args:{label:"Password"}};exports.Default=o;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as PasswordInput } from './PasswordInput';
|
|
3
|
+
declare const meta: Meta<typeof PasswordInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof PasswordInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const p = {
|
|
1
|
+
import t from "./PasswordInput.es.js";
|
|
2
|
+
const s = {
|
|
4
3
|
title: "Components/PasswordInput",
|
|
5
|
-
component:
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: t
|
|
5
|
+
}, a = {
|
|
6
|
+
args: {
|
|
7
|
+
label: "Password"
|
|
8
8
|
}
|
|
9
|
-
}, e = (s) => /* @__PURE__ */ t(o, { ...s }), r = e.bind({});
|
|
10
|
-
r.args = {
|
|
11
|
-
label: "Password"
|
|
12
9
|
};
|
|
13
10
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
a as Default,
|
|
12
|
+
s as default
|
|
16
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./SearchInput.cjs.js"),t={title:"Components/SearchInput",component:e},o={args:{placeholder:"Rechercher"}};exports.Default=o;exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { Meta,
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export default
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as SearchInput } from './SearchInput';
|
|
3
|
+
declare const meta: Meta<typeof SearchInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SearchInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
1
|
import e from "./SearchInput.es.js";
|
|
3
|
-
const
|
|
2
|
+
const o = {
|
|
4
3
|
title: "Components/SearchInput",
|
|
5
|
-
component: e
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
component: e
|
|
5
|
+
}, r = {
|
|
6
|
+
args: {
|
|
7
|
+
placeholder: "Rechercher"
|
|
8
8
|
}
|
|
9
|
-
}, r = (t) => /* @__PURE__ */ o(e, { ...t }), n = r.bind({});
|
|
10
|
-
n.args = {
|
|
11
|
-
placeholder: "Rechercher"
|
|
12
9
|
};
|
|
13
10
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
r as Default,
|
|
12
|
+
o as default
|
|
16
13
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../../createSvgIcon-GU7fqNnI.cjs"),t=require("../../IconButton-CVyLtjcH.cjs"),n=c.createSvgIcon(e.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.7s-.54.11-.7-.12c-.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.39s-4.66 1.97-4.66 4.39c0 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.94s3.08 1.32 3.08 2.94c0 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"),s={title:"Components/IconButton",component:t.IconButton},o={args:{children:e.jsx(n,{}),onClick:()=>alert("Alert"),disabled:!1}};exports.Default=o;exports.default=s;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { default as IconButton } from '@mui/material/IconButton';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: Meta<typeof IconButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof IconButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { I as
|
|
4
|
-
const
|
|
2
|
+
import { c as t } from "../../createSvgIcon-D8j2pi8H.js";
|
|
3
|
+
import { I as o } from "../../IconButton-BM6tD2wP.js";
|
|
4
|
+
const s = t(/* @__PURE__ */ c("path", {
|
|
5
5
|
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.7s-.54.11-.7-.12c-.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.39s-4.66 1.97-4.66 4.39c0 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.94s3.08 1.32 3.08 2.94c0 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"
|
|
6
|
-
}), "Fingerprint"),
|
|
6
|
+
}), "Fingerprint"), a = {
|
|
7
7
|
title: "Components/IconButton",
|
|
8
|
-
component:
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
component: o
|
|
9
|
+
}, i = {
|
|
10
|
+
args: {
|
|
11
|
+
children: /* @__PURE__ */ c(s, {}),
|
|
12
|
+
onClick: () => alert("Alert"),
|
|
13
|
+
disabled: !1
|
|
11
14
|
}
|
|
12
|
-
}, e = (s) => /* @__PURE__ */ c(t, { ...s }), r = e.bind({});
|
|
13
|
-
r.args = {
|
|
14
|
-
children: /* @__PURE__ */ c(n, {}),
|
|
15
|
-
onClick: () => alert("Alert"),
|
|
16
|
-
disabled: !1
|
|
17
15
|
};
|
|
18
16
|
export {
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
i as Default,
|
|
18
|
+
a as default
|
|
21
19
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),O=require("react"),r=require("../../identifier-BQH88SE0.cjs"),d=require("../../Tabs-e8UBJZ5z.cjs"),P=require("../../DefaultPropsProvider-BrX6iuA3.cjs"),E=require("../../useThemeProps-r0DnR8FJ.cjs");function M(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=M(O),f=a.createContext(null);process.env.NODE_ENV!=="production"&&(f.displayName="TabContext");function D(){const[e,n]=a.useState(null);return a.useEffect(()=>{n(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function y(e){const{children:n,value:t}=e,o=D(),p=a.useMemo(()=>({idPrefix:o,value:t}),[o,t]);return s.jsx(f.Provider,{value:p,children:n})}process.env.NODE_ENV!=="production"&&(y.propTypes={children:r.PropTypes.node,value:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).isRequired});function v(){return a.useContext(f)}function x(e,n){const{idPrefix:t}=e;return t===null?null:`${e.idPrefix}-P-${n}`}function m(e,n){const{idPrefix:t}=e;return t===null?null:`${e.idPrefix}-T-${n}`}const h=a.forwardRef(function(n,t){const{children:o,...p}=n,i=v();if(i===null)throw new TypeError("No TabContext provided");const l=a.Children.map(o,u=>a.isValidElement(u)?a.cloneElement(u,{"aria-controls":x(i,u.props.value),id:m(i,u.props.value)}):null);return s.jsx(d.Tabs,{...p,ref:t,value:i.value,children:l})});process.env.NODE_ENV!=="production"&&(h.propTypes={children:r.PropTypes.node});function R(e){return r.generateUtilityClass("MuiTabPanel",e)}r.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const q=e=>{const{classes:n,hidden:t}=e,o={root:["root",t&&"hidden"]};return P.composeClasses(o,R,n)},w=P.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>({padding:e.spacing(3)})),T=a.forwardRef(function(n,t){const o=E.useThemeProps({props:n,name:"MuiTabPanel"}),{children:p,className:i,value:l,keepMounted:u=!1,...j}=o,b={...o},g=q(b),c=v();if(c===null)throw new TypeError("No TabContext provided");const C=x(c,l),N=m(c,l);return s.jsx(w,{"aria-labelledby":N,className:r.clsx(g.root,i),hidden:l!==c.value,id:C,ref:t,role:"tabpanel",ownerState:b,...j,children:(u||l===c.value)&&p})});process.env.NODE_ENV!=="production"&&(T.propTypes={children:r.PropTypes.node,classes:r.PropTypes.object,className:r.PropTypes.string,keepMounted:r.PropTypes.bool,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]),value:r.PropTypes.oneOfType([r.PropTypes.number,r.PropTypes.string]).isRequired});const _=e=>s.jsxs(y,{value:"1",children:[s.jsxs(h,{...e,"aria-label":"lab API tabs example",children:[s.jsx(d.Tab,{label:"Utilisateurs",value:"1"}),s.jsx(d.Tab,{label:"Groupes",value:"2"}),s.jsx(d.Tab,{label:"Demandes d'inscription",value:"3"})]}),s.jsx(T,{value:"1",children:"Utilisateurs"}),s.jsx(T,{value:"2",children:"Groupes"}),s.jsx(T,{value:"3",children:"Demandes d'inscription"})]}),S={title:"Components/TabList",component:_},U={args:{}};exports.Default=U;exports.default=S;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TabListProps } from '@mui/lab/TabList';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const TabList: (props: TabListProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare const meta: Meta<typeof TabList>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof TabList>;
|
|
7
|
+
export declare const Default: Story;
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { jsx as s, jsxs as T } from "react/jsx-runtime";
|
|
2
2
|
import * as r from "react";
|
|
3
|
-
import { P as n, J as M, I as O, L as w } from "
|
|
4
|
-
import { a as R, T as f } from "
|
|
5
|
-
import { s as D, c as U } from "
|
|
6
|
-
import { u as I } from "
|
|
3
|
+
import { P as n, J as M, I as O, L as w } from "../../identifier-BspJ_uqC.js";
|
|
4
|
+
import { a as R, T as f } from "../../Tabs-DSWPmVfN.js";
|
|
5
|
+
import { s as D, c as U } from "../../DefaultPropsProvider-BE624hnX.js";
|
|
6
|
+
import { u as I } from "../../useThemeProps-kJZsUF6E.js";
|
|
7
7
|
const b = /* @__PURE__ */ r.createContext(null);
|
|
8
8
|
process.env.NODE_ENV !== "production" && (b.displayName = "TabContext");
|
|
9
|
-
function
|
|
9
|
+
function $() {
|
|
10
10
|
const [e, o] = r.useState(null);
|
|
11
11
|
return r.useEffect(() => {
|
|
12
12
|
o(`mui-p-${Math.round(Math.random() * 1e5)}`);
|
|
13
13
|
}, []), e;
|
|
14
14
|
}
|
|
15
|
-
function
|
|
15
|
+
function v(e) {
|
|
16
16
|
const {
|
|
17
17
|
children: o,
|
|
18
18
|
value: t
|
|
19
|
-
} = e, a =
|
|
19
|
+
} = e, a = $(), c = r.useMemo(() => ({
|
|
20
20
|
idPrefix: a,
|
|
21
21
|
value: t
|
|
22
22
|
}), [a, t]);
|
|
@@ -25,7 +25,7 @@ function h(e) {
|
|
|
25
25
|
children: o
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
-
process.env.NODE_ENV !== "production" && (
|
|
28
|
+
process.env.NODE_ENV !== "production" && (v.propTypes = {
|
|
29
29
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
30
30
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
31
31
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -39,41 +39,41 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
|
|
|
39
39
|
*/
|
|
40
40
|
value: n.oneOfType([n.number, n.string]).isRequired
|
|
41
41
|
});
|
|
42
|
-
function
|
|
42
|
+
function h() {
|
|
43
43
|
return r.useContext(b);
|
|
44
44
|
}
|
|
45
|
-
function
|
|
45
|
+
function P(e, o) {
|
|
46
46
|
const {
|
|
47
47
|
idPrefix: t
|
|
48
48
|
} = e;
|
|
49
49
|
return t === null ? null : `${e.idPrefix}-P-${o}`;
|
|
50
50
|
}
|
|
51
|
-
function
|
|
51
|
+
function x(e, o) {
|
|
52
52
|
const {
|
|
53
53
|
idPrefix: t
|
|
54
54
|
} = e;
|
|
55
55
|
return t === null ? null : `${e.idPrefix}-T-${o}`;
|
|
56
56
|
}
|
|
57
|
-
const
|
|
57
|
+
const y = /* @__PURE__ */ r.forwardRef(function(o, t) {
|
|
58
58
|
const {
|
|
59
59
|
children: a,
|
|
60
60
|
...c
|
|
61
|
-
} = o,
|
|
62
|
-
if (
|
|
61
|
+
} = o, i = h();
|
|
62
|
+
if (i === null)
|
|
63
63
|
throw new TypeError("No TabContext provided");
|
|
64
|
-
const
|
|
64
|
+
const l = r.Children.map(a, (u) => /* @__PURE__ */ r.isValidElement(u) ? /* @__PURE__ */ r.cloneElement(u, {
|
|
65
65
|
// SOMEDAY: `Tabs` will set those themselves
|
|
66
|
-
"aria-controls":
|
|
67
|
-
id:
|
|
66
|
+
"aria-controls": P(i, u.props.value),
|
|
67
|
+
id: x(i, u.props.value)
|
|
68
68
|
}) : null);
|
|
69
69
|
return /* @__PURE__ */ s(R, {
|
|
70
70
|
...c,
|
|
71
71
|
ref: t,
|
|
72
|
-
value:
|
|
73
|
-
children:
|
|
72
|
+
value: i.value,
|
|
73
|
+
children: l
|
|
74
74
|
});
|
|
75
75
|
});
|
|
76
|
-
process.env.NODE_ENV !== "production" && (
|
|
76
|
+
process.env.NODE_ENV !== "production" && (y.propTypes = {
|
|
77
77
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
78
78
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
79
79
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -83,19 +83,19 @@ process.env.NODE_ENV !== "production" && (v.propTypes = {
|
|
|
83
83
|
*/
|
|
84
84
|
children: n.node
|
|
85
85
|
});
|
|
86
|
-
function
|
|
86
|
+
function j(e) {
|
|
87
87
|
return O("MuiTabPanel", e);
|
|
88
88
|
}
|
|
89
89
|
M("MuiTabPanel", ["root", "hidden"]);
|
|
90
|
-
const
|
|
90
|
+
const L = (e) => {
|
|
91
91
|
const {
|
|
92
92
|
classes: o,
|
|
93
93
|
hidden: t
|
|
94
94
|
} = e;
|
|
95
95
|
return U({
|
|
96
96
|
root: ["root", t && "hidden"]
|
|
97
|
-
},
|
|
98
|
-
},
|
|
97
|
+
}, j, o);
|
|
98
|
+
}, V = D("div", {
|
|
99
99
|
name: "MuiTabPanel",
|
|
100
100
|
slot: "Root",
|
|
101
101
|
overridesResolver: (e, o) => o.root
|
|
@@ -109,26 +109,26 @@ const $ = (e) => {
|
|
|
109
109
|
name: "MuiTabPanel"
|
|
110
110
|
}), {
|
|
111
111
|
children: c,
|
|
112
|
-
className:
|
|
113
|
-
value:
|
|
112
|
+
className: i,
|
|
113
|
+
value: l,
|
|
114
114
|
keepMounted: u = !1,
|
|
115
115
|
...C
|
|
116
116
|
} = a, m = {
|
|
117
117
|
...a
|
|
118
|
-
},
|
|
118
|
+
}, N = L(m), d = h();
|
|
119
119
|
if (d === null)
|
|
120
120
|
throw new TypeError("No TabContext provided");
|
|
121
|
-
const
|
|
122
|
-
return /* @__PURE__ */ s(
|
|
123
|
-
"aria-labelledby":
|
|
124
|
-
className: w(
|
|
125
|
-
hidden:
|
|
126
|
-
id:
|
|
121
|
+
const E = P(d, l), g = x(d, l);
|
|
122
|
+
return /* @__PURE__ */ s(V, {
|
|
123
|
+
"aria-labelledby": g,
|
|
124
|
+
className: w(N.root, i),
|
|
125
|
+
hidden: l !== d.value,
|
|
126
|
+
id: E,
|
|
127
127
|
ref: t,
|
|
128
128
|
role: "tabpanel",
|
|
129
129
|
ownerState: m,
|
|
130
130
|
...C,
|
|
131
|
-
children: (u ||
|
|
131
|
+
children: (u || l === d.value) && c
|
|
132
132
|
});
|
|
133
133
|
});
|
|
134
134
|
process.env.NODE_ENV !== "production" && (p.propTypes = {
|
|
@@ -163,18 +163,8 @@ process.env.NODE_ENV !== "production" && (p.propTypes = {
|
|
|
163
163
|
*/
|
|
164
164
|
value: n.oneOfType([n.number, n.string]).isRequired
|
|
165
165
|
});
|
|
166
|
-
const
|
|
167
|
-
|
|
168
|
-
component: v,
|
|
169
|
-
argTypes: {
|
|
170
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
171
|
-
value: {
|
|
172
|
-
options: ["1", "2", "3"],
|
|
173
|
-
control: { type: "select" }
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}, _ = (e) => /* @__PURE__ */ T(h, { value: e.value, children: [
|
|
177
|
-
/* @__PURE__ */ T(v, { onChange: e.handleChange, "aria-label": "lab API tabs example", children: [
|
|
166
|
+
const _ = (e) => /* @__PURE__ */ T(v, { value: "1", children: [
|
|
167
|
+
/* @__PURE__ */ T(y, { ...e, "aria-label": "lab API tabs example", children: [
|
|
178
168
|
/* @__PURE__ */ s(f, { label: "Utilisateurs", value: "1" }),
|
|
179
169
|
/* @__PURE__ */ s(f, { label: "Groupes", value: "2" }),
|
|
180
170
|
/* @__PURE__ */ s(f, { label: "Demandes d'inscription", value: "3" })
|
|
@@ -182,12 +172,15 @@ const z = {
|
|
|
182
172
|
/* @__PURE__ */ s(p, { value: "1", children: "Utilisateurs" }),
|
|
183
173
|
/* @__PURE__ */ s(p, { value: "2", children: "Groupes" }),
|
|
184
174
|
/* @__PURE__ */ s(p, { value: "3", children: "Demandes d'inscription" })
|
|
185
|
-
] }),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
175
|
+
] }), J = {
|
|
176
|
+
title: "Components/TabList",
|
|
177
|
+
component: _
|
|
178
|
+
}, z = {
|
|
179
|
+
args: {
|
|
180
|
+
//handleChange: (event: SyntheticEvent, value: number) => true,
|
|
181
|
+
}
|
|
189
182
|
};
|
|
190
183
|
export {
|
|
191
|
-
|
|
192
|
-
|
|
184
|
+
z as Default,
|
|
185
|
+
J as default
|
|
193
186
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cgi-learning-hub/ui",
|
|
3
|
-
"version": "1.3.2-dev.
|
|
3
|
+
"version": "1.3.2-dev.1731948416",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CGI Learning-hub Team",
|
|
6
6
|
"description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../createSvgIcon-GU7fqNnI.cjs"),t=require("../IconButton-CVyLtjcH.cjs"),o=s.createSvgIcon(e.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.7s-.54.11-.7-.12c-.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.39s-4.66 1.97-4.66 4.39c0 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.94s3.08 1.32 3.08 2.94c0 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"),r={title:"Components/IconButton",component:t.IconButton,argTypes:{}},i=n=>e.jsx(t.IconButton,{...n}),c=i.bind({});c.args={children:e.jsx(o,{}),onClick:()=>alert("Alert"),disabled:!1};exports.Default=c;exports.default=r;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),E=require("react"),n=require("../identifier-BQH88SE0.cjs"),d=require("../Tabs-e8UBJZ5z.cjs"),y=require("../DefaultPropsProvider-BrX6iuA3.cjs"),M=require("../useThemeProps-r0DnR8FJ.cjs");function D(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const a=D(E),f=a.createContext(null);process.env.NODE_ENV!=="production"&&(f.displayName="TabContext");function R(){const[e,t]=a.useState(null);return a.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:t,value:o}=e,r=R(),p=a.useMemo(()=>({idPrefix:r,value:o}),[r,o]);return s.jsx(f.Provider,{value:p,children:t})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:n.PropTypes.node,value:n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).isRequired});function h(){return a.useContext(f)}function x(e,t){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-P-${t}`}function m(e,t){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-T-${t}`}const b=a.forwardRef(function(t,o){const{children:r,...p}=t,l=h();if(l===null)throw new TypeError("No TabContext provided");const i=a.Children.map(r,u=>a.isValidElement(u)?a.cloneElement(u,{"aria-controls":x(l,u.props.value),id:m(l,u.props.value)}):null);return s.jsx(d.Tabs,{...p,ref:o,value:l.value,children:i})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:n.PropTypes.node});function q(e){return n.generateUtilityClass("MuiTabPanel",e)}n.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const w=e=>{const{classes:t,hidden:o}=e,r={root:["root",o&&"hidden"]};return y.composeClasses(r,q,t)},_=y.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),T=a.forwardRef(function(t,o){const r=M.useThemeProps({props:t,name:"MuiTabPanel"}),{children:p,className:l,value:i,keepMounted:u=!1,...j}=r,P={...r},C=w(P),c=h();if(c===null)throw new TypeError("No TabContext provided");const N=x(c,i),O=m(c,i);return s.jsx(_,{"aria-labelledby":O,className:n.clsx(C.root,l),hidden:i!==c.value,id:N,ref:o,role:"tabpanel",ownerState:P,...j,children:(u||i===c.value)&&p})});process.env.NODE_ENV!=="production"&&(T.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,className:n.PropTypes.string,keepMounted:n.PropTypes.bool,sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),value:n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).isRequired});const S={title:"Components/TabList",component:b,argTypes:{value:{options:["1","2","3"],control:{type:"select"}}}},U=e=>s.jsxs(v,{value:e.value,children:[s.jsxs(b,{onChange:e.handleChange,"aria-label":"lab API tabs example",children:[s.jsx(d.Tab,{label:"Utilisateurs",value:"1"}),s.jsx(d.Tab,{label:"Groupes",value:"2"}),s.jsx(d.Tab,{label:"Demandes d'inscription",value:"3"})]}),s.jsx(T,{value:"1",children:"Utilisateurs"}),s.jsx(T,{value:"2",children:"Groupes"}),s.jsx(T,{value:"3",children:"Demandes d'inscription"})]}),g=U.bind({});g.args={value:"1",handleChange:(e,t)=>!0};exports.Default=g;exports.default=S;
|