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

package/dist/es/inputs/TextInput/TextInput.js

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

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

package/dist/es/inputs/_components/FormControlLabel.js

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import i from "@mui/material/FormControlLabel";
+import { useCallback as i } from "react";
+import s from "@mui/material/FormControlLabel";
 import n from "@mui/material/Typography";
-import s from "@mui/material/Box";
-import { styled as d } from "@mui/material/styles";
-const c = d(i)(({
+import d from "@mui/material/Box";
+import { styled as c } from "@mui/material/styles";
+const p = c(s)(({
   theme: e,
   labelPlacement: o,
   size: t,
@@ -39,12 +39,12 @@ const c = d(i)(({
       lineHeight: 1.7
     }
   }
-})), p = ({
+})), m = ({
   label: e,
   count: o,
   ...t
 }) => {
-  const r = m(() => /* @__PURE__ */ l(s, { className: "VdtFormControlLabel-box", children: [
+  const r = i(() => /* @__PURE__ */ l(d, { className: "VdtFormControlLabel-box", children: [
     /* @__PURE__ */ a(n, { className: "VdtFormControlLabel-label", component: "span", children: e }),
     o && /* @__PURE__ */ l(n, { className: "VdtFormControlLabel-count", component: "span", variant: "body2", color: "text.secondary", children: [
       "(",
@@ -52,9 +52,10 @@ const c = d(i)(({
       ")"
     ] })
   ] }), [o, e]);
-  return /* @__PURE__ */ a(c, { label: r(), disableTypography: !0, ...t });
+  return /* @__PURE__ */ a(p, { label: r(), disableTypography: !0, ...t });
 };
-p.defaultProps = {};
+m.defaultProps = {};
+const y = m;
 export {
-  p as default
+  y as default
 };

package/dist/es/inputs/_components/MenuItem.js

@@ -1,24 +1,25 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import a from "@mui/material/MenuItem";
-import f from "@mui/material/ListItemText";
-import l from "@mui/material/Typography";
-const p = ({
-  value: o,
-  label: n,
-  count: t,
-  selected: r,
-  onClick: e,
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import f from "@mui/material/MenuItem";
+import l from "@mui/material/ListItemText";
+import p from "@mui/material/Typography";
+const d = ({
+  value: t,
+  label: m,
+  count: o,
+  selected: e,
+  onClick: r,
   ...i
 }) => {
-  const m = typeof e != "function" ? void 0 : (c) => e(c, {
-    value: o
+  const c = typeof r != "function" ? void 0 : (s) => r(s, {
+    value: t
   });
-  return /* @__PURE__ */ s(a, { value: o, selected: r !== void 0 ? r : !!i["aria-selected"], onClick: m, ...i, children: [
-    /* @__PURE__ */ d(f, { children: n || o }),
-    t !== void 0 && /* @__PURE__ */ d(l, { variant: "body2", color: "text.secondary", children: t })
+  return /* @__PURE__ */ a(f, { value: t, selected: e !== void 0 ? e : !!i["aria-selected"], onClick: c, ...i, children: [
+    /* @__PURE__ */ n(l, { children: m || t }),
+    o !== void 0 && /* @__PURE__ */ n(p, { variant: "body2", color: "text.secondary", children: o })
   ] });
 };
-p.defaultProps = {};
+d.defaultProps = {};
+const M = d;
 export {
-  p as default
+  M as default
 };

package/dist/es/item/ItemCard/ItemCard.js

@@ -1,14 +1,14 @@
-import { jsxs as G, jsx as t } from "react/jsx-runtime";
+import { jsxs as J, jsx as t } from "react/jsx-runtime";
 import { useState as v } from "react";
-import J from "@mui/material/CardActionArea";
-import K from "@mui/material/Collapse";
+import K from "@mui/material/CardActionArea";
+import N from "@mui/material/Collapse";
 import { styled as i } from "@mui/material/styles";
-import N from "../../entity/EntityCard/components/EntityCardActions.js";
-import Q from "../../entity/EntityCard/components/EntityCardBase.js";
-import U from "../../entity/EntityCard/components/EntityCardContent.js";
-import X from "../../entity/EntityCard/components/EntityCardHeader.js";
-import Y from "./components/ItemCardMedia.js";
-const Z = i(Q, {
+import Q from "../../entity/EntityCard/components/EntityCardActions.js";
+import U from "../../entity/EntityCard/components/EntityCardBase.js";
+import X from "../../entity/EntityCard/components/EntityCardContent.js";
+import Y from "../../entity/EntityCard/components/EntityCardHeader.js";
+import Z from "./components/ItemCardMedia.js";
+const _ = i(U, {
   shouldForwardProp: (d) => d !== "horizontal"
 })(({
   horizontal: d
@@ -20,7 +20,7 @@ const Z = i(Q, {
   } : {
     gridTemplateAreas: '"header" "actionArea" "content" "actions" "collapse"'
   }
-})), _ = i(X, {
+})), $ = i(Y, {
   shouldForwardProp: (d) => d !== "horizontal"
 })(({
   horizontal: d
@@ -31,7 +31,7 @@ const Z = i(Q, {
       display: "none"
     }
   }
-})), $ = i(Y, {
+})), T = i(Z, {
   shouldForwardProp: (d) => !["horizontal", "mediaPadding", "mediaSize"].includes(d)
 })(({
   theme: d,
@@ -47,7 +47,7 @@ const Z = i(Q, {
     height: n,
     width: "100%"
   }
-})), x = i(U, {
+})), x = i(X, {
   shouldForwardProp: (d) => d !== "horizontal"
 })(({
   theme: d,
@@ -55,9 +55,9 @@ const Z = i(Q, {
 }) => ({
   gridArea: "content",
   paddingTop: r ? 0 : d.spacing(2)
-})), T = i(N)(() => ({
+})), dd = i(Q)(() => ({
   gridArea: "actions"
-})), dd = i(J)(() => ({
+})), ad = i(K)(() => ({
   gridArea: "actionArea",
   transition: "filter 0.25s ease-in-out",
   "&:focus": {
@@ -66,73 +66,73 @@ const Z = i(Q, {
   "& .MuiTouchRipple-root": {
     zIndex: 10
   }
-})), ad = i(K)(() => ({
+})), od = i(N)(() => ({
   gridArea: "collapse"
-})), od = {
-  Root: Z,
-  CardHeader: _,
-  CardMedia: $,
+})), td = {
+  Root: _,
+  CardHeader: $,
+  CardMedia: T,
   CardContent: x,
   CardContentExpanded: x,
-  CardActions: T,
-  CardActionArea: dd,
-  Collapse: ad
-}, td = ({
+  CardActions: dd,
+  CardActionArea: ad,
+  Collapse: od
+}, M = ({
   itemType: d,
   title: r,
   subheader: C,
   content: n,
   expandedContent: u,
   horizontal: c,
-  mediaSize: M,
-  mediaPadding: E,
+  mediaSize: V,
+  mediaPadding: S,
   checked: l,
   expanded: s,
   onClick: h,
   onCheck: A,
   onExpand: m,
-  menuOptions: S,
-  onOptionClick: k,
-  actions: y,
-  onActionClick: w,
-  components: H,
+  menuOptions: k,
+  onOptionClick: w,
+  actions: H,
+  onActionClick: E,
+  components: b,
   componentsProps: a
 }) => {
   const {
-    Root: V,
-    CardHeader: b,
-    CardActionArea: z,
-    CardMedia: F,
-    CardContent: I,
-    CardContentExpanded: L,
-    CardActions: O,
-    Collapse: R
-  } = H, [j, B] = v(l), [P, W] = v(s), q = (o) => {
-    var p;
-    const e = (p = o == null ? void 0 : o.target) == null ? void 0 : p.checked;
+    Root: y,
+    CardHeader: z,
+    CardActionArea: F,
+    CardMedia: L,
+    CardContent: O,
+    CardContentExpanded: R,
+    CardActions: j,
+    Collapse: I
+  } = b, [P, W] = v(l), [q, B] = v(s), D = (o) => {
+    var g;
+    const e = (g = o == null ? void 0 : o.target) == null ? void 0 : g.checked;
     A && A(o, {
       value: e,
       itemType: d
-    }), l === void 0 && B(e);
-  }, D = (o, {
+    }), l === void 0 && W(e);
+  }, G = (o, {
     value: e
   }) => {
     m && m(o, {
       value: e,
       itemType: d
-    }), s === void 0 && W(e);
-  }, f = l !== void 0 ? l : j, g = s !== void 0 ? s : P;
-  return /* @__PURE__ */ G(V, { checked: f, horizontal: c, ...a.root, children: [
-    /* @__PURE__ */ t(b, { itemType: d, title: r, subheader: C, menuOptions: S, horizontal: c, onOptionClick: k, ...a.cardHeader }),
-    /* @__PURE__ */ t(z, { disabled: h === void 0, onClick: (o) => h(o, {
+    }), s === void 0 && B(e);
+  }, f = l !== void 0 ? l : P, p = s !== void 0 ? s : q;
+  return /* @__PURE__ */ J(y, { checked: f, horizontal: c, ...a.root, children: [
+    /* @__PURE__ */ t(z, { itemType: d, title: r, subheader: C, menuOptions: k, horizontal: c, onOptionClick: w, ...a.cardHeader }),
+    /* @__PURE__ */ t(F, { disabled: h === void 0, onClick: (o) => h(o, {
       itemType: d
-    }), ...a.cardActionArea, children: /* @__PURE__ */ t(F, { itemType: d, mediaSize: M, mediaPadding: E, horizontal: c, ...a.cardMedia }) }),
-    /* @__PURE__ */ t(I, { itemType: d, content: n, horizontal: c, ...a.cardContent }),
-    /* @__PURE__ */ t(O, { itemType: d, checked: f, expanded: g, actions: y, onCheck: A ? q : null, onExpand: u ? D : null, onActionClick: w, ...a.cardActions }),
-    /* @__PURE__ */ t(R, { in: g && u !== void 0, timeout: "auto", unmountOnExit: !0, ...a.collapse, children: /* @__PURE__ */ t(L, { itemType: d, content: u, WebkitLineClamp: 0, ...a.cardContentExpanded }) })
+    }), ...a.cardActionArea, children: /* @__PURE__ */ t(L, { itemType: d, mediaSize: V, mediaPadding: S, horizontal: c, ...a.cardMedia }) }),
+    /* @__PURE__ */ t(O, { itemType: d, content: n, horizontal: c, ...a.cardContent }),
+    /* @__PURE__ */ t(j, { itemType: d, checked: f, expanded: p, actions: H, onCheck: A ? D : null, onExpand: u ? G : null, onActionClick: E, ...a.cardActions }),
+    /* @__PURE__ */ t(I, { in: p && u !== void 0, timeout: "auto", unmountOnExit: !0, ...a.collapse, children: /* @__PURE__ */ t(R, { itemType: d, content: u, WebkitLineClamp: 0, ...a.cardContentExpanded }) })
   ] });
 };
-td.defaultProps = {
+M.defaultProps = {
   itemType: void 0,
   title: "id",
   subheader: void 0,
@@ -150,9 +150,10 @@ td.defaultProps = {
   onExpand: void 0,
   onOptionClick: void 0,
   onActionClick: void 0,
-  components: od,
+  components: td,
   componentsProps: void 0
 };
+const hd = M;
 export {
-  td as default
+  hd as default
 };

package/dist/es/item/ItemCard/components/ItemCardMedia.js

@@ -1,22 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "@mui/material/CardMedia";
-import m from "../../ItemPoster/index.js";
-import l from "../../ItemThumbnail/index.js";
-const u = ({
-  itemType: o,
-  itemThumbnail: e = {},
-  itemPoster: n = {},
-  ...s
+import { jsx as o } from "react/jsx-runtime";
+import n from "@mui/material/CardMedia";
+import u from "../../ItemPoster/index.js";
+import c from "../../ItemThumbnail/index.js";
+const a = ({
+  itemType: r,
+  itemThumbnail: s = {},
+  itemPoster: e = {},
+  ...i
 }) => {
   var t, d;
-  const a = ((d = (t = o == null ? void 0 : o.posters) == null ? void 0 : t.uri) == null ? void 0 : d.length) > 0;
-  return /* @__PURE__ */ r(i, { ...s, children: a ? /* @__PURE__ */ r(m, { itemType: o, backgroundSize: "cover", ...n }) : /* @__PURE__ */ r(l, { itemType: o, cover: !0, ...e }) });
+  const m = ((d = (t = r == null ? void 0 : r.posters) == null ? void 0 : t.uri) == null ? void 0 : d.length) > 0;
+  return /* @__PURE__ */ o(n, { ...i, children: m ? /* @__PURE__ */ o(u, { itemType: r, backgroundSize: "cover", ...e }) : /* @__PURE__ */ o(c, { itemType: r, cover: !0, ...s }) });
 };
-u.defaultProps = {
+a.defaultProps = {
   itemType: void 0,
   itemThumbnail: void 0,
   itemPoster: void 0
 };
+const P = a;
 export {
-  u as default
+  P as default
 };

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

package/dist/es/item/ItemList/ItemList.js

@@ -1,60 +1,59 @@
-import { jsxs as a, jsx as m, Fragment as k } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import x from "@mui/material/List";
-import C from "@mui/material/ListSubheader";
-import j from "@mui/material/Typography";
-import { styled as w } from "@mui/material/styles";
-import { uuidv4 as d } from "../../_utils/uuidv4.js";
-import "clsx";
-import { showSlot as D } from "../../_utils/showSlot.js";
+import { jsxs as a, jsx as m, Fragment as b } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import C from "@mui/material/List";
+import j from "@mui/material/ListSubheader";
+import w from "@mui/material/Typography";
+import { styled as D } from "@mui/material/styles";
 import R from "../ItemListItem/index.js";
-const q = () => /* @__PURE__ */ m(j, { children: "No items found..." }), A = w(x)(() => ({
+import { uuidv4 as n } from "../../_utils/uuidv4.js";
+import { showSlot as V } from "../../_utils/showSlot.js";
+const q = () => /* @__PURE__ */ m(w, { children: "No items found..." }), A = D(C)(() => ({
   width: "100%",
   padding: 0
 })), E = {
   Root: A,
-  ListSubheader: C,
+  ListSubheader: j,
   ListItem: R
-}, F = ({
+}, d = ({
   itemListType: t,
-  header: n,
-  primary: l,
+  header: l,
+  primary: u,
   secondary: p,
-  avatarVariant: u,
+  avatarVariant: c,
   dense: f,
-  amountLoading: c,
+  amountLoading: h,
   isLoading: e,
-  onListItemClick: h,
-  onListItemDelete: y,
-  emptySlot: S,
-  components: I,
-  componentsProps: r
+  onListItemClick: I,
+  onListItemDelete: L,
+  emptySlot: y,
+  components: S,
+  componentsProps: i
 }) => {
   const {
-    Root: L,
-    ListSubheader: v,
-    ListItem: M
-  } = I, g = [...Array(Math.max(c, 0)).keys()].map(() => ({
-    key: d()
-  })), s = b(() => {
+    Root: v,
+    ListSubheader: M,
+    ListItem: g
+  } = S, k = [...Array(Math.max(h, 0)).keys()].map(() => ({
+    key: n()
+  })), s = x(() => {
     var o;
-    return ((o = t == null ? void 0 : t.item) == null ? void 0 : o.map((i) => ({
-      key: d(),
-      itemType: i
+    return ((o = t == null ? void 0 : t.item) == null ? void 0 : o.map((r) => ({
+      key: n(),
+      itemType: r
     }))) || [];
   }, [t.item]);
-  return /* @__PURE__ */ a(L, { dense: f, ...r.root, children: [
-    /* @__PURE__ */ m(v, { ...r.listSubheader, children: n }),
-    /* @__PURE__ */ a(k, { children: [
-      !e && s.length === 0 && D(S),
-      (e ? g : s).map(({
+  return /* @__PURE__ */ a(v, { dense: f, ...i.root, children: [
+    /* @__PURE__ */ m(M, { ...i.listSubheader, children: l }),
+    /* @__PURE__ */ a(b, { children: [
+      !e && s.length === 0 && V(y),
+      (e ? k : s).map(({
         key: o,
-        itemType: i
-      }) => /* @__PURE__ */ m(M, { itemType: i, primary: l, secondary: p, avatarVariant: u, isLoading: e, onClick: h, onDelete: y, ...r.listItem }, o))
+        itemType: r
+      }) => /* @__PURE__ */ m(g, { itemType: r, primary: u, secondary: p, avatarVariant: c, isLoading: e, onClick: I, onDelete: L, ...i.listItem }, o))
     ] })
   ] });
 };
-F.defaultProps = {
+d.defaultProps = {
   itemListType: {},
   header: void 0,
   primary: "id",
@@ -69,6 +68,7 @@ F.defaultProps = {
   components: E,
   componentsProps: void 0
 };
+const P = d;
 export {
-  F as default
+  P as default
 };

package/dist/es/item/ItemList/index.js

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