@cgi-learning-hub/ui 0.0.1-dev.1709746352 → 0.0.1-dev.1709802513

package/dist/components/Dropzone/Dropzone.stories.cjs.js

@@ -1 +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;
+"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/Inputs/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;

package/dist/components/Dropzone/Dropzone.stories.es.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import t from "./Dropzone.es.js";
 const a = {
-  title: "Components/Dropzone",
+  title: "Components/Inputs/Dropzone",
   component: t,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).

package/dist/components/buttons/IconButton.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../createSvgIcon-BFvGxBdo.cjs"),c=require("../../IconButton-wRZZmeNK.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../../createSvgIcon-BFvGxBdo.cjs"),c=require("../../IconButton-wRZZmeNK.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/Inputs/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;

package/dist/components/buttons/IconButton.stories.es.js

@@ -10,7 +10,7 @@ o = e.default = (0, u.default)(/* @__PURE__ */ (0, l.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 g = {
-  title: "Components/Buttons/IconButton",
+  title: "Components/Inputs/IconButton",
   component: r,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).

package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./PrimaryButton.cjs.js"),r=require("../../../createSvgIcon-C2VxBqzG.cjs"),s=r.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"),a={title:"Components/Buttons/PrimaryButton",component:t,argTypes:{}},c=n=>e.jsx(t,{...n}),o=c.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./PrimaryButton.cjs.js"),r=require("../../../createSvgIcon-C2VxBqzG.cjs"),s=r.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"),a={title:"Components/Inputs/PrimaryButton",component:t,argTypes:{}},c=n=>e.jsx(t,{...n}),o=c.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=a;

package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js

@@ -4,7 +4,7 @@ import { c as n } from "../../../createSvgIcon-D51qQ1iy.js";
 const a = n(/* @__PURE__ */ t("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"), p = {
-  title: "Components/Buttons/PrimaryButton",
+  title: "Components/Inputs/PrimaryButton",
   component: o,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).

package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./SecondaryButton.cjs.js"),s=require("../../../createSvgIcon-C2VxBqzG.cjs"),r=s.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"),c={title:"Components/Buttons/SecondaryButton",component:t,argTypes:{}},u=n=>e.jsx(t,{...n}),o=u.bind({});o.args={text:"Add user",icon:{Component:r,position:"left"},onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./SecondaryButton.cjs.js"),s=require("../../../createSvgIcon-C2VxBqzG.cjs"),r=s.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"),c={title:"Components/Inputs/SecondaryButton",component:t,argTypes:{}},u=n=>e.jsx(t,{...n}),o=u.bind({});o.args={text:"Add user",icon:{Component:r,position:"left"},onClick:()=>alert("Alert"),disabled:!1};exports.Default=o;exports.default=c;

package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js

