@sisense/sdk-shared-ui 2.1.1 → 2.3.0

package/dist/{Checkbox-BNkk6YDz.js → Checkbox-aMi60WQj.js}

@@ -1,31 +1,31 @@
-import { jsxs as oe, jsx as n } from "react/jsx-runtime";
-import { g as q, b as U, s as z, r as V, f as H, d as b, h as L, m as te, e as se, j as M, a as ne, E as ae, T as re } from "./emotion-cache-provider-CsTOkc-k.js";
-import * as S from "react";
-import { forwardRef as ce } from "react";
+import { jsxs as ce, jsx as a } from "react/jsx-runtime";
+import { g as D, a as _, s as M, r as A, d as v, h as G, m as ie, e as le, f as pe, o as q, i as de, E as ue, T as fe } from "./emotion-cache-provider-B6yKtm_a.js";
+import * as O from "react";
+import { forwardRef as me } from "react";
 import { P as e } from "./index-D0lMis-I.js";
-import { u as ie } from "./useFormControl-CatNKXAi.js";
-import { B as le } from "./ButtonBase-UWHDpyst.js";
-import { u as de } from "./useControlled-BYdyS7Pn.js";
-import { r as D } from "./useTimeout-Oe_jK-ia.js";
-import { c as O } from "./createSvgIcon-B28x3Jky.js";
-import { c as N } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { siColors as E } from "./lib/themes/themes.js";
-function pe(o) {
-  return q("PrivateSwitchBase", o);
+import { u as he, m as be } from "./useFormControl-lYrMmqEx.js";
+import { u as ye, a as $ } from "./useSlot-DUGuD2Ya.js";
+import { B as Ce } from "./ButtonBase-4TqAVSBf.js";
+import { r as ge } from "./TransitionGroupContext-BNiEy2cD.js";
+import { c as E } from "./createSvgIcon-CiRZfwSO.js";
+import { c as H } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { siColors as L } from "./lib/themes/themes.js";
+function ke(o) {
+  return D("PrivateSwitchBase", o);
 }
-U("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
-const ue = (o) => {
+_("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const Pe = (o) => {
   const {
     classes: t,
-    checked: s,
-    disabled: a,
-    edge: r
-  } = o, l = {
-    root: ["root", s && "checked", a && "disabled", r && `edge${b(r)}`],
+    checked: n,
+    disabled: c,
+    edge: i
+  } = o, d = {
+    root: ["root", n && "checked", c && "disabled", i && `edge${v(i)}`],
     input: ["input"]
   };
-  return L(l, pe, t);
-}, fe = z(le)({
+  return G(d, ke, t);
+}, ve = M(Ce)({
   padding: 9,
   borderRadius: "50%",
   variants: [{
@@ -61,8 +61,8 @@ const ue = (o) => {
       marginRight: -12
     }
   }]
-}), he = z("input", {
-  shouldForwardProp: V
+}), xe = M("input", {
+  shouldForwardProp: A
 })({
   cursor: "inherit",
   position: "absolute",
@@ -74,90 +74,125 @@ const ue = (o) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), _ = /* @__PURE__ */ S.forwardRef(function(t, s) {
+}), J = /* @__PURE__ */ O.forwardRef(function(t, n) {
   const {
-    autoFocus: a,
-    checked: r,
-    checkedIcon: l,
-    className: p,
-    defaultChecked: d,
-    disabled: k,
-    disableFocusRipple: C = !1,
-    edge: u = !1,
-    icon: g,
-    id: I,
-    inputProps: R,
-    inputRef: y,
-    name: v,
-    onBlur: f,
-    onChange: h,
-    onFocus: P,
-    readOnly: G,
-    required: J = !1,
-    tabIndex: K,
-    type: x,
-    value: F,
-    ...Q
-  } = t, [T, W] = de({
-    controlled: r,
-    default: !!d,
+    autoFocus: c,
+    checked: i,
+    checkedIcon: d,
+    defaultChecked: u,
+    disabled: f,
+    disableFocusRipple: h = !1,
+    edge: T = !1,
+    icon: b,
+    id: x,
+    inputProps: z,
+    inputRef: S,
+    name: I,
+    onBlur: B,
+    onChange: y,
+    onFocus: C,
+    readOnly: g,
+    required: R = !1,
+    tabIndex: k,
+    type: m,
+    value: w,
+    slots: Q = {},
+    slotProps: W = {},
+    ...X
+  } = t, [N, Y] = ye({
+    controlled: i,
+    default: !!u,
     name: "SwitchBase",
     state: "checked"
-  }), i = ie(), X = (c) => {
-    P && P(c), i && i.onFocus && i.onFocus(c);
-  }, Y = (c) => {
-    f && f(c), i && i.onBlur && i.onBlur(c);
-  }, Z = (c) => {
-    if (c.nativeEvent.defaultPrevented)
+  }), l = he(), Z = (s) => {
+    C && C(s), l && l.onFocus && l.onFocus(s);
+  }, ee = (s) => {
+    B && B(s), l && l.onBlur && l.onBlur(s);
+  }, oe = (s) => {
+    if (s.nativeEvent.defaultPrevented)
       return;
-    const j = c.target.checked;
-    W(j), h && h(c, j);
+    const r = s.target.checked;
+    Y(r), y && y(s, r);
   };
-  let m = k;
-  i && typeof m > "u" && (m = i.disabled);
-  const ee = x === "checkbox" || x === "radio", B = {
+  let P = f;
+  l && typeof P > "u" && (P = l.disabled);
+  const te = m === "checkbox" || m === "radio", F = {
     ...t,
-    checked: T,
-    disabled: m,
-    disableFocusRipple: C,
-    edge: u
-  }, $ = ue(B);
-  return /* @__PURE__ */ oe(fe, {
-    component: "span",
-    className: H($.root, p),
-    centerRipple: !0,
-    focusRipple: !C,
-    disabled: m,
-    tabIndex: null,
-    role: void 0,
-    onFocus: X,
-    onBlur: Y,
-    ownerState: B,
-    ref: s,
-    ...Q,
-    children: [/* @__PURE__ */ n(he, {
-      autoFocus: a,
-      checked: r,
-      defaultChecked: d,
-      className: $.input,
-      disabled: m,
-      id: ee ? I : void 0,
-      name: v,
-      onChange: Z,
-      readOnly: G,
-      ref: y,
-      required: J,
-      ownerState: B,
-      tabIndex: K,
-      type: x,
-      ...x === "checkbox" && F === void 0 ? {} : {
-        value: F
+    checked: N,
+    disabled: P,
+    disableFocusRipple: h,
+    edge: T
+  }, U = Pe(F), V = {
+    slots: Q,
+    slotProps: {
+      input: z,
+      ...W
+    }
+  }, [se, ne] = $("root", {
+    ref: n,
+    elementType: ve,
+    className: U.root,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      ...V,
+      component: "span",
+      ...X
+    },
+    getSlotProps: (s) => ({
+      ...s,
+      onFocus: (r) => {
+        var p;
+        (p = s.onFocus) == null || p.call(s, r), Z(r);
       },
-      ...R
-    }), T ? l : g]
+      onBlur: (r) => {
+        var p;
+        (p = s.onBlur) == null || p.call(s, r), ee(r);
+      }
+    }),
+    ownerState: F,
+    additionalProps: {
+      centerRipple: !0,
+      focusRipple: !h,
+      disabled: P,
+      role: void 0,
+      tabIndex: null
+    }
+  }), [re, ae] = $("input", {
+    ref: S,
+    elementType: xe,
+    className: U.input,
+    externalForwardedProps: V,
+    getSlotProps: (s) => ({
+      onChange: (r) => {
+        var p;
+        (p = s.onChange) == null || p.call(s, r), oe(r);
+      }
+    }),
+    ownerState: F,
+    additionalProps: {
+      autoFocus: c,
+      checked: i,
+      defaultChecked: u,
+      disabled: P,
+      id: te ? x : void 0,
+      name: I,
+      readOnly: g,
+      required: R,
+      tabIndex: k,
+      type: m,
+      ...m === "checkbox" && w === void 0 ? {} : {
+        value: w
+      }
+    }
+  });
+  return /* @__PURE__ */ ce(se, {
+    ...ne,
+    children: [/* @__PURE__ */ a(re, {
+      ...ae
+    }), N ? d : b]
   });
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (J.propTypes = {
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
@@ -214,7 +249,7 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: D,
+  inputRef: ge,
   /*
    * @ignore
    */
@@ -243,6 +278,22 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    * 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.
    */
@@ -260,41 +311,41 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   value: e.any
 });
-const me = O(/* @__PURE__ */ n("path", {
+const Se = E(/* @__PURE__ */ a("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), be = O(/* @__PURE__ */ n("path", {
+}), "CheckBoxOutlineBlank"), Ie = E(/* @__PURE__ */ a("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), ke = O(/* @__PURE__ */ n("path", {
+}), "CheckBox"), Be = E(/* @__PURE__ */ a("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function Ce(o) {
-  return q("MuiCheckbox", o);
+function Re(o) {
+  return D("MuiCheckbox", o);
 }
-const w = U("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), ge = (o) => {
+const j = _("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), we = (o) => {
   const {
     classes: t,
-    indeterminate: s,
-    color: a,
-    size: r
-  } = o, l = {
-    root: ["root", s && "indeterminate", `color${b(a)}`, `size${b(r)}`]
-  }, p = L(l, Ce, t);
+    indeterminate: n,
+    color: c,
+    size: i
+  } = o, d = {
+    root: ["root", n && "indeterminate", `color${v(c)}`, `size${v(i)}`]
+  }, u = G(d, Re, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
-    ...p
+    ...u
   };
-}, ye = z(_, {
-  shouldForwardProp: (o) => V(o) || o === "classes",
+}, Oe = M(J, {
+  shouldForwardProp: (o) => A(o) || o === "classes",
   name: "MuiCheckbox",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
-      ownerState: s
+      ownerState: n
     } = o;
-    return [t.root, s.indeterminate && t.indeterminate, t[`size${b(s.size)}`], s.color !== "default" && t[`color${b(s.color)}`]];
+    return [t.root, n.indeterminate && t.indeterminate, t[`size${v(n.size)}`], n.color !== "default" && t[`color${v(n.color)}`]];
   }
-})(te(({
+})(ie(({
   theme: o
 }) => ({
   color: (o.vars || o).palette.text.secondary,
@@ -305,28 +356,28 @@ const w = U("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : q(o.palette.action.active, o.palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(N()).map(([t]) => ({
+  }, ...Object.entries(o.palette).filter(H()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : q(o.palette[t].main, o.palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(N()).map(([t]) => ({
+  })), ...Object.entries(o.palette).filter(H()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
-      [`&.${w.checked}, &.${w.indeterminate}`]: {
+      [`&.${j.checked}, &.${j.indeterminate}`]: {
         color: (o.vars || o).palette[t].main
       },
-      [`&.${w.disabled}`]: {
+      [`&.${j.disabled}`]: {
         color: (o.vars || o).palette.action.disabled
       }
     }
@@ -344,49 +395,63 @@ const w = U("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), ve = /* @__PURE__ */ n(be, {}), xe = /* @__PURE__ */ n(me, {}), Se = /* @__PURE__ */ n(ke, {}), A = /* @__PURE__ */ S.forwardRef(function(t, s) {
-  const a = se({
+}))), Te = /* @__PURE__ */ a(Ie, {}), ze = /* @__PURE__ */ a(Se, {}), Fe = /* @__PURE__ */ a(Be, {}), K = /* @__PURE__ */ O.forwardRef(function(t, n) {
+  const c = le({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: r = ve,
-    color: l = "primary",
-    icon: p = xe,
-    indeterminate: d = !1,
-    indeterminateIcon: k = Se,
-    inputProps: C,
-    size: u = "medium",
-    disableRipple: g = !1,
-    className: I,
-    ...R
-  } = a, y = d ? k : p, v = d ? k : r, f = {
-    ...a,
-    disableRipple: g,
-    color: l,
-    indeterminate: d,
-    size: u
-  }, h = ge(f);
-  return /* @__PURE__ */ n(ye, {
-    type: "checkbox",
-    inputProps: {
-      "data-indeterminate": d,
-      ...C
+    checkedIcon: i = Te,
+    color: d = "primary",
+    icon: u = ze,
+    indeterminate: f = !1,
+    indeterminateIcon: h = Fe,
+    inputProps: T,
+    size: b = "medium",
+    disableRipple: x = !1,
+    className: z,
+    slots: S = {},
+    slotProps: I = {},
+    ...B
+  } = c, y = f ? h : u, C = f ? h : i, g = {
+    ...c,
+    disableRipple: x,
+    color: d,
+    indeterminate: f,
+    size: b
+  }, R = we(g), k = I.input ?? T, [m, w] = $("root", {
+    ref: n,
+    elementType: Oe,
+    className: pe(R.root, z),
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: {
+      slots: S,
+      slotProps: I,
+      ...B
     },
-    icon: /* @__PURE__ */ S.cloneElement(y, {
-      fontSize: y.props.fontSize ?? u
-    }),
-    checkedIcon: /* @__PURE__ */ S.cloneElement(v, {
-      fontSize: v.props.fontSize ?? u
-    }),
-    ownerState: f,
-    ref: s,
-    className: H(h.root, I),
-    disableRipple: g,
-    ...R,
-    classes: h
+    ownerState: g,
+    additionalProps: {
+      type: "checkbox",
+      icon: /* @__PURE__ */ O.cloneElement(y, {
+        fontSize: y.props.fontSize ?? b
+      }),
+      checkedIcon: /* @__PURE__ */ O.cloneElement(C, {
+        fontSize: C.props.fontSize ?? b
+      }),
+      disableRipple: x,
+      slots: S,
+      slotProps: {
+        input: be(typeof k == "function" ? k(g) : k, {
+          "data-indeterminate": f
+        })
+      }
+    }
+  });
+  return /* @__PURE__ */ a(m, {
+    ...w,
+    classes: R
   });
 });
-process.env.NODE_ENV !== "production" && (A.propTypes = {
+process.env.NODE_ENV !== "production" && (K.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -453,12 +518,9 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
   indeterminateIcon: e.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * @deprecated Use `slotProps.input` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: D,
   /**
    * Callback fired when the state is changed.
    *
@@ -477,6 +539,22 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    * @default 'medium'
    */
   size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * 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.
    */
@@ -487,7 +565,7 @@ process.env.NODE_ENV !== "production" && (A.propTypes = {
    */
   value: e.any
 });
-const Ie = ne({
+const je = de({
   components: {
     MuiCheckbox: {
       styleOverrides: {
@@ -498,19 +576,19 @@ const Ie = ne({
             opacity: 0.5
           },
           "&:hover": {
-            backgroundColor: E.StInteractionColors.defaultHover
+            backgroundColor: L.StInteractionColors.defaultHover
           },
           "& .MuiSvgIcon-root": {
             fontSize: 14,
-            fill: E.StUiColors.default
+            fill: L.StUiColors.default
           }
         }
       }
     }
   }
-}), Ne = ce(
-  ({ theme: o = Ie, dataTestId: t, ...s }, a) => /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ n(re, { theme: o, children: /* @__PURE__ */ n(A, { "data-testid": t, ref: a, ...s }) }) })
+}), Ae = me(
+  ({ theme: o = je, dataTestId: t, ...n }, c) => /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ a(fe, { theme: o, children: /* @__PURE__ */ a(K, { "data-testid": t, ref: c, ...n }) }) })
 );
 export {
-  Ne as C
+  Ae as C
 };