@vidispine/vdt-materialui 23.2.0-pre.2 → 23.2.0

package/dist/es/job/JobRow.js

@@ -0,0 +1,72 @@
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { withStyles as E, TableRow as w, TableCell as o, CircularProgress as x } from "@material-ui/core";
+import { red as y, green as z } from "@material-ui/core/colors";
+import { Cancel as n, CheckCircle as A, Replay as N } from "@material-ui/icons";
+import { RUNNING_STATES as p, ERROR_STATES as R, SUCCESSFUL_STATES as f } from "./const.js";
+import s from "./JobRowButton.js";
+function O({
+  job: e = {},
+  columns: S = [],
+  onClick: t,
+  restartJob: c,
+  deleteJob: d,
+  abortJob: m,
+  retryText: T = "Retry",
+  deleteText: g = "Delete",
+  startedText: u = "Started",
+  finishedText: C = "Finished"
+}) {
+  const { status: r = "" } = e;
+  return /* @__PURE__ */ h(
+    w,
+    {
+      onClick: t !== void 0 ? () => t(e) : void 0,
+      style: { cursor: t !== void 0 ? "pointer" : "initial" },
+      children: [
+        /* @__PURE__ */ h(o, { children: [
+          p.includes(r) && /* @__PURE__ */ i(x, { size: 20 }),
+          R.includes(r) && /* @__PURE__ */ i(n, { style: { color: y[500] }, size: 20 }),
+          f.includes(r) && /* @__PURE__ */ i(A, { style: { color: z[500] }, size: 20 })
+        ] }),
+        S.map(({ value: l, valueComponent: a }) => /* @__PURE__ */ i(o, { children: a ? a({
+          job: e,
+          value: e[l],
+          startedText: u,
+          finishedText: C
+        }) : e[l] }, l)),
+        m && p.indexOf(r) > -1 && /* @__PURE__ */ i(o, { align: "right", children: /* @__PURE__ */ i(
+          s,
+          {
+            job: e,
+            icon: /* @__PURE__ */ i(n, { size: 20 }),
+            tooltip: "Abort",
+            onClick: m,
+            disabled: r === "ABORTED_PENDING"
+          }
+        ) }),
+        c && R.indexOf(r) > -1 && /* @__PURE__ */ i(o, { align: "right", children: /* @__PURE__ */ i(
+          s,
+          {
+            job: e,
+            icon: /* @__PURE__ */ i(N, { size: 20 }),
+            tooltip: T,
+            onClick: c
+          }
+        ) }),
+        d && f.indexOf(r) > -1 && /* @__PURE__ */ i(o, { align: "right", children: /* @__PURE__ */ i(
+          s,
+          {
+            job: e,
+            icon: /* @__PURE__ */ i(n, { size: 20 }),
+            tooltip: g,
+            onClick: d
+          }
+        ) })
+      ]
+    }
+  );
+}
+const G = E({}, { name: "VdtJobRow" })(O);
+export {
+  G as default
+};

package/dist/es/job/JobRowButton.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as r, IconButton as c } from "@material-ui/core";
+function u({ job: t, icon: n, tooltip: e, onClick: i, disabled: l }) {
+  return /* @__PURE__ */ o(r, { placement: "top", title: e, children: /* @__PURE__ */ o(c, { disabled: l, onClick: () => i(t), size: "small", children: n }) });
+}
+export {
+  u as default
+};

package/dist/es/job/JobSelectForm.js

