@vidispine/vdt-mui 23.3.0-pre.4 → 23.3.0-pre.6

package/dist/es/inputs/BooleanInput/BooleanInput.js

@@ -1,19 +1,19 @@
-import { jsxs as j, jsx as i } from "react/jsx-runtime";
-import z from "@mui/material/FormControl";
-import B from "@mui/material/FormControlLabel";
-import I from "@mui/material/FormHelperText";
-import E from "@mui/material/Switch";
-import P from "@mui/material/Checkbox";
+import { jsxs as z, jsx as i } from "react/jsx-runtime";
+import B from "@mui/material/FormControl";
+import I from "@mui/material/FormControlLabel";
+import E from "@mui/material/FormHelperText";
+import P from "@mui/material/Switch";
+import V from "@mui/material/Checkbox";
 import { styled as f } from "@mui/material/styles";
-const V = f(B, {
+const W = f(I, {
   shouldForwardProp: (o) => o !== "size"
 })(({
   theme: o,
-  size: r,
+  size: t,
   labelPlacement: e
 }) => ({
   "& .MuiTypography-root": {
-    ...r === "small" && {
+    ...t === "small" && {
       fontSize: "0.8rem"
     }
   },
@@ -30,63 +30,63 @@ const V = f(B, {
     marginRight: 0,
     marginLeft: 0
   } : {}
-})), W = f(I, {
+})), $ = f(E, {
   shouldForwardProp: (o) => !["fullWidth", "textAlign"].includes(o)
 })(({
   fullWidth: o,
-  textAlign: r
+  textAlign: t
 }) => o ? {
-  textAlign: r
-} : {}), $ = {
-  Root: z,
-  FormControlLabel: V,
-  FormHelperText: W,
-  Switch: E,
-  Checkbox: P
-}, q = ({
+  textAlign: t
+} : {}), q = {
+  Root: B,
+  FormControlLabel: W,
+  FormHelperText: $,
+  Switch: P,
+  Checkbox: V
+}, x = ({
   name: o,
-  label: r,
+  label: t,
   value: e,
-  defaultValue: x,
+  defaultValue: C,
   helperText: m,
   error: a,
-  required: d,
-  disabled: C,
-  labelPlacement: c,
+  required: c,
+  disabled: g,
+  labelPlacement: d,
   size: s,
   fullWidth: h,
-  type: g,
-  onChange: b,
-  onBlur: F,
-  onFocus: v,
-  components: k,
-  componentsProps: t
+  type: b,
+  onChange: F,
+  onBlur: v,
+  onFocus: k,
+  components: T,
+  componentsProps: r
 }) => {
   const {
-    Root: T,
-    FormControlLabel: L,
-    FormHelperText: w,
-    Switch: y,
-    Checkbox: M
-  } = k, S = {
+    Root: L,
+    FormControlLabel: w,
+    FormHelperText: y,
+    Switch: M,
+    Checkbox: S
+  } = T, H = {
     end: "left",
     start: "right",
     top: "center",
     bottom: "center"
-  }, H = (l) => {
+  }, R = (n) => {
     var p;
-    b(l, {
-      value: (p = l == null ? void 0 : l.target) == null ? void 0 : p.checked
+    F(n, {
+      value: (p = n == null ? void 0 : n.target) == null ? void 0 : p.checked
     });
-  }, n = !!a, u = (a || "").trim(), [R, A] = g === "switch" ? [y, t.switch] : [M, t.checkbox];
-  return /* @__PURE__ */ j(T, { error: n, required: d, disabled: C, fullWidth: h, ...t.root, children: [
-    /* @__PURE__ */ i(L, { label: d ? `${r} *` : r, labelPlacement: r ? c : "end", size: s, control: /* @__PURE__ */ i(R, { id: o, name: o, checked: e, size: s, type: "checkbox", defaultChecked: x, ...n ? {
+  }, l = !!a, u = (a || "").trim(), [A, j] = b === "switch" ? [M, r.switch] : [S, r.checkbox];
+  return /* @__PURE__ */ z(L, { error: l, required: c, disabled: g, fullWidth: h, ...r.root, children: [
+    /* @__PURE__ */ i(w, { label: c ? `${t} *` : t, labelPlacement: t ? d : "end", size: s, control: /* @__PURE__ */ i(A, { id: o, name: o, checked: e, size: s, type: "checkbox", defaultChecked: C, ...l ? {
       color: "error"
-    } : {}, onChange: H, onBlur: F, onFocus: v, ...A }), ...t.formControlLabel }),
-    (u || m) && /* @__PURE__ */ i(w, { fullWidth: h, textAlign: S[c], ...t.formHelperText, children: n ? u : m })
+    } : {}, onChange: R, onBlur: v, onFocus: k, ...j }), ...r.formControlLabel }),
+    (u || m) && /* @__PURE__ */ i(y, { fullWidth: h, textAlign: H[d], ...r.formHelperText, children: l ? u : m })
   ] });
 };
-q.defaultProps = {
+x.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -102,9 +102,10 @@ q.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: $,
+  components: q,
   componentsProps: void 0
 };
+const X = x;
 export {
-  q as default
+  X as default
 };

package/dist/es/inputs/BooleanInput/index.js

@@ -1,11 +1,12 @@
-import { styled as n } from "@mui/material/styles";
-import { withOverrides as r } from "../../_utils/withOverrides.js";
+import { styled as r } from "@mui/material/styles";
 import m from "./BooleanInput.js";
-const o = "BooleanInput", e = `Vdt${o}`, s = r(e)(m), p = n(s, {
-  name: e,
-  overridesResolver: (i, t) => t.root
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "BooleanInput", t = `Vdt${o}`, p = s(t)(m), e = r(p, {
+  name: t,
+  overridesResolver: (d, n) => n.root
 })({});
-p.displayName = o;
+e.displayName = o;
+const c = e;
 export {
-  p as default
+  c as default
 };

package/dist/es/inputs/CheckboxGroupInput/CheckboxGroupInput.js

@@ -1,17 +1,17 @@
-import { jsxs as j, jsx as n } from "react/jsx-runtime";
+import { jsxs as V, jsx as n } from "react/jsx-runtime";
 import $ from "@mui/material/FormControl";
 import U from "@mui/material/FormHelperText";
 import W from "@mui/material/InputLabel";
 import q from "@mui/material/OutlinedInput";
 import E from "@mui/material/FilledInput";
-import V from "@mui/material/Input";
-import w from "@mui/material/Checkbox";
+import w from "@mui/material/Input";
+import A from "@mui/material/Checkbox";
 import { styled as e } from "@mui/material/styles";
-import A from "../_components/FormControlLabel.js";
-import D from "./components/CheckboxGroup.js";
-const J = e(W)(() => ({
+import D from "../_components/FormControlLabel.js";
+import J from "./components/CheckboxGroup.js";
+const K = e(W)(() => ({
   paddingRight: 8
-})), K = e(V)(() => ({
+})), Q = e(w)(() => ({
   // Medium Size
   "&:not(.MuiInputBase-sizeSmall)": {
     minHeight: 58,
@@ -31,7 +31,7 @@ const J = e(W)(() => ({
       }
     }
   }
-})), Q = e(E)(() => ({
+})), X = e(E)(() => ({
   // Medium Size
   "&:not(.MuiInputBase-sizeSmall)": {
     minHeight: 66,
@@ -54,7 +54,7 @@ const J = e(W)(() => ({
       }
     }
   }
-})), X = e(q)(() => ({
+})), Y = e(q)(() => ({
   paddingLeft: 14,
   paddingRight: 14,
   // Medium Size (56px)
@@ -68,54 +68,54 @@ const J = e(W)(() => ({
     minHeight: 40,
     paddingTop: 2
   }
-})), Y = {
+})), Z = {
   Root: $,
-  InputLabel: J,
-  Input: K,
+  InputLabel: K,
+  Input: Q,
   // Standard input
-  FilledInput: Q,
-  OutlinedInput: X,
-  FormControlLabel: A,
-  FormGroup: D,
+  FilledInput: X,
+  OutlinedInput: Y,
+  FormControlLabel: D,
+  FormGroup: J,
   FormHelperText: U,
-  Checkbox: w
-}, Z = ({
+  Checkbox: A
+}, s = ({
   name: t,
   label: d,
-  value: s,
-  defaultValue: h,
-  options: b,
+  value: h,
+  defaultValue: b,
+  options: g,
   helperText: r,
   error: l,
-  required: g,
-  disabled: f,
+  required: f,
+  disabled: c,
   fullWidth: u,
-  orientation: c,
-  labelPlacement: C,
-  justifyContent: I,
+  orientation: C,
+  labelPlacement: I,
+  justifyContent: x,
   variant: i,
   size: a,
-  onChange: x,
-  onBlur: M,
-  onFocus: F,
-  components: L,
+  onChange: M,
+  onBlur: F,
+  onFocus: L,
+  components: H,
   componentsProps: o
 }) => {
   const {
-    Root: H,
-    FormHelperText: k,
-    InputLabel: v,
-    Input: B,
-    FilledInput: S,
-    OutlinedInput: y,
-    FormGroup: T,
-    FormControlLabel: R,
-    Checkbox: z
-  } = L, G = {
-    standard: B,
-    filled: S,
-    outlined: y
-  }[i], O = {
+    Root: k,
+    FormHelperText: v,
+    InputLabel: B,
+    Input: S,
+    FilledInput: y,
+    OutlinedInput: T,
+    FormGroup: R,
+    FormControlLabel: z,
+    Checkbox: G
+  } = H, O = {
+    standard: S,
+    filled: y,
+    outlined: T
+  }[i], j = {
     standard: {
       disableUnderline: !0,
       ...o.input
@@ -130,30 +130,30 @@ const J = e(W)(() => ({
       ...o.outlinedInput
     }
   }[i], p = !!l, m = (l || "").trim();
-  return /* @__PURE__ */ j(H, { error: p, required: g, disabled: f, variant: i, fullWidth: u, ...o.root, children: [
-    /* @__PURE__ */ n(v, { htmlFor: t, id: `${t}-label`, shrink: !0, ...o.inputLabel, children: d }),
-    /* @__PURE__ */ n(G, { id: t, name: t, fullWidth: u, size: a, inputComponent: T, "aria-describedby": `${t}-describedby`, inputProps: {
-      value: s,
-      defaultValue: h,
-      options: b,
+  return /* @__PURE__ */ V(k, { error: p, required: f, disabled: c, variant: i, fullWidth: u, ...o.root, children: [
+    /* @__PURE__ */ n(B, { htmlFor: t, id: `${t}-label`, shrink: !0, ...o.inputLabel, children: d }),
+    /* @__PURE__ */ n(O, { id: t, name: t, fullWidth: u, size: a, inputComponent: R, "aria-describedby": `${t}-describedby`, inputProps: {
+      value: h,
+      defaultValue: b,
+      options: g,
       size: a,
-      orientation: c,
-      labelPlacement: C,
-      justifyContent: I,
-      onChange: x,
-      onFocus: F,
-      onBlur: M,
-      FormControlLabelComponent: R,
+      orientation: C,
+      labelPlacement: I,
+      justifyContent: x,
+      onChange: M,
+      onFocus: L,
+      onBlur: F,
+      FormControlLabelComponent: z,
       formControlLabelProps: o.formControlLabel,
-      CheckboxComponent: z,
+      CheckboxComponent: G,
       checkboxProps: o.checkbox,
       vdtClassNames: o.formGroup.className,
       ...o.formGroup
-    }, ...O }),
-    (m || r) && /* @__PURE__ */ n(k, { id: `${t}-describedby`, ...o.formHelperText, children: p ? m : r })
+    }, ...j }),
+    (m || r) && /* @__PURE__ */ n(v, { id: `${t}-describedby`, ...o.formHelperText, children: p ? m : r })
   ] });
 };
-Z.defaultProps = {
+s.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -172,9 +172,10 @@ Z.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: Y,
+  components: Z,
   componentsProps: void 0
 };
+const ao = s;
 export {
-  Z as default
+  ao as default
 };

package/dist/es/inputs/CheckboxGroupInput/components/CheckboxGroup.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as M, useRef as $ } from "react";
-import N from "@mui/material/FormGroup";
-import j from "@mui/material/FormControlLabel";
-import S from "@mui/material/Checkbox";
-import { styled as z } from "@mui/material/styles";
-const E = z(N, {
+import { forwardRef as $, useRef as N } from "react";
+import j from "@mui/material/FormGroup";
+import S from "@mui/material/FormControlLabel";
+import z from "@mui/material/Checkbox";
+import { styled as E } from "@mui/material/styles";
+const O = E(j, {
   shouldForwardProp: (t) => t !== "justifyContent"
 })(({
   row: t,
@@ -22,25 +22,25 @@ const E = z(N, {
     marginLeft: 0,
     marginRight: 1.5
   }
-})), O = M(({
+})), h = $(({
   id: t,
   value: n,
-  defaultValue: d,
-  disabled: C,
-  options: a,
+  defaultValue: m,
+  disabled: v,
+  options: c,
   orientation: b,
-  labelPlacement: h,
-  justifyContent: f,
+  labelPlacement: f,
+  justifyContent: p,
   size: u,
   onChange: g,
-  FormControlLabelComponent: p,
-  formControlLabelProps: k,
-  CheckboxComponent: x,
-  checkboxProps: F,
-  ...P
-}, L) => {
+  FormControlLabelComponent: k,
+  formControlLabelProps: x,
+  CheckboxComponent: F,
+  checkboxProps: P,
+  ...L
+}, w) => {
   const {
-    vdtClassNames: w,
+    vdtClassNames: G,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     className: _,
     // ignore as it adds styles we don't want
@@ -49,35 +49,35 @@ const E = z(N, {
     rows: B,
     type: D,
     ...R
-  } = P, v = $(), o = n || v.current || [], y = (e) => {
-    var m;
-    const r = (m = e == null ? void 0 : e.target) == null ? void 0 : m.value, s = o != null && o.includes(r) ? o == null ? void 0 : o.filter((i) => i !== r) : [...o, r];
-    v.current = s;
-    const c = {
+  } = L, C = N(), o = n || C.current || [], y = (e) => {
+    var d;
+    const r = (d = e == null ? void 0 : e.target) == null ? void 0 : d.value, s = o != null && o.includes(r) ? o == null ? void 0 : o.filter((i) => i !== r) : [...o, r];
+    C.current = s;
+    const a = {
       ...e.target,
       value: s
     };
     g({
       ...e,
-      target: c
+      target: a
     }, {
       value: s
     });
-  }, G = n !== void 0;
-  return /* @__PURE__ */ l(E, { ref: L, className: w, row: b === "horizontal", justifyContent: f, onChange: y, role: "group", ...R, children: a == null ? void 0 : a.map(({
+  }, M = n !== void 0;
+  return /* @__PURE__ */ l(O, { ref: w, className: G, row: b === "horizontal", justifyContent: p, onChange: y, role: "group", ...R, children: c == null ? void 0 : c.map(({
     name: e,
     value: r,
     label: s,
-    count: c,
-    disabled: m,
+    count: a,
+    disabled: d,
     ...i
-  }) => /* @__PURE__ */ l(p, { label: s || r, count: c, labelPlacement: h, orientation: b, size: u, control: /* @__PURE__ */ l(x, { id: `${t}-${e || r}`, value: r, ...G ? {
+  }) => /* @__PURE__ */ l(k, { label: s || r, count: a, labelPlacement: f, orientation: b, size: u, control: /* @__PURE__ */ l(F, { id: `${t}-${e || r}`, value: r, ...M ? {
     checked: o == null ? void 0 : o.includes(r)
   } : {
-    defaultChecked: d == null ? void 0 : d.includes(r)
-  }, disabled: m || C, size: u, ...i, ...F }), ...k }, `${t}-${e || r}`)) });
+    defaultChecked: m == null ? void 0 : m.includes(r)
+  }, disabled: d || v, size: u, ...i, ...P }), ...x }, `${t}-${e || r}`)) });
 });
-O.defaultProps = {
+h.defaultProps = {
   value: void 0,
   defaultValue: void 0,
   disabled: void 0,
@@ -87,11 +87,12 @@ O.defaultProps = {
   justifyContent: void 0,
   size: void 0,
   onChange: void 0,
-  FormControlLabelComponent: j,
+  FormControlLabelComponent: S,
   formControlLabelProps: void 0,
-  CheckboxComponent: S,
+  CheckboxComponent: z,
   checkboxProps: void 0
 };
+const U = h;
 export {
-  O as default
+  U as default
 };

package/dist/es/inputs/CheckboxGroupInput/index.js

@@ -1,11 +1,12 @@
 import { styled as r } from "@mui/material/styles";
-import { withOverrides as n } from "../../_utils/withOverrides.js";
 import m from "./CheckboxGroupInput.js";
-const o = "CheckboxGroupInput", e = `Vdt${o}`, p = n(e)(m), s = r(p, {
-  name: e,
-  overridesResolver: (i, t) => t.root
+import { withOverrides as p } from "../../_utils/withOverrides.js";
+const o = "CheckboxGroupInput", t = `Vdt${o}`, s = p(t)(m), e = r(s, {
+  name: t,
+  overridesResolver: (d, n) => n.root
 })({});
-s.displayName = o;
+e.displayName = o;
+const l = e;
 export {
-  s as default
+  l as default
 };