@vidispine/vdt-mui 23.4.0-pre.3 → 23.4.0

package/dist/es/upload/UploadListItem/components/UploadListItemProgress.js

@@ -0,0 +1,16 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import t from "@mui/material/Box";
+import d from "@mui/material/LinearProgress";
+import n from "@mui/material/Typography";
+const i = ({
+  value: o,
+  ...e
+}) => /* @__PURE__ */ s(t, { display: "flex", alignItems: "center", ...e, children: [
+  /* @__PURE__ */ r(t, { width: "100%", mr: 1, children: /* @__PURE__ */ r(d, { variant: "determinate", value: o }) }),
+  /* @__PURE__ */ r(t, { minWidth: 35, children: o && /* @__PURE__ */ r(n, { variant: "body2", color: "textSecondary", children: `${Math.round(o)}%` }) })
+] });
+i.defaultProps = {};
+const c = i;
+export {
+  c as default
+};

package/dist/es/upload/UploadListItem/components/UploadListItemSecondaryAction.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface UploadListItemSecondaryActionProps {
+    progress?: any;
+    isComplete?: boolean;
+    isUploading?: boolean;
+    onRemove?: React.MouseEventHandler<HTMLButtonElement>;
+}
+declare const UploadListItemSecondaryAction: React.FC<UploadListItemSecondaryActionProps>;
+export default UploadListItemSecondaryAction;

package/dist/es/upload/UploadListItem/components/UploadListItemSecondaryAction.js

@@ -0,0 +1,33 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import r from "@mui/icons-material/esm/CheckCircle";
+import d from "@mui/icons-material/esm/Delete";
+import m from "@mui/icons-material/esm/QueryBuilder";
+import a from "@mui/material/IconButton";
+import p from "@mui/material/ListItemSecondaryAction";
+import { styled as t } from "@mui/material/styles";
+const I = t(p)(() => ({
+  position: "initial",
+  transform: "unset"
+})), y = t(r)(({
+  theme: e
+}) => ({
+  color: e.palette.success.main
+})), u = t(m)(() => ({
+  color: "initial"
+})), f = t(d)(() => ({
+  position: "absolute",
+  visibility: "hidden"
+})), i = ({
+  progress: e,
+  isComplete: c,
+  onRemove: n,
+  isUploading: s
+}) => /* @__PURE__ */ o(I, { children: /* @__PURE__ */ l(a, { edge: "end", onClick: n, disabled: s, children: [
+  e && (c ? /* @__PURE__ */ o(y, { className: "UploadListItemActions-completeIcon" }) : /* @__PURE__ */ o(u, { className: "UploadListItemActions-progressIcon" })),
+  /* @__PURE__ */ o(f, { className: "UploadListItemActions-deleteIcon" })
+] }) });
+i.defaultProps = {};
+const k = i;
+export {
+  k as default
+};

package/dist/es/upload/UploadListItem/components/UploadListItemText.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type UploadListItemTextProps = {
+    file?: Partial<File>;
+    showProgress?: boolean;
+    progressPercent?: number;
+};
+declare const UploadListItemText: React.FC<UploadListItemTextProps>;
+export default UploadListItemText;

package/dist/es/upload/UploadListItem/components/UploadListItemText.js

@@ -0,0 +1,30 @@
+import { jsx as o, jsxs as s, Fragment as l } from "react/jsx-runtime";
+import { filesize as d } from "filesize";
+import c from "@mui/material/Box";
+import f from "@mui/material/ListItemText";
+import e from "@mui/material/Typography";
+import x from "./UploadListItemProgress.js";
+const i = ({
+  file: a,
+  showProgress: m,
+  progressPercent: n
+}) => {
+  const {
+    size: t,
+    name: p
+  } = a || {}, r = t ? d(t) : void 0;
+  return /* @__PURE__ */ o(f, { disableTypography: !0, sx: {
+    marginLeft: 1
+  }, primary: /* @__PURE__ */ s(l, { children: [
+    /* @__PURE__ */ o(e, { variant: "body1", component: "span", display: "block", noWrap: !0, children: p }),
+    r && /* @__PURE__ */ o(e, { variant: "body2", component: "span", display: "block", noWrap: !0, children: r }),
+    /* @__PURE__ */ o(c, { sx: {
+      minHeight: 16
+    }, children: m && /* @__PURE__ */ o(x, { value: n }) })
+  ] }) });
+};
+i.defaultProps = {};
+const T = i;
+export {
+  T as default
+};

package/dist/es/upload/UploadListItem/components/UploadListItemThumbnail.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface UploadListItemThumbnailProps {
+    file?: Partial<File>;
+}
+declare const UploadListItemThumbnail: React.FC<UploadListItemThumbnailProps>;
+export default UploadListItemThumbnail;