@@ -0,0 +1,67 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useRef as b } from "react";
+import { Form as F, Field as g, FormSpy as y } from "react-final-form";
+import { Box as v, IconButton as x } from "@material-ui/core";
+import { Cancel as C } from "@material-ui/icons";
+import S from "../fields/SelectField.js";
+const j = (o, t) => `${o}${t !== void 0 ? ` (${t})` : ""}`;
+function R({
+  onSubmit: o = () => null,
+  onChange: t = () => null,
+  options: u = [],
+  name: i,
+  label: a,
+  ...c
+}) {
+  const s = b(), d = ({ values: l }) => {
+    if (!s.current) {
+      s.current = !0;
+      return;
+    }
+    const r = {
+      name: i,
+      value: []
+    };
+    Object.values(l).forEach((n) => {
+      r.value.push({ value: n });
+    }), t({ field: [r], operation: "OR", name: i });
+  };
+  return /* @__PURE__ */ e(
+    F,
+    {
+      onSubmit: o,
+      render: ({ handleSubmit: l, form: r, dirty: m }) => /* @__PURE__ */ p("form", { onSubmit: l, children: [
+        /* @__PURE__ */ e(
+          g,
+          {
+            name: i,
+            label: /* @__PURE__ */ p(v, { height: 20, style: { lineHeight: "inherit" }, children: [
+              a,
+              /* @__PURE__ */ e(
+                x,
+                {
+                  onClick: r.reset,
+                  style: { padding: 0, marginLeft: 16, visibility: m ? "inherit" : "hidden" },
+                  children: /* @__PURE__ */ e(C, {})
+                }
+              )
+            ] }),
+            component: S,
+            FormHelperTextProps: { style: { display: "none" } },
+            options: u.map(({ value: n, label: f, count: h }) => ({
+              value: n,
+              label: j(f, h)
+            })),
+            type: "text",
+            FormControlProps: { fullWidth: !0 },
+            ...c
+          }
+        ),
+        /* @__PURE__ */ e(y, { subscription: { values: !0 }, onChange: d })
+      ] })
+    }
+  );
+}
+export {
+  R as default
+};

package/dist/es/job/JobTable.js

@@ -0,0 +1,58 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import T from "moment";
+import { withStyles as c, TableContainer as f, Table as S, TableHead as h, TableRow as N, TableCell as m, TableBody as w } from "@material-ui/core";
+import { RUNNING_STATES as y } from "./const.js";
+import C from "./JobRow.js";
+const L = ({
+  job: { status: a, started: o, finished: r },
+  startedText: l = "Started",
+  finishedText: n = "Finished"
+}) => y.includes(a) ? `${l} ${o ? T(o).fromNow() : ""}` : `${n} ${r ? T(r).fromNow() : ""}`, U = [
+  {
+    value: "type"
+  },
+  {
+    value: "started",
+    valueComponent: L
+  }
+], $ = {
+  type: "Type",
+  started: "Started"
+};
+function u({
+  jobs: a = [],
+  columns: o = U,
+  abortJob: r,
+  deleteJob: l,
+  restartJob: n,
+  hideHeader: p = !1,
+  JobRowComponent: b = C,
+  JobRowProps: s = {},
+  jobColumnLabels: d = $
+}) {
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ i(S, { size: "small", children: [
+    !p && /* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(N, { children: [
+      /* @__PURE__ */ e(m, {}),
+      o.map(({ value: t }) => /* @__PURE__ */ e(m, { children: d[t] }, d[t])),
+      /* @__PURE__ */ e(m, {})
+    ] }) }),
+    /* @__PURE__ */ e(w, { children: a.map((t) => /* @__PURE__ */ e(
+      b,
+      {
+        job: t,
+        columns: o,
+        abortJob: r,
+        deleteJob: l,
+        restartJob: n,
+        ...s
+      },
+      t.jobId
+    )) })
+  ] }) });
+}
+const F = c({}, { name: "VdtJobTable" })(u);
+export {
+  U as DEFAULT_COLUMNS,
+  L as StartedComponent,
+  F as default
+};

package/dist/es/job/JobTaskTable.js