@@ -3,8 +3,8 @@ import o from "./SecondaryButton.es.js";
 import { c as n } from "../../../createSvgIcon-D51qQ1iy.js";
 const s = n(/* @__PURE__ */ t("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"), i = {
-  title: "Components/Buttons/SecondaryButton",
+}), "PersonAdd"), p = {
+  title: "Components/Inputs/SecondaryButton",
   component: o,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
@@ -21,5 +21,5 @@ c.args = {
 };
 export {
   c as Default,
-  i as default
+  p as default
 };

package/dist/components/lists/FileList/FileList.stories.cjs.js

@@ -1 +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;
+"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/Data Display/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;

package/dist/components/lists/FileList/FileList.stories.es.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import s from "./FileList.es.js";
-const a = {
-  title: "Components/Lists/FileList",
-  component: s,
+import { jsx as s } from "react/jsx-runtime";
+import t from "./FileList.es.js";
+const n = {
+  title: "Components/Data Display/FileList",
+  component: t,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
   }
-}, i = (e) => /* @__PURE__ */ t(s, { ...e }), l = i.bind({});
+}, i = (e) => /* @__PURE__ */ s(t, { ...e }), l = i.bind({});
 l.args = {
   files: [
     {
@@ -24,5 +24,5 @@ l.args = {
 };
 export {
   l as Default,
-  a as default
+  n as default
 };

package/dist/components/lists/TabList.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("../../useThemeProps-BRWSvuZw.cjs"),E=require("react"),d=require("../../Tabs-CsKKGDYk.cjs"),T=require("../../styled-DFoJwRxe.cjs");function D(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const a=D(E),f=a.createContext(null);process.env.NODE_ENV!=="production"&&(f.displayName="TabContext");function M(){const[e,n]=a.useState(null);return a.useEffect(()=>{n(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:n,value:o}=e,s=M(),c=a.useMemo(()=>({idPrefix:s,value:o}),[s,o]);return r.jsx(f.Provider,{value:c,children:n})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:t.PropTypes.node,value:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).isRequired});function y(){return a.useContext(f)}function x(e,n){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-P-${n}`}function h(e,n){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-T-${n}`}const $=["children"],m=a.forwardRef(function(n,o){const{children:s}=n,c=t._objectWithoutPropertiesLoose(n,$),l=y();if(l===null)throw new TypeError("No TabContext provided");const i=a.Children.map(s,u=>a.isValidElement(u)?a.cloneElement(u,{"aria-controls":x(l,u.props.value),id:h(l,u.props.value)}):null);return r.jsx(d.Tabs,t._extends({},c,{ref:o,value:l.value,children:i}))});process.env.NODE_ENV!=="production"&&(m.propTypes={children:t.PropTypes.node});const g=m;function q(e){return t.generateUtilityClass("MuiTabPanel",e)}T.generateUtilityClasses("MuiTabPanel",["root"]);const w=["children","className","value"],R=e=>{const{classes:n}=e,o={root:["root"]};return T.composeClasses(o,q,n)},L=T.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>({padding:e.spacing(3)})),j=a.forwardRef(function(n,o){const s=t.useThemeProps({props:n,name:"MuiTabPanel"}),{children:c,className:l,value:i}=s,u=t._objectWithoutPropertiesLoose(s,w),P=t._extends({},s),N=R(P),p=y();if(p===null)throw new TypeError("No TabContext provided");const _=x(p,i),O=h(p,i);return r.jsx(L,t._extends({"aria-labelledby":O,className:T.clsx(N.root,l),hidden:i!==p.value,id:_,ref:o,role:"tabpanel",ownerState:P},u,{children:i===p.value&&c}))});process.env.NODE_ENV!=="production"&&(j.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:t.PropTypes.string.isRequired});const b=j,S={title:"Components/Lists/TabList",component:g,argTypes:{value:{options:["1","2","3"],control:{type:"select"}}}},U=e=>r.jsxs(v,{value:e.value,children:[r.jsxs(g,{onChange:e.handleChange,"aria-label":"lab API tabs example",children:[r.jsx(d.Tab,{label:"Utilisateurs",value:"1"}),r.jsx(d.Tab,{label:"Groupes",value:"2"}),r.jsx(d.Tab,{label:"Demandes d'inscription",value:"3"})]}),r.jsx(b,{value:"1",children:"Utilisateurs"}),r.jsx(b,{value:"2",children:"Groupes"}),r.jsx(b,{value:"3",children:"Demandes d'inscription"})]}),C=U.bind({});C.args={value:"1",handleChange:(e,n)=>!0};exports.Default=C;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("../../useThemeProps-BRWSvuZw.cjs"),E=require("react"),d=require("../../Tabs-CsKKGDYk.cjs"),T=require("../../styled-DFoJwRxe.cjs");function D(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>e[o]})}}return n.default=e,Object.freeze(n)}const a=D(E),f=a.createContext(null);process.env.NODE_ENV!=="production"&&(f.displayName="TabContext");function M(){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:o}=e,s=M(),c=a.useMemo(()=>({idPrefix:s,value:o}),[s,o]);return r.jsx(f.Provider,{value:c,children:n})}process.env.NODE_ENV!=="production"&&(y.propTypes={children:t.PropTypes.node,value:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]).isRequired});function v(){return a.useContext(f)}function x(e,n){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-P-${n}`}function h(e,n){const{idPrefix:o}=e;return o===null?null:`${e.idPrefix}-T-${n}`}const $=["children"],m=a.forwardRef(function(n,o){const{children:s}=n,c=t._objectWithoutPropertiesLoose(n,$),l=v();if(l===null)throw new TypeError("No TabContext provided");const i=a.Children.map(s,u=>a.isValidElement(u)?a.cloneElement(u,{"aria-controls":x(l,u.props.value),id:h(l,u.props.value)}):null);return r.jsx(d.Tabs,t._extends({},c,{ref:o,value:l.value,children:i}))});process.env.NODE_ENV!=="production"&&(m.propTypes={children:t.PropTypes.node});const g=m;function q(e){return t.generateUtilityClass("MuiTabPanel",e)}T.generateUtilityClasses("MuiTabPanel",["root"]);const w=["children","className","value"],R=e=>{const{classes:n}=e,o={root:["root"]};return T.composeClasses(o,q,n)},S=T.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>({padding:e.spacing(3)})),j=a.forwardRef(function(n,o){const s=t.useThemeProps({props:n,name:"MuiTabPanel"}),{children:c,className:l,value:i}=s,u=t._objectWithoutPropertiesLoose(s,w),P=t._extends({},s),N=R(P),p=v();if(p===null)throw new TypeError("No TabContext provided");const _=x(p,i),O=h(p,i);return r.jsx(S,t._extends({"aria-labelledby":O,className:T.clsx(N.root,l),hidden:i!==p.value,id:_,ref:o,role:"tabpanel",ownerState:P},u,{children:i===p.value&&c}))});process.env.NODE_ENV!=="production"&&(j.propTypes={children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),value:t.PropTypes.string.isRequired});const b=j,U={title:"Components/Data Display/TabList",component:g,argTypes:{value:{options:["1","2","3"],control:{type:"select"}}}},L=e=>r.jsxs(y,{value:e.value,children:[r.jsxs(g,{onChange:e.handleChange,"aria-label":"lab API tabs example",children:[r.jsx(d.Tab,{label:"Utilisateurs",value:"1"}),r.jsx(d.Tab,{label:"Groupes",value:"2"}),r.jsx(d.Tab,{label:"Demandes d'inscription",value:"3"})]}),r.jsx(b,{value:"1",children:"Utilisateurs"}),r.jsx(b,{value:"2",children:"Groupes"}),r.jsx(b,{value:"3",children:"Demandes d'inscription"})]}),C=L.bind({});C.args={value:"1",handleChange:(e,n)=>!0};exports.Default=C;exports.default=U;

package/dist/components/lists/TabList.stories.es.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { P as t, e as h, _ as b, g as R, b as $ } from "../../useThemeProps-HPaoKsTZ.js";
+import { P as t, e as h, _ as b, g as O, b as R } from "../../useThemeProps-HPaoKsTZ.js";
 import * as s from "react";
-import { a as D, T as p } from "../../Tabs-DlViPyxj.js";
-import { g as M, s as U, c as j, a as L } from "../../styled-Cu97anhh.js";
+import { a as $, T as p } from "../../Tabs-DlViPyxj.js";
+import { g as M, s as U, c as j, a as I } from "../../styled-Cu97anhh.js";
 const v = /* @__PURE__ */ s.createContext(null);
 process.env.NODE_ENV !== "production" && (v.displayName = "TabContext");
-function I() {
+function L() {
   const [e, n] = s.useState(null);
   return s.useEffect(() => {
     n(`mui-p-${Math.round(Math.random() * 1e5)}`);
@@ -15,7 +15,7 @@ function x(e) {
   const {
     children: n,
     value: o
-  } = e, a = I(), u = s.useMemo(() => ({
+  } = e, a = L(), u = s.useMemo(() => ({
     idPrefix: a,
     value: o
   }), [a, o]);
@@ -64,7 +64,7 @@ const V = ["children"], g = /* @__PURE__ */ s.forwardRef(function(n, o) {
     "aria-controls": y(l, c.props.value),
     id: C(l, c.props.value)
   }) : null);
-  return /* @__PURE__ */ r(D, b({}, u, {
+  return /* @__PURE__ */ r($, b({}, u, {
     ref: o,
     value: l.value,
     children: i
@@ -82,14 +82,14 @@ process.env.NODE_ENV !== "production" && (g.propTypes = {
 });
 const N = g;
 function q(e) {
-  return R("MuiTabPanel", e);
+  return O("MuiTabPanel", e);
 }
 M("MuiTabPanel", ["root"]);
 const S = ["children", "className", "value"], G = (e) => {
   const {
     classes: n
   } = e;
-  return L({
+  return I({
     root: ["root"]
   }, q, n);
 }, A = U("div", {
@@ -101,22 +101,22 @@ const S = ["children", "className", "value"], G = (e) => {
 }) => ({
   padding: e.spacing(3)
 })), E = /* @__PURE__ */ s.forwardRef(function(n, o) {
-  const a = $({
+  const a = R({
     props: n,
     name: "MuiTabPanel"
   }), {
     children: u,
     className: l,
     value: i
-  } = a, c = h(a, S), T = b({}, a), _ = G(T), d = P();
+  } = a, c = h(a, S), T = b({}, a), D = G(T), d = P();
   if (d === null)
     throw new TypeError("No TabContext provided");
-  const w = y(d, i), O = C(d, i);
+  const _ = y(d, i), w = C(d, i);
   return /* @__PURE__ */ r(A, b({
-    "aria-labelledby": O,
-    className: j(_.root, l),
+    "aria-labelledby": w,
+    className: j(D.root, l),
     hidden: i !== d.value,
-    id: w,
+    id: _,
     ref: o,
     role: "tabpanel",
     ownerState: T
@@ -152,7 +152,7 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   value: t.string.isRequired
 });
 const f = E, J = {
-  title: "Components/Lists/TabList",
+  title: "Components/Data Display/TabList",
   component: N,
   argTypes: {
     // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "0.0.1-dev.1709746352",
+  "version": "0.0.1-dev.1709802513",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",