@cgi-learning-hub/ui 1.5.0 → 1.5.1-dev.1744639457

package/dist/SwitchBase-BHC3uchj.js

@@ -0,0 +1,314 @@
+import * as J from "react";
+import { G as M, F as Q, K as W, P as e } from "./identifier-BJqC6EXa.js";
+import { s as C, c as X, r as Y } from "./DefaultPropsProvider-Bg-6nX-u.js";
+import { u as Z } from "./useFormControl-CatNKXAi.js";
+import { u as k } from "./useSlot-DhC6EPU2.js";
+import { jsxs as ee, jsx as oe } from "react/jsx-runtime";
+import { u as te } from "./useControlled-BYdyS7Pn.js";
+import { B as se } from "./ButtonBase-BZXGvriS.js";
+import { r as ne } from "./refType-DRBJ18fO.js";
+function re(s) {
+  return M("PrivateSwitchBase", s);
+}
+Q("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const ie = (s) => {
+  const {
+    classes: n,
+    checked: d,
+    disabled: p,
+    edge: a
+  } = s, u = {
+    root: ["root", d && "checked", p && "disabled", a && `edge${W(a)}`],
+    input: ["input"]
+  };
+  return X(u, re, n);
+}, ae = C(se)({
+  padding: 9,
+  borderRadius: "50%",
+  variants: [{
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "start" && n.size !== "small",
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }, {
+    props: ({
+      edge: s,
+      ownerState: n
+    }) => s === "end" && n.size !== "small",
+    style: {
+      marginRight: -12
+    }
+  }]
+}), ce = C("input", {
+  shouldForwardProp: Y
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), le = /* @__PURE__ */ J.forwardRef(function(n, d) {
+  const {
+    autoFocus: p,
+    checked: a,
+    checkedIcon: u,
+    defaultChecked: m,
+    disabled: w,
+    disableFocusRipple: g = !1,
+    edge: R = !1,
+    icon: x,
+    id: T,
+    inputProps: I,
+    inputRef: j,
+    name: O,
+    onBlur: h,
+    onChange: b,
+    onFocus: y,
+    readOnly: z,
+    required: q = !1,
+    tabIndex: N,
+    type: l,
+    value: P,
+    slots: E = {},
+    slotProps: U = {},
+    ...v
+  } = n, [F, L] = te({
+    controlled: a,
+    default: !!m,
+    name: "SwitchBase",
+    state: "checked"
+  }), r = Z(), D = (o) => {
+    y && y(o), r && r.onFocus && r.onFocus(o);
+  }, G = (o) => {
+    h && h(o), r && r.onBlur && r.onBlur(o);
+  }, K = (o) => {
+    if (o.nativeEvent.defaultPrevented)
+      return;
+    const t = o.target.checked;
+    L(t), b && b(o, t);
+  };
+  let c = w;
+  r && typeof c > "u" && (c = r.disabled);
+  const V = l === "checkbox" || l === "radio", f = {
+    ...n,
+    checked: F,
+    disabled: c,
+    disableFocusRipple: g,
+    edge: R
+  }, S = ie(f), B = {
+    slots: E,
+    slotProps: {
+      input: I,
+      ...U
+    }
+  }, [_, $] = k("root", {
+    ref: d,
+    elementType: ae,
+    className: S.root,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...B,
+      component: "span",
+      ...v
+    },
+    getSlotProps: (o) => ({
+      ...o,
+      onFocus: (t) => {
+        var i;
+        (i = o.onFocus) == null || i.call(o, t), D(t);
+      },
+      onBlur: (t) => {
+        var i;
+        (i = o.onBlur) == null || i.call(o, t), G(t);
+      }
+    }),
+    ownerState: f,
+    additionalProps: {
+      centerRipple: !0,
+      focusRipple: !g,
+      disabled: c,
+      role: void 0,
+      tabIndex: null
+    }
+  }), [A, H] = k("input", {
+    ref: j,
+    elementType: ce,
+    className: S.input,
+    externalForwardedProps: B,
+    getSlotProps: (o) => ({
+      ...o,
+      onChange: (t) => {
+        var i;
+        (i = o.onChange) == null || i.call(o, t), K(t);
+      }
+    }),
+    ownerState: f,
+    additionalProps: {
+      autoFocus: p,
+      checked: a,
+      defaultChecked: m,
+      disabled: c,
+      id: V ? T : void 0,
+      name: O,
+      readOnly: z,
+      required: q,
+      tabIndex: N,
+      type: l,
+      ...l === "checkbox" && P === void 0 ? {} : {
+        value: P
+      }
+    }
+  });
+  return /* @__PURE__ */ ee(_, {
+    ...$,
+    children: [/* @__PURE__ */ oe(A, {
+      ...H
+    }), F ? u : x]
+  });
+});
+process.env.NODE_ENV !== "production" && (le.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: ne,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    input: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    input: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+export {
+  le as S
+};

package/dist/SwitchBase-DA079uiU.cjs

@@ -0,0 +1 @@
+"use strict";const Q=require("react"),e=require("./identifier-gJdGmHeC.cjs"),d=require("./DefaultPropsProvider-DLSItMqn.cjs"),W=require("./useFormControl-haP0iPhl.cjs"),F=require("./useSlot-zJFQDOgm.cjs"),k=require("react/jsx-runtime"),X=require("./useControlled-Ysk4KqoX.cjs"),Y=require("./ButtonBase-DDgwUJIY.cjs"),Z=require("./refType-53jD7LEO.cjs");function ee(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,c.get?c:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const oe=ee(Q);function te(t){return e.generateUtilityClass("PrivateSwitchBase",t)}e.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const se=t=>{const{classes:s,checked:n,disabled:c,edge:a}=t,y={root:["root",n&&"checked",c&&"disabled",a&&`edge${e.capitalize(a)}`],input:["input"]};return d.composeClasses(y,te,s)},re=d.styled(Y.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:t,ownerState:s})=>t==="start"&&s.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:t,ownerState:s})=>t==="end"&&s.size!=="small",style:{marginRight:-12}}]}),ne=d.styled("input",{shouldForwardProp:d.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),w=oe.forwardRef(function(s,n){const{autoFocus:c,checked:a,checkedIcon:y,defaultChecked:f,disabled:R,disableFocusRipple:T=!1,edge:q=!1,icon:j,id:x,inputProps:O,inputRef:I,name:z,onBlur:g,onChange:b,onFocus:h,readOnly:N,required:v=!1,tabIndex:D,type:u,value:m,slots:E={},slotProps:U={},..._}=s,[S,L]=X.useControlled({controlled:a,default:!!f,name:"SwitchBase",state:"checked"}),p=W.useFormControl(),M=o=>{h&&h(o),p&&p.onFocus&&p.onFocus(o)},V=o=>{g&&g(o),p&&p.onBlur&&p.onBlur(o)},$=o=>{if(o.nativeEvent.defaultPrevented)return;const r=o.target.checked;L(r),b&&b(o,r)};let l=R;p&&typeof l>"u"&&(l=p.disabled);const A=u==="checkbox"||u==="radio",P={...s,checked:S,disabled:l,disableFocusRipple:T,edge:q},B=se(P),C={slots:E,slotProps:{input:O,...U}},[G,H]=F.useSlot("root",{ref:n,elementType:re,className:B.root,shouldForwardComponentProp:!0,externalForwardedProps:{...C,component:"span",..._},getSlotProps:o=>({...o,onFocus:r=>{var i;(i=o.onFocus)==null||i.call(o,r),M(r)},onBlur:r=>{var i;(i=o.onBlur)==null||i.call(o,r),V(r)}}),ownerState:P,additionalProps:{centerRipple:!0,focusRipple:!T,disabled:l,role:void 0,tabIndex:null}}),[J,K]=F.useSlot("input",{ref:I,elementType:ne,className:B.input,externalForwardedProps:C,getSlotProps:o=>({...o,onChange:r=>{var i;(i=o.onChange)==null||i.call(o,r),$(r)}}),ownerState:P,additionalProps:{autoFocus:c,checked:a,defaultChecked:f,disabled:l,id:A?x:void 0,name:z,readOnly:N,required:v,tabIndex:D,type:u,...u==="checkbox"&&m===void 0?{}:{value:m}}});return k.jsxs(G,{...H,children:[k.jsx(J,{...K}),S?y:j]})});process.env.NODE_ENV!=="production"&&(w.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:Z.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,slotProps:e.PropTypes.shape({input:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),root:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});exports.SwitchBase=w;