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

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

package/dist/es/collection/CollectionListItem/index.js

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

package/dist/es/collection/CollectionRepresentativeThumbnail/CollectionRepresentativeThumbnail.js

@@ -1,37 +1,25 @@
-import { jsxs as p, jsx as l, Fragment as v } from "react/jsx-runtime";
-import { useMemo as y } from "react";
-import c from "@mui/material/Box";
+import { jsxs as m, jsx as a, Fragment as I } from "react/jsx-runtime";
+import { useMemo as k } from "react";
+import s from "@mui/material/Box";
 import { styled as r } from "@mui/material/styles";
-import { parseMetadataType as I } from "@vidispine/vdt-js";
-import "../../general/AvatarMenu/index.js";
-import S from "../../general/BlurredBackground/index.js";
-import "../../general/CalendarPicker/index.js";
-import "../../general/CompactBadge/index.js";
-import "../../general/CompactLabel/index.js";
-import k from "../../general/CornerLabelPlacer/index.js";
-import "../../general/ExpandButton/index.js";
-import M from "../../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 R = r(c)(({
-  onClick: i
+import { parseMetadataType as y } from "@vidispine/vdt-js";
+import V from "../../general/BlurredBackground/index.js";
+import L from "../../general/ImageCollage/index.js";
+import M from "../../general/CornerLabelPlacer/index.js";
+const R = r(s)(({
+  onClick: l
 }) => ({
   position: "relative",
   height: "100%",
   width: "100%",
-  ...i ? {
+  ...l ? {
     cursor: "pointer"
   } : {}
-})), T = r(S)(() => ({
+})), S = r(V)(() => ({
   top: 0,
   position: "absolute",
   zIndex: 1
-})), j = r(M)(() => ({
+})), T = r(L)(() => ({
   position: "absolute",
   zIndex: 2,
   top: "50%",
@@ -40,7 +28,7 @@ const R = r(c)(({
   width: "100%",
   transform: "translate(-50%, -50%)",
   objectFit: "cover"
-})), w = r(c)(() => ({
+})), j = r(s)(() => ({
   position: "absolute",
   zIndex: 2,
   top: "50%",
@@ -49,64 +37,65 @@ const R = r(c)(({
   width: "100%",
   transform: "translate(-50%, -50%)",
   objectFit: "cover"
-})), z = r(k)(() => ({
+})), w = r(M)(() => ({
   top: 0,
   position: "absolute",
   zIndex: 3
-})), L = {
+})), z = {
   Root: R,
-  BlurredBackground: T,
-  ImageCollage: j,
-  ImageBox: w,
-  CornerLabelPlacer: z
-}, F = ({
-  collectionType: i,
+  BlurredBackground: S,
+  ImageCollage: T,
+  ImageBox: j,
+  CornerLabelPlacer: w
+}, u = ({
+  collectionType: l,
   showBlurredBackground: n,
-  showCombined: s,
-  label: u,
-  onClick: a,
+  showCombined: p,
+  label: g,
+  onClick: i,
   components: f,
-  componentsProps: t
+  componentsProps: e
 }) => {
   const {
-    Root: g,
-    BlurredBackground: h,
-    ImageCollage: C,
-    CornerLabelPlacer: b,
-    ImageBox: B
+    Root: h,
+    BlurredBackground: b,
+    ImageCollage: B,
+    CornerLabelPlacer: C,
+    ImageBox: x
   } = f, {
-    id: m,
-    metadata: d
-  } = i || {}, o = y(() => {
+    id: d,
+    metadata: c
+  } = l || {}, o = k(() => {
     const {
-      __representativeThumbnailsNoAuth: e
-    } = I(d, {
+      __representativeThumbnailsNoAuth: t
+    } = y(c, {
       flatTimespan: !0
     });
-    return e == null ? void 0 : e.map((x) => ({
-      src: x,
-      alt: `Representative Thumbnail for Collection ${m}`
+    return t == null ? void 0 : t.map((v) => ({
+      src: v,
+      alt: `Representative Thumbnail for Collection ${d}`
     }));
-  }, [m, d]);
-  return /* @__PURE__ */ p(g, { onClick: typeof a != "function" ? void 0 : (e) => a(e, {
-    collectionType: i
-  }), ...t.root, children: [
-    s ? /* @__PURE__ */ l(C, { images: o, showBlurredBackground: n, ...t.imageCollage }) : (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ p(v, { children: [
-      n && /* @__PURE__ */ l(h, { ...t.blurredBackground }),
-      /* @__PURE__ */ l(B, { ...(o == null ? void 0 : o[0]) || {}, component: "img", ...t.imageBox })
+  }, [d, c]);
+  return /* @__PURE__ */ m(h, { onClick: typeof i != "function" ? void 0 : (t) => i(t, {
+    collectionType: l
+  }), ...e.root, children: [
+    p ? /* @__PURE__ */ a(B, { images: o, showBlurredBackground: n, ...e.imageCollage }) : (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ m(I, { children: [
+      n && /* @__PURE__ */ a(b, { ...e.blurredBackground }),
+      /* @__PURE__ */ a(x, { ...(o == null ? void 0 : o[0]) || {}, component: "img", ...e.imageBox })
     ] }),
-    /* @__PURE__ */ l(b, { labelBottomRight: u, ...t.cornerLabelPlacer })
+    /* @__PURE__ */ a(C, { labelBottomRight: g, ...e.cornerLabelPlacer })
   ] });
 };
-F.defaultProps = {
+u.defaultProps = {
   collectionType: void 0,
   showBlurredBackground: void 0,
   showCombined: !1,
   label: void 0,
   onClick: void 0,
-  components: L,
+  components: z,
   componentsProps: void 0
 };
+const G = u;
 export {
-  F as default
+  G as default
 };

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

package/dist/es/entity/EntityAvatar/EntityAvatar.js

@@ -1,14 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import p from "@mui/material/Skeleton";
-import m from "@mui/material/Avatar";
+import m from "@mui/material/Skeleton";
+import u from "@mui/material/Avatar";
 import { styled as s } from "@mui/material/styles";
-import u from "../EntityIcon/index.js";
-const f = ({
+import f from "../EntityIcon/index.js";
+const y = ({
   variant: o
-}) => /* @__PURE__ */ r(p, { sx: {
+}) => /* @__PURE__ */ r(m, { sx: {
   height: "100%",
   width: "100%"
-}, variant: o === "square" ? "rect" : o, "data-testid": "skeleton" }), y = s(m, {
+}, variant: o === "square" ? "rect" : o, "data-testid": "skeleton" }), g = s(u, {
   shouldForwardProp: (o) => o !== "isLoading"
 })(({
   theme: o,
@@ -19,41 +19,42 @@ const f = ({
   ...t ? {
     backgroundColor: "unset"
   } : {}
-})), g = s(u)(({
+})), v = s(f)(({
   theme: o
 }) => ({
   color: o.palette.background.paper
-})), v = {
-  Root: y,
-  Icon: g
-}, k = ({
+})), k = {
+  Root: g,
+  Icon: v
+}, d = ({
   entityType: o,
   mediaType: t,
-  variant: e,
-  isLoading: n,
+  variant: n,
+  isLoading: e,
   loadingSlot: a,
-  components: d,
+  components: c,
   componentsProps: i
 }) => {
   const {
-    Root: c,
-    Icon: l
-  } = d;
-  return /* @__PURE__ */ r(c, { variant: e, isLoading: n, ...i.root, children: n ? a && a({
-    variant: e
-  }) : /* @__PURE__ */ r(l, { entityType: o, ...t ? {
+    Root: l,
+    Icon: p
+  } = c;
+  return /* @__PURE__ */ r(l, { variant: n, isLoading: e, ...i.root, children: e ? a && a({
+    variant: n
+  }) : /* @__PURE__ */ r(p, { entityType: o, ...t ? {
     mediaType: t
   } : {}, ...i.icon }) });
 };
-k.defaultProps = {
+d.defaultProps = {
   entityType: void 0,
   mediaType: void 0,
   variant: "square",
   isLoading: !1,
-  loadingSlot: f,
-  components: v,
+  loadingSlot: y,
+  components: k,
   componentsProps: void 0
 };
+const S = d;
 export {
-  k as default
+  S as default
 };

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

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

package/dist/es/entity/EntityCard/_components/Typography.js

@@ -1,6 +1,6 @@
-import e from "@mui/material/Typography";
-import { styled as i } from "@mui/material/styles";
-const p = i(e, {
+import r from "@mui/material/Typography";
+import { styled as t } from "@mui/material/styles";
+const e = t(r, {
   shouldForwardProp: (o) => o !== "webkitLineClamp"
 })(({
   webkitLineClamp: o
@@ -9,7 +9,7 @@ const p = i(e, {
   WebkitBoxOrient: "vertical",
   overflow: "hidden",
   WebkitLineClamp: o
-}));
+})), a = e;
 export {
-  p as default
+  a as default
 };

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

@@ -1,75 +1,61 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import k from "@mui/material/Checkbox";
-import x from "@mui/material/CardActions";
-import A from "@mui/material/IconButton";
-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 S from "../../../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 b } from "../../_utils/getEntityProp.js";
-import "@vidispine/vdt-js";
-const I = n(x)(() => ({
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import A from "@mui/material/Checkbox";
+import k from "@mui/material/CardActions";
+import b from "@mui/material/IconButton";
+import { styled as i } from "@mui/material/styles";
+import I from "../../../general/ExpandButton/index.js";
+import { getEntityProp as S } from "../../_utils/getEntityProp.js";
+const B = i(k)(() => ({
   alignItems: "flex-end",
   padding: 8
-})), P = n(A)(() => ({
+})), P = i(b)(() => ({
   transition: "color .2s ease-out"
-})), j = n(k)(() => ({
+})), j = i(A)(() => ({
   marginLeft: "auto",
   transition: "color .2s ease-out"
-})), B = ({
-  itemType: p,
-  collectionType: l,
-  checked: s,
-  expanded: c,
+})), s = ({
+  itemType: c,
+  collectionType: d,
+  checked: m,
+  expanded: a,
   actions: t,
-  onActionClick: d,
-  onExpand: e,
-  onCheck: i,
-  expandButton: f,
-  classes: L,
+  onActionClick: p,
+  onExpand: r,
+  onCheck: e,
+  expandButton: u,
+  classes: E,
   // ignored
-  ...u
+  ...f
 }) => {
-  const a = (o, m) => {
-    d(o, {
-      action: m,
-      ...b({
-        itemType: p,
-        collectionType: l
+  const C = (o, l) => {
+    p(o, {
+      action: l,
+      ...S({
+        itemType: c,
+        collectionType: d
       })
     });
   };
-  return !(t != null && t.length) && !i && !e ? null : /* @__PURE__ */ h(I, { disableSpacing: !0, ...u, children: [
+  return !(t != null && t.length) && !e && !r ? null : /* @__PURE__ */ y(B, { disableSpacing: !0, ...f, children: [
     t == null ? void 0 : t.map((o) => {
       const {
-        name: m,
-        iconProps: C,
-        Icon: g
+        name: l,
+        iconProps: g,
+        Icon: h
       } = o || {};
-      return /* @__PURE__ */ r(P, { component: "button", onClick: (y) => a(y, o), ...C, children: /* @__PURE__ */ r(g, {}) }, m);
+      return /* @__PURE__ */ n(P, { component: "button", onClick: (x) => C(x, o), ...g, children: /* @__PURE__ */ n(h, {}) }, l);
     }),
-    i && /* @__PURE__ */ r(j, { checked: s, onChange: i }),
-    e && /* @__PURE__ */ r(S, { expanded: c, onClick: e, ...f })
+    e && /* @__PURE__ */ n(j, { checked: m, onChange: e }),
+    r && /* @__PURE__ */ n(I, { expanded: a, onClick: r, ...u })
   ] });
 };
-B.defaultProps = {
+s.defaultProps = {
   checked: !1,
   expanded: !1,
   actions: [],
   onActionClick: () => null
 };
+const F = s;
 export {
-  B as default
+  F as default
 };

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

@@ -1,7 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import a from "@mui/material/Card";
-import { styled as i } from "@mui/material/styles";
-const e = i(a, {
+import { jsx as a } from "react/jsx-runtime";
+import i from "@mui/material/Card";
+import { styled as e } from "@mui/material/styles";
+const d = e(i, {
   shouldForwardProp: (r) => r !== "checked"
 })(({
   theme: r,
@@ -31,11 +31,12 @@ const e = i(a, {
   backgroundImage: "unset",
   // remove "opacity" from card elevation
   overflow: "unset"
-})), d = ({
+})), t = ({
   children: r,
   ...o
-}) => /* @__PURE__ */ t(e, { ...o, children: r });
-d.defaultProps = {};
+}) => /* @__PURE__ */ a(d, { ...o, children: r });
+t.defaultProps = {};
+const s = t;
 export {
-  d as default
+  s as default
 };

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

@@ -1,25 +1,25 @@
 import { jsx as t } from "react/jsx-runtime";
-import m from "@mui/material/CardContent";
-import a from "@mui/material/Tooltip";
-import d from "@mui/material/Box";
-import { getEntityText as f } from "../../_utils/getEntityText.js";
-import c from "../_components/Typography.js";
-const s = ({
-  itemType: e,
-  collectionType: n,
+import a from "@mui/material/CardContent";
+import d from "@mui/material/Tooltip";
+import c from "@mui/material/Box";
+import f from "../_components/Typography.js";
+import { getEntityText as s } from "../../_utils/getEntityText.js";
+const e = ({
+  itemType: n,
+  collectionType: i,
   content: o,
-  showTooltip: i,
-  WebkitLineClamp: p,
-  ...l
+  showTooltip: p,
+  WebkitLineClamp: l,
+  ...m
 }) => {
-  const r = f(o, {
-    itemType: e,
-    collectionType: n
+  const r = s(o, {
+    itemType: n,
+    collectionType: i
   });
-  return o ? /* @__PURE__ */ t(m, { ...l, children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(a, { title: r || "", enterDelay: 500, open: i, children: /* @__PURE__ */ t(
-    c,
+  return o ? /* @__PURE__ */ t(a, { ...m, children: /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(d, { title: r || "", enterDelay: 500, open: p, children: /* @__PURE__ */ t(
+    f,
     {
-      webkitLineClamp: p,
+      webkitLineClamp: l,
       variant: "body2",
       color: "textSecondary",
       component: "p",
@@ -27,10 +27,11 @@ const s = ({
     }
   ) }) }) }) : null;
 };
-s.defaultProps = {
+e.defaultProps = {
   showTooltip: !1,
   WebkitLineClamp: 3
 };
+const b = e;
 export {
-  s as default
+  b as default
 };