@vidispine/vdt-mui 23.3.0-pre.3 → 23.3.0-pre.5

package/dist/es/inputs/NumberInput/NumberInput.js

@@ -1,41 +1,41 @@
-import { jsx as j } from "react/jsx-runtime";
-import q from "@mui/material/TextField";
-const w = {
-  Root: q
-}, y = ({
+import { jsx as q } from "react/jsx-runtime";
+import w from "@mui/material/TextField";
+const y = {
+  Root: w
+}, u = ({
   name: e,
-  label: u,
+  label: s,
   value: n,
-  defaultValue: s,
+  defaultValue: m,
   helperText: r,
   error: t,
-  required: m,
-  disabled: v,
-  fullWidth: c,
+  required: v,
+  disabled: c,
+  fullWidth: p,
   variant: f,
-  size: p,
+  size: C,
   onChange: g,
   onBlur: h,
   onFocus: x,
-  components: C,
-  componentsProps: b
+  components: b,
+  componentsProps: T
 }) => {
   const {
-    Root: T
-  } = C, F = (o) => {
+    Root: F
+  } = b, P = (o) => {
     var a, d, i;
-    const V = ["", void 0].includes((a = o == null ? void 0 : o.target) == null ? void 0 : a.value) ? (d = o == null ? void 0 : o.target) == null ? void 0 : d.value : Number((i = o == null ? void 0 : o.target) == null ? void 0 : i.value);
+    const j = ["", void 0].includes((a = o == null ? void 0 : o.target) == null ? void 0 : a.value) ? (d = o == null ? void 0 : o.target) == null ? void 0 : d.value : Number((i = o == null ? void 0 : o.target) == null ? void 0 : i.value);
     g(o, {
-      value: V
+      value: j
     });
-  }, P = n !== void 0, l = !!t, R = (t || "").trim();
-  return /* @__PURE__ */ j(T, { id: e, name: e, label: u, ...P ? {
+  }, R = n !== void 0, l = !!t, V = (t || "").trim();
+  return /* @__PURE__ */ q(F, { id: e, name: e, label: s, ...R ? {
     value: n
   } : {
-    defaultValue: s
-  }, helperText: (R || r) && l ? t : r, error: l, required: m, disabled: v, fullWidth: c, variant: f, size: p, type: "number", autoComplete: "off", onChange: F, onBlur: h, onFocus: x, ...b.root });
+    defaultValue: m
+  }, helperText: (V || r) && l ? t : r, error: l, required: v, disabled: c, fullWidth: p, variant: f, size: C, type: "number", autoComplete: "off", onChange: P, onBlur: h, onFocus: x, ...T.root });
 };
-y.defaultProps = {
+u.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -50,9 +50,10 @@ y.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: w,
+  components: y,
   componentsProps: void 0
 };
+const E = u;
 export {
-  y as default
+  E as default
 };

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

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

package/dist/es/inputs/RadioGroupInput/RadioGroupInput.js

@@ -4,12 +4,12 @@ import W from "@mui/material/FormHelperText";
 import k from "@mui/material/InputLabel";
 import q from "@mui/material/OutlinedInput";
 import E from "@mui/material/FilledInput";
-import V from "@mui/material/Input";
-import $ from "@mui/material/Radio";
+import $ from "@mui/material/Input";
+import w from "@mui/material/Radio";
 import { styled as i } from "@mui/material/styles";
-import w from "../_components/FormControlLabel.js";
-import A from "./components/RadioGroup.js";
-const D = i(q)(() => ({
+import A from "../_components/FormControlLabel.js";
+import D from "./components/RadioGroup.js";
+const J = i(q)(() => ({
   paddingLeft: 14,
   paddingRight: 14,
   // Medium Size (56px)
@@ -21,7 +21,7 @@ const D = i(q)(() => ({
   "&.MuiInputBase-sizeSmall": {
     paddingTop: 2
   }
-})), J = i(E)(() => ({
+})), K = i(E)(() => ({
   // Medium Size
   "&:not(.MuiInputBase-sizeSmall)": {
     paddingLeft: 12,
@@ -42,7 +42,7 @@ const D = i(q)(() => ({
       }
     }
   }
-})), K = i(V)(() => ({
+})), Q = i($)(() => ({
   // Medium Size
   "&:not(.MuiInputBase-sizeSmall)": {
     paddingLeft: 11,
@@ -59,56 +59,56 @@ const D = i(q)(() => ({
       }
     }
   }
-})), Q = i(k)(() => ({
+})), X = i(k)(() => ({
   paddingRight: 8
-})), X = {
+})), Y = {
   Root: U,
   FormHelperText: W,
-  InputLabel: Q,
-  Input: K,
+  InputLabel: X,
+  Input: Q,
   // Standard Input
-  FilledInput: J,
-  OutlinedInput: D,
-  RadioGroup: A,
-  FormControlLabel: w,
-  Radio: $
-}, Y = ({
+  FilledInput: K,
+  OutlinedInput: J,
+  RadioGroup: D,
+  FormControlLabel: A,
+  Radio: w
+}, s = ({
   name: t,
   label: n,
-  value: s,
-  defaultValue: f,
-  options: g,
+  value: f,
+  defaultValue: g,
+  options: I,
   helperText: l,
   error: r,
-  required: I,
+  required: C,
   disabled: M,
   fullWidth: a,
-  orientation: C,
-  labelPlacement: b,
-  justifyContent: h,
+  orientation: b,
+  labelPlacement: h,
+  justifyContent: L,
   variant: d,
   size: u,
-  onChange: L,
-  onBlur: R,
-  onFocus: F,
-  components: c,
+  onChange: R,
+  onBlur: F,
+  onFocus: c,
+  components: x,
   componentsProps: o
 }) => {
   const {
-    Root: x,
-    FormHelperText: v,
-    InputLabel: B,
-    Input: S,
-    FilledInput: T,
-    OutlinedInput: z,
-    RadioGroup: y,
-    FormControlLabel: G,
-    Radio: H
-  } = c, O = {
-    standard: S,
-    filled: T,
-    outlined: z
-  }[d], j = {
+    Root: v,
+    FormHelperText: B,
+    InputLabel: S,
+    Input: T,
+    FilledInput: z,
+    OutlinedInput: y,
+    RadioGroup: G,
+    FormControlLabel: H,
+    Radio: O
+  } = x, j = {
+    standard: T,
+    filled: z,
+    outlined: y
+  }[d], V = {
     standard: {
       disableUnderline: !0,
       ...o.input
@@ -123,31 +123,31 @@ const D = i(q)(() => ({
       ...o.outlinedInput
     }
   }[d], p = !!r, m = (r || "").trim();
-  return /* @__PURE__ */ N(x, { error: p, required: I, disabled: M, variant: d, fullWidth: a, ...o.root, children: [
-    /* @__PURE__ */ e(B, { htmlFor: t, id: `${t}-label`, shrink: !0, ...o.inputLabel, children: n }),
-    /* @__PURE__ */ e(O, { id: t, name: t, fullWidth: a, size: u, inputComponent: y, inputProps: {
+  return /* @__PURE__ */ N(v, { error: p, required: C, disabled: M, variant: d, fullWidth: a, ...o.root, children: [
+    /* @__PURE__ */ e(S, { htmlFor: t, id: `${t}-label`, shrink: !0, ...o.inputLabel, children: n }),
+    /* @__PURE__ */ e(j, { id: t, name: t, fullWidth: a, size: u, inputComponent: G, inputProps: {
       id: t,
-      value: s,
-      defaultValue: f,
-      options: g,
-      orientation: C,
-      labelPlacement: b,
-      justifyContent: h,
+      value: f,
+      defaultValue: g,
+      options: I,
+      orientation: b,
+      labelPlacement: h,
+      justifyContent: L,
       size: u,
-      onChange: L,
-      onFocus: F,
-      onBlur: R,
-      FormControlLabelComponent: G,
+      onChange: R,
+      onFocus: c,
+      onBlur: F,
+      FormControlLabelComponent: H,
       formControlLabelProps: o.formControlLabel,
-      RadioComponent: H,
+      RadioComponent: O,
       radioProps: o.radio,
       vdtClassNames: o.radioGroup.className,
       ...o.radioGroup
-    }, ...j }),
-    (m || l) && /* @__PURE__ */ e(v, { ...o.formHelperText, children: p ? m : l })
+    }, ...V }),
+    (m || l) && /* @__PURE__ */ e(B, { ...o.formHelperText, children: p ? m : l })
   ] });
 };
-Y.defaultProps = {
+s.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -166,9 +166,10 @@ Y.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: X,
+  components: Y,
   componentsProps: void 0
 };
+const uo = s;
 export {
-  Y as default
+  uo as default
 };

package/dist/es/inputs/RadioGroupInput/components/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as M } from "react";
-import N from "@mui/material/RadioGroup";
+import { forwardRef as N } from "react";
+import $ from "@mui/material/RadioGroup";
 import n from "@mui/material/FormControlLabel";
 import m from "@mui/material/Radio";
-import { styled as $ } from "@mui/material/styles";
-const j = $(N, {
+import { styled as j } from "@mui/material/styles";
+const x = j($, {
   shouldForwardProp: (o) => o !== "justifyContent"
 })(({
   row: o,
@@ -22,25 +22,25 @@ const j = $(N, {
     marginLeft: 0,
     marginRight: 1.5
   }
-})), x = M(({
+})), s = N(({
   id: o,
   value: l,
-  defaultValue: s,
-  disabled: u,
+  defaultValue: u,
+  disabled: p,
   options: e,
   orientation: d,
   labelPlacement: v,
   justifyContent: C,
   size: i,
-  onChange: p,
-  FormControlLabelComponent: c = n,
-  formControlLabelProps: f,
-  RadioComponent: b = m,
-  radioProps: h,
-  ...g
+  onChange: c,
+  FormControlLabelComponent: f = n,
+  formControlLabelProps: b,
+  RadioComponent: h = m,
+  radioProps: g,
+  ...R
 }, P) => {
   const {
-    vdtClassNames: R,
+    vdtClassNames: L,
     // eslint-disable-next-line @typescript-eslint/naming-convention
     className: S,
     // ignore as it adds styles we don't want
@@ -48,27 +48,27 @@ const j = $(N, {
     autoFocus: E,
     rows: _,
     type: k,
-    ...L
-  } = g;
-  return /* @__PURE__ */ t(j, { ref: P, id: o, className: R, ...l !== void 0 ? {
+    ...F
+  } = R;
+  return /* @__PURE__ */ t(x, { ref: P, id: o, className: L, ...l !== void 0 ? {
     value: l
   } : {
-    defaultValue: s
+    defaultValue: u
   }, row: d === "horizontal", justifyContent: C, onChange: (a) => {
     var r;
-    p(a, {
+    c(a, {
       value: (r = a == null ? void 0 : a.target) == null ? void 0 : r.value
     });
-  }, ...L, children: e == null ? void 0 : e.map(({
+  }, ...F, children: e == null ? void 0 : e.map(({
     name: a,
     value: r,
-    label: F,
-    count: w,
+    label: w,
+    count: G,
     disabled: y,
-    ...G
-  }) => /* @__PURE__ */ t(c, { label: F, count: w, labelPlacement: v, orientation: d, size: i, control: /* @__PURE__ */ t(b, { id: `${o}-${a || r}`, value: r, disabled: y || u, size: i, ...G, ...h ?? {} }), ...f ?? {} }, `${o}-${r}`)) });
+    ...M
+  }) => /* @__PURE__ */ t(f, { label: w, count: G, labelPlacement: v, orientation: d, size: i, control: /* @__PURE__ */ t(h, { id: `${o}-${a || r}`, value: r, disabled: y || p, size: i, ...M, ...g ?? {} }), ...b ?? {} }, `${o}-${r}`)) });
 });
-x.defaultProps = {
+s.defaultProps = {
   value: void 0,
   defaultValue: void 0,
   disabled: void 0,
@@ -83,6 +83,7 @@ x.defaultProps = {
   RadioComponent: m,
   radioProps: void 0
 };
+const O = s;
 export {
-  x as default
+  O as default
 };

package/dist/es/inputs/RadioGroupInput/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 "./RadioGroupInput.js";
-const o = "RadioGroupInput", t = `Vdt${o}`, p = n(t)(m), i = r(p, {
+import { withOverrides as p } from "../../_utils/withOverrides.js";
+const o = "RadioGroupInput", t = `Vdt${o}`, s = p(t)(m), e = r(s, {
   name: t,
-  overridesResolver: (s, e) => e.root
+  overridesResolver: (d, n) => n.root
 })({});
-i.displayName = o;
+e.displayName = o;
+const l = e;
 export {
-  i as default
+  l as default
 };

package/dist/es/inputs/SelectInput/SelectInput.js

@@ -1,73 +1,73 @@
 import { jsx as v } from "react/jsx-runtime";
 import $ from "@mui/material/TextField";
 import { styled as k } from "@mui/material/styles";
-import p from "../_components/MenuItem.js";
-const q = k($)(() => ({
+import q from "../_components/MenuItem.js";
+const z = k($)(() => ({
   // Show label correctly with ellipsis
   minWidth: 72,
   "& .MuiFormLabel-root": {
     minWidth: 16,
     paddingRight: 16
   }
-})), z = {
-  Root: q,
-  MenuItem: p
-}, B = ({
+})), B = {
+  Root: z,
+  MenuItem: q
+}, g = ({
   name: a,
-  label: g,
+  label: h,
   value: i,
   defaultValue: o,
   options: e,
   helperText: c,
   error: u,
-  required: h,
-  disabled: b,
-  fullWidth: x,
+  required: b,
+  disabled: x,
+  fullWidth: C,
   variant: I,
   size: A,
   placeholder: n,
   multiple: s,
-  onChange: C,
-  onBlur: M,
-  onFocus: F,
-  onOpen: T,
-  onClose: L,
-  components: S,
-  componentsProps: l
+  onChange: M,
+  onBlur: F,
+  onFocus: T,
+  onOpen: L,
+  onClose: S,
+  components: P,
+  componentsProps: d
 }) => {
   const {
-    Root: P,
-    MenuItem: R
-  } = S, m = i !== void 0, W = m && s && i !== void 0 && !Array.isArray(i) ? [i] : i, j = !m && s && !Array.isArray(o) ? o && [o] || [] : o || "", E = (r) => {
+    Root: R,
+    MenuItem: W
+  } = P, m = i !== void 0, j = m && s && i !== void 0 && !Array.isArray(i) ? [i] : i, p = !m && s && !Array.isArray(o) ? o && [o] || [] : o || "", E = (r) => {
     var t;
-    C(r, {
+    M(r, {
       value: (t = r == null ? void 0 : r.target) == null ? void 0 : t.value
     });
   }, f = (r) => {
     var t;
-    return ((t = e == null ? void 0 : e.find((d) => ((d == null ? void 0 : d.value) || d) === r)) == null ? void 0 : t.label) || r;
+    return ((t = e == null ? void 0 : e.find((l) => ((l == null ? void 0 : l.value) || l) === r)) == null ? void 0 : t.label) || r;
   }, y = !!u, O = (u || "").trim();
-  return /* @__PURE__ */ v(P, { id: a, name: a, label: g, ...m ? {
-    value: W
+  return /* @__PURE__ */ v(R, { id: a, name: a, label: h, ...m ? {
+    value: j
   } : {
-    defaultValue: j
-  }, helperText: (O || c) && y ? u : c, error: y, required: h, disabled: b, fullWidth: x, variant: I, size: A, select: !0, onChange: E, onBlur: M, onFocus: F, InputLabelProps: {
+    defaultValue: p
+  }, helperText: (O || c) && y ? u : c, error: y, required: b, disabled: x, fullWidth: C, variant: I, size: A, select: !0, onChange: E, onBlur: F, onFocus: T, InputLabelProps: {
     ...n !== void 0 ? {
       shrink: !0
     } : {},
-    ...l.root.InputLabelProps || {}
-  }, ...l.root, SelectProps: {
+    ...d.root.InputLabelProps || {}
+  }, ...d.root, SelectProps: {
     multiple: s,
-    onOpen: T,
-    onClose: L,
+    onOpen: L,
+    onClose: S,
     displayEmpty: !0,
     renderValue: (r) => (n == null ? void 0 : n.length) > 0 && r.length === 0 ? /* @__PURE__ */ v("span", { style: {
       color: "#81858a"
     }, children: n }) : Array.isArray(r) ? r.map((t) => f(t)).join(", ") : f(r),
-    ...l.root.SelectProps || {}
-  }, children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ v(R, { ...r, ...l.menuItem }, `select-${a}-${r == null ? void 0 : r.value}`)) });
+    ...d.root.SelectProps || {}
+  }, children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ v(W, { ...r, ...d.menuItem }, `select-${a}-${r == null ? void 0 : r.value}`)) });
 };
-B.defaultProps = {
+g.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -87,9 +87,10 @@ B.defaultProps = {
   onFocus: void 0,
   onOpen: void 0,
   onClose: void 0,
-  components: z,
+  components: B,
   componentsProps: void 0
 };
+const J = g;
 export {
-  B as default
+  J as default
 };

package/dist/es/inputs/SelectInput/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 "./SelectInput.js";
-const e = "SelectInput", t = `Vdt${e}`, s = n(t)(m), p = r(s, {
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "SelectInput", t = `Vdt${o}`, p = s(t)(m), e = r(p, {
   name: t,
-  overridesResolver: (i, o) => o.root
+  overridesResolver: (d, n) => n.root
 })({});
-p.displayName = e;
+e.displayName = o;
+const a = e;
 export {
-  p as default
+  a as default
 };