@@ -0,0 +1,133 @@
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
+import { useEffect as y, useMemo as J } from "react";
+import E from "clsx";
+import g from "moment";
+import e from "prop-types";
+import { withStyles as A, Table as D, TableHead as H, TableRow as N, TableCell as u, TableBody as O, Tooltip as $, CircularProgress as q } from "@material-ui/core";
+import { green as F, red as U } from "@material-ui/core/colors";
+import { CheckCircle as V, Cancel as _ } from "@material-ui/icons";
+import { job as z, taskdefinition as B } from "@vidispine/vdt-api";
+import { formatTimeCodeSeconds as G } from "@vidispine/vdt-js";
+import { useApi as j } from "@vidispine/vdt-react";
+import { RUNNING_STATES as R, SUCCESSFUL_STATES as I, ERROR_STATES as L } from "./const.js";
+const M = (r = 0) => {
+  const { hours: t, minutes: i, seconds: n } = G(r).toTime(), s = [`${n !== void 0 ? n : 1}s`];
+  return i > 0 && s.unshift(`${i}m`), t > 0 && s.unshift(`${t}h`), s.join(" ");
+}, K = (r, t) => {
+  const { request: i, data: n = {} } = j(z.getJob), s = () => {
+    r && i({ jobId: r });
+  };
+  y(s, [r]);
+  const l = J(() => n.type, [n]), { request: p, data: c = {} } = j(B.getTaskDefinitionType);
+  y(() => {
+    l && p({ taskDefinitionType: l });
+  }, [l]);
+  const { status: T, log: { task: m = [] } = {} } = n, d = J(
+    () => m.map((a, b) => {
+      if (!m.length)
+        return [];
+      const { timestamp: v, subStep: f, status: w } = a;
+      let h;
+      if (R.includes(w))
+        h = g().add(5, "m");
+      else if (f && f.length) {
+        const { timestamp: S } = f.slice(-1)[0];
+        h = g(S).add(5, "m");
+      } else if (m[b + 1] !== void 0) {
+        const { timestamp: S } = m[b + 1];
+        h = g(S);
+      } else
+        return { ...a, duration: 0 };
+      const P = g(h).diff(v, "s");
+      return { ...a, duration: P };
+    }),
+    [m]
+  );
+  return y(() => {
+    if (!T || !t)
+      return () => null;
+    let a = null;
+    return R.includes(T) && (a = setInterval(s, 1e3)), () => clearInterval(a);
+  }, [s, T]), { tasks: J(() => {
+    const { task: a = [] } = c;
+    if (!a.length)
+      return d.reverse();
+    const b = a.filter(({ step: v }) => !d.some(({ step: f }) => f === v));
+    return d.concat(b).reverse();
+  }, [c, d]) };
+};
+function Q({ task: r }) {
+  const { status: t, duration: i, description: n, errorMessage: s = "" } = r, l = R.includes(t), p = I.includes(t), c = L.includes(t);
+  return /* @__PURE__ */ o($, { title: s, children: /* @__PURE__ */ k(N, { component: "div", children: [
+    /* @__PURE__ */ k(u, { padding: "checkbox", component: "div", children: [
+      l && /* @__PURE__ */ o(q, { size: 20 }),
+      p && /* @__PURE__ */ o(V, { style: { color: F[500] } }),
+      c && /* @__PURE__ */ o(_, { style: { color: U[500] } }),
+      !l && !p && !c && "-"
+    ] }),
+    /* @__PURE__ */ o(u, { component: "div", children: n }),
+    /* @__PURE__ */ o(u, { align: "right", component: "div", style: { fontVariantNumeric: "tabular-nums" }, children: i !== void 0 ? M(i) : "-" })
+  ] }) });
+}
+const W = {
+  root: {},
+  TableHead: {},
+  TableBody: {}
+};
+function x({
+  className: r,
+  classes: t,
+  jobId: i,
+  autoRefresh: n,
+  TableProps: s,
+  statusText: l,
+  stepText: p,
+  durationText: c,
+  JobTaskTableRowComponent: C,
+  JobTaskTableRowProps: T
+}) {
+  const { tasks: m = [] } = K(i, n);
+  return /* @__PURE__ */ k(
+    D,
+    {
+      className: E(r, t.root, "VdtJobTaskTable-root"),
+      component: "div",
+      ...s,
+      children: [
+        /* @__PURE__ */ o(H, { component: "div", className: t.TableHead, children: /* @__PURE__ */ k(N, { component: "div", children: [
+          /* @__PURE__ */ o(u, { padding: "checkbox", component: "div", children: l }),
+          /* @__PURE__ */ o(u, { component: "div", children: p }),
+          /* @__PURE__ */ o(u, { align: "right", component: "div", children: c })
+        ] }) }),
+        /* @__PURE__ */ o(O, { component: "div", className: t.TableHead, children: m.map((d) => /* @__PURE__ */ o(C, { task: d, ...T }, d.step)) })
+      ]
+    }
+  );
+}
+x.propTypes = {
+  className: e.string,
+  classes: e.objectOf(e.string),
+  jobId: e.string.isRequired,
+  autoRefresh: e.bool,
+  TableProps: e.objectOf(e.any),
+  statusText: e.string,
+  stepText: e.string,
+  durationText: e.string,
+  JobTaskTableRowComponent: e.elementType,
+  JobTaskTableRowProps: e.objectOf(e.any)
+};
+x.defaultProps = {
+  className: void 0,
+  classes: {},
+  autoRefresh: !1,
+  TableProps: {},
+  statusText: "Status",
+  stepText: "Step",
+  durationText: "Duration",
+  JobTaskTableRowComponent: Q,
+  JobTaskTableRowProps: {}
+};
+const me = A(W, { name: "VdtJobTaskTable" })(x);
+export {
+  me as default
+};

