@cgi-learning-hub/ui 1.2.0 → 1.3.0

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

@@ -0,0 +1,334 @@
+import { jsxs as E, jsx as s } from "react/jsx-runtime";
+import { s as g, r as M, u as S, c as R } from "../../DefaultPropsProvider-7QnSWHxy.js";
+import * as P from "react";
+import { J as T, I as j, K as c, P as n } from "../../identifier-Bu3vgTzE.js";
+import { B as z, a as O } from "../../Button-B8Vr_qVd.js";
+import { m as h } from "../../memoTheme-C4_nd-x4.js";
+import { u as k } from "../../useId-CK6Kn3Tn.js";
+import { c as U } from "../../useForkRef-D-DyzOXj.js";
+import { C as W } from "../../CircularProgress-DU3DJQfF.js";
+function N(t) {
+  return j("MuiLoadingButton", t);
+}
+const a = T("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), D = (t) => {
+  const {
+    loading: o,
+    loadingPosition: i,
+    classes: e
+  } = t, u = {
+    root: ["root", o && "loading"],
+    label: ["label"],
+    startIcon: [o && `startIconLoading${c(i)}`],
+    endIcon: [o && `endIconLoading${c(i)}`],
+    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${c(i)}`]
+  }, d = R(u, N, e);
+  return {
+    ...e,
+    // forward the outlined, color, etc. classes to Button
+    ...d
+  };
+}, F = (t) => t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as" && t !== "classes", G = g(z, {
+  shouldForwardProp: (t) => F(t) || t === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (t, o) => [o.root, o.startIconLoadingStart && {
+    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
+  }, o.endIconLoadingEnd && {
+    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+  }]
+})(h(({
+  theme: t
+}) => ({
+  display: "inline-flex",
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
+    }),
+    opacity: 0
+  },
+  variants: [{
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      transition: t.transitions.create(["background-color", "box-shadow", "border-color"], {
+        duration: t.transitions.duration.short
+      }),
+      [`&.${a.loading}`]: {
+        color: "transparent"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.loadingPosition === "start" && o.fullWidth,
+    style: {
+      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+        transition: t.transitions.create(["opacity"], {
+          duration: t.transitions.duration.short
+        }),
+        opacity: 0,
+        marginRight: -8
+      }
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.loadingPosition === "end" && o.fullWidth,
+    style: {
+      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+        transition: t.transitions.create(["opacity"], {
+          duration: t.transitions.duration.short
+        }),
+        opacity: 0,
+        marginLeft: -8
+      }
+    }
+  }]
+}))), H = g("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (t, o) => {
+    const {
+      ownerState: i
+    } = t;
+    return [o.loadingIndicator, o[`loadingIndicator${c(i.loadingPosition)}`]];
+  }
+})(h(({
+  theme: t
+}) => ({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex",
+  variants: [{
+    props: {
+      loadingPosition: "start",
+      size: "small"
+    },
+    style: {
+      left: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: o,
+      ownerState: i
+    }) => o === "start" && i.size !== "small",
+    style: {
+      left: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "start"
+    },
+    style: {
+      left: 6
+    }
+  }, {
+    props: {
+      loadingPosition: "center"
+    },
+    style: {
+      left: "50%",
+      transform: "translate(-50%)",
+      color: (t.vars || t).palette.action.disabled
+    }
+  }, {
+    props: {
+      loadingPosition: "end",
+      size: "small"
+    },
+    style: {
+      right: 10
+    }
+  }, {
+    props: ({
+      loadingPosition: o,
+      ownerState: i
+    }) => o === "end" && i.size !== "small",
+    style: {
+      right: 14
+    }
+  }, {
+    props: {
+      variant: "text",
+      loadingPosition: "end"
+    },
+    style: {
+      right: 6
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.loadingPosition === "start" && o.fullWidth,
+    style: {
+      position: "relative",
+      left: -10
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.loadingPosition === "end" && o.fullWidth,
+    style: {
+      position: "relative",
+      right: -10
+    }
+  }]
+}))), v = g("span", {
+  name: "MuiLoadingButton",
+  slot: "Label",
+  overridesResolver: (t, o) => [o.label]
+})({
+  display: "inherit",
+  alignItems: "inherit",
+  justifyContent: "inherit"
+}), B = /* @__PURE__ */ P.forwardRef(function(o, i) {
+  const e = P.useContext(O), u = M(e, o), d = S({
+    props: u,
+    name: "MuiLoadingButton"
+  }), {
+    children: m,
+    disabled: I = !1,
+    id: C,
+    loading: p = !1,
+    loadingIndicator: x,
+    loadingPosition: $ = "center",
+    variant: b = "text",
+    ...w
+  } = d, f = k(C), y = x ?? /* @__PURE__ */ s(W, {
+    "aria-labelledby": f,
+    color: "inherit",
+    size: 16
+  }), r = {
+    ...d,
+    disabled: I,
+    loading: p,
+    loadingIndicator: y,
+    loadingPosition: $,
+    variant: b
+  }, l = D(r), L = p ? /* @__PURE__ */ s(H, {
+    className: l.loadingIndicator,
+    ownerState: r,
+    children: y
+  }) : null;
+  return /* @__PURE__ */ E(G, {
+    disabled: I || p,
+    id: f,
+    ref: i,
+    ...w,
+    variant: b,
+    classes: l,
+    ownerState: r,
+    children: [r.loadingPosition === "end" ? /* @__PURE__ */ s(v, {
+      className: l.label,
+      children: m
+    }) : L, r.loadingPosition === "end" ? L : /* @__PURE__ */ s(v, {
+      className: l.label,
+      children: m
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (B.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: n.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: n.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * @ignore
+   */
+  id: n.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: n.bool,
+  /**
+   * Element placed before the children if the button is in loading state.
+   * The node should contain an element with `role="progressbar"` with an accessible name.
+   * By default we render a `CircularProgress` that is labelled by the button itself.
+   * @default <CircularProgress color="inherit" size={16} />
+   */
+  loadingIndicator: n.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: U(n.oneOf(["start", "end", "center"]), (t) => t.loadingPosition === "start" && !t.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : t.loadingPosition === "end" && !t.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+});
+const J = g(B)(({ color: t, theme: o }) => ({
+  justifyContent: "center",
+  alignItems: "center",
+  minHeight: 38,
+  textTransform: "none",
+  color: t,
+  borderColor: t,
+  borderRadius: 5,
+  borderWidth: 2,
+  transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+  "&.MuiButton-contained": {
+    color: o.palette.common.white
+  },
+  "&.MuiButton-outlined": {
+    borderRadius: 5,
+    borderWidth: 2,
+    "&.MuiButton-colorPrimary": {
+      "&:active": {
+        borderColor: o.palette.primary.main,
+        color: o.palette.primary.main
+      },
+      "&:hover": {
+        backgroundColor: o.palette.primary.dark,
+        borderColor: o.palette.primary.dark,
+        color: o.palette.common.white
+      }
+    },
+    "&.MuiButton-colorSecondary": {
+      "&:active": {
+        borderColor: o.palette.secondary.main,
+        color: o.palette.secondary.main
+      },
+      "&:hover": {
+        backgroundColor: o.palette.secondary.main,
+        color: o.palette.common.white
+      }
+    },
+    "&.MuiButton-colorError": {
+      "&:active": {
+        borderColor: o.palette.error.main,
+        color: o.palette.error.main
+      },
+      "&:hover": {
+        backgroundColor: o.palette.error.main,
+        color: o.palette.common.white
+      }
+    }
+  }
+})), Z = ({
+  variant: t = "outlined",
+  ...o
+}) => /* @__PURE__ */ s(J, { variant: t, ...o });
+export {
+  Z as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("../../createSvgIcon-PXjVOXDY.cjs"),o=require("./Button.cjs.js"),i=n.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"),l=n.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"),d={title:"Components/Button",component:o,argTypes:{}},t=a=>e.jsx(o,{...a}),r=t.bind({});r.args={children:"Enregistrer",color:"primary",disabled:!1,startIcon:e.jsx(l,{}),variant:"contained",onClick:()=>alert("Alert")};const s=t.bind({});s.args={children:"Ajouter un utilisateur",color:"secondary",disabled:!1,startIcon:e.jsx(i,{}),variant:"outlined",onClick:()=>alert("Alert")};const c=t.bind({});c.args={children:"Annuler",color:"secondary",disabled:!1,variant:"text",onClick:()=>alert("Alert")};exports.Contained=r;exports.Outlined=s;exports.Text=c;exports.default=d;

package/dist/components/{buttons/SecondaryButton/SecondaryButton.stories.d.ts → Button/Button.stories.d.ts}

@@ -1,5 +1,6 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
-export declare const Default: any;
+export declare const Contained: any;
+export declare const Outlined: any;
+export declare const Text: any;
 export default stories;

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

@@ -0,0 +1,45 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "../../createSvgIcon-Ae1vF9Lv.js";
+import o from "./Button.es.js";
+const a = e(/* @__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"), c = e(/* @__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"), h = {
+  title: "Components/Button",
+  component: o,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, n = (r) => /* @__PURE__ */ t(o, { ...r }), s = n.bind({});
+s.args = {
+  children: "Enregistrer",
+  color: "primary",
+  disabled: !1,
+  startIcon: /* @__PURE__ */ t(c, {}),
+  variant: "contained",
+  onClick: () => alert("Alert")
+};
+const i = n.bind({});
+i.args = {
+  children: "Ajouter un utilisateur",
+  color: "secondary",
+  disabled: !1,
+  startIcon: /* @__PURE__ */ t(a, {}),
+  variant: "outlined",
+  onClick: () => alert("Alert")
+};
+const l = n.bind({});
+l.args = {
+  children: "Annuler",
+  color: "secondary",
+  disabled: !1,
+  variant: "text",
+  onClick: () => alert("Alert")
+};
+export {
+  s as Contained,
+  i as Outlined,
+  l as Text,
+  h as default
+};

package/dist/components/Button/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button.cjs.js");exports.Button=t;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+export { default as Button } from './Button';

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

@@ -0,0 +1,4 @@
+import { default as a } from "./Button.es.js";
+export {
+  a as Button
+};

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

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime");require("../../fr-BtINyNRC.cjs");const e=require("../../DatePicker-BigDV0IN.cjs");module.exports=e.DatePicker;

package/dist/components/{pickers/DatePicker → DatePicker}/DatePicker.d.ts

@@ -1,6 +1,5 @@
 import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { Dayjs } from 'dayjs';
-
 export type DatePickerProps = {
     adapterLocale?: string;
 } & MuiDatePickerProps<Dayjs>;

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

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../fr-B0c4Eu-I.js";
+import { q as p } from "../../DatePicker-ZdjLD9eR.js";
+export {
+  p as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),e=require("../../DatePicker-BigDV0IN.cjs"),a={title:"Components/DatePicker",component:e.DatePicker,argTypes:{}},s=r=>o.jsx(e.DatePicker,{...r}),t=s.bind({});t.args={adapterLocale:"fr"};exports.Default=t;exports.default=a;

package/dist/components/{pickers/DatePicker → DatePicker}/DatePicker.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/react';
-
 declare const stories: Meta<StoryFn<any>>;
 export declare const Default: any;
 export default stories;

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

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import { q as t } from "../../DatePicker-ZdjLD9eR.js";
+const p = {
+  title: "Components/DatePicker",
+  component: t,
+  argTypes: {
+    // Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
+  }
+}, a = (e) => /* @__PURE__ */ o(t, { ...e }), r = a.bind({});
+r.args = {
+  adapterLocale: "fr"
+};
+export {
+  r as Default,
+  p as default
+};

package/dist/components/{pickers → DatePicker}/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-B0jLSEvZ.cjs");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-BigDV0IN.cjs");exports.DatePicker=e.DatePicker;

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

@@ -0,0 +1,4 @@
+import { q as a } from "../../DatePicker-ZdjLD9eR.js";
+export {
+  a as DatePicker
+};