@cgi-learning-hub/ui 1.3.3-dev.1732618892 → 1.3.3-dev.1732627187

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

@@ -1,32 +1,31 @@
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
+import { jsx as s, jsxs as T } 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 "../../identifier-B7MO0PvI.js";
+import { P as n, I as M, H as O, G as w } from "../../identifier-B7MO0PvI.js";
 import { a as R, T as f } from "../../Tabs-BqJSX1la.js";
-import { s as S, c as V } from "../../DefaultPropsProvider-BYFwNPLt.js";
-import { u as $ } from "../../useThemeProps-B9UyPpzT.js";
+import { s as D, c as U } from "../../DefaultPropsProvider-BYFwNPLt.js";
+import { u as I } from "../../useThemeProps-B9UyPpzT.js";
 const b = /* @__PURE__ */ r.createContext(null);
 process.env.NODE_ENV !== "production" && (b.displayName = "TabContext");
-function j() {
-  const [e, t] = r.useState(null);
+function $() {
+  const [e, o] = r.useState(null);
   return r.useEffect(() => {
-    t(`mui-p-${Math.round(Math.random() * 1e5)}`);
+    o(`mui-p-${Math.round(Math.random() * 1e5)}`);
   }, []), e;
 }
-function h(e) {
+function v(e) {
   const {
-    children: t,
-    value: n
-  } = e, a = j(), i = r.useMemo(() => ({
+    children: o,
+    value: t
+  } = e, a = $(), c = r.useMemo(() => ({
     idPrefix: a,
-    value: n
-  }), [a, n]);
-  return /* @__PURE__ */ l(b.Provider, {
-    value: i,
-    children: t
+    value: t
+  }), [a, t]);
+  return /* @__PURE__ */ s(b.Provider, {
+    value: c,
+    children: o
   });
 }
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+process.env.NODE_ENV !== "production" && (v.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -34,47 +33,47 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: n.node,
   /**
    * The value of the currently selected `Tab`.
    */
-  value: o.oneOfType([o.number, o.string]).isRequired
+  value: n.oneOfType([n.number, n.string]).isRequired
 });
-function T() {
+function h() {
   return r.useContext(b);
 }
-function y(e, t) {
+function P(e, o) {
   const {
-    idPrefix: n
+    idPrefix: t
   } = e;
-  return n === null ? null : `${e.idPrefix}-P-${t}`;
+  return t === null ? null : `${e.idPrefix}-P-${o}`;
 }
-function x(e, t) {
+function x(e, o) {
   const {
-    idPrefix: n
+    idPrefix: t
   } = e;
-  return n === null ? null : `${e.idPrefix}-T-${t}`;
+  return t === null ? null : `${e.idPrefix}-T-${o}`;
 }
-const C = /* @__PURE__ */ r.forwardRef(function(t, n) {
+const y = /* @__PURE__ */ r.forwardRef(function(o, t) {
   const {
     children: a,
-    ...i
-  } = t, s = T();
-  if (s === null)
+    ...c
+  } = o, i = h();
+  if (i === null)
     throw new TypeError("No TabContext provided");
-  const c = r.Children.map(a, (u) => /* @__PURE__ */ r.isValidElement(u) ? /* @__PURE__ */ r.cloneElement(u, {
+  const l = r.Children.map(a, (u) => /* @__PURE__ */ r.isValidElement(u) ? /* @__PURE__ */ r.cloneElement(u, {
     // SOMEDAY: `Tabs` will set those themselves
-    "aria-controls": y(s, u.props.value),
-    id: x(s, u.props.value)
+    "aria-controls": P(i, u.props.value),
+    id: x(i, u.props.value)
   }) : null);
-  return /* @__PURE__ */ l(R, {
-    ...i,
-    ref: n,
-    value: s.value,
-    children: c
+  return /* @__PURE__ */ s(R, {
+    ...c,
+    ref: t,
+    value: i.value,
+    children: l
   });
 });
-process.env.NODE_ENV !== "production" && (C.propTypes = {
+process.env.NODE_ENV !== "production" && (y.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -82,54 +81,54 @@ process.env.NODE_ENV !== "production" && (C.propTypes = {
   /**
    * A list of `<Tab />` elements.
    */
-  children: o.node
+  children: n.node
 });
-function D(e) {
-  return M("MuiTabPanel", e);
+function j(e) {
+  return O("MuiTabPanel", e);
 }
-I("MuiTabPanel", ["root", "hidden"]);
-const U = (e) => {
+M("MuiTabPanel", ["root", "hidden"]);
+const V = (e) => {
   const {
-    classes: t,
-    hidden: n
+    classes: o,
+    hidden: t
   } = e;
-  return V({
-    root: ["root", n && "hidden"]
-  }, D, t);
-}, B = S("div", {
+  return U({
+    root: ["root", t && "hidden"]
+  }, j, o);
+}, L = D("div", {
   name: "MuiTabPanel",
   slot: "Root",
-  overridesResolver: (e, t) => t.root
+  overridesResolver: (e, o) => o.root
 })(({
   theme: e
 }) => ({
   padding: e.spacing(3)
-})), p = /* @__PURE__ */ r.forwardRef(function(t, n) {
-  const a = $({
-    props: t,
+})), p = /* @__PURE__ */ r.forwardRef(function(o, t) {
+  const a = I({
+    props: o,
     name: "MuiTabPanel"
   }), {
-    children: i,
-    className: s,
-    value: c,
+    children: c,
+    className: i,
+    value: l,
     keepMounted: u = !1,
-    ...P
+    ...C
   } = a, m = {
     ...a
-  }, g = U(m), d = T();
+  }, N = V(m), d = h();
   if (d === null)
     throw new TypeError("No TabContext provided");
-  const N = y(d, c), E = x(d, c);
-  return /* @__PURE__ */ l(B, {
-    "aria-labelledby": E,
-    className: O(g.root, s),
-    hidden: c !== d.value,
-    id: N,
-    ref: n,
+  const E = P(d, l), g = x(d, l);
+  return /* @__PURE__ */ s(L, {
+    "aria-labelledby": g,
+    className: w(N.root, i),
+    hidden: l !== d.value,
+    id: E,
+    ref: t,
     role: "tabpanel",
     ownerState: m,
-    ...P,
-    children: (u || c === d.value) && i
+    ...C,
+    children: (u || l === d.value) && c
   });
 });
 process.env.NODE_ENV !== "production" && (p.propTypes = {
@@ -140,97 +139,48 @@ process.env.NODE_ENV !== "production" && (p.propTypes = {
   /**
    * The content of the component.
    */
-  children: o.node,
+  children: n.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: n.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: n.string,
   /**
    * Always keep the children in the DOM.
    * @default false
    */
-  keepMounted: o.bool,
+  keepMounted: n.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
   /**
    * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
    * no `value` was passed to `Tab`.
    */
-  value: o.oneOfType([o.number, o.string]).isRequired
+  value: n.oneOfType([n.number, n.string]).isRequired
 });
-const L = (e) => {
-  const [t, n] = w("1");
-  return /* @__PURE__ */ v(h, { value: t, children: [
-    /* @__PURE__ */ v(
-      C,
-      {
-        ...e,
-        onChange: (i, s) => n(s),
-        "aria-label": "lib tablist example",
-        children: [
-          /* @__PURE__ */ l(f, { label: "Item one", value: "1" }),
-          /* @__PURE__ */ l(f, { label: "Item two", value: "2" }),
-          /* @__PURE__ */ l(f, { label: "Item three", value: "3" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ l(p, { value: "1", children: "Item one" }),
-    /* @__PURE__ */ l(p, { value: "2", children: "Item two" }),
-    /* @__PURE__ */ l(p, { value: "3", children: "Item three" })
-  ] });
-}, W = {
+const _ = (e) => /* @__PURE__ */ T(v, { value: "1", children: [
+  /* @__PURE__ */ T(y, { ...e, "aria-label": "lab API tabs example", children: [
+    /* @__PURE__ */ s(f, { label: "Utilisateurs", value: "1" }),
+    /* @__PURE__ */ s(f, { label: "Groupes", value: "2" }),
+    /* @__PURE__ */ s(f, { label: "Demandes d'inscription", value: "3" })
+  ] }),
+  /* @__PURE__ */ s(p, { value: "1", children: "Utilisateurs" }),
+  /* @__PURE__ */ s(p, { value: "2", children: "Groupes" }),
+  /* @__PURE__ */ s(p, { value: "3", children: "Demandes d'inscription" })
+] }), H = {
   title: "Components/TabList",
-  component: L,
-  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"
-    }
-  }
-}, A = {
+  component: _
+}, z = {
   args: {
-    allowScrollButtonsMobile: !1,
-    centered: !1,
-    indicatorColor: "primary",
-    orientation: "horizontal",
-    scrollButtons: "auto",
-    textColor: "primary",
-    variant: "standard",
-    visibleScrollbar: !1
+    //handleChange: (event: SyntheticEvent, value: number) => true,
   }
 };
 export {
-  A as Default,
-  W as default
+  z as Default,
+  H as default
 };