package/dist/es/job/const.js

@@ -0,0 +1,36 @@
+const s = "all", A = "READY", S = "STARTED", o = "VIDINET_JOB", I = "FINISHED", t = "FINISHED_WARNING", c = "WAITING", n = "ABORT_PENDING", E = "ABORTED", T = "FAILED_TOTAL", D = "LOWEST", N = "LOW", O = "MEDIUM", R = "HIGH", _ = "HIGHEST", L = "IMMEDIATE", H = [D, N, O, R, _, L], G = [
+  A,
+  S,
+  o,
+  I,
+  t,
+  c,
+  n,
+  E,
+  T
+], B = [s], M = [T, E], W = [I], F = [A, S, o, c, n], U = [I, t, T, E];
+export {
+  E as ABORTED,
+  n as ABORT_PENDING,
+  s as ALL,
+  B as ALL_STATES,
+  M as ERROR_STATES,
+  T as FAILED_TOTAL,
+  I as FINISHED,
+  t as FINISHED_WARNING,
+  R as HIGH,
+  _ as HIGHEST,
+  L as IMMEDIATE,
+  U as INACTIVE_STATES,
+  H as JOB_PRIORITIES,
+  G as JOB_STATES,
+  N as LOW,
+  D as LOWEST,
+  O as MEDIUM,
+  A as READY,
+  F as RUNNING_STATES,
+  S as STARTED,
+  W as SUCCESSFUL_STATES,
+  o as VIDINET_JOB,
+  c as WAITING
+};

package/dist/es/mapStringsBooleans.js

@@ -0,0 +1,27 @@
+function i(e, [t, r]) {
+  return r === "true" ? e[t] = !0 : r === "false" ? e[t] = !1 : Array.isArray(r) ? e[t] = r.map((s) => s === "true" ? !0 : s === "false" ? !1 : s) : typeof r == "object" ? e[t] = Object.entries(r).reduce(i, {}) : e[t] = r, e;
+}
+function o(e, [t, r], s) {
+  if (r === void 0)
+    return e;
+  if (r === null)
+    e[t] = null;
+  else if (r === !0)
+    e[t] = "true";
+  else if (r === !1)
+    e[t] = "false";
+  else if (Array.isArray(r))
+    e[t] = r.map((f) => f === !0 ? "true" : f === !1 ? "false" : f);
+  else if (typeof r == "object")
+    e[t] = Object.entries(r).reduce((f, n) => o(f, n, s), {});
+  else if (s) {
+    const f = r.split(s);
+    e[t] = f.length > 1 ? f : r;
+  } else
+    e[t] = r;
+  return e;
+}
+export {
+  o as booleansToStrings,
+  i as stringsToBooleans
+};

package/dist/es/media/MediaBadge.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import o from "clsx";
+import { withStyles as i } from "@material-ui/core";
+const d = (t) => {
+  const e = t.palette.type === "light";
+  return {
+    badge: {
+      height: "1rem",
+      marginRight: 6,
+      borderColor: e ? "rgba(0, 0, 0, 0.87)" : "rgba(255, 255, 255, 0.8)",
+      color: e ? "rgba(0, 0, 0, 0.87)" : "rgba(255, 255, 255, 0.8)",
+      borderWidth: 1.45,
+      borderStyle: "solid",
+      backgroundColor: e ? "unset" : "rgba(0, 0, 0, .15)",
+      padding: "0 4px",
+      borderRadius: 2.5,
+      whiteSpace: "nowrap",
+      fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
+      fontWeight: 900,
+      fontSize: "0.7rem",
+      letterSpacing: "0.08em",
+      textTransform: "uppercase",
+      minWidth: 32,
+      textAlign: "center"
+    }
+  };
+};
+function n({ className: t, classes: e, children: r }) {
+  return /* @__PURE__ */ a("span", { className: o(e.badge, "VdtMediaBadge-badge", t), children: r });
+}
+const m = i(d, { name: "VdtMediaBadge" })(n);
+export {
+  m as default
+};

