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

package/dist/es/entity/EntityCard/components/EntityCardHeader.js

@@ -1,31 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import k from "@mui/material/CardHeader";
-import { styled as m } from "@mui/material/styles";
-import "../../EntityIcon/index.js";
-import H from "../../EntityAvatar/index.js";
-import "../../EntityList/index.js";
-import S from "../../../general/AvatarMenu/index.js";
-import "../../../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 { getEntityProp as W } from "../../_utils/getEntityProp.js";
+import { styled as d } from "@mui/material/styles";
+import A from "../../EntityAvatar/index.js";
+import E from "../../../general/AvatarMenu/index.js";
 import { getEntityText as i } from "../../_utils/getEntityText.js";
-const E = m(k)(({
+import { getEntityProp as W } from "../../_utils/getEntityProp.js";
+const O = d(k)(({
   avatar: t,
   action: r
 }) => {
-  const e = t ? 56 : 0, p = r ? 40 + 16 : 0;
+  const e = t ? 56 : 0, n = r ? 40 + 16 : 0;
   return {
     display: "inline-block",
     padding: 16,
@@ -35,7 +19,7 @@ const E = m(k)(({
     },
     "& .MuiCardHeader-content": {
       float: "left",
-      width: `calc(100% - ${e}px - ${p}px)`
+      width: `calc(100% - ${e}px - ${n}px)`
     },
     "& .MuiCardHeader-action": {
       marginTop: 0,
@@ -43,11 +27,11 @@ const E = m(k)(({
     },
     float: "none"
   };
-}), A = m(H)(({
+}), S = d(A)(({
   theme: t
 }) => ({
   backgroundColor: t.palette.mode === "light" ? "rgba(0, 0, 0, 0.54)" : "#fff"
-})), O = m(S)(({
+})), T = d(E)(({
   theme: t
 }) => ({
   marginLeft: 16,
@@ -58,30 +42,30 @@ const E = m(k)(({
       backgroundColor: "rgba(255, 255, 255, 0.08)"
     }
   }
-})), T = ({
+})), m = ({
   itemType: t,
   collectionType: r,
   title: e,
-  subheader: p,
-  menuOptions: a,
-  onOptionClick: c,
-  entityAvatar: f,
+  subheader: n,
+  menuOptions: p,
+  onOptionClick: f,
+  entityAvatar: h,
   avatarMenu: o,
-  ...h
+  ...g
 }) => {
-  var d, l, s;
-  const g = i(e, {
+  var l, s, c;
+  const y = i(e, {
     itemType: t,
     collectionType: r
-  }), y = i(p, {
+  }), b = i(n, {
     itemType: t,
     collectionType: r
-  }), C = (l = (d = i("mimeType", {
+  }), C = (s = (l = i("mimeType", {
     itemType: t
-  })) == null ? void 0 : d.split("/")) == null ? void 0 : l[0], b = i("mediaType", {
+  })) == null ? void 0 : l.split("/")) == null ? void 0 : s[0], u = i("mediaType", {
     itemType: t
-  }) || C, u = (x, P) => {
-    c(x, {
+  }) || C, x = (H, P) => {
+    f(H, {
       option: P,
       ...W({
         itemType: t,
@@ -89,11 +73,11 @@ const E = m(k)(({
       })
     });
   };
-  return /* @__PURE__ */ n(E, { title: g, subheader: y, titleTypographyProps: {
+  return /* @__PURE__ */ a(O, { title: y, subheader: b, titleTypographyProps: {
     noWrap: !0
   }, subheaderTypographyProps: {
     noWrap: !0
-  }, avatar: /* @__PURE__ */ n(A, { entityType: t && "item" || r && "collection" || "library", mediaType: b, ...f ?? {} }), action: a && /* @__PURE__ */ n(O, { minWidth: "unset", options: a, onOptionClick: u, componentsProps: {
+  }, avatar: /* @__PURE__ */ a(S, { entityType: t && "item" || r && "collection" || "library", mediaType: u, ...h ?? {} }), action: p && /* @__PURE__ */ a(T, { minWidth: "unset", options: p, onOptionClick: x, componentsProps: {
     menu: {
       anchorOrigin: {
         vertical: "bottom",
@@ -103,12 +87,13 @@ const E = m(k)(({
         vertical: "top",
         horizontal: "right"
       },
-      ...((s = o == null ? void 0 : o.componentsProps) == null ? void 0 : s.menu) || {}
+      ...((c = o == null ? void 0 : o.componentsProps) == null ? void 0 : c.menu) || {}
     },
     ...(o == null ? void 0 : o.componentsProps) || {}
-  }, ...o ?? {} }), ...h });
+  }, ...o ?? {} }), ...g });
 };
-T.defaultProps = {};
+m.defaultProps = {};
+const q = m;
 export {
-  T as default
+  q as default
 };

package/dist/es/entity/EntityIcon/EntityIcon.js

@@ -1,73 +1,60 @@
-import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
 import y from "@mui/icons-material/esm/Folder";
-import f from "@mui/icons-material/esm/NoteAdd";
-import m from "@mui/icons-material/esm/LibraryBooks";
-import b from "@mui/icons-material/esm/LibraryMusic";
-import h from "@mui/icons-material/esm/PhotoLibrary";
+import b from "@mui/icons-material/esm/NoteAdd";
+import e from "@mui/icons-material/esm/LibraryBooks";
+import h from "@mui/icons-material/esm/LibraryMusic";
+import M from "@mui/icons-material/esm/PhotoLibrary";
 import x from "@mui/icons-material/esm/VideoLibrary";
 import L from "@mui/material/Box";
-import { styled as n } from "@mui/material/styles";
-import "../../general/AvatarMenu/index.js";
-import "../../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 e from "../../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 M = n(L)(({
+import { styled as i } from "@mui/material/styles";
+import l from "../../general/MediaIcon/index.js";
+const C = i(L)(({
   theme: o
 }) => ({
   display: "flex",
   color: o.palette.primary.main
-})), C = n(f, {
+})), F = i(b, {
   shouldForwardProp: (o) => o !== "mediaType"
-})(() => ({})), F = n(y, {
+})(() => ({})), w = i(y, {
   shouldForwardProp: (o) => o !== "mediaType"
-})(() => ({})), w = {
-  Root: M,
-  ItemIcon: e,
-  LibraryIcon: e,
-  PlaceholderIcon: C,
-  CollectionIcon: F
-}, B = ({
+})(() => ({})), B = {
+  Root: C,
+  ItemIcon: l,
+  LibraryIcon: l,
+  PlaceholderIcon: F,
+  CollectionIcon: w
+}, I = ({
   entityType: o,
-  mediaType: t,
-  components: l,
+  mediaType: c,
+  components: d,
   componentsProps: r
 }) => {
   const {
-    Root: p,
-    PlaceholderIcon: I,
-    ItemIcon: d,
-    CollectionIcon: a,
-    LibraryIcon: s
-  } = l, i = o == null ? void 0 : o.toLowerCase();
-  return /* @__PURE__ */ u(p, { component: "span", ...r.root, children: [
-    i === "item" && /* @__PURE__ */ c(d, { type: t, ...r.itemIcon }),
-    i === "collection" && /* @__PURE__ */ c(a, { type: t, ...r.collectionIcon }),
-    i === "library" && /* @__PURE__ */ c(s, { type: t, ...r.libraryIcon, components: {
-      PlaceholderIcon: m,
-      FileIcon: m,
-      AudioIcon: b,
+    Root: m,
+    PlaceholderIcon: a,
+    ItemIcon: s,
+    CollectionIcon: p,
+    LibraryIcon: u
+  } = d, t = o == null ? void 0 : o.toLowerCase();
+  return /* @__PURE__ */ f(m, { component: "span", ...r.root, children: [
+    t === "item" && /* @__PURE__ */ n(s, { type: c, ...r.itemIcon }),
+    t === "collection" && /* @__PURE__ */ n(p, { type: c, ...r.collectionIcon }),
+    t === "library" && /* @__PURE__ */ n(u, { type: c, ...r.libraryIcon, components: {
+      PlaceholderIcon: e,
+      FileIcon: e,
+      AudioIcon: h,
       VideoIcon: x,
-      ImageIcon: h,
+      ImageIcon: M,
       ...r.libraryIcon.components || {}
     } }),
-    !["item", "collection", "library"].includes(i) && /* @__PURE__ */ c(I, { type: t, ...r.placeholderIcon })
+    !["item", "collection", "library"].includes(t) && /* @__PURE__ */ n(a, { type: c, ...r.placeholderIcon })
   ] });
 };
-B.defaultProps = {
-  components: w,
+I.defaultProps = {
+  components: B,
   componentsProps: void 0
 };
+const v = I;
 export {
-  B as default
+  v as default
 };

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

package/dist/es/entity/EntityList/EntityList.js

@@ -3,65 +3,64 @@ import { useMemo as A } from "react";
 import F from "@mui/material/List";
 import N from "@mui/material/ListSubheader";
 import T from "@mui/material/Typography";
-import { styled as V } from "@mui/material/styles";
-import { uuidv4 as n } from "../../_utils/uuidv4.js";
-import "clsx";
-import { showSlot as $ } from "../../_utils/showSlot.js";
-import z from "../../collection/CollectionListItem/index.js";
-import a from "../../item/ItemListItem/index.js";
-const B = () => /* @__PURE__ */ m(T, { children: "No entities found..." }), G = V(F)(() => ({
+import { styled as z } from "@mui/material/styles";
+import B from "../../collection/CollectionListItem/index.js";
+import n from "../../item/ItemListItem/index.js";
+import { uuidv4 as a } from "../../_utils/uuidv4.js";
+import { showSlot as G } from "../../_utils/showSlot.js";
+const H = () => /* @__PURE__ */ m(T, { children: "No entities found..." }), J = z(F)(() => ({
   width: "100%"
-})), H = {
-  Root: G,
+})), K = {
+  Root: J,
   ListSubheader: N,
-  CollectionListItem: z,
-  ItemListItem: a,
-  LoadingListItem: a,
+  CollectionListItem: B,
+  ItemListItem: n,
+  LoadingListItem: n,
   ListItem: null
   // for shared componentsProps
-}, J = ({
+}, d = ({
   entities: r,
-  header: d,
+  header: L,
   primary: p,
-  secondary: L,
+  secondary: I,
   avatarVariant: u,
-  dense: I,
-  amountLoading: f,
+  dense: f,
+  amountLoading: c,
   isLoading: e,
   onListItemClick: h,
-  onListItemDelete: c,
-  emptySlot: S,
-  components: g,
+  onListItemDelete: g,
+  emptySlot: C,
+  components: S,
   componentsProps: o
 }) => {
   const {
-    Root: C,
-    ListSubheader: v,
-    CollectionListItem: M,
-    ItemListItem: k,
-    LoadingListItem: x
-  } = g, y = [...Array(Math.max(f, 0)).keys()].map(() => ({
-    key: n()
+    Root: v,
+    ListSubheader: M,
+    CollectionListItem: k,
+    ItemListItem: x,
+    LoadingListItem: V
+  } = S, w = [...Array(Math.max(c, 0)).keys()].map(() => ({
+    key: a()
   })), s = A(() => r.map((t) => ({
-    key: n(),
+    key: a(),
     ..."item" in t ? {
       itemType: t == null ? void 0 : t.item
     } : {},
     ..."collection" in t ? {
       collectionType: t == null ? void 0 : t.collection
     } : {}
-  })) || [], [r]), w = ({
+  })) || [], [r]), y = ({
     itemType: t,
     collectionType: i
   }) => t ? {
-    component: k,
+    component: x,
     props: {
       itemType: t,
       ...o.listItem,
       ...o.itemListItem
     }
   } : i ? {
-    component: M,
+    component: k,
     props: {
       collectionType: i,
       ...o.listItem,
@@ -69,17 +68,17 @@ const B = () => /* @__PURE__ */ m(T, { children: "No entities found..." }), G =
     }
   } : {
     // Default to an ItemListItem (use it as loading list)
-    component: x,
+    component: V,
     props: {
       ...o.listItem,
       ...o.loadingListItem
     }
   };
-  return /* @__PURE__ */ l(C, { dense: I, ...o.root, children: [
-    /* @__PURE__ */ m(v, { ...o.listSubheader, children: d }),
+  return /* @__PURE__ */ l(v, { dense: f, ...o.root, children: [
+    /* @__PURE__ */ m(M, { ...o.listSubheader, children: L }),
     /* @__PURE__ */ l(q, { children: [
-      !e && s.length === 0 && $(S),
-      (e ? y : s).map(({
+      !e && s.length === 0 && G(C),
+      (e ? w : s).map(({
         key: t,
         itemType: i,
         collectionType: D
@@ -87,16 +86,16 @@ const B = () => /* @__PURE__ */ m(T, { children: "No entities found..." }), G =
         const {
           component: E,
           props: R
-        } = w({
+        } = y({
           itemType: i,
           collectionType: D
         });
-        return /* @__PURE__ */ m(E, { primary: p, secondary: L, avatarVariant: u, isLoading: e, onClick: h, onDelete: c, ...R }, t);
+        return /* @__PURE__ */ m(E, { primary: p, secondary: I, avatarVariant: u, isLoading: e, onClick: h, onDelete: g, ...R }, t);
       })
     ] })
   ] });
 };
-J.defaultProps = {
+d.defaultProps = {
   entities: [],
   header: void 0,
   primary: "id",
@@ -107,10 +106,11 @@ J.defaultProps = {
   amountLoading: 3,
   onListItemClick: void 0,
   onListItemDelete: void 0,
-  emptySlot: B,
-  components: H,
+  emptySlot: H,
+  components: K,
   componentsProps: void 0
 };
+const j = d;
 export {
-  J as default
+  j as default
 };

package/dist/es/entity/EntityList/index.js

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

package/dist/es/entity/EntityListItem/components/EntityListItemAvatar.js

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import f from "@mui/material/ListItemAvatar";
-import { parseMetadataType as l } from "@vidispine/vdt-js";
-import u from "../../EntityAvatar/index.js";
-const c = ({
-  itemType: e,
+import l from "@mui/material/ListItemAvatar";
+import { parseMetadataType as v } from "@vidispine/vdt-js";
+import c from "../../EntityAvatar/index.js";
+const i = ({
+  itemType: a,
   collectionType: t,
-  isLoading: i,
-  variant: m,
-  entityAvatar: o,
+  isLoading: m,
+  variant: o,
+  entityAvatar: s,
   ...n
 }) => {
   const {
     metadata: p
-  } = e || t || {}, s = e && "item" || t && "collection" || t && "library", {
-    mediaType: d,
-    mimeType: a
-  } = l(p, {
+  } = a || t || {}, d = a && "item" || t && "collection" || t && "library", {
+    mediaType: y,
+    mimeType: e
+  } = v(p, {
     flat: !0,
     arrayOnSingleValue: !1
-  }), y = typeof a == "string" ? a.split("/")[0] : void 0;
-  return /* @__PURE__ */ r(f, { ...n, children: /* @__PURE__ */ r(u, { entityType: s || void 0, mediaType: d || y, isLoading: i, variant: m, ...o }) });
+  }), f = typeof e == "string" ? e.split("/")[0] : void 0;
+  return /* @__PURE__ */ r(l, { ...n, children: /* @__PURE__ */ r(c, { entityType: d || void 0, mediaType: y || f, isLoading: m, variant: o, ...s }) });
 };
-c.defaultProps = {};
+i.defaultProps = {};
+const L = i;
 export {
-  c as default
+  L as default
 };

package/dist/es/entity/EntityListItem/components/EntityListItemButton.js

@@ -1,28 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
-import { Fragment as u } from "react";
-import f from "@mui/material/ListItemButton";
-import { getEntityProp as s } from "../../_utils/getEntityProp.js";
-import "@vidispine/vdt-js";
-const d = ({
-  itemType: i,
-  collectionType: r,
+import { jsx as u } from "react/jsx-runtime";
+import { Fragment as a } from "react";
+import d from "@mui/material/ListItemButton";
+import { getEntityProp as f } from "../../_utils/getEntityProp.js";
+const i = ({
+  itemType: e,
+  collectionType: m,
   onClick: o,
-  isLoading: e,
+  isLoading: r,
   ...t
 }) => {
-  const n = !e && !!o, m = n ? f : u, l = n ? {
+  const n = !r && !!o, l = n ? d : a, c = n ? {
     role: void 0,
-    onClick: (a) => o(a, s({
-      itemType: i,
-      collectionType: r
+    onClick: (s) => o(s, f({
+      itemType: e,
+      collectionType: m
     })),
     ...t
   } : {
     children: t == null ? void 0 : t.children
   };
-  return /* @__PURE__ */ c(m, { ...l });
+  return /* @__PURE__ */ u(l, { ...c });
 };
-d.defaultProps = {};
+i.defaultProps = {};
+const g = i;
 export {
-  d as default
+  g as default
 };

package/dist/es/entity/EntityListItem/components/EntityListItemSecondaryAction.js

@@ -1,23 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import d from "@mui/icons-material/esm/Delete";
+import m from "@mui/icons-material/esm/Delete";
 import l from "@mui/material/IconButton";
-import p from "@mui/material/ListItemSecondaryAction";
-import c from "@mui/material/Skeleton";
-import { getEntityProp as a } from "../../_utils/getEntityProp.js";
-import "@vidispine/vdt-js";
-const s = () => /* @__PURE__ */ t("div", { style: {
+import a from "@mui/material/ListItemSecondaryAction";
+import p from "@mui/material/Skeleton";
+import { getEntityProp as s } from "../../_utils/getEntityProp.js";
+const f = () => /* @__PURE__ */ t("div", { style: {
   paddingRight: 10
-}, children: /* @__PURE__ */ t(c, { width: 18, height: 36 }) }), f = ({
+}, children: /* @__PURE__ */ t(p, { width: 18, height: 36 }) }), n = ({
   itemType: r,
   collectionType: i,
-  isLoading: n,
+  isLoading: c,
   onDelete: e,
-  ...m
-}) => /* @__PURE__ */ t(p, { ...m, children: e && (n ? /* @__PURE__ */ t(s, {}) : /* @__PURE__ */ t(l, { onClick: (o) => (o.stopPropagation(), o.preventDefault(), e(o, a({
+  ...d
+}) => /* @__PURE__ */ t(a, { ...d, children: e && (c ? /* @__PURE__ */ t(f, {}) : /* @__PURE__ */ t(l, { onClick: (o) => (o.stopPropagation(), o.preventDefault(), e(o, s({
   itemType: r,
   collectionType: i
-}))), children: /* @__PURE__ */ t(d, {}) })) });
-f.defaultProps = {};
+}))), children: /* @__PURE__ */ t(m, {}) })) });
+n.defaultProps = {};
+const S = n;
 export {
-  f as default
+  S as default
 };

package/dist/es/entity/EntityListItem/components/EntityListItemText.js

@@ -2,24 +2,25 @@ import { jsx as t } from "react/jsx-runtime";
 import p from "@mui/material/ListItemText";
 import m from "@mui/material/Skeleton";
 import { getEntityText as s } from "../../_utils/getEntityText.js";
-const d = ({
+const i = ({
   itemType: r,
-  collectionType: o,
-  primary: i,
-  secondary: n,
-  isLoading: e,
-  ...x
+  collectionType: e,
+  primary: n,
+  secondary: x,
+  isLoading: o,
+  ...a
 }) => {
-  const a = s(i, {
+  const d = s(n, {
     itemType: r,
-    collectionType: o
-  }), f = s(n, {
+    collectionType: e
+  }), f = s(x, {
     itemType: r,
-    collectionType: o
+    collectionType: e
   });
-  return /* @__PURE__ */ t(p, { primary: e ? /* @__PURE__ */ t(m, { width: 60 }) : a, secondary: e ? /* @__PURE__ */ t(m, { width: 120 }) : f, ...x });
+  return /* @__PURE__ */ t(p, { primary: o ? /* @__PURE__ */ t(m, { width: 60 }) : d, secondary: o ? /* @__PURE__ */ t(m, { width: 120 }) : f, ...a });
 };
-d.defaultProps = {};
+i.defaultProps = {};
+const I = i;
 export {
-  d as default
+  I as default
 };