package/dist/es/upload/UploadListItem/components/UploadListItemThumbnail.js

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useMemo as s } from "react";
+import c from "@mui/icons-material/esm/Folder";
+import l from "@mui/material/ListItemAvatar";
+import u from "@mui/material/Avatar";
+import n from "@mui/material/Box";
+import { styled as e } from "@mui/material/styles";
+import h from "../../../general/MediaIcon/index.js";
+const p = e(n)(() => ({
+  display: "flex",
+  margin: 8,
+  borderRadius: 2,
+  border: "1px solid #eaeaea",
+  width: 80,
+  height: 80,
+  padding: 4,
+  boxSizing: "border-box",
+  overflow: "hidden"
+})), g = e(l)(() => ({
+  width: "100%",
+  height: "100%"
+})), f = e(u)(() => ({
+  width: "100%",
+  height: "100%"
+})), a = e(n)(() => ({
+  display: "block",
+  width: "auto",
+  height: "100%"
+})), d = ["video/mp4"], m = ({
+  file: r
+}) => {
+  const o = r == null ? void 0 : r.type, i = s(() => {
+    try {
+      return o !== "folder" ? URL.createObjectURL(r) : void 0;
+    } catch {
+      return;
+    }
+  }, [r, o]);
+  return /* @__PURE__ */ t(p, {
+    // eslint-disable-next-line no-nested-ternary
+    children: o && (o != null && o.includes("image")) ? /* @__PURE__ */ t(a, { component: "img", src: i, alt: i }) : o && (d != null && d.includes(o)) ? /* @__PURE__ */ t(a, { component: "video", autoPlay: !0, muted: !0, children: /* @__PURE__ */ t("source", { src: i, type: o }) }) : /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(f, { variant: "square", children: o === "folder" ? /* @__PURE__ */ t(c, { fontSize: "large" }) : /* @__PURE__ */ t(h, { type: o != null && o.includes("/") ? o == null ? void 0 : o.split("/")[0] : o, componentsProps: {
+      root: {
+        fontSize: "large"
+      }
+    } }) }) })
+  });
+};
+m.defaultProps = {};
+const A = m;
+export {
+  A as default
+};

package/dist/es/upload/UploadListItem/index.d.ts

@@ -0,0 +1,3 @@
+import Component from './UploadListItem';
+declare const StyledComponent: typeof Component;
+export default StyledComponent;

package/dist/es/upload/UploadListItem/index.js

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

package/dist/es/upload/_utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getMockFile: (filename: string, path?: string) => {
+    name: string;
+    type: string;
+    path: string;
+    size: number;
+};

package/dist/es/upload/index.d.ts

@@ -0,0 +1,4 @@
+export { default as UploadDropzone } from './UploadDropzone';
+export { default as UploadListItem } from './UploadListItem';
+export { default as UploadFileTree } from './UploadFileTree';
+export { default as UploadFileTreeItem } from './UploadFileTreeItem';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.4.0-pre.3",
+  "version": "23.4.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public",
@@ -40,37 +40,40 @@
     "new:component": "hygen new component"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.14.19",
-    "@mui/lab": "^5.0.0-alpha.155",
-    "@mui/material": "^5.14.20",
-    "@vidispine/types": "23.4.0-pre.3",
-    "@vidispine/vdt-api": "23.4.0-pre.3",
-    "@vidispine/vdt-js": "23.4.0-pre.3",
-    "clsx": "^1.2.1"
+    "@mui/icons-material": "^5.15.0",
+    "@mui/material": "^5.15.0",
+    "@mui/system": "^5.15.0",
+    "@vidispine/types": "23.4.0",
+    "@vidispine/vdt-api": "23.4.0",
+    "@vidispine/vdt-js": "23.4.0",
+    "clsx": "^1.2.1",
+    "filesize": "10.1.0"
   },
   "peerDependencies": {
     "@mui/x-date-pickers": "^5.0.0",
+    "@mui/x-tree-view": "^6.0.0",
     "@tanstack/react-virtual": "3.0.0-beta.30",
     "dayjs": "^1.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
+    "react-dropzone": "14.2.3",
     "react-hook-form": "^7.0.0",
     "react-imask": "^6.4.3"
   },
   "devDependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@vidispine/eslint-config-mdx": "23.4.0-pre.3",
-    "@vidispine/eslint-config-react": "23.4.0-pre.3",
-    "@vidispine/eslint-config-storybook": "23.4.0-pre.3",
-    "@vidispine/prettier-config": "23.4.0-pre.3",
-    "@vidispine/proptypes": "23.4.0-pre.3",
-    "@vidispine/tests": "23.4.0-pre.3",
+    "@vidispine/eslint-config-mdx": "23.4.0",
+    "@vidispine/eslint-config-react": "23.4.0",
+    "@vidispine/eslint-config-storybook": "23.4.0",
+    "@vidispine/prettier-config": "23.4.0",
+    "@vidispine/proptypes": "23.4.0",
+    "@vidispine/tests": "23.4.0",
     "@vitejs/plugin-react": "4.2.1",
     "babel-plugin-transform-import": "1.5.4",
     "eslint": "8.55.0",
     "hygen": "6.2.11",
-    "prettier": "3.1.0",
+    "prettier": "3.1.1",
     "rimraf": "5.0.5",
     "typescript": "5.0.4",
     "vite": "4.5.1",