package/dist/es/media/MediaBadges.js

@@ -0,0 +1,92 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import u from "clsx";
+import { withStyles as m } from "@material-ui/core";
+import { parseShapeType as n } from "@vidispine/vdt-js";
+import f from "./MediaBadge.js";
+const l = ({ shapeType: t, transcodePresetType: o }) => {
+  const a = o || n(t), e = [];
+  if (a.containerFormat && e.push(a.containerFormat), a.videoFormat && e.push(a.videoFormat), a.audioFormat && e.push(a.audioFormat), a.height) {
+    const { fieldOrder: s, height: r } = a, i = `${r}${s ? s[0] : "px"}`;
+    switch (r) {
+      case 720:
+        e.push("HD Ready");
+        break;
+      case 1080:
+        e.push("Full HD");
+        break;
+      case 1440:
+        e.push("Quad HD");
+        break;
+      case 2160:
+        e.push("4K UHD");
+        break;
+      case 4320:
+        e.push("8K UHD");
+        break;
+    }
+    r > 0 && r < 720 && e.push("SD"), e.push(i);
+  }
+  if (a.audioChannels) {
+    const { audioChannels: s } = a;
+    switch (s) {
+      case 1:
+        e.push("Mono");
+        break;
+      case 2:
+        e.push("Stereo");
+        break;
+      case 3:
+        e.push("2.1");
+        break;
+      case 6:
+        e.push("5.1");
+        break;
+      case 8:
+        e.push("7.1");
+        break;
+    }
+  }
+  if (a.colorPrimaries) {
+    const { colorPrimaries: s } = a;
+    switch (s) {
+      case "BT.2020":
+      case "REC.2020":
+        e.push("HDR");
+        break;
+      case "BT.709":
+      case "REC.709":
+        e.push("SDR");
+        break;
+    }
+  }
+  if (a.textFormat && e.push("CC"), a.frameRate)
+    try {
+      a.frameRate.match(/\d/) ? e.push(`${a.frameRate}fps`) : e.push(a.frameRate);
+    } catch {
+    }
+  return a.aspectRatio && e.push(a.aspectRatio), [...new Set(e)];
+}, b = () => ({
+  root: {}
+});
+function g({
+  classes: t,
+  className: o,
+  generateBadges: a = l,
+  shapeType: e,
+  transcodePresetType: s,
+  MediaBadgeComponent: r = f,
+  MediaBadgeProps: i = {}
+}) {
+  const p = d(
+    () => a({ shapeType: e, transcodePresetType: s }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e]
+  );
+  return /* @__PURE__ */ h("div", { className: u(t.root, "VdtMediaBadges-root", o), children: p.map((c) => /* @__PURE__ */ h(r, { ...i, children: c }, c)) });
+}
+const C = m(b, { name: "VdtMediaBadges" })(g);
+export {
+  C as default,
+  l as generateBadges
+};

package/dist/es/media/MediaCard/MediaCard.js

