@cgi-learning-hub/ui 0.0.1-dev.1708964890 → 0.0.1-dev.1708974808

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

@@ -1,42 +1,212 @@
-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", {
+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", {
   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 U(n) {
-  return S("MuiInputAdornment", n);
+function D(n) {
+  return I("MuiTypography", 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) => {
+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 {
-    ownerState: s
+    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
   } = n;
-  return [t.root, t[`position${v(s.position)}`], s.disablePointerEvents === !0 && t.disablePointerEvents, t[s.variant]];
-}, V = (n) => {
+  return [o.root, o[`position${m(e.position)}`], e.disablePointerEvents === !0 && o.disablePointerEvents, o[e.variant]];
+}, Z = (n) => {
   const {
-    classes: t,
-    disablePointerEvents: s,
+    classes: o,
+    disablePointerEvents: e,
     hiddenLabel: a,
     position: r,
-    size: l,
-    variant: p
-  } = n, d = {
-    root: ["root", s && "disablePointerEvents", r && `position${v(r)}`, p, a && "hiddenLabel", l && `size${v(l)}`]
+    size: i,
+    variant: c
+  } = n, l = {
+    root: ["root", e && "disablePointerEvents", r && `position${m(r)}`, c, a && "hiddenLabel", i && `size${m(i)}`]
   };
-  return z(d, U, t);
-}, k = I("div", {
+  return B(l, K, o);
+}, tt = x("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: D
+  overridesResolver: Y
 })(({
   theme: n,
-  ownerState: t
-}) => m({
+  ownerState: o
+}) => d({
   display: "flex",
   height: "0.01em",
   // Fix IE11 flexbox alignment. To remove at some point.
@@ -44,57 +214,57 @@ const B = ["children", "className", "component", "disablePointerEvents", "disabl
   alignItems: "center",
   whiteSpace: "nowrap",
   color: (n.vars || n).palette.action.active
-}, t.variant === "filled" && {
+}, o.variant === "filled" && {
   // Styles applied to the root element if `variant="filled"`.
-  [`&.${g.positionStart}&:not(.${g.hiddenLabel})`]: {
+  [`&.${P.positionStart}&:not(.${P.hiddenLabel})`]: {
     marginTop: 16
   }
-}, t.position === "start" && {
+}, o.position === "start" && {
   // Styles applied to the root element if `position="start"`.
   marginRight: 8
-}, t.position === "end" && {
+}, o.position === "end" && {
   // Styles applied to the root element if `position="end"`.
   marginLeft: 8
-}, t.disablePointerEvents === !0 && {
+}, o.disablePointerEvents === !0 && {
   // Styles applied to the root element if `disablePointerEvents={true}`.
   pointerEvents: "none"
-})), E = /* @__PURE__ */ b.forwardRef(function(t, s) {
-  const a = L({
-    props: t,
+})), $ = /* @__PURE__ */ T.forwardRef(function(o, e) {
+  const a = N({
+    props: o,
     name: "MuiInputAdornment"
   }), {
     children: r,
-    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,
+    className: i,
+    component: c = "div",
+    disablePointerEvents: l = !1,
+    disableTypography: g = !1,
+    position: v,
     variant: u
-  }), C = V(f);
-  return /* @__PURE__ */ o(O.Provider, {
+  } = 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, {
     value: null,
-    children: /* @__PURE__ */ o(k, m({
-      as: p,
+    children: /* @__PURE__ */ p(tt, d({
+      as: c,
       ownerState: f,
-      className: R(C.root, l),
-      ref: s
-    }, x, {
-      children: typeof r == "string" && !P ? /* @__PURE__ */ o($, {
+      className: A(b.root, i),
+      ref: e
+    }, y, {
+      children: typeof r == "string" && !g ? /* @__PURE__ */ p(G, {
         color: "text.secondary",
         children: r
-      }) : /* @__PURE__ */ A(b.Fragment, {
-        children: [h === "start" ? (
+      }) : /* @__PURE__ */ W(T.Fragment, {
+        children: [v === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          y || (y = /* @__PURE__ */ o("span", {
+          E || (E = /* @__PURE__ */ p("span", {
             className: "notranslate",
             children: "​"
           }))
@@ -103,7 +273,7 @@ const B = ["children", "className", "component", "disablePointerEvents", "disabl
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (E.propTypes = {
+process.env.NODE_ENV !== "production" && ($.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -111,47 +281,47 @@ process.env.NODE_ENV !== "production" && (E.propTypes = {
   /**
    * The content of the component, normally an `IconButton` or string.
    */
-  children: e.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: e.elementType,
+  component: t.elementType,
   /**
    * Disable pointer events on the root.
    * This allows for the content of the adornment to focus the `input` on click.
    * @default false
    */
-  disablePointerEvents: e.bool,
+  disablePointerEvents: t.bool,
   /**
    * If children is a string then disable wrapping in a Typography component.
    * @default false
    */
-  disableTypography: e.bool,
+  disableTypography: t.bool,
   /**
    * The position this adornment should appear relative to the `Input`.
    */
-  position: e.oneOf(["end", "start"]).isRequired,
+  position: t.oneOf(["end", "start"]).isRequired,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.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: e.oneOf(["filled", "outlined", "standard"])
+  variant: t.oneOf(["filled", "outlined", "standard"])
 });
-const q = E, H = I(_)(({ theme: n }) => ({
+const ot = $, nt = x(z)(({ theme: n }) => ({
   width: "auto",
   padding: "0px 12px",
   backgroundColor: n.palette.grey[50],
@@ -159,17 +329,17 @@ const q = E, H = I(_)(({ theme: n }) => ({
   "& .MuiInputBase-input": {
     padding: "8px 0px"
   }
-})), X = ({
+})), pt = ({
   placeholder: n = "Rechercher",
-  ...t
-}) => /* @__PURE__ */ o(
-  H,
+  ...o
+}) => /* @__PURE__ */ p(
+  nt,
   {
-    ...t,
+    ...o,
     placeholder: n,
-    startAdornment: /* @__PURE__ */ o(q, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ o(F, {}) })
+    startAdornment: /* @__PURE__ */ p(ot, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ p(w, {}) })
   }
 );
 export {
-  X as default
+  pt as default
 };