@cgi-learning-hub/ui 0.0.1-dev.1708990372 → 0.0.1-dev.1709027888

package/dist/components/inputs/SearchInput/SearchInput.es.js

@@ -1,212 +1,42 @@
-import { jsx as p, jsxs as W } from "react/jsx-runtime";
-import * as T from "react";
-import { b as I, g as M, s as x, f as m, a as d, u as N, _ as O, h as A, P as t, e as B } from "../../../useThemeProps-B6yTTpAe.js";
-import { u as S, F as _, c as z } from "../../../InputBase-B13Nzzhk.js";
-import { e as U } from "../../../extendSxProp-BRHiEwyk.js";
-import { c as F } from "../../../createSvgIcon-qXNZi4k1.js";
-const w = F(/* @__PURE__ */ p("path", {
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import * as b from "react";
+import { g as T, a as S, s as I, _ as m, b as L, e as N, f as R, P as e, c as v, h as z } from "../../../useThemeProps-Dg9Uoq7q.js";
+import { u as M, F as O, I as _ } from "../../../InputBase-C_yPRkam.js";
+import { T as $ } from "../../../Typography-CyFLZjnE.js";
+import { c as j } from "../../../createSvgIcon-KaSN8JhZ.js";
+const F = j(/* @__PURE__ */ o("path", {
   d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
 }), "Search");
-function D(n) {
-  return I("MuiTypography", n);
+function U(n) {
+  return S("MuiInputAdornment", n);
 }
-M("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const V = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], k = (n) => {
+const w = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), g = w;
+var y;
+const B = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], D = (n, t) => {
   const {
-    align: o,
-    gutterBottom: e,
-    noWrap: a,
-    paragraph: r,
-    variant: i,
-    classes: c
-  } = n, l = {
-    root: ["root", i, n.align !== "inherit" && `align${m(o)}`, e && "gutterBottom", a && "noWrap", r && "paragraph"]
-  };
-  return B(l, D, c);
-}, q = x("span", {
-  name: "MuiTypography",
-  slot: "Root",
-  overridesResolver: (n, o) => {
-    const {
-      ownerState: e
-    } = n;
-    return [o.root, e.variant && o[e.variant], e.align !== "inherit" && o[`align${m(e.align)}`], e.noWrap && o.noWrap, e.gutterBottom && o.gutterBottom, e.paragraph && o.paragraph];
-  }
-})(({
-  theme: n,
-  ownerState: o
-}) => d({
-  margin: 0
-}, o.variant === "inherit" && {
-  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
-  font: "inherit"
-}, o.variant !== "inherit" && n.typography[o.variant], o.align !== "inherit" && {
-  textAlign: o.align
-}, o.noWrap && {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}, o.gutterBottom && {
-  marginBottom: "0.35em"
-}, o.paragraph && {
-  marginBottom: 16
-})), C = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  body1: "p",
-  body2: "p",
-  inherit: "p"
-}, H = {
-  primary: "primary.main",
-  textPrimary: "text.primary",
-  secondary: "secondary.main",
-  textSecondary: "text.secondary",
-  error: "error.main"
-}, J = (n) => H[n] || n, R = /* @__PURE__ */ T.forwardRef(function(o, e) {
-  const a = N({
-    props: o,
-    name: "MuiTypography"
-  }), r = J(a.color), i = U(d({}, a, {
-    color: r
-  })), {
-    align: c = "inherit",
-    className: l,
-    component: g,
-    gutterBottom: v = !1,
-    noWrap: u = !1,
-    paragraph: y = !1,
-    variant: s = "body1",
-    variantMapping: h = C
-  } = i, f = O(i, V), b = d({}, i, {
-    align: c,
-    color: r,
-    className: l,
-    component: g,
-    gutterBottom: v,
-    noWrap: u,
-    paragraph: y,
-    variant: s,
-    variantMapping: h
-  }), j = g || (y ? "p" : h[s] || C[s]) || "span", L = k(b);
-  return /* @__PURE__ */ p(q, d({
-    as: j,
-    ref: e,
-    ownerState: b,
-    className: A(L.root, l)
-  }, f));
-});
-process.env.NODE_ENV !== "production" && (R.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
-  /**
-   * The content of the component.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: t.bool,
-  /**
-   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-   *
-   * Note that text overflow can only happen with block or inline-block level elements
-   * (the element needs to have a width in order to overflow).
-   * @default false
-   */
-  noWrap: t.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   */
-  paragraph: t.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
-  /**
-   * The component maps the variant prop to a range of different HTML element types.
-   * For instance, subtitle1 to `<h6>`.
-   * If you wish to change that mapping, you can provide your own.
-   * Alternatively, you can use the `component` prop.
-   * @default {
-   *   h1: 'h1',
-   *   h2: 'h2',
-   *   h3: 'h3',
-   *   h4: 'h4',
-   *   h5: 'h5',
-   *   h6: 'h6',
-   *   subtitle1: 'h6',
-   *   subtitle2: 'h6',
-   *   body1: 'p',
-   *   body2: 'p',
-   *   inherit: 'p',
-   * }
-   */
-  variantMapping: t.object
-});
-const G = R;
-function K(n) {
-  return I("MuiInputAdornment", n);
-}
-const Q = M("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), P = Q;
-var E;
-const X = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], Y = (n, o) => {
-  const {
-    ownerState: e
+    ownerState: s
   } = n;
-  return [o.root, o[`position${m(e.position)}`], e.disablePointerEvents === !0 && o.disablePointerEvents, o[e.variant]];
-}, Z = (n) => {
+  return [t.root, t[`position${v(s.position)}`], s.disablePointerEvents === !0 && t.disablePointerEvents, t[s.variant]];
+}, V = (n) => {
   const {
-    classes: o,
-    disablePointerEvents: e,
+    classes: t,
+    disablePointerEvents: s,
     hiddenLabel: a,
     position: r,
-    size: i,
-    variant: c
-  } = n, l = {
-    root: ["root", e && "disablePointerEvents", r && `position${m(r)}`, c, a && "hiddenLabel", i && `size${m(i)}`]
+    size: l,
+    variant: p
+  } = n, d = {
+    root: ["root", s && "disablePointerEvents", r && `position${v(r)}`, p, a && "hiddenLabel", l && `size${v(l)}`]
   };
-  return B(l, K, o);
-}, tt = x("div", {
+  return z(d, U, t);
+}, k = I("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: Y
+  overridesResolver: D
 })(({
   theme: n,
-  ownerState: o
-}) => d({
+  ownerState: t
+}) => m({
   display: "flex",
   height: "0.01em",
   // Fix IE11 flexbox alignment. To remove at some point.
@@ -214,57 +44,57 @@ const X = ["children", "className", "component", "disablePointerEvents", "disabl
   alignItems: "center",
   whiteSpace: "nowrap",
   color: (n.vars || n).palette.action.active
-}, o.variant === "filled" && {
+}, t.variant === "filled" && {
   // Styles applied to the root element if `variant="filled"`.
-  [`&.${P.positionStart}&:not(.${P.hiddenLabel})`]: {
+  [`&.${g.positionStart}&:not(.${g.hiddenLabel})`]: {
     marginTop: 16
   }
-}, o.position === "start" && {
+}, t.position === "start" && {
   // Styles applied to the root element if `position="start"`.
   marginRight: 8
-}, o.position === "end" && {
+}, t.position === "end" && {
   // Styles applied to the root element if `position="end"`.
   marginLeft: 8
-}, o.disablePointerEvents === !0 && {
+}, t.disablePointerEvents === !0 && {
   // Styles applied to the root element if `disablePointerEvents={true}`.
   pointerEvents: "none"
-})), $ = /* @__PURE__ */ T.forwardRef(function(o, e) {
-  const a = N({
-    props: o,
+})), E = /* @__PURE__ */ b.forwardRef(function(t, s) {
+  const a = L({
+    props: t,
     name: "MuiInputAdornment"
   }), {
     children: r,
-    className: i,
-    component: c = "div",
-    disablePointerEvents: l = !1,
-    disableTypography: g = !1,
-    position: v,
+    className: l,
+    component: p = "div",
+    disablePointerEvents: d = !1,
+    disableTypography: P = !1,
+    position: h,
+    variant: c
+  } = a, x = N(a, B), i = M() || {};
+  let u = c;
+  c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !u && (u = i.variant);
+  const f = m({}, a, {
+    hiddenLabel: i.hiddenLabel,
+    size: i.size,
+    disablePointerEvents: d,
+    position: h,
     variant: u
-  } = a, y = O(a, X), s = S() || {};
-  let h = u;
-  u && s.variant && process.env.NODE_ENV !== "production" && u === s.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), s && !h && (h = s.variant);
-  const f = d({}, a, {
-    hiddenLabel: s.hiddenLabel,
-    size: s.size,
-    disablePointerEvents: l,
-    position: v,
-    variant: h
-  }), b = Z(f);
-  return /* @__PURE__ */ p(_.Provider, {
+  }), C = V(f);
+  return /* @__PURE__ */ o(O.Provider, {
     value: null,
-    children: /* @__PURE__ */ p(tt, d({
-      as: c,
+    children: /* @__PURE__ */ o(k, m({
+      as: p,
       ownerState: f,
-      className: A(b.root, i),
-      ref: e
-    }, y, {
-      children: typeof r == "string" && !g ? /* @__PURE__ */ p(G, {
+      className: R(C.root, l),
+      ref: s
+    }, x, {
+      children: typeof r == "string" && !P ? /* @__PURE__ */ o($, {
         color: "text.secondary",
         children: r
-      }) : /* @__PURE__ */ W(T.Fragment, {
-        children: [v === "start" ? (
+      }) : /* @__PURE__ */ A(b.Fragment, {
+        children: [h === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          E || (E = /* @__PURE__ */ p("span", {
+          y || (y = /* @__PURE__ */ o("span", {
             className: "notranslate",
             children: "​"
           }))
@@ -273,7 +103,7 @@ const X = ["children", "className", "component", "disablePointerEvents", "disabl
     }))
   });
 });
-process.env.NODE_ENV !== "production" && ($.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -281,47 +111,47 @@ process.env.NODE_ENV !== "production" && ($.propTypes = {
   /**
    * The content of the component, normally an `IconButton` or string.
    */
-  children: t.node,
+  children: e.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: e.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: e.elementType,
   /**
    * Disable pointer events on the root.
    * This allows for the content of the adornment to focus the `input` on click.
    * @default false
    */
-  disablePointerEvents: t.bool,
+  disablePointerEvents: e.bool,
   /**
    * If children is a string then disable wrapping in a Typography component.
    * @default false
    */
-  disableTypography: t.bool,
+  disableTypography: e.bool,
   /**
    * The position this adornment should appear relative to the `Input`.
    */
-  position: t.oneOf(["end", "start"]).isRequired,
+  position: e.oneOf(["end", "start"]).isRequired,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
   /**
    * The variant to use.
    * Note: If you are using the `TextField` component or the `FormControl` component
    * you do not have to set this manually.
    */
-  variant: t.oneOf(["filled", "outlined", "standard"])
+  variant: e.oneOf(["filled", "outlined", "standard"])
 });
-const ot = $, nt = x(z)(({ theme: n }) => ({
+const q = E, H = I(_)(({ theme: n }) => ({
   width: "auto",
   padding: "0px 12px",
   backgroundColor: n.palette.grey[50],
@@ -329,17 +159,17 @@ const ot = $, nt = x(z)(({ theme: n }) => ({
   "& .MuiInputBase-input": {
     padding: "8px 0px"
   }
-})), pt = ({
+})), X = ({
   placeholder: n = "Rechercher",
-  ...o
-}) => /* @__PURE__ */ p(
-  nt,
+  ...t
+}) => /* @__PURE__ */ o(
+  H,
   {
-    ...o,
+    ...t,
     placeholder: n,
-    startAdornment: /* @__PURE__ */ p(ot, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ p(w, {}) })
+    startAdornment: /* @__PURE__ */ o(q, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ o(F, {}) })
   }
 );
 export {
-  pt as default
+  X as default
 };

package/dist/components/inputs/SearchInput/SearchInput.stories.cjs.js

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

package/dist/components/inputs/SearchInput/SearchInput.stories.d.ts

@@ -0,0 +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/inputs/SearchInput/SearchInput.stories.es.js

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