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

package/dist/es/general/CompactBadge/CompactBadge.js

@@ -1,8 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "@mui/material/Box";
-import a from "@mui/material/Typography";
-import { styled as p } from "@mui/material/styles";
-const d = p(i)(({
+import { jsx as i } from "react/jsx-runtime";
+import a from "@mui/material/Box";
+import p from "@mui/material/Typography";
+import { styled as s } from "@mui/material/styles";
+const d = s(a)(({
   theme: o
 }) => ({
   height: "1rem",
@@ -21,24 +21,25 @@ const d = p(i)(({
   minWidth: 32,
   textAlign: "center",
   userSelect: "none"
-})), s = {
+})), m = {
   Root: d,
-  Badge: a
-}, m = ({
+  Badge: p
+}, t = ({
   text: o,
-  components: t,
-  componentsProps: e
+  components: e,
+  componentsProps: r
 }) => {
   const {
-    Root: r
-  } = t;
-  return /* @__PURE__ */ n(r, { component: "span", ...e.root, children: o });
+    Root: n
+  } = e;
+  return /* @__PURE__ */ i(n, { component: "span", ...r.root, children: o });
 };
-m.defaultProps = {
+t.defaultProps = {
   text: void 0,
-  components: s,
+  components: m,
   componentsProps: void 0
 };
+const g = t;
 export {
-  m as default
+  g as default
 };

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

package/dist/es/general/CompactLabel/CompactLabel.js

@@ -1,11 +1,11 @@
-import { jsx as p } from "react/jsx-runtime";
-import e from "@mui/material/Typography";
-import { styled as i } from "@mui/material/styles";
-const c = i(e, {
+import { jsx as e } from "react/jsx-runtime";
+import i from "@mui/material/Typography";
+import { styled as c } from "@mui/material/styles";
+const d = c(i, {
   shouldForwardProp: (o) => o !== "dark"
 })(({
   theme: o,
-  dark: r
+  dark: n
 }) => ({
   maxWidth: "100%",
   lineHeight: "unset",
@@ -17,29 +17,30 @@ const c = i(e, {
   paddingRight: o.spacing(0.5),
   color: o.palette.common.black,
   backgroundColor: o.palette.common.white,
-  ...r && {
+  ...n && {
     color: o.palette.common.white,
     backgroundColor: o.palette.common.black
   }
-})), d = {
-  Root: c
-}, l = ({
+})), l = {
+  Root: d
+}, t = ({
   dark: o,
-  children: r,
-  components: t,
-  componentsProps: n
+  children: n,
+  components: r,
+  componentsProps: a
 }) => {
   const {
-    Root: a
-  } = t;
-  return /* @__PURE__ */ p(a, { dark: o, variant: "caption", "aria-hidden": "true", noWrap: !0, ...n.root, children: r });
+    Root: p
+  } = r;
+  return /* @__PURE__ */ e(p, { dark: o, variant: "caption", "aria-hidden": "true", noWrap: !0, ...a.root, children: n });
 };
-l.defaultProps = {
+t.defaultProps = {
   dark: !0,
   children: null,
-  components: d,
+  components: l,
   componentsProps: void 0
 };
+const g = t;
 export {
-  l as default
+  g as default
 };

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

package/dist/es/general/CornerLabelPlacer/CornerLabelPlacer.js

@@ -1,64 +1,65 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import h from "@mui/material/Box";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import f from "@mui/material/Box";
 import { styled as o } from "@mui/material/styles";
 import a from "../CompactLabel/index.js";
-const f = o(h)(() => ({
+const C = o(f)(() => ({
   position: "relative",
   width: "100%",
   height: "100%",
   zIndex: 3
-})), C = o(a)(() => ({
+})), g = o(a)(() => ({
   position: "absolute",
   top: 0,
   left: 0
-})), g = o(a)(() => ({
+})), B = o(a)(() => ({
   position: "absolute",
   top: 0,
   right: 0
-})), B = o(a)(() => ({
+})), u = o(a)(() => ({
   position: "absolute",
   bottom: 0,
   left: 0
-})), u = o(a)(() => ({
+})), R = o(a)(() => ({
   position: "absolute",
   bottom: 0,
   right: 0
-})), R = {
-  Root: f,
-  CompactLabelTopLeft: C,
-  CompactLabelTopRight: g,
-  CompactLabelBottomLeft: B,
-  CompactLabelBottomRight: u
-}, T = ({
+})), T = {
+  Root: C,
+  CompactLabelTopLeft: g,
+  CompactLabelTopRight: B,
+  CompactLabelBottomLeft: u,
+  CompactLabelBottomRight: R
+}, c = ({
   labelTopLeft: l,
   labelTopRight: i,
   labelBottomLeft: m,
   labelBottomRight: p,
-  components: c,
+  components: d,
   componentsProps: t
 }) => {
   const {
-    Root: d,
-    CompactLabelTopLeft: L,
-    CompactLabelTopRight: b,
-    CompactLabelBottomLeft: n,
-    CompactLabelBottomRight: r
-  } = c;
-  return /* @__PURE__ */ s(d, { ...t.root, children: [
-    l && /* @__PURE__ */ e(L, { ...t.compactLabelTopLeft, children: l }),
-    i && /* @__PURE__ */ e(b, { ...t.compactLabelTopRight, children: i }),
-    m && /* @__PURE__ */ e(n, { ...t.compactLabelBottomLeft, children: m }),
-    p && /* @__PURE__ */ e(r, { ...t.compactLabelBottomRight, children: p })
+    Root: L,
+    CompactLabelTopLeft: b,
+    CompactLabelTopRight: n,
+    CompactLabelBottomLeft: r,
+    CompactLabelBottomRight: s
+  } = d;
+  return /* @__PURE__ */ h(L, { ...t.root, children: [
+    l && /* @__PURE__ */ e(b, { ...t.compactLabelTopLeft, children: l }),
+    i && /* @__PURE__ */ e(n, { ...t.compactLabelTopRight, children: i }),
+    m && /* @__PURE__ */ e(r, { ...t.compactLabelBottomLeft, children: m }),
+    p && /* @__PURE__ */ e(s, { ...t.compactLabelBottomRight, children: p })
   ] });
 };
-T.defaultProps = {
+c.defaultProps = {
   labelTopLeft: void 0,
   labelTopRight: void 0,
   labelBottomLeft: void 0,
   labelBottomRight: void 0,
-  components: R,
+  components: T,
   componentsProps: void 0
 };
+const V = c;
 export {
-  T as default
+  V as default
 };

package/dist/es/general/CornerLabelPlacer/index.js

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

package/dist/es/general/ExpandButton/ExpandButton.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
-import u from "@mui/icons-material/esm/ExpandMore";
-import l from "@mui/material/Box";
-import m from "@mui/material/IconButton";
+import l from "@mui/icons-material/esm/ExpandMore";
+import m from "@mui/material/Box";
+import p from "@mui/material/IconButton";
 import { styled as i } from "@mui/material/styles";
-const p = i(l)(() => ({
+const f = i(m)(() => ({
   height: "100%",
   display: "flex",
   alignItems: "flex-end"
-})), f = i(m, {
+})), x = i(p, {
   shouldForwardProp: (o) => o !== "expanded"
 })(({
   theme: o,
@@ -20,33 +20,34 @@ const p = i(l)(() => ({
   ...t ? {
     transform: "rotate(180deg)"
   } : {}
-})), x = i(u)(() => ({
+})), B = i(l)(() => ({
   transition: "color .2s ease-out"
-})), B = {
-  Root: p,
-  IconButton: f,
-  Icon: x
-}, I = ({
+})), I = {
+  Root: f,
+  IconButton: x,
+  Icon: B
+}, e = ({
   expanded: o,
   onClick: t,
-  components: e,
+  components: s,
   componentsProps: n
 }) => {
   const {
     Root: a,
-    IconButton: s,
-    Icon: c
-  } = e;
-  return /* @__PURE__ */ r(a, { component: "span", ...n.root, children: /* @__PURE__ */ r(s, { expanded: o, onClick: (d) => t(d, {
+    IconButton: c,
+    Icon: d
+  } = s;
+  return /* @__PURE__ */ r(a, { component: "span", ...n.root, children: /* @__PURE__ */ r(c, { expanded: o, onClick: (u) => t(u, {
     value: !o
-  }), ...n.iconButton, children: /* @__PURE__ */ r(c, { ...n.icon }) }) });
+  }), ...n.iconButton, children: /* @__PURE__ */ r(d, { ...n.icon }) }) });
 };
-I.defaultProps = {
+e.defaultProps = {
   expanded: !1,
   onClick: void 0,
-  components: B,
+  components: I,
   componentsProps: void 0
 };
+const v = e;
 export {
-  I as default
+  v as default
 };

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

package/dist/es/general/Form/Form.js

@@ -1,84 +1,84 @@
 import { jsxs as k, jsx as a } from "react/jsx-runtime";
-import { useRef as tt, useEffect as et } from "react";
-import { useForm as ot, Controller as nt } from "react-hook-form";
+import { useRef as et, useEffect as ot } from "react";
+import { useForm as nt, Controller as ut } from "react-hook-form";
 import G from "@mui/material/Box";
 import B from "@mui/material/Button";
-import ut from "@mui/material/ButtonGroup";
+import rt from "@mui/material/ButtonGroup";
 import { styled as M } from "@mui/material/styles";
-const rt = M(ut)(({
+const it = M(rt)(({
   theme: o
 }) => ({
   marginTop: o.spacing(2),
   marginBottom: o.spacing(2),
   display: "flex",
   justifyContent: "center"
-})), it = M(G)(({
+})), at = M(G)(({
   theme: o
 }) => ({
   "&:not(:first-of-type)": {
     paddingTop: o.spacing(2)
   }
-})), at = {
+})), lt = {
   Root: G,
-  InputContainer: it,
-  Controller: nt,
-  ButtonGroup: rt,
+  InputContainer: at,
+  Controller: ut,
+  ButtonGroup: it,
   ClearButton: B,
   ResetButton: B,
   SubmitButton: B
-}, lt = ({
+}, T = ({
   inputs: o,
-  inputProps: T,
-  formProps: j,
+  inputProps: j,
+  formProps: E,
   formReturn: C,
   size: h,
-  variant: E,
-  clearText: q,
-  resetText: D,
-  submitText: F,
+  variant: q,
+  clearText: D,
+  resetText: F,
+  submitText: I,
   onClear: d,
   onReset: c,
   onChange: f,
   onSubmit: s,
   onError: y,
-  components: I,
+  components: w,
   componentsProps: n
 }) => {
   const {
-    Root: w,
-    InputContainer: O,
-    Controller: W,
-    ButtonGroup: _,
-    ClearButton: $,
-    ResetButton: z,
-    SubmitButton: A
-  } = I, b = tt(), g = ({
+    Root: O,
+    InputContainer: W,
+    Controller: _,
+    ButtonGroup: $,
+    ClearButton: z,
+    ResetButton: A,
+    SubmitButton: H
+  } = w, b = et(), g = ({
     multiple: t,
     range: e
-  }) => t || e ? [] : null, H = o.reduce((t, {
+  }) => t || e ? [] : null, J = o.reduce((t, {
     name: e,
     defaultValue: r,
     ...i
   }) => ({
     ...t,
     [e]: r || g(i)
-  }), {}), x = ot({
-    defaultValues: H,
-    ...j || {}
+  }), {}), x = nt({
+    defaultValues: J,
+    ...E || {}
   });
   C && C(x);
   const {
-    handleSubmit: J,
-    control: K,
+    handleSubmit: K,
+    control: L,
     reset: R,
     watch: V,
     formState: l
   } = x, {
     defaultValues: v
-  } = l, L = Object.keys((l == null ? void 0 : l.errors) || {}).length > 0, N = (t) => {
+  } = l, N = Object.keys((l == null ? void 0 : l.errors) || {}).length > 0, Q = (t) => {
     const e = o.reduce((r, {
       name: i,
-      defaultValue: X,
+      defaultValue: Y,
       ...m
     }) => ({
       ...r,
@@ -87,46 +87,46 @@ const rt = M(ut)(({
     d && d(t, e), R(e, {
       keepDefaultValues: !0
     });
-  }, Q = (t) => {
+  }, U = (t) => {
     c && c(t, v), R(v, {
       keepDefaultValues: !0
     });
   };
-  et(() => {
+  ot(() => {
     const t = f ? V((e) => f(b.current, e)) : void 0;
     return () => t == null ? void 0 : t.unsubscribe();
   }, [f, V]);
-  const U = (t) => typeof (t == null ? void 0 : t.required) == "string" || (t == null ? void 0 : t.required) === !0;
-  return /* @__PURE__ */ k(w, { component: "form", onSubmit: J((t, e) => typeof s == "function" && s(e, t), (t, e) => typeof y == "function" && y(e, t)), ...n.root, children: [
+  const X = (t) => typeof (t == null ? void 0 : t.required) == "string" || (t == null ? void 0 : t.required) === !0;
+  return /* @__PURE__ */ k(O, { component: "form", onSubmit: K((t, e) => typeof s == "function" && s(e, t), (t, e) => typeof y == "function" && y(e, t)), ...n.root, children: [
     o == null ? void 0 : o.map(({
       Component: t,
       name: e,
       rules: r,
       label: i,
-      defaultValue: X,
+      defaultValue: Y,
       ...m
-    }) => /* @__PURE__ */ a(O, { ...n.inputContainer, children: /* @__PURE__ */ a(W, { control: K, name: e, rules: r, render: ({
+    }) => /* @__PURE__ */ a(W, { ...n.inputContainer, children: /* @__PURE__ */ a(_, { control: L, name: e, rules: r, render: ({
       field: {
-        onChange: Y,
-        ...Z
+        onChange: Z,
+        ...P
       },
       formState: {
         errors: p
       }
     }) => {
       var S;
-      return /* @__PURE__ */ a(t, { onChange: (P, u) => {
-        b.current = P, Y((u == null ? void 0 : u.value) !== void 0 ? u == null ? void 0 : u.value : u);
-      }, error: (S = p == null ? void 0 : p[e]) == null ? void 0 : S.message, size: h, variant: E, label: U(r) ? `${i} *` : i, ...Z, ...T || {}, ...m });
+      return /* @__PURE__ */ a(t, { onChange: (tt, u) => {
+        b.current = tt, Z((u == null ? void 0 : u.value) !== void 0 ? u == null ? void 0 : u.value : u);
+      }, error: (S = p == null ? void 0 : p[e]) == null ? void 0 : S.message, size: h, variant: q, label: X(r) ? `${i} *` : i, ...P, ...j || {}, ...m });
     }, ...n.controller }) }, e)),
-    /* @__PURE__ */ k(_, { variant: "text", size: h, fullWidth: !0, ...n.buttonGroup, children: [
-      d && /* @__PURE__ */ a($, { onClick: N, ...n.clearButton, children: q }),
-      c && /* @__PURE__ */ a(z, { onClick: Q, ...n.resetButton, children: D }),
-      s && /* @__PURE__ */ a(A, { type: "submit", disabled: L, ...n.submitButton, children: F })
+    /* @__PURE__ */ k($, { variant: "text", size: h, fullWidth: !0, ...n.buttonGroup, children: [
+      d && /* @__PURE__ */ a(z, { onClick: Q, ...n.clearButton, children: D }),
+      c && /* @__PURE__ */ a(A, { onClick: U, ...n.resetButton, children: F }),
+      s && /* @__PURE__ */ a(H, { type: "submit", disabled: N, ...n.submitButton, children: I })
     ] })
   ] });
 };
-lt.defaultProps = {
+T.defaultProps = {
   inputs: [],
   inputProps: void 0,
   formProps: void 0,
@@ -141,9 +141,10 @@ lt.defaultProps = {
   onChange: void 0,
   onSubmit: void 0,
   onError: void 0,
-  components: at,
+  components: lt,
   componentsProps: void 0
 };
+const Ct = T;
 export {
-  lt as default
+  Ct as default
 };

package/dist/es/general/Form/index.js

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