@vidispine/vdt-materialui 23.3.0-pre.4 → 23.3.0-pre.6

package/dist/es/search/SavedSearch/SavedSearchRow.js

@@ -1,13 +1,13 @@
-import { jsxs as r, Fragment as _, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, Fragment as $, jsx as e } from "react/jsx-runtime";
 import { useRef as ye, useState as f } from "react";
-import be from "clsx";
-import { withStyles as Me, ListItem as xe, ListItemIcon as o, IconButton as Ne, ListItemText as l, TextField as Oe, InputAdornment as Re, ButtonBase as S, Menu as Te, MenuItem as c, Popover as Ae, Divider as Fe } from "@material-ui/core";
-import { ChevronLeft as Pe, Folder as ze, Search as j, CreateNewFolderOutlined as Be, YoutubeSearchedFor as Ue, Lock as Ve, Check as De, Close as Le, Edit as _e, Share as je, Delete as qe, MoreVert as We } from "@material-ui/icons";
-import { parseMetadataType as $e, createMetadataType as He } from "@vidispine/vdt-js";
-import we from "../../icons/FolderMultipleIcon.js";
-import Ge from "./SavedSearchAccessList.js";
-import Ke from "./ShareSearch.js";
-const q = "SHARE_MENU", v = "LISTACCESS_MENU", Ye = (t) => ({
+import Me from "clsx";
+import { withStyles as Ne, ListItem as xe, ListItemIcon as o, IconButton as Oe, ListItemText as l, TextField as Fe, InputAdornment as Re, ButtonBase as v, Menu as Te, MenuItem as c, Popover as Ae, Divider as Pe } from "@material-ui/core";
+import { ChevronLeft as ze, Folder as Be, Search as j, CreateNewFolderOutlined as Ue, YoutubeSearchedFor as Ve, Lock as De, Check as Le, Close as _e, Edit as $e, Share as je, Delete as qe, MoreVert as We } from "@material-ui/icons";
+import { parseMetadataType as He, createMetadataType as we } from "@vidispine/vdt-js";
+import Ge from "../../icons/FolderMultipleIcon.js";
+import Ke from "./SavedSearchAccessList.js";
+import Ye from "./ShareSearch.js";
+const q = "SHARE_MENU", I = "LISTACCESS_MENU", Je = (r) => ({
   root: {
     "&:hover $SubmitSearchIcon": {
       visibility: "visible"
@@ -27,120 +27,123 @@ const q = "SHARE_MENU", v = "LISTACCESS_MENU", Ye = (t) => ({
   },
   menuContext: {},
   menuExpand: {
-    minWidth: t.breakpoints.values.sm / 2
+    minWidth: r.breakpoints.values.sm / 2
+  },
+  invisibleCursor: {
+    caretColor: "transparent"
   },
   CancelEditIcon: {
-    marginRight: t.spacing(0.5),
+    marginRight: r.spacing(0.5),
     "&:hover": {
       color: "red"
     }
   },
   SubmitTitleIcon: {
-    marginRight: t.spacing(0.5),
+    marginRight: r.spacing(0.5),
     "&:hover": {
       color: "green"
     }
   },
   OptionsIcon: {
-    marginRight: t.spacing(0.5)
+    marginRight: r.spacing(0.5)
   }
 });
-function Je({
-  classes: t,
+function Qe({
+  classes: r,
   collectionType: W,
-  onSelect: $,
-  onAddRow: H,
-  onExpand: w,
-  onDelete: G,
-  onUpdateSearchMetadata: K,
-  disableDeletion: I,
-  type: h,
-  accessTranslate: Y,
-  extraMenuItems: J = [],
-  isFolderRow: Q = !1,
-  hideSubFolderSharing: X = !1,
-  isLoading: Z,
-  allowDelete: E = () => !0,
+  onSelect: H,
+  onAddRow: w,
+  onExpand: G,
+  onDelete: K,
+  onUpdateSearchMetadata: Y,
+  disableDeletion: E,
+  type: d,
+  accessTranslate: J,
+  extraMenuItems: Q = [],
+  isFolderRow: X = !1,
+  hideSubFolderSharing: Z = !1,
+  isLoading: ee,
+  allowDelete: b = () => !0,
   allowShare: k = () => !0,
   allowListAccess: m = () => !0,
   allowEditTitle: y = () => !0,
-  ListAccessComponent: ee = Ge,
-  ListAccessProps: ne = {},
-  ShareComponent: te = Ke,
+  ListAccessComponent: ne = Ke,
+  ListAccessProps: re = {},
+  ShareComponent: te = Ye,
   ShareProps: ie = {},
-  addFolderText: re = "Add folder",
-  addSearchText: oe = "Add search",
-  editTitleText: le = "Edit",
-  shareText: ce = "Share",
-  listAccessText: ae = "Access",
-  deleteText: b = "Delete",
-  backText: de = "Back",
-  FolderSingleIcon: se = ze,
-  FolderMultiIcon: ue = we,
-  QueryIcon: he = j,
-  CreateFolderIcon: M = Be,
+  addFolderText: oe = "Add folder",
+  addSearchText: le = "Add search",
+  editTitleText: ce = "Edit",
+  shareText: ae = "Share",
+  listAccessText: de = "Access",
+  deleteText: M = "Delete",
+  backText: se = "Back",
+  FolderSingleIcon: ue = Be,
+  FolderMultiIcon: he = Ge,
+  QueryIcon: me = j,
+  CreateFolderIcon: N = Ue,
   AddNewSearch: x = j,
-  SubmitSearchIcon: N = Ue,
-  ListAccessIcon: O = Ve,
-  SubmitTitleIcon: me = De,
-  CancelEditIcon: pe = Le,
-  EditTitleIcon: R = _e,
+  SubmitSearchIcon: O = Ve,
+  ListAccessIcon: F = De,
+  SubmitTitleIcon: pe = Le,
+  CancelEditIcon: fe = _e,
+  EditTitleIcon: R = $e,
   ShareSearchIcon: T = je,
   DeleteSearchIcon: A = qe,
-  OptionsIcon: fe = We
+  OptionsIcon: Ce = We
 }) {
-  const { metadata: F = {} } = W, i = $e(F, { joinValue: ",", flat: !0 }), P = ye(), [p, d] = f(null), [z, B] = f(i.title || ""), [C, s] = f(null), [a, g] = f(!1), Ce = (n) => {
-    n.stopPropagation && n.stopPropagation(), s(n.currentTarget);
-  }, u = (n = () => null, ke = "") => (L) => {
-    L.stopPropagation && L.stopPropagation(), s(null), n(ke);
-  }, U = () => K(He({ title: z })).then(() => g(!1)), ge = u(() => {
-    g(!0), P.current.focus();
-  }), Se = () => {
-    B(i.title), g(!1);
-  }, ve = u(G), V = u($), Ie = u(w), D = (n) => u(H, n), Ee = (n) => {
-    n(F), s(null);
-  };
-  return /* @__PURE__ */ r(_, { children: [
-    /* @__PURE__ */ r(
+  const { metadata: P = {} } = W, t = He(P, { joinValue: ",", flat: !0 }), z = ye(), [p, s] = f(null), [B, U] = f(t.title || ""), [C, u] = f(null), [a, g] = f(!1), ge = (n) => {
+    n.stopPropagation && n.stopPropagation(), u(n.currentTarget);
+  }, h = (n = () => null, ke = "") => (_) => {
+    _.stopPropagation && _.stopPropagation(), u(null), n(ke);
+  }, V = () => Y(we({ title: B })).then(() => g(!1)), Se = h(() => {
+    g(!0), z.current.focus();
+  }), ve = () => {
+    U(t.title), g(!1);
+  }, Ie = h(K), S = h(H), D = h(G), L = (n) => h(w, n), Ee = (n) => {
+    n(P), u(null);
+  }, be = d !== "folder" ? S : D;
+  return /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ i(
       xe,
       {
         disableGutters: !0,
         dense: !0,
-        className: t.root,
+        className: r.root,
         button: !0,
-        onClick: h === "query" ? V : Ie,
-        disabled: Z,
+        onClick: d === "query" ? S : D,
+        disabled: ee,
         children: [
-          Q ? {
-            folder: /* @__PURE__ */ e(o, { className: t.FolderIcon, children: I ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ e(se, {}) }),
-            query: /* @__PURE__ */ e(o, { className: t.FolderIcon, children: /* @__PURE__ */ e(he, {}) })
-          }[h] : N && /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Ne, { size: "small", onClick: V, children: /* @__PURE__ */ e(N, { className: t.SubmitSearchIcon }) }) }),
+          X ? {
+            folder: /* @__PURE__ */ e(o, { className: r.FolderIcon, children: E ? /* @__PURE__ */ e(he, {}) : /* @__PURE__ */ e(ue, {}) }),
+            query: /* @__PURE__ */ e(o, { className: r.FolderIcon, children: /* @__PURE__ */ e(me, {}) })
+          }[d] : O && /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Oe, { size: "small", onClick: S, children: /* @__PURE__ */ e(O, { className: r.SubmitSearchIcon }) }) }),
           /* @__PURE__ */ e(
             l,
             {
               primary: /* @__PURE__ */ e(
-                Oe,
+                Fe,
                 {
                   fullWidth: !0,
-                  value: z,
-                  onChange: a ? (n) => B(n.target.value) : void 0,
-                  onClick: a ? (n) => n.stopPropagation() : void 0,
+                  className: a ? "" : `${r.invisibleCursor}`,
+                  value: B,
+                  onChange: a ? (n) => U(n.target.value) : void 0,
+                  onClick: a ? (n) => n.stopPropagation() : be,
                   onKeyPress: (n) => {
-                    n.key === "Enter" && (n.preventDefault(), U());
+                    n.key === "Enter" && (n.preventDefault(), V());
                   },
                   InputProps: {
                     inputProps: {
-                      disabled: !a,
-                      ref: P,
-                      className: be(t.input, { [t.inputDisabled]: !a })
+                      ref: z,
+                      className: Me(r.input, { [r.inputDisabled]: !a })
                     },
                     disableUnderline: !a,
-                    endAdornment: /* @__PURE__ */ e(Re, { position: "end", children: a ? /* @__PURE__ */ r(_, { children: [
-                      /* @__PURE__ */ e(S, { size: "small", onClick: Se, children: /* @__PURE__ */ e(pe, { className: t.CancelEditIcon }) }),
-                      /* @__PURE__ */ e(S, { size: "small", onClick: U, children: /* @__PURE__ */ e(me, { className: t.SubmitTitleIcon }) })
-                    ] }) : [k, m, E, y].some(
-                      (n) => n(i)
-                    ) && /* @__PURE__ */ e(S, { size: "small", onClick: Ce, children: /* @__PURE__ */ e(fe, { className: t.OptionsIcon }) }) })
+                    endAdornment: /* @__PURE__ */ e(Re, { position: "end", children: a ? /* @__PURE__ */ i($, { children: [
+                      /* @__PURE__ */ e(v, { size: "small", onClick: ve, children: /* @__PURE__ */ e(fe, { className: r.CancelEditIcon }) }),
+                      /* @__PURE__ */ e(v, { size: "small", onClick: V, children: /* @__PURE__ */ e(pe, { className: r.SubmitTitleIcon }) })
+                    ] }) : [k, m, b, y].some(
+                      (n) => n(t)
+                    ) && /* @__PURE__ */ e(v, { size: "small", onClick: ge, children: /* @__PURE__ */ e(Ce, { className: r.OptionsIcon }) }) })
                   }
                 }
               )
@@ -155,7 +158,7 @@ function Je({
         anchorEl: C,
         open: !!C && p === null,
         keepMounted: !0,
-        onClose: () => s(null),
+        onClose: () => u(null),
         getContentAnchorEl: null,
         anchorOrigin: {
           vertical: "bottom",
@@ -165,48 +168,48 @@ function Je({
           vertical: "top",
           horizontal: "right"
         },
-        children: /* @__PURE__ */ r("div", { className: t.menuContext, children: [
-          m(i) && h === "folder" && /* @__PURE__ */ r(
+        children: /* @__PURE__ */ i("div", { className: r.menuContext, children: [
+          m(t) && d === "folder" && /* @__PURE__ */ i(
             c,
             {
               dense: !0,
-              onClick: D({ id: i.collectionId, type: "folder" }),
+              onClick: L({ id: t.collectionId, type: "folder" }),
               children: [
-                M ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(M, {}) }) : null,
-                /* @__PURE__ */ e(l, { primary: re })
+                N ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(N, {}) }) : null,
+                /* @__PURE__ */ e(l, { primary: oe })
               ]
             },
             1
           ),
-          m(i) && h === "folder" && /* @__PURE__ */ r(
+          m(t) && d === "folder" && /* @__PURE__ */ i(
             c,
             {
               dense: !0,
-              onClick: D({ id: i.collectionId, type: "query" }),
+              onClick: L({ id: t.collectionId, type: "query" }),
               children: [
                 x ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(x, {}) }) : null,
-                /* @__PURE__ */ e(l, { primary: oe })
+                /* @__PURE__ */ e(l, { primary: le })
               ]
             },
             2
           ),
-          y(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: ge, children: [
+          y(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: Se, children: [
             R ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(R, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: le })
+            /* @__PURE__ */ e(l, { primary: ce })
           ] }, 3),
-          m(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: () => d(v), children: [
-            O ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(O, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: ae })
+          m(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: () => s(I), children: [
+            F ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(F, {}) }) : null,
+            /* @__PURE__ */ e(l, { primary: de })
           ] }, 4),
-          k(i) && !X && /* @__PURE__ */ r(c, { dense: !0, onClick: () => d(q), children: [
+          k(t) && !Z && /* @__PURE__ */ i(c, { dense: !0, onClick: () => s(q), children: [
             T ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(T, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: ce })
+            /* @__PURE__ */ e(l, { primary: ae })
           ] }, 5),
-          E(i) && /* @__PURE__ */ r(c, { dense: !0, onClick: ve, disabled: I, children: [
+          b(t) && /* @__PURE__ */ i(c, { dense: !0, onClick: Ie, disabled: E, children: [
             A ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(A, {}) }) : null,
-            /* @__PURE__ */ e(l, { primary: b })
+            /* @__PURE__ */ e(l, { primary: M })
           ] }, 6),
-          J.map((n) => /* @__PURE__ */ r(
+          Q.map((n) => /* @__PURE__ */ i(
             c,
             {
               dense: !0,
@@ -235,29 +238,29 @@ function Je({
           horizontal: "right"
         },
         onClose: () => {
-          d(null), s(null);
+          s(null), u(null);
         },
-        children: /* @__PURE__ */ r("div", { className: t.menuExpand, children: [
-          /* @__PURE__ */ r(c, { onClick: () => d(null), children: [
-            /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(Pe, {}) }),
-            /* @__PURE__ */ e(l, { primary: de })
+        children: /* @__PURE__ */ i("div", { className: r.menuExpand, children: [
+          /* @__PURE__ */ i(c, { onClick: () => s(null), children: [
+            /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(ze, {}) }),
+            /* @__PURE__ */ e(l, { primary: se })
           ] }),
-          /* @__PURE__ */ e(Fe, {}),
+          /* @__PURE__ */ e(Pe, {}),
           p === q && /* @__PURE__ */ e(
             te,
             {
-              collectionId: i.collectionId,
-              onSuccess: () => d(v),
+              collectionId: t.collectionId,
+              onSuccess: () => s(I),
               ...ie
             }
           ),
-          p === v && /* @__PURE__ */ e(
-            ee,
+          p === I && /* @__PURE__ */ e(
+            ne,
             {
-              entityAccessMenuText: b,
-              collectionId: i.collectionId,
-              accessTranslate: Y,
-              ...ne
+              entityAccessMenuText: M,
+              collectionId: t.collectionId,
+              accessTranslate: J,
+              ...re
             }
           )
         ] })
@@ -265,7 +268,7 @@ function Je({
     )
   ] });
 }
-const cn = Me(Ye, { name: "VdtSavedSearchRow" })(Je);
+const an = Ne(Je, { name: "VdtSavedSearchRow" })(Qe);
 export {
-  cn as default
+  an as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "23.3.0-pre.4",
+  "version": "23.3.0-pre.6",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -35,11 +35,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@vidispine/proptypes": "23.3.0-pre.4",
-    "@vidispine/vdt-api": "23.3.0-pre.4",
-    "@vidispine/vdt-js": "23.3.0-pre.4",
-    "@vidispine/vdt-react": "23.3.0-pre.4",
-    "@vidispine/vdt-videojs-react": "23.3.0-pre.4",
+    "@vidispine/proptypes": "23.3.0-pre.6",
+    "@vidispine/vdt-api": "23.3.0-pre.6",
+    "@vidispine/vdt-js": "23.3.0-pre.6",
+    "@vidispine/vdt-react": "23.3.0-pre.6",
+    "@vidispine/vdt-videojs-react": "23.3.0-pre.6",
     "clsx": "^1.2.1",
     "filesize": "^10.0.6",
     "final-form": "^4.20.9",
@@ -70,11 +70,11 @@
   },
   "devDependencies": {
     "@types/jest": "28.1.8",
-    "@vidispine/eslint-config-mdx": "23.3.0-pre.4",
-    "@vidispine/eslint-config-react": "23.3.0-pre.4",
-    "@vidispine/eslint-config-storybook": "23.3.0-pre.4",
-    "@vidispine/prettier-config": "23.3.0-pre.4",
-    "@vidispine/proptypes": "23.3.0-pre.4",
+    "@vidispine/eslint-config-mdx": "23.3.0-pre.6",
+    "@vidispine/eslint-config-react": "23.3.0-pre.6",
+    "@vidispine/eslint-config-storybook": "23.3.0-pre.6",
+    "@vidispine/prettier-config": "23.3.0-pre.6",
+    "@vidispine/proptypes": "23.3.0-pre.6",
     "@vitejs/plugin-react": "3.1.0",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "0.21.4",
@@ -92,7 +92,8 @@
     "moment-duration-format": "2.3.2",
     "prettier": "2.8.4",
     "prop-types": "15.8.1",
-    "vite": "4.3.9"
+    "vite": "4.3.9",
+    "vite-plugin-svgr": "3.2.0"
   },
   "scarfSettings": {
     "enabled": false