@cgi-learning-hub/ui 1.4.0-dev.1741982096 → 1.4.0-dev.1741985772

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

@@ -1,4 +1,4 @@
-import { b as e } from "../../Alert-Bdy5B5l-.js";
+import { b as e } from "../../Alert-BCd1tHk0.js";
 const s = {
   title: "Components/Alert",
   component: e

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../createSvgIcon-K1Hd8ryN.js";
+import { c as o } from "../../createSvgIcon-B62eln-G.js";
 import e from "../Button/Button.es.js";
 const n = o(/* @__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"

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

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import r from "../Button/Button.es.js";
-import { C as a, b as i, a as l } from "../../CardContent-F4-KcZH8.js";
-import { T as t } from "../../Typography-SIQ6eleU.js";
+import { C as a, b as i, a as l } from "../../CardContent-CL_61cm-.js";
+import { T as t } from "../../Typography-Ct2Sc9KM.js";
 const s = (n) => /* @__PURE__ */ o(a, { sx: { minWidth: 275 }, ...n, children: [
   /* @__PURE__ */ o(i, { children: [
     /* @__PURE__ */ e(t, { gutterBottom: !0, sx: { color: "text.secondary", fontSize: 14 }, children: "Word of the Day" }),

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { C as r } from "../../Checkbox-DgU-0k3O.js";
+import { C as r } from "../../Checkbox-CtRSDqOe.js";
 const s = (e) => /* @__PURE__ */ o(r, { ...e }), t = {
   title: "Components/Checkbox",
   component: s,

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

@@ -1,4 +1,4 @@
-import { C as l } from "../../Chip-B8sdMltW.js";
+import { C as l } from "../../Chip-ZIBpWC4I.js";
 const e = {
   title: "Components/Chip",
   component: l,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-BZ6G6Mxd.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../DatePicker-64gpvkmk.cjs"),t={title:"Components/DatePicker",component:e.DatePicker},a={args:{adapterLocale:"fr"}};exports.Default=a;exports.default=t;

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

@@ -1,4 +1,4 @@
-import { D as t } from "../../DatePicker-CHNHFeLy.js";
+import { D as t } from "../../DatePicker-XdCuICxv.js";
 const a = {
   title: "Components/DatePicker",
   component: t

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

@@ -2,8 +2,8 @@ import { jsxs as o, Fragment as s, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
 import t from "../Button/Button.es.js";
 import u from "../Dialog/Dialog.es.js";
-import { a as d, D as m } from "../../DialogTitle-BNGMQ2Px.js";
-import { a as p, D as g } from "../../DialogContent-BzPaz5G8.js";
+import { a as d, D as m } from "../../DialogTitle-CGpa_QH9.js";
+import { a as p, D as g } from "../../DialogContent-1sjO2rQK.js";
 const f = (l) => {
   const [a, i] = c(!1), r = () => i(!0), n = () => i(!1);
   return /* @__PURE__ */ o(s, { children: [

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

@@ -1,4 +1,4 @@
-import { D as t } from "../../Divider-D-pZeQTm.js";
+import { D as t } from "../../Divider-CNGfzZqD.js";
 const e = {
   title: "Components/Divider",
   component: t,

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { F as l, R as t } from "../../Radio-YTlcDTxU.js";
-import { C as r } from "../../Checkbox-DgU-0k3O.js";
-import { S as a } from "../../Switch-B9uT9-d0.js";
+import { F as l, R as t } from "../../Radio-CRTKwNe5.js";
+import { C as r } from "../../Checkbox-CtRSDqOe.js";
+import { S as a } from "../../Switch-D5FnE7HW.js";
 const n = (e) => /* @__PURE__ */ o(l, { ...e }), d = {
   title: "Components/FormControlLabel",
   component: n,

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "../../createSvgIcon-K1Hd8ryN.js";
+import { c as t } from "../../createSvgIcon-B62eln-G.js";
 import n from "../Heading/Heading.es.js";
-import { r as c } from "../../generateUtilityClasses-DotvgSDH.js";
+import { r as c } from "../../generateUtilityClasses-EXBFO7eY.js";
 const e = t(/* @__PURE__ */ o("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 = {

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../createSvgIcon-K1Hd8ryN.js";
-import { I as l } from "../../IconButton-CCNUMz2l.js";
+import { c as e } from "../../createSvgIcon-B62eln-G.js";
+import { I as l } from "../../IconButton-CFUIddNg.js";
 const s = e(/* @__PURE__ */ o("path", {
   d: "M5 13.18v4L12 21l7-3.82v-4L12 17zM12 3 1 9l11 6 9-4.91V17h2V9z"
 }), "School"), r = {

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { L as e } from "../../Link-C_GPIs0q.js";
+import { L as e } from "../../Link-DtsZ0d_s.js";
 const n = (r) => /* @__PURE__ */ o(e, { ...r }), c = {
   title: "Components/Link",
   component: n,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),a=require("../Button/Button.cjs.js"),d=require("../../Menu-CGrqZ9-7.cjs"),o=require("../../MenuItem-CCjOFEgY.cjs"),m=r=>{const[u,s]=l.useState(null),t=!!u,c=i=>{s(i.currentTarget)},n=()=>s(null);return e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:"text",id:"basic-button","aria-controls":t?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,onClick:c,children:"Open menu"}),e.jsxs(d.Menu,{...r,id:"basic-menu",anchorEl:u,open:t,onClose:n,MenuListProps:{"aria-labelledby":"basic-button"},children:[e.jsx(o.MenuItem,{onClick:n,children:"Profile"}),e.jsx(o.MenuItem,{onClick:n,children:"My account"}),e.jsx(o.MenuItem,{onClick:n,children:"Logout"})]})]})},M={title:"Components/Menu",component:m},p={args:{}};exports.Default=p;exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("react"),a=require("../Button/Button.cjs.js"),d=require("../../Menu-XypIRgTl.cjs"),o=require("../../MenuItem-vb36Ljmd.cjs"),m=r=>{const[u,s]=l.useState(null),t=!!u,c=i=>{s(i.currentTarget)},n=()=>s(null);return e.jsxs(e.Fragment,{children:[e.jsx(a,{variant:"text",id:"basic-button","aria-controls":t?"basic-menu":void 0,"aria-haspopup":"true","aria-expanded":t?"true":void 0,onClick:c,children:"Open menu"}),e.jsxs(d.Menu,{...r,id:"basic-menu",anchorEl:u,open:t,onClose:n,MenuListProps:{"aria-labelledby":"basic-button"},children:[e.jsx(o.MenuItem,{onClick:n,children:"Profile"}),e.jsx(o.MenuItem,{onClick:n,children:"My account"}),e.jsx(o.MenuItem,{onClick:n,children:"Logout"})]})]})},M={title:"Components/Menu",component:m},p={args:{}};exports.Default=p;exports.default=M;

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

@@ -1,8 +1,8 @@
 import { jsxs as a, Fragment as u, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
 import p from "../Button/Button.es.js";
-import { M as d } from "../../Menu-DTOOgx49.js";
-import { M as t } from "../../MenuItem-rnMlnHRT.js";
+import { M as d } from "../../Menu-DD_bqi6q.js";
+import { M as t } from "../../MenuItem-Byj-2QQd.js";
 const h = (c) => {
   const [r, i] = m(null), e = !!r, l = (s) => {
     i(s.currentTarget);

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { P as o } from "../../Paper-BiZq6EF2.js";
+import { P as o } from "../../Paper-BrsaeLlu.js";
 const r = (e) => /* @__PURE__ */ t(o, { sx: { width: "10rem", height: "10rem", p: 1 }, ...e, children: "children" }), l = {
   title: "Components/Paper",
   component: r,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../FormLabel-BV7-a0i5.cjs"),t=require("../../RadioGroup-DL4hhZzK.cjs"),e=require("../../Radio-CSl8GQNk.cjs"),a=l=>o.jsxs(r.FormControl,{children:[o.jsx(r.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(t.RadioGroup,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...l,children:[o.jsx(e.FormControlLabel,{value:"first",control:o.jsx(e.Radio,{}),label:"First"}),o.jsx(e.FormControlLabel,{value:"second",control:o.jsx(e.Radio,{}),label:"Second"}),o.jsx(e.FormControlLabel,{value:"third",control:o.jsx(e.Radio,{}),label:"Third"})]})]}),s={title:"Components/RadioGroup",component:a},n={args:{row:!1}},i={args:{row:!0}};exports.Default=n;exports.Row=i;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("../../FormLabel-XpwTqbs8.cjs"),t=require("../../RadioGroup-DL4hhZzK.cjs"),e=require("../../Radio-CSl8GQNk.cjs"),a=l=>o.jsxs(r.FormControl,{children:[o.jsx(r.FormLabel,{id:"radio-buttons-group-label",children:"Label"}),o.jsxs(t.RadioGroup,{"aria-labelledby":"radio-buttons-group-label",defaultValue:"first",name:"radio-buttons-group",...l,children:[o.jsx(e.FormControlLabel,{value:"first",control:o.jsx(e.Radio,{}),label:"First"}),o.jsx(e.FormControlLabel,{value:"second",control:o.jsx(e.Radio,{}),label:"Second"}),o.jsx(e.FormControlLabel,{value:"third",control:o.jsx(e.Radio,{}),label:"Third"})]})]}),s={title:"Components/RadioGroup",component:a},n={args:{row:!1}},i={args:{row:!0}};exports.Default=n;exports.Row=i;exports.default=s;

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { F as e, a as s } from "../../FormLabel-3-CC-ZGw.js";
-import { R as n } from "../../RadioGroup-d9PIO9nR.js";
-import { F as r, R as a } from "../../Radio-YTlcDTxU.js";
+import { F as e, a as s } from "../../FormLabel-BlaPVlwX.js";
+import { R as n } from "../../RadioGroup-NjI5PlIb.js";
+import { F as r, R as a } from "../../Radio-CRTKwNe5.js";
 const i = (l) => /* @__PURE__ */ t(e, { children: [
   /* @__PURE__ */ o(s, { id: "radio-buttons-group-label", children: "Label" }),
   /* @__PURE__ */ t(

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as e } from "../../createSvgIcon-K1Hd8ryN.js";
+import { c as e } from "../../createSvgIcon-B62eln-G.js";
 import { Typography as r } from "@mui/material";
 import c from "../ResourceCard/ResourceCard.es.js";
 const i = e(/* @__PURE__ */ o("path", {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),u=require("../../FormLabel-BV7-a0i5.cjs"),l=require("../../Select-CHq7l5LD.cjs"),t=require("../../MenuItem-CCjOFEgY.cjs"),c=n=>{const[a,s]=d.useState("pending"),i=r=>s(r.target.value);return e.jsxs(u.FormControl,{variant:n.variant,sx:{width:"10rem"},children:[e.jsx(l.InputLabel,{id:"simple-select-label",children:"Status"}),e.jsxs(l.Select,{labelId:"simple-select-label",id:"simple-select",value:a,label:"Status",onChange:i,...n,children:[e.jsx(t.MenuItem,{value:"pending",children:"Pending"}),e.jsx(t.MenuItem,{value:"ongoing",children:"Ongoing"}),e.jsx(t.MenuItem,{value:"validated",children:"Validated"}),e.jsx(t.MenuItem,{value:"rejected",children:"Rejected"})]})]})},o={title:"Components/Select",component:c},g={args:{}},m={args:{variant:"filled"}},v={args:{variant:"standard"}},S={args:{disabled:!0}};exports.Default=g;exports.Disabled=S;exports.Filled=m;exports.Standard=v;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("react"),u=require("../../FormLabel-XpwTqbs8.cjs"),l=require("../../Select-8kBUq_SZ.cjs"),t=require("../../MenuItem-vb36Ljmd.cjs"),c=n=>{const[a,s]=d.useState("pending"),i=r=>s(r.target.value);return e.jsxs(u.FormControl,{variant:n.variant,sx:{width:"10rem"},children:[e.jsx(l.InputLabel,{id:"simple-select-label",children:"Status"}),e.jsxs(l.Select,{labelId:"simple-select-label",id:"simple-select",value:a,label:"Status",onChange:i,...n,children:[e.jsx(t.MenuItem,{value:"pending",children:"Pending"}),e.jsx(t.MenuItem,{value:"ongoing",children:"Ongoing"}),e.jsx(t.MenuItem,{value:"validated",children:"Validated"}),e.jsx(t.MenuItem,{value:"rejected",children:"Rejected"})]})]})},o={title:"Components/Select",component:c},g={args:{}},m={args:{variant:"filled"}},v={args:{variant:"standard"}},S={args:{disabled:!0}};exports.Default=g;exports.Disabled=S;exports.Filled=m;exports.Standard=v;exports.default=o;

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

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { F as o } from "../../FormLabel-3-CC-ZGw.js";
-import { a as c, S as m } from "../../Select-bVUll7Rd.js";
-import { M as t } from "../../MenuItem-rnMlnHRT.js";
+import { F as o } from "../../FormLabel-BlaPVlwX.js";
+import { a as c, S as m } from "../../Select-C0jrZLRg.js";
+import { M as t } from "../../MenuItem-Byj-2QQd.js";
 const u = (a) => {
   const [n, s] = d("pending"), r = (i) => s(i.target.value);
   return /* @__PURE__ */ l(o, { variant: a.variant, sx: { width: "10rem" }, children: [

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),o=require("../../generateUtilityClasses-De8NU9_E.cjs"),d=require("../../Tabs-AyJ_tKtV.cjs"),M=require("../../useThemeProps-DxBEHys5.cjs"),P=require("../../DefaultPropsProvider-wpBXjN8r.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=w(y),T=l.createContext(null);process.env.NODE_ENV!=="production"&&(T.displayName="TabContext");function E(){const[e,t]=l.useState(null);return l.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:t,value:r}=e,n=E(),i=l.useMemo(()=>({idPrefix:n,value:r}),[n,r]);return s.jsx(T.Provider,{value:i,children:t})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:o.PropTypes.node,value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});function m(){return l.useContext(T)}function h(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-P-${t}`}function x(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-T-${t}`}const g=l.forwardRef(function(t,r){const{children:n,...i}=t,a=m();if(a===null)throw new TypeError("No TabContext provided");const c=l.Children.map(n,u=>l.isValidElement(u)?l.cloneElement(u,{"aria-controls":h(a,u.props.value),id:x(a,u.props.value)}):null);return s.jsx(d.Tabs,{...i,ref:r,value:a.value,children:c})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node});function S(e){return o.generateUtilityClass("MuiTabPanel",e)}o.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const I=e=>{const{classes:t,hidden:r}=e,n={root:["root",r&&"hidden"]};return P.composeClasses(n,S,t)},R=P.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),b=l.forwardRef(function(t,r){const n=M.useThemeProps({props:t,name:"MuiTabPanel"}),{children:i,className:a,value:c,keepMounted:u=!1,...C}=n,f={...n},j=I(f),p=m();if(p===null)throw new TypeError("No TabContext provided");const N=h(p,c),O=x(p,c);return s.jsx(R,{"aria-labelledby":O,className:o.clsx(j.root,a),hidden:c!==p.value,id:N,ref:r,role:"tabpanel",ownerState:f,...C,children:(u||c===p.value)&&i})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,keepMounted:o.PropTypes.bool,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});const q=e=>{const[t,r]=y.useState("1"),n=(i,a)=>r(a);return s.jsxs(v,{value:t,children:[s.jsxs(g,{...e,onChange:n,"aria-label":"lib tablist example",children:[s.jsx(d.Tab,{label:"Item one",value:"1"}),s.jsx(d.Tab,{label:"Item two",value:"2"}),s.jsx(d.Tab,{label:"Item three",value:"3"})]}),s.jsx(b,{value:"1",children:"Item one"}),s.jsx(b,{value:"2",children:"Item two"}),s.jsx(b,{value:"3",children:"Item three"})]})},D={title:"Components/TabList",component:q,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},_={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=_;exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),y=require("react"),o=require("../../generateUtilityClasses-De8NU9_E.cjs"),d=require("../../Tabs-Csp29aqN.cjs"),M=require("../../useThemeProps-DxBEHys5.cjs"),P=require("../../DefaultPropsProvider-wpBXjN8r.cjs");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const l=w(y),T=l.createContext(null);process.env.NODE_ENV!=="production"&&(T.displayName="TabContext");function E(){const[e,t]=l.useState(null);return l.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function v(e){const{children:t,value:r}=e,n=E(),i=l.useMemo(()=>({idPrefix:n,value:r}),[n,r]);return s.jsx(T.Provider,{value:i,children:t})}process.env.NODE_ENV!=="production"&&(v.propTypes={children:o.PropTypes.node,value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});function m(){return l.useContext(T)}function h(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-P-${t}`}function x(e,t){const{idPrefix:r}=e;return r===null?null:`${e.idPrefix}-T-${t}`}const g=l.forwardRef(function(t,r){const{children:n,...i}=t,a=m();if(a===null)throw new TypeError("No TabContext provided");const c=l.Children.map(n,u=>l.isValidElement(u)?l.cloneElement(u,{"aria-controls":h(a,u.props.value),id:x(a,u.props.value)}):null);return s.jsx(d.Tabs,{...i,ref:r,value:a.value,children:c})});process.env.NODE_ENV!=="production"&&(g.propTypes={children:o.PropTypes.node});function S(e){return o.generateUtilityClass("MuiTabPanel",e)}o.generateUtilityClasses("MuiTabPanel",["root","hidden"]);const I=e=>{const{classes:t,hidden:r}=e,n={root:["root",r&&"hidden"]};return P.composeClasses(n,S,t)},R=P.styled("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),b=l.forwardRef(function(t,r){const n=M.useThemeProps({props:t,name:"MuiTabPanel"}),{children:i,className:a,value:c,keepMounted:u=!1,...C}=n,f={...n},j=I(f),p=m();if(p===null)throw new TypeError("No TabContext provided");const N=h(p,c),O=x(p,c);return s.jsx(R,{"aria-labelledby":O,className:o.clsx(j.root,a),hidden:c!==p.value,id:N,ref:r,role:"tabpanel",ownerState:f,...C,children:(u||c===p.value)&&i})});process.env.NODE_ENV!=="production"&&(b.propTypes={children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,keepMounted:o.PropTypes.bool,sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object]),value:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.string]).isRequired});const q=e=>{const[t,r]=y.useState("1"),n=(i,a)=>r(a);return s.jsxs(v,{value:t,children:[s.jsxs(g,{...e,onChange:n,"aria-label":"lib tablist example",children:[s.jsx(d.Tab,{label:"Item one",value:"1"}),s.jsx(d.Tab,{label:"Item two",value:"2"}),s.jsx(d.Tab,{label:"Item three",value:"3"})]}),s.jsx(b,{value:"1",children:"Item one"}),s.jsx(b,{value:"2",children:"Item two"}),s.jsx(b,{value:"3",children:"Item three"})]})},D={title:"Components/TabList",component:q,argTypes:{allowScrollButtonsMobile:{control:"boolean"},centered:{control:"boolean"},indicatorColor:{control:"radio",options:["primary","secondary"]},orientation:{control:"radio",options:["horizontal","vertical"]},scrollButtons:{control:"radio",options:["auto",!0,!1]},textColor:{control:"radio",options:["inherit","primary","secondary"]},variant:{control:"radio",options:["fullWidth","scrollable","standard"]},visibleScrollbar:{control:"boolean"}}},_={args:{allowScrollButtonsMobile:!1,centered:!1,indicatorColor:"primary",orientation:"horizontal",scrollButtons:"auto",textColor:"primary",variant:"standard",visibleScrollbar:!1}};exports.Default=_;exports.default=D;

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

@@ -1,10 +1,10 @@
 import { jsx as l, jsxs as v } from "react/jsx-runtime";
 import * as r from "react";
 import { useState as w } from "react";
-import { P as o, I, H as M, G as O } from "../../generateUtilityClasses-DotvgSDH.js";
-import { a as R, T as f } from "../../Tabs-Cl4eoKT1.js";
-import { u as S } from "../../useThemeProps-BTfGtNci.js";
-import { s as V, c as $ } from "../../DefaultPropsProvider-Cqcb4sws.js";
+import { P as o, H as I, G as M, I as O } from "../../generateUtilityClasses-EXBFO7eY.js";
+import { a as R, T as f } from "../../Tabs-C5VIdTSp.js";
+import { u as S } from "../../useThemeProps-v-SfXuGn.js";
+import { s as V, c as $ } from "../../DefaultPropsProvider-CQixa6JQ.js";
 const b = /* @__PURE__ */ r.createContext(null);
 process.env.NODE_ENV !== "production" && (b.displayName = "TabContext");
 function j() {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-DQ2FvwDM.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),t=require("../../TextField-BzqflYRV.cjs"),o=e=>l.jsx(t.TextField,{...e}),r={title:"Components/TextField",component:o,argTypes:{color:{control:"select",options:["primary","secondary","error","info","success","warning"]},disabled:{control:"boolean"},error:{control:"boolean"},fullWidth:{control:"boolean"},helperText:{control:"text"},label:{control:"text"},multiline:{control:"boolean"},placeholder:{control:"text"},variant:{control:"select",options:["standard","outlined","filled"]}},args:{color:"primary",disabled:!1,error:!1,fullWidth:!1,helperText:void 0,label:"Label",multiline:!1,placeholder:void 0,variant:"outlined"}},a={args:{}},n={args:{variant:"filled"}},i={args:{variant:"standard"}},s={args:{disabled:!0}};exports.Default=a;exports.Disabled=s;exports.Filled=n;exports.Standard=i;exports.default=r;

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { T as l } from "../../TextField-VHCImaQP.js";
+import { T as l } from "../../TextField-D5jS5WjF.js";
 const t = (e) => /* @__PURE__ */ o(l, { ...e }), n = {
   title: "Components/TextField",
   component: t,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-BLQHNepC.cjs"),l=require("../../Button-UmeKHfcL.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("../../Tooltip-DJmbLjU6.cjs"),l=require("../../Button-UmeKHfcL.cjs"),r=o=>t.jsx(e.Tooltip,{...o,children:t.jsx(l.Button,{children:"Hover to display tooltip"})}),n={title:"Components/Tooltip",component:r,argTypes:{arrow:{control:"boolean"},followCursor:{control:"boolean"},placement:{control:"select",options:["bottom-end","bottom-start","bottom","left-end","left-start","left","right-end","right-start","right","top-end","top-start","top"]},title:{control:"text"}}},s={args:{arrow:!1,followCursor:!1,placement:"bottom",title:"Title"}};exports.Default=s;exports.default=n;

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { T as e } from "../../Tooltip-BM3r5yvP.js";
-import { B as r } from "../../Button-B7kOjNW1.js";
+import { T as e } from "../../Tooltip-DgTrUaHJ.js";
+import { B as r } from "../../Button-x5rtZxJN.js";
 const l = (o) => /* @__PURE__ */ t(e, { ...o, children: /* @__PURE__ */ t(r, { children: "Hover to display tooltip" }) }), i = {
   title: "Components/Tooltip",
   component: l,

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../createSvgIcon-DJMYlO0S.cjs"),l=require("react"),e=require("../TreeView/TreeView.cjs.js"),a=require("../../Box-DYA49L7w.cjs"),d=require("../../Typography-DPij13XT.cjs"),p=m.createSvgIcon(t.jsx("path",{d:"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2"}),"Bookmark"),T=m.createSvgIcon(t.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"Person"),y={title:"Components/TreeView",component:e.default,argTypes:{items:{description:"Liste des éléments à afficher dans le TreeView.",control:"object",table:{type:{summary:"CustomTreeViewItem[]"}}},selectedItemId:{description:"Identifiant de l'élément sélectionné.",control:"text",table:{type:{summary:"string"}}},handleSelectedItemChange:{description:"Fonction appelée lorsqu'un élément est sélectionné.",table:{type:{summary:"(event: React.SyntheticEvent, itemIds: string | null) => void"}}},iconColor:{description:"Couleur des icônes.",control:"select",options:["primary","secondary","success","error","info","warning"],defaultValue:"primary",table:{type:{summary:"string"},defaultValue:{summary:"primary"}}}},parameters:{docs:{description:{component:`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("../../createSvgIcon-DJMYlO0S.cjs"),d=require("react"),p=require("../TreeView/TreeView.cjs.js"),t=require("../TreeView/types.cjs.js"),c=require("../../Box-DYA49L7w.cjs"),m=require("../../Typography-DPij13XT.cjs"),u=require("../../ListItemText-Bjd08uk4.cjs"),x=require("../../Paper-EvOTlB_Q.cjs"),b=require("../../Button-UmeKHfcL.cjs"),C=require("../../Divider-D3hPb7s4.cjs"),E=require("../../List-Bo4pzQqG.cjs"),g=require("../../ListItem-CB4JyjSb.cjs"),f=y.createSvgIcon(e.jsx("path",{d:"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2"}),"Bookmark"),S=y.createSvgIcon(e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"Person"),O={title:"Components/TreeView",component:p,argTypes:{items:{description:"Liste des éléments à afficher dans le TreeView.",control:"object",table:{type:{summary:"CustomTreeViewItem[]"}}},selectedItemId:{description:"Identifiant de l'élément sélectionné.",control:"text",table:{type:{summary:"string"}}},handleSelectedItemChange:{description:"Fonction appelée lorsqu'un élément est sélectionné.",table:{type:{summary:"(event: React.SyntheticEvent, itemIds: string | null) => void"}}},iconColor:{description:"Couleur des icônes.",control:"select",options:["primary","secondary","success","error","info","warning"],defaultValue:"primary",table:{type:{summary:"string"},defaultValue:{summary:"primary"}}}},parameters:{docs:{description:{component:`
 ## TreeView
 
 Un composant pour afficher des données hiérarchiques sous forme d'arborescence.
@@ -32,4 +32,4 @@ interface CustomTreeViewItemProps {
 
 type CustomTreeViewItem = TreeViewBaseItem<CustomTreeViewItemProps>;
 \`\`\`
-        `}}}},f=({items:i})=>{const[n,r]=l.useState(""),s=l.useCallback((c,o)=>{console.log(`Élément sélectionné: ${o}`),o&&r(o)},[]);return t.jsxs(a.Box,{children:[t.jsxs(d.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Sélection actuelle: ",n||"Aucun élément sélectionné"]}),t.jsx(e.default,{items:i,selectedItemId:n,handleSelectedItemChange:s})]})},u=[{internalId:"documents",label:"Mes formulaires",iconType:e.ICON_TYPE.FOLDER,children:[{internalId:"folder1",label:"Premier dossier",iconType:e.ICON_TYPE.FOLDER,children:[{internalId:"subfolder1",label:"Sous-dossier 1",iconType:e.ICON_TYPE.FOLDER},{internalId:"subfolder2",label:"Sous-dossier 2",iconType:e.ICON_TYPE.FOLDER}]},{internalId:"folder2",label:"Deuxième dossier",iconType:e.ICON_TYPE.FOLDER},{internalId:"folder3",label:"Troisième dossier",iconType:e.ICON_TYPE.FOLDER}]},{internalId:"shared",label:"Formulaires partagés avec moi",iconType:e.ICON_TYPE.SHARE},{internalId:"trash",label:"Corbeille",iconType:e.ICON_TYPE.TRASH}],b=[{internalId:"bookmarks",label:"Favoris",iconType:p,children:[{internalId:"important",label:"Important",iconType:e.ICON_TYPE.CUSTOM,customIcon:T}]},...u],v={render:()=>t.jsx(f,{items:u}),parameters:{docs:{description:{story:"Exemple de base avec des icônes standard et démonstration de sélection."}}}},g={args:{items:u,selectedItemId:"folder1",handleSelectedItemChange:(i,n)=>{console.log(`Élément sélectionné: ${n}`)}},parameters:{docs:{description:{story:"Exemple avec sélection explicite d'un élément spécifique."}}}},h={render:()=>{const[i,n]=l.useState("bookmarks"),r=l.useCallback((s,c)=>{console.log(`Élément sélectionné: ${c}`),c&&n(c)},[]);return t.jsxs(a.Box,{children:[t.jsxs(d.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Élément sélectionné: ",i]}),t.jsx(e.default,{items:b,selectedItemId:i,handleSelectedItemChange:r})]})},parameters:{docs:{description:{story:"Exemple utilisant à la fois des icônes prédéfinies et des icônes personnalisées avec gestion de la sélection."}}}},C={render:()=>{const i=[{internalId:"root",label:"Structure imbriquée complexe",iconType:e.ICON_TYPE.FOLDER,children:[{internalId:"level1-1",label:"Niveau 1.1",iconType:e.ICON_TYPE.FOLDER,children:[{internalId:"level2-1",label:"Niveau 2.1",iconType:e.ICON_TYPE.FOLDER,children:[{internalId:"level3-1",label:"Niveau 3.1",iconType:e.ICON_TYPE.FOLDER},{internalId:"level3-2",label:"Niveau 3.2",iconType:e.ICON_TYPE.SHARE}]},{internalId:"level2-2",label:"Niveau 2.2",iconType:e.ICON_TYPE.TRASH}]},{internalId:"level1-2",label:"Niveau 1.2",iconType:e.ICON_TYPE.CUSTOM,customIcon:p}]}],[n,r]=l.useState("level2-1"),s=l.useCallback((c,o)=>{console.log(`Élément sélectionné: ${o}`),o&&r(o)},[]);return t.jsxs(a.Box,{children:[t.jsxs(d.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Niveau sélectionné: ",n]}),t.jsx(e.default,{items:i,selectedItemId:n,handleSelectedItemChange:s,iconColor:"info"})]})},parameters:{docs:{description:{story:"Exemple d'une structure profondément imbriquée avec différents types d'icônes à chaque niveau et gestion de la sélection."}}}},S={render:()=>{const i=["primary","secondary","success","error","info","warning"],[n,r]=l.useState({primary:"",secondary:"",success:"",error:"",info:"",warning:""});return t.jsx(a.Box,{sx:{display:"flex",flexDirection:"column",gap:3},children:i.map(s=>t.jsxs(a.Box,{children:[t.jsxs(d.Typography,{variant:"subtitle1",gutterBottom:!0,children:["TreeView avec icônes ",s," - Sélection:"," ",n[s]||"aucune"]}),t.jsx(e.default,{items:u,selectedItemId:n[s],handleSelectedItemChange:(c,o)=>{o&&r(I=>({...I,[s]:o}))},iconColor:s})]},s))})},parameters:{docs:{description:{story:"Démonstration des différentes options de couleurs disponibles pour les icônes avec gestion indépendante des sélections."}}}};exports.AvecIconesPersonnalisees=h;exports.Default=v;exports.MultipleColors=S;exports.StructureImbriquee=C;exports.WithExplicitSelection=g;exports.default=y;
+        `}}}},T=n=>{const r=[],i=s=>{r.push(s),s.children&&s.children.forEach(o=>i(o))};return n.forEach(s=>i(s)),r},j=({items:n,selectedItemId:r,onItemSelect:i})=>{const s=T(n);return e.jsxs(x.Paper,{sx:{width:"100%",maxHeight:300,overflow:"auto"},children:[e.jsx(m.Typography,{variant:"h6",sx:{p:2},children:"Sélection externe"}),e.jsx(C.Divider,{}),e.jsx(E.List,{children:s.map(o=>e.jsx(g.ListItem,{disablePadding:!0,children:e.jsx(u.ListItemButton,{selected:r===o.internalId,onClick:()=>i(o.internalId),children:e.jsx(u.ListItemText,{primary:o.label})})},o.internalId))})]})},P=({items:n,onRandomSelect:r})=>{const i=T(n),s=()=>{const o=Math.floor(Math.random()*i.length);r(i[o].internalId)};return e.jsx(c.Box,{sx:{mt:2,mb:2},children:e.jsx(b.Button,{variant:"contained",color:"primary",onClick:s,children:"Sélection aléatoire"})})},I=[{internalId:"documents",label:"Mes formulaires",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"folder1",label:"Premier dossier",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"subfolder1",label:"Sous-dossier 1",iconType:t.ICON_TYPE.FOLDER},{internalId:"subfolder2",label:"Sous-dossier 2",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"folder2",label:"Deuxième dossier",iconType:t.ICON_TYPE.FOLDER},{internalId:"folder3",label:"Troisième dossier",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"shared",label:"Formulaires partagés avec moi",iconType:t.ICON_TYPE.SHARE},{internalId:"trash",label:"Corbeille",iconType:t.ICON_TYPE.TRASH}],Y=[{internalId:"bookmarks",label:"Favoris",iconType:f,children:[{internalId:"important",label:"Important",iconType:t.ICON_TYPE.CUSTOM,customIcon:S}]},...I],h=[{internalId:"documents",label:"Documents",iconType:t.ICON_TYPE.SHARE,children:[{internalId:"reports",label:"Rapports",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"report1",label:"Rapport Janvier",iconType:t.ICON_TYPE.FOLDER},{internalId:"report2",label:"Rapport Février",iconType:t.ICON_TYPE.FOLDER},{internalId:"report3",label:"Rapport Mars",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"invoices",label:"Factures",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"media",label:"Médias",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"images",label:"Images",iconType:t.ICON_TYPE.FOLDER},{internalId:"videos",label:"Vidéos",iconType:t.ICON_TYPE.FOLDER}]},{internalId:"downloads",label:"Téléchargements",iconType:t.ICON_TYPE.FOLDER}],N={args:{items:I,selectedItemId:"folder1",handleSelectedItemChange:(n,r)=>{console.log(`Élément sélectionné: ${r}`)},iconColor:"primary"},render:n=>e.jsxs(c.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Sélection: ",n.selectedItemId]}),e.jsx(p,{...n})]}),parameters:{docs:{description:{story:"Cette story permet de contrôler les propriétés du TreeView directement via le panneau de contrôle de Storybook. Essayez de changer la couleur des icônes pour voir l'effet en temps réel."}}}},R={render:()=>{const[n,r]=d.useState(""),i=d.useCallback((s,o)=>{console.log(`Élément sélectionné: ${o}`),o&&r(o)},[]);return e.jsxs(c.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Sélection: ",n||"Aucune"]}),e.jsx(p,{items:I,selectedItemId:n,handleSelectedItemChange:i})]})},parameters:{docs:{description:{story:"Exemple de base avec des icônes standard et démonstration de sélection."}}}},_={render:()=>e.jsx(c.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:e.jsx(p,{items:I,selectedItemId:"folder1",handleSelectedItemChange:(n,r)=>{console.log(`Élément sélectionné: ${r}`)}})}),parameters:{docs:{description:{story:"Exemple avec sélection explicite d'un élément spécifique."}}}},w={render:()=>{const[n,r]=d.useState("bookmarks"),i=d.useCallback((s,o)=>{console.log(`Élément sélectionné: ${o}`),o&&r(o)},[]);return e.jsxs(c.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Sélection: ",n]}),e.jsx(p,{items:Y,selectedItemId:n,handleSelectedItemChange:i})]})},parameters:{docs:{description:{story:"Exemple utilisant à la fois des icônes prédéfinies et des icônes personnalisées."}}}},L={render:()=>{const n=[{internalId:"root",label:"Structure imbriquée complexe",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level1-1",label:"Niveau 1.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level2-1",label:"Niveau 2.1",iconType:t.ICON_TYPE.FOLDER,children:[{internalId:"level3-1",label:"Niveau 3.1",iconType:t.ICON_TYPE.FOLDER},{internalId:"level3-2",label:"Niveau 3.2",iconType:t.ICON_TYPE.SHARE}]},{internalId:"level2-2",label:"Niveau 2.2",iconType:t.ICON_TYPE.TRASH}]},{internalId:"level1-2",label:"Niveau 1.2",iconType:t.ICON_TYPE.CUSTOM,customIcon:f}]}],[r,i]=d.useState("level2-1"),s=d.useCallback((o,l)=>{console.log(`Élément sélectionné: ${l}`),l&&i(l)},[]);return e.jsxs(c.Box,{sx:{maxWidth:300,overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Sélection: ",r]}),e.jsx(p,{items:n,selectedItemId:r,handleSelectedItemChange:s,iconColor:"info"})]})},parameters:{docs:{description:{story:"Exemple d'une structure profondément imbriquée avec différents types d'icônes."}}}},D={render:()=>{const n=["primary","secondary","info"],[r,i]=d.useState({primary:"",secondary:"",info:""});return e.jsx(c.Box,{sx:{display:"flex",flexDirection:"row",gap:3,overflowY:"hidden"},children:n.map(s=>e.jsxs(c.Box,{sx:{maxWidth:250,overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle2",gutterBottom:!0,children:["Icônes ",s]}),e.jsx(p,{items:I,selectedItemId:r[s],handleSelectedItemChange:(o,l)=>{l&&i(a=>({...a,[s]:l}))},iconColor:s})]},s))})},parameters:{docs:{description:{story:"Démonstration des principales options de couleurs disponibles pour les icônes."}}}},F={render:()=>{const[n,r]=d.useState("reports"),i=(l,a)=>{console.log("TreeView sélection:",a),a&&r(a)},s=l=>{console.log("Sélection externe:",l),r(l)},o=()=>{const a=T(h).find(v=>v.internalId===n);return a?a.label:"Aucun élément sélectionné"};return e.jsxs(c.Box,{sx:{width:"100%",overflowY:"hidden"},children:[e.jsxs(m.Typography,{variant:"subtitle1",gutterBottom:!0,children:["Élément sélectionné: ",e.jsx("strong",{children:o()})," (ID:"," ",n,")"]}),e.jsx(P,{items:h,onRandomSelect:s}),e.jsxs(u.Grid,{container:!0,spacing:3,sx:{overflowY:"hidden"},children:[e.jsx(u.Grid,{item:!0,xs:12,md:6,children:e.jsxs(x.Paper,{sx:{p:2,overflowY:"hidden"},children:[e.jsx(m.Typography,{variant:"h6",gutterBottom:!0,children:"TreeView"}),e.jsx(p,{items:h,selectedItemId:n,handleSelectedItemChange:i,iconColor:"secondary"})]})}),e.jsx(u.Grid,{item:!0,xs:12,md:6,children:e.jsx(j,{items:h,selectedItemId:n,onItemSelect:s})})]})]})},parameters:{docs:{description:{story:"Démonstration de la synchronisation entre le TreeView et d'autres composants. Cette story montre comment le TreeView peut être intégré dans une interface complexe où la sélection peut provenir de différentes sources mais reste synchronisée."}}}};exports.AvecIconesPersonnalisees=w;exports.Controlable=N;exports.Default=R;exports.OptionsDeColors=D;exports.StructureImbriquee=L;exports.Synchronicite=F;exports.WithExplicitSelection=_;exports.default=O;

package/dist/components/stories/TreeView.stories.d.ts

@@ -3,8 +3,10 @@ import { TreeView } from '../TreeView';
 declare const meta: Meta<typeof TreeView>;
 export default meta;
 type Story = StoryObj<typeof TreeView>;
+export declare const Controlable: Story;
 export declare const Default: Story;
 export declare const WithExplicitSelection: Story;
 export declare const AvecIconesPersonnalisees: Story;
 export declare const StructureImbriquee: Story;
-export declare const MultipleColors: Story;
+export declare const OptionsDeColors: Story;
+export declare const Synchronicite: Story;