@vidispine/vdt-mui 23.4.0-pre.2 → 23.4.0-pre.4

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,9 +1,10 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.4.0-pre.2",
+  "version": "23.4.0-pre.4",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "description": "Mui (v5) library for VidiCore",
   "homepage": "https://vidispine.github.io/vdt/?path=/docs/vdt-mui",
@@ -39,40 +40,44 @@
     "new:component": "hygen new component"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.14.8",
-    "@mui/lab": "^5.0.0-alpha.120",
-    "@mui/material": "^5.14.8",
-    "@vidispine/proptypes": "23.4.0-pre.2",
-    "@vidispine/types": "23.4.0-pre.2",
-    "@vidispine/vdt-api": "23.4.0-pre.2",
-    "@vidispine/vdt-js": "23.4.0-pre.2",
-    "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-pre.4",
+    "@vidispine/vdt-api": "23.4.0-pre.4",
+    "@vidispine/vdt-js": "23.4.0-pre.4",
+    "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",
-    "react-dom": "^17.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": {
-    "@vidispine/eslint-config-mdx": "23.4.0-pre.2",
-    "@vidispine/eslint-config-react": "23.4.0-pre.2",
-    "@vidispine/eslint-config-storybook": "23.4.0-pre.2",
-    "@vidispine/eslint-config-typescript": "23.4.0-pre.2",
-    "@vidispine/prettier-config": "23.4.0-pre.2",
-    "@vidispine/proptypes": "23.4.0-pre.2",
-    "@vidispine/tests": "23.4.0-pre.2",
-    "@vitejs/plugin-react": "3.1.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@vidispine/eslint-config-mdx": "23.4.0-pre.4",
+    "@vidispine/eslint-config-react": "23.4.0-pre.4",
+    "@vidispine/eslint-config-storybook": "23.4.0-pre.4",
+    "@vidispine/prettier-config": "23.4.0-pre.4",
+    "@vidispine/proptypes": "23.4.0-pre.4",
+    "@vidispine/tests": "23.4.0-pre.4",
+    "@vitejs/plugin-react": "4.2.1",
     "babel-plugin-transform-import": "1.5.4",
-    "eslint": "8.48.0",
+    "eslint": "8.55.0",
     "hygen": "6.2.11",
-    "prettier": "2.8.8",
-    "rimraf": "3.0.2",
-    "vite": "4.4.9",
-    "vite-plugin-dts": "3.5.3"
+    "prettier": "3.1.1",
+    "rimraf": "5.0.5",
+    "typescript": "5.0.4",
+    "vite": "4.5.1",
+    "vite-plugin-dts": "3.6.4"
   },
   "eslintConfig": {
     "extends": [