@@ -0,0 +1,160 @@
+import { jsxs as z, jsx as n } from "react/jsx-runtime";
+import { useState as B } from "react";
+import D from "clsx";
+import e from "prop-types";
+import E from "../MediaCardActions.js";
+import F from "../MediaCardAvatar/index.js";
+import G from "../MediaCardCard.js";
+import I from "../MediaCardContent.js";
+import J from "../MediaCardHeader.js";
+import K from "../MediaCardMenu.js";
+import L from "../MediaCardThumbnail/index.js";
+const ae = () => ({
+  root: {}
+});
+function f({
+  className: l,
+  classes: v,
+  onHover: Q,
+  onCheck: d,
+  onClick: m,
+  checked: a,
+  title: u,
+  subheader: y,
+  image: h,
+  content: b,
+  avatar: M,
+  CardComponent: T,
+  CardProps: j,
+  HeaderComponent: s,
+  HeaderProps: k,
+  ThumbnailComponent: i,
+  ThumbnailProps: O,
+  ContentComponent: p,
+  ContentProps: P,
+  ActionsComponent: c,
+  ActionsProps: A,
+  AvatarComponent: H,
+  AvatarProps: g,
+  MenuComponent: x,
+  MenuProps: N,
+  ...o
+}) {
+  const [S, V] = B(!1), t = a === void 0 ? S : a, C = (r) => {
+    a === void 0 && V(!t), d && d(r, !t, o);
+  }, $ = m ? (r, q, w) => m(r, o, q, w) : void 0;
+  return /* @__PURE__ */ z(
+    T,
+    {
+      className: D(l, v.root),
+      checked: t,
+      innerProps: o,
+      ...j,
+      children: [
+        s && /* @__PURE__ */ n(
+          s,
+          {
+            title: u,
+            subheader: y,
+            avatar: M,
+            handleChecked: C,
+            checked: t,
+            innerProps: o,
+            AvatarComponent: H,
+            AvatarProps: g,
+            MenuComponent: x,
+            MenuProps: N,
+            ...k,
+            ...o
+          }
+        ),
+        i && /* @__PURE__ */ n(
+          i,
+          {
+            image: h,
+            innerProps: o,
+            onClick: $,
+            ...O
+          }
+        ),
+        p && /* @__PURE__ */ n(p, { content: b, innerProps: o, ...P }),
+        c && /* @__PURE__ */ n(
+          c,
+          {
+            handleChecked: C,
+            checked: t,
+            innerProps: o,
+            ...A
+          }
+        )
+      ]
+    }
+  );
+}
+f.propTypes = {
+  className: e.string,
+  classes: e.objectOf(e.any),
+  onClick: e.func,
+  onHover: e.func,
+  onCheck: e.func,
+  checked: e.bool,
+  hover: e.bool,
+  title: e.node,
+  subheader: e.node,
+  image: e.string,
+  content: e.string,
+  avatar: e.string,
+  /** Pass `null` to disable */
+  CardComponent: e.elementType,
+  /** Pass `null` to disable */
+  HeaderComponent: e.elementType,
+  /** Pass `null` to disable */
+  ThumbnailComponent: e.elementType,
+  /** Pass `null` to disable */
+  ContentComponent: e.elementType,
+  /** Pass `null` to disable */
+  ActionsComponent: e.elementType,
+  /** Pass `null` to disable */
+  AvatarComponent: e.elementType,
+  /** Pass `null` to disable */
+  MenuComponent: e.elementType,
+  CardProps: e.objectOf(e.any),
+  HeaderProps: e.objectOf(e.any),
+  ThumbnailProps: e.objectOf(e.any),
+  ContentProps: e.objectOf(e.any),
+  ActionsProps: e.objectOf(e.any),
+  AvatarProps: e.objectOf(e.any),
+  MenuProps: e.objectOf(e.any)
+};
+f.defaultProps = {
+  className: "VdtMediaCard",
+  classes: {},
+  onClick: void 0,
+  onHover: void 0,
+  onCheck: void 0,
+  checked: void 0,
+  hover: void 0,
+  title: void 0,
+  subheader: void 0,
+  image: void 0,
+  content: void 0,
+  avatar: void 0,
+  CardComponent: G,
+  HeaderComponent: J,
+  ThumbnailComponent: L,
+  ContentComponent: I,
+  ActionsComponent: E,
+  AvatarComponent: F,
+  MenuComponent: K,
+  CardProps: {},
+  HeaderProps: {},
+  ThumbnailProps: {},
+  ContentProps: {},
+  ActionsProps: {},
+  AvatarProps: {},
+  MenuProps: {}
+};
+export {
+  f as default,
+  ae as styles
+};

package/dist/es/media/MediaCard/index.js

@@ -0,0 +1,7 @@
+import { withStyles as a } from "@material-ui/core";
+import e, { styles as t } from "./MediaCard.js";
+const d = a(t, { name: "VdtMediaCard" })(e);
+d.displayName = "MediaCard";
+export {
+  d as default
+};