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

package/dist/es/item/ItemListItem/ItemListItem.js

@@ -1,42 +1,42 @@
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import u from "@mui/material/ListItem";
-import y from "../../entity/EntityListItem/components/EntityListItemAvatar.js";
-import A from "../../entity/EntityListItem/components/EntityListItemButton.js";
-import x from "../../entity/EntityListItem/components/EntityListItemSecondaryAction.js";
-import B from "../../entity/EntityListItem/components/EntityListItemText.js";
-const E = {
-  Root: u,
-  ListItemButton: A,
-  ListItemAvatar: y,
-  ListItemText: B,
-  ListItemSecondaryAction: x
-}, S = ({
-  itemType: e,
-  primary: s,
-  secondary: n,
+import A from "@mui/material/ListItem";
+import x from "../../entity/EntityListItem/components/EntityListItemAvatar.js";
+import V from "../../entity/EntityListItem/components/EntityListItemButton.js";
+import p from "../../entity/EntityListItem/components/EntityListItemSecondaryAction.js";
+import y from "../../entity/EntityListItem/components/EntityListItemText.js";
+const B = {
+  Root: A,
+  ListItemButton: V,
+  ListItemAvatar: x,
+  ListItemText: y,
+  ListItemSecondaryAction: p
+}, s = ({
+  itemType: i,
+  primary: n,
+  secondary: d,
   avatarVariant: I,
   isLoading: t,
-  onClick: r,
-  onDelete: d,
+  onClick: m,
+  onDelete: c,
   components: l,
-  componentsProps: i
+  componentsProps: e
 }) => {
   const {
-    Root: c,
-    ListItemAvatar: L,
-    ListItemText: v,
-    ListItemButton: m,
-    ListItemSecondaryAction: f
+    Root: L,
+    ListItemAvatar: v,
+    ListItemText: f,
+    ListItemButton: r,
+    ListItemSecondaryAction: u
   } = l;
-  return /* @__PURE__ */ a(c, { disablePadding: !t && !!r && !!m, ...i.root, children: [
-    /* @__PURE__ */ a(m, { itemType: e, onClick: r, isLoading: t, ...i.listItemButton, children: [
-      /* @__PURE__ */ o(L, { itemType: e, variant: I, isLoading: t, ...i.listItemAvatar }),
-      /* @__PURE__ */ o(v, { itemType: e, primary: s, secondary: n, isLoading: t, ...i.listItemText })
+  return /* @__PURE__ */ a(L, { disablePadding: !t && !!m && !!r, ...e.root, children: [
+    /* @__PURE__ */ a(r, { itemType: i, onClick: m, isLoading: t, ...e.listItemButton, children: [
+      /* @__PURE__ */ o(v, { itemType: i, variant: I, isLoading: t, ...e.listItemAvatar }),
+      /* @__PURE__ */ o(f, { itemType: i, primary: n, secondary: d, isLoading: t, ...e.listItemText })
     ] }),
-    /* @__PURE__ */ o(f, { itemType: e, onDelete: d, isLoading: t, ...i.listItemSecondaryAction })
+    /* @__PURE__ */ o(u, { itemType: i, onDelete: c, isLoading: t, ...e.listItemSecondaryAction })
   ] });
 };
-S.defaultProps = {
+s.defaultProps = {
   itemType: void 0,
   primary: "id",
   secondary: void 0,
@@ -44,9 +44,10 @@ S.defaultProps = {
   isLoading: !1,
   onClick: void 0,
   onDelete: void 0,
-  components: E,
+  components: B,
   componentsProps: void 0
 };
+const T = s;
 export {
-  S as default
+  T as default
 };

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

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

package/dist/es/item/ItemPoster/ItemPoster.js

@@ -1,22 +1,8 @@
-import { jsxs as k, jsx as m } from "react/jsx-runtime";
-import p from "@mui/material/Box";
-import { styled as e } from "@mui/material/styles";
-import "../../general/AvatarMenu/index.js";
-import x from "../../general/BlurredBackground/index.js";
-import "../../general/CalendarPicker/index.js";
-import "../../general/CompactBadge/index.js";
-import "../../general/CompactLabel/index.js";
-import "../../general/CornerLabelPlacer/index.js";
-import "../../general/ExpandButton/index.js";
-import "../../general/ImageCollage/index.js";
-import "../../general/MediaIcon/index.js";
-import "../../general/MenuItem/index.js";
-import "../../general/ScrubLine/index.js";
-import "../../general/Sort/index.js";
-import "../../general/TablePagination/index.js";
-import "../../general/Form/index.js";
-import "../../general/ThemeContext/ThemeContext.js";
-const f = e(p)(({
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import { styled as n } from "@mui/material/styles";
+import f from "../../general/BlurredBackground/index.js";
+const v = n(u)(({
   onClick: o
 }) => ({
   height: "100%",
@@ -25,13 +11,13 @@ const f = e(p)(({
   ...o && {
     cursor: "pointer"
   }
-})), v = e(x)(() => ({
+})), b = n(f)(() => ({
   height: "100%",
   width: "100%",
   position: "absolute",
   zIndex: 0,
   top: 0
-})), b = e(p, {
+})), I = n(u, {
   shouldForwardProp: (o) => !["image", "backgroundSize"].includes(o)
 })(({
   image: o,
@@ -46,46 +32,47 @@ const f = e(p)(({
   backgroundPosition: "center",
   backgroundRepeat: "no-repeat",
   backgroundSize: t
-})), y = {
-  Root: f,
-  BlurredBackground: v,
-  ImageBox: b
-}, I = ({
+})), w = {
+  Root: v,
+  BlurredBackground: b,
+  ImageBox: I
+}, l = ({
   itemType: o,
   posterIndex: t,
-  showBlurredBackground: c,
-  backgroundSize: u,
-  onClick: n,
-  components: l,
-  componentsProps: r
+  showBlurredBackground: s,
+  backgroundSize: g,
+  onClick: i,
+  components: B,
+  componentsProps: e
 }) => {
   var a;
   const {
-    Root: s,
-    BlurredBackground: g,
-    ImageBox: h
-  } = l, {
-    posters: i
-  } = o || {}, d = (a = i == null ? void 0 : i.uri) == null ? void 0 : a[t];
-  return /* @__PURE__ */ k(s, { onClick: typeof n != "function" ? void 0 : (B) => {
-    n(B, {
+    Root: m,
+    BlurredBackground: h,
+    ImageBox: p
+  } = B, {
+    posters: r
+  } = o || {}, d = (a = r == null ? void 0 : r.uri) == null ? void 0 : a[t];
+  return /* @__PURE__ */ x(m, { onClick: typeof i != "function" ? void 0 : (k) => {
+    i(k, {
       itemType: o,
       posterIndex: t
     });
-  }, ...r.root, children: [
-    c && /* @__PURE__ */ m(g, { image: d, ...r.blurredBackground }),
-    /* @__PURE__ */ m(h, { component: "div", image: d, backgroundSize: u, ...r.imageBox })
+  }, ...e.root, children: [
+    s && /* @__PURE__ */ c(h, { image: d, ...e.blurredBackground }),
+    /* @__PURE__ */ c(p, { component: "div", image: d, backgroundSize: g, ...e.imageBox })
   ] });
 };
-I.defaultProps = {
+l.defaultProps = {
   itemType: void 0,
   posterIndex: 0,
   showBlurredBackground: !1,
   backgroundSize: "cover",
   onClick: void 0,
-  components: y,
+  components: w,
   componentsProps: void 0
 };
+const P = l;
 export {
-  I as default
+  P as default
 };

package/dist/es/item/ItemPoster/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 "./ItemPoster.js";
-const o = "ItemPoster", e = `Vdt${o}`, n = m(e)(s), i = r(n, {
-  name: e,
-  overridesResolver: (d, t) => t.root
+import { styled as m } from "@mui/material/styles";
+import n from "./ItemPoster.js";
+import { withOverrides as s } from "../../_utils/withOverrides.js";
+const o = "ItemPoster", 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
 };

package/dist/es/item/ItemPosterList/ItemPosterList.js

@@ -1,47 +1,48 @@
 import { jsx as o } from "react/jsx-runtime";
-import u from "@mui/material/ImageList";
-import g from "@mui/material/ImageListItem";
+import l from "@mui/material/ImageList";
+import f from "@mui/material/ImageListItem";
 import { styled as e } from "@mui/material/styles";
-import f from "../ItemPoster/index.js";
-const L = e(u)({
+import L from "../ItemPoster/index.js";
+const h = e(l)({
   height: "100%",
   width: "100%",
   margin: "auto"
-}), h = e(g)({
+}), P = e(f)({
   cursor: "default"
-}), y = e(f)({
+}), v = e(L)({
   objectFit: "cover"
-}), P = {
-  Root: L,
-  ImageListItem: h,
-  ItemPoster: y
-}, v = ({
-  itemType: i,
-  cols: m,
-  gap: s,
-  onClick: r,
-  components: a,
+}), y = {
+  Root: h,
+  ImageListItem: P,
+  ItemPoster: v
+}, m = ({
+  itemType: s,
+  cols: i,
+  gap: r,
+  onClick: a,
+  components: n,
   componentsProps: t
 }) => {
   const {
-    Root: d,
-    ImageListItem: n,
-    ItemPoster: I
-  } = a, {
+    Root: I,
+    ImageListItem: d,
+    ItemPoster: c
+  } = n, {
     posters: {
-      uri: c = []
+      uri: p = []
     } = {}
-  } = i || {};
-  return /* @__PURE__ */ o(d, { cols: m, gap: s, rowHeight: "auto", ...t.root, children: c.map((l, p) => /* @__PURE__ */ o(n, { ...t.imageListItem, children: /* @__PURE__ */ o(I, { itemType: i, posterIndex: p, onClick: r, ...t.itemPoster }) }, l)) });
+  } = s || {};
+  return /* @__PURE__ */ o(I, { cols: i, gap: r, rowHeight: "auto", ...t.root, children: p.map((u, g) => /* @__PURE__ */ o(d, { ...t.imageListItem, children: /* @__PURE__ */ o(c, { itemType: s, posterIndex: g, onClick: a, ...t.itemPoster }) }, u)) });
 };
-v.defaultProps = {
+m.defaultProps = {
   itemType: void 0,
   cols: 2,
   gap: 4,
   onClick: void 0,
-  components: P,
+  components: y,
   componentsProps: void 0
 };
+const w = m;
 export {
-  v as default
+  w as default
 };

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

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

package/dist/es/item/ItemPosterViewer/ItemPosterViewer.js

@@ -1,25 +1,11 @@
-import { jsxs as V, jsx as g } from "react/jsx-runtime";
-import { useRef as E, useState as B, useCallback as F, useEffect as L } from "react";
-import j from "@mui/material/Paper";
-import N from "@mui/material/Box";
+import { jsxs as E, jsx as p } from "react/jsx-runtime";
+import { useRef as F, useState as w, useCallback as L, useEffect as j } from "react";
+import N from "@mui/material/Paper";
+import O from "@mui/material/Box";
 import { styled as l } from "@mui/material/styles";
-import "../../general/AvatarMenu/index.js";
-import O from "../../general/BlurredBackground/index.js";
-import "../../general/CalendarPicker/index.js";
-import "../../general/CompactBadge/index.js";
-import "../../general/CompactLabel/index.js";
-import "../../general/CornerLabelPlacer/index.js";
-import "../../general/ExpandButton/index.js";
-import "../../general/ImageCollage/index.js";
-import "../../general/MediaIcon/index.js";
-import "../../general/MenuItem/index.js";
-import "../../general/ScrubLine/index.js";
-import "../../general/Sort/index.js";
-import "../../general/TablePagination/index.js";
-import "../../general/Form/index.js";
-import "../../general/ThemeContext/ThemeContext.js";
 import H from "./components/Toolbar.js";
-const W = l(j, {
+import W from "../../general/BlurredBackground/index.js";
+const $ = l(N, {
   shouldForwardProp: (o) => o !== "toolbarOnBottom"
 })(({
   toolbarOnBottom: o
@@ -31,14 +17,14 @@ const W = l(j, {
   width: "100%",
   height: "100%",
   position: "relative"
-})), $ = l(H)({
+})), q = l(H)({
   gridArea: "toolbar",
   maxHeight: "48px",
   zIndex: 25,
   "&:focus-visible": {
     outline: "none"
   }
-}), q = l(O, {
+}), G = l(W, {
   shouldForwardProp: (o) => o !== "toolbarOnBottom"
 })(({
   toolbarOnBottom: o
@@ -53,7 +39,7 @@ const W = l(j, {
   } : {
     bottom: 0
   }
-})), G = l(N, {
+})), J = l(O, {
   shouldForwardProp: (o) => !["image", "backgroundSize"].includes(o)
 })(({
   image: o,
@@ -71,57 +57,57 @@ const W = l(j, {
   "&:focus-visible": {
     outline: "none"
   }
-})), J = {
-  Root: W,
-  Toolbar: $,
-  BlurredBackground: q,
-  ImageBox: G
-}, Q = ({
+})), Q = {
+  Root: $,
+  Toolbar: q,
+  BlurredBackground: G,
+  ImageBox: J
+}, k = ({
   itemType: o,
   index: i,
   showBlurredBackground: s,
-  backgroundSize: k,
+  backgroundSize: y,
   toolbarOnBottom: f,
   onPrevious: h,
   onNext: x,
-  onClose: y,
-  onDownload: P,
+  onClose: P,
+  onDownload: R,
   components: S,
   componentsProps: a
 }) => {
   const {
-    Root: R,
-    Toolbar: z,
-    BlurredBackground: D,
-    ImageBox: T
+    Root: z,
+    Toolbar: D,
+    BlurredBackground: T,
+    ImageBox: C
   } = S, {
     posters: {
-      uri: n = []
+      uri: r = []
     } = {}
-  } = o || {}, m = i !== void 0, c = E(0), [C, b] = B(0), d = m ? i : C, e = n[d], [A, K] = B(e), v = (t) => {
-    m || b((r) => r > 0 ? r - 1 : n.length - 1), h && h(t, d > 0 ? d - 1 : n.length - 1);
-  }, I = (t) => {
-    m || b((r) => (r + 1) % n.length), x && x(t, (d + 1) % n.length);
-  }, u = (t) => {
-    t.stopPropagation(), t.code === "ArrowRight" && I(t), t.code === "ArrowLeft" && v(t);
-  }, w = F((t) => {
-    const r = (M, U) => () => {
-      c.current === U && K(e), M.remove();
-    }, p = document.createElement("img");
-    p.src = t, c.current += 1, p.addEventListener("load", r(p, c.current));
-  }, [e]);
-  return L(() => {
-    s && w(e);
-  }, [e, s, w]), /* @__PURE__ */ V(R, { toolbarOnBottom: f, onKeyDown: u, ...a.root, children: [
-    /* @__PURE__ */ g(z, { onPrevious: v, onNext: I, onClose: y, onDownload: (t) => P(t, {
-      url: e,
+  } = o || {}, c = i !== void 0, u = F(0), [V, b] = w(0), d = c ? i : V, t = r[d], [A, K] = w(t), v = (e) => {
+    c || b((n) => n > 0 ? n - 1 : r.length - 1), h && h(e, d > 0 ? d - 1 : r.length - 1);
+  }, B = (e) => {
+    c || b((n) => (n + 1) % r.length), x && x(e, (d + 1) % r.length);
+  }, m = (e) => {
+    e.stopPropagation(), e.code === "ArrowRight" && B(e), e.code === "ArrowLeft" && v(e);
+  }, I = L((e) => {
+    const n = (M, U) => () => {
+      u.current === U && K(t), M.remove();
+    }, g = document.createElement("img");
+    g.src = e, u.current += 1, g.addEventListener("load", n(g, u.current));
+  }, [t]);
+  return j(() => {
+    s && I(t);
+  }, [t, s, I]), /* @__PURE__ */ E(z, { toolbarOnBottom: f, onKeyDown: m, ...a.root, children: [
+    /* @__PURE__ */ p(D, { onPrevious: v, onNext: B, onClose: P, onDownload: (e) => R(e, {
+      url: t,
       itemType: o
-    }), tabIndex: -1, onKeyDown: u, ...a.toolbar }),
-    s && /* @__PURE__ */ g(D, { image: A, toolbarOnBottom: f, ...a.blurredBackground }),
-    /* @__PURE__ */ g(T, { component: "div", image: e, backgroundSize: k, tabIndex: -1, onKeyDown: u, ...a.imageBox })
+    }), tabIndex: -1, onKeyDown: m, ...a.toolbar }),
+    s && /* @__PURE__ */ p(T, { image: A, toolbarOnBottom: f, ...a.blurredBackground }),
+    /* @__PURE__ */ p(C, { component: "div", image: t, backgroundSize: y, tabIndex: -1, onKeyDown: m, ...a.imageBox })
   ] });
 };
-Q.defaultProps = {
+k.defaultProps = {
   itemType: void 0,
   index: void 0,
   showBlurredBackground: !0,
@@ -131,9 +117,10 @@ Q.defaultProps = {
   onClose: void 0,
   onDownload: void 0,
   toolbarOnBottom: !1,
-  components: J,
+  components: Q,
   componentsProps: void 0
 };
+const no = k;
 export {
-  Q as default
+  no as default
 };

package/dist/es/item/ItemPosterViewer/components/Toolbar.js

@@ -1,31 +1,32 @@
 import { jsx as o, jsxs as t } from "react/jsx-runtime";
 import m from "@mui/icons-material/esm/Close";
-import a from "@mui/icons-material/esm/NavigateBefore";
+import s from "@mui/icons-material/esm/NavigateBefore";
 import p from "@mui/icons-material/esm/NavigateNext";
-import s from "@mui/icons-material/esm/SaveAlt";
-import f from "@mui/material/Toolbar";
+import f from "@mui/icons-material/esm/SaveAlt";
+import h from "@mui/material/Toolbar";
 import n from "@mui/material/Box";
-import e from "@mui/material/IconButton";
-const h = ({
-  onPrevious: d,
-  onNext: l,
-  onClose: i,
-  onDownload: r,
-  ...c
-}) => /* @__PURE__ */ o(f, { ...c, children: /* @__PURE__ */ t(n, { display: "flex", justifyContent: "space-between", width: "100%", children: [
-  i ? /* @__PURE__ */ o(e, { edge: "start", onClick: i, children: /* @__PURE__ */ o(m, {}) }) : /* @__PURE__ */ o("span", {}),
+import r from "@mui/material/IconButton";
+const d = ({
+  onPrevious: l,
+  onNext: c,
+  onClose: e,
+  onDownload: i,
+  ...a
+}) => /* @__PURE__ */ o(h, { ...a, children: /* @__PURE__ */ t(n, { display: "flex", justifyContent: "space-between", width: "100%", children: [
+  e ? /* @__PURE__ */ o(r, { edge: "start", onClick: e, children: /* @__PURE__ */ o(m, {}) }) : /* @__PURE__ */ o("span", {}),
   /* @__PURE__ */ t(n, { children: [
-    /* @__PURE__ */ o(e, { onClick: d, children: /* @__PURE__ */ o(a, {}) }),
-    /* @__PURE__ */ o(e, { onClick: l, children: /* @__PURE__ */ o(p, {}) })
+    /* @__PURE__ */ o(r, { onClick: l, children: /* @__PURE__ */ o(s, {}) }),
+    /* @__PURE__ */ o(r, { onClick: c, children: /* @__PURE__ */ o(p, {}) })
   ] }),
-  r ? /* @__PURE__ */ o(e, { edge: "end", onClick: r, children: /* @__PURE__ */ o(s, {}) }) : /* @__PURE__ */ o("span", {})
+  i ? /* @__PURE__ */ o(r, { edge: "end", onClick: i, children: /* @__PURE__ */ o(f, {}) }) : /* @__PURE__ */ o("span", {})
 ] }) });
-h.defaultProps = {
+d.defaultProps = {
   onPrevious: void 0,
   onNext: void 0,
   onClose: void 0,
   onDownload: void 0
 };
+const N = d;
 export {
-  h as default
+  N as default
 };

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