@vidispine/vdt-materialui 25.4.4 → 25.4.6

package/dist/cjs/item/ItemShapeTable/components/ItemShapeRow.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("react"),x=require("lodash.get"),l=require("@material-ui/core"),t=require("@material-ui/icons"),z=require("@vidispine/vdt-js"),w=require("../../ItemSourceTable/components/ShapeTypeTableBody.js"),B=require("./ItemShapeMenu.js");function R({shapeType:i,TableRowProps:b,canExpand:o=!0,onRemove:r,showDownload:C,itemId:a,storageListType:f,displayMethodTypes:m,storageMetadataKeys:g}){const{id:S}=i,n=j.useMemo(()=>z.parseShapeType(i),[i]),[c,T]=j.useState(!1),p=()=>T(v=>!v),{containerComponent:{file:s=[]}={}}=i;let d,u;s.length>0&&(d=x(s,"[0].uri[0]","undefined"),u=x(s,"[0].path","undefined"));const q=i.tag.join(", "),h=n.fileSize==="-1 B"?"Not Available":n.fileSize;return e.jsxs(e.Fragment,{children:[e.jsxs(l.TableRow,{...b,children:[e.jsx(l.TableCell,{children:o&&e.jsx(l.IconButton,{size:"small",onClick:p,children:c?e.jsx(t.ExpandMore,{}):e.jsx(t.ChevronRight,{})})}),e.jsx(l.TableCell,{children:q}),e.jsxs(l.Hidden,{smDown:!0,children:[e.jsx(l.TableCell,{children:n.containerFormat}),e.jsx(l.TableCell,{children:n.videoCodec}),e.jsx(l.TableCell,{children:n.audioCodec}),e.jsx(l.TableCell,{children:n.frameRate})]}),e.jsx(l.TableCell,{children:n.dimension}),e.jsx(l.TableCell,{children:h}),e.jsxs(l.TableCell,{children:[C&&e.jsx(l.IconButton,{size:"small",href:d,download:u,style:{visibility:n.fileSizeBytes?"visible":"hidden"},children:e.jsx(t.CloudDownload,{})}),r&&e.jsx(B.default,{shapeType:i,shapeId:S,itemId:a,onRemove:r})]})]}),o&&e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:9,children:e.jsx(l.Collapse,{in:c,timeout:"auto",unmountOnExit:!0,children:e.jsx(l.Box,{margin:1,children:e.jsx(l.Table,{size:"small",padding:"none",children:e.jsx(w.default,{shapeActualSize:h,shapeType:i,itemId:a,storageListType:f,displayMethodTypes:m,storageMetadataKeys:g})})})})})})]})}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),b=require("lodash.get"),l=require("@material-ui/core"),o=require("@material-ui/icons"),z=require("@vidispine/vdt-js"),w=require("../../ItemSourceTable/components/ShapeTypeTableBody.js"),B=require("./ItemShapeMenu.js");function R({shapeType:n,TableRowProps:f,canExpand:r=!0,onRemove:a,showDownload:C,itemId:c,storageListType:m,displayMethodTypes:g,storageMetadataKeys:S}){const{id:T}=n,i=x.useMemo(()=>z.parseShapeType(n),[n]),[d,p]=x.useState(!1),q=()=>p(s=>!s),{containerComponent:{file:t=[]}={}}=n;if(t.length===0){const{binaryComponent:s=[]}=n;s.length>0&&t.push(...s[0].file)}let u,h;t.length>0&&(u=b(t,"[0].uri[0]","undefined"),h=b(t,"[0].path","undefined"));const v=n.tag.join(", "),j=i.fileSize==="-1 B"?"Not Available":i.fileSize;return e.jsxs(e.Fragment,{children:[e.jsxs(l.TableRow,{...f,children:[e.jsx(l.TableCell,{children:r&&e.jsx(l.IconButton,{size:"small",onClick:q,children:d?e.jsx(o.ExpandMore,{}):e.jsx(o.ChevronRight,{})})}),e.jsx(l.TableCell,{children:v}),e.jsxs(l.Hidden,{smDown:!0,children:[e.jsx(l.TableCell,{children:i.containerFormat}),e.jsx(l.TableCell,{children:i.videoCodec}),e.jsx(l.TableCell,{children:i.audioCodec}),e.jsx(l.TableCell,{children:i.frameRate})]}),e.jsx(l.TableCell,{children:i.dimension}),e.jsx(l.TableCell,{children:j}),e.jsxs(l.TableCell,{children:[C&&e.jsx(l.IconButton,{size:"small",href:u,download:h,style:{visibility:i.fileSizeBytes?"visible":"hidden"},children:e.jsx(o.CloudDownload,{})}),a&&e.jsx(B.default,{shapeType:n,shapeId:T,itemId:c,onRemove:a})]})]}),r&&e.jsx(l.TableRow,{children:e.jsx(l.TableCell,{colSpan:9,children:e.jsx(l.Collapse,{in:d,timeout:"auto",unmountOnExit:!0,children:e.jsx(l.Box,{margin:1,children:e.jsx(l.Table,{size:"small",padding:"none",children:e.jsx(w.default,{shapeActualSize:j,shapeType:n,itemId:c,storageListType:m,displayMethodTypes:g,storageMetadataKeys:S})})})})})})]})}exports.default=R;

package/dist/cjs/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),h=require("react"),b=require("clsx"),e=require("prop-types"),a=require("@material-ui/core"),T=require("@vidispine/proptypes"),v=require("../QueryBuilder/index.js"),A=n=>({root:{padding:n.spacing(1)},resetButton:{},searchButton:{},DialogActions:{},errorButton:{color:n.palette.error.light,float:"left"},successButton:{color:n.palette.success.light,float:"left"}});function u({className:n,classes:o,resetText:g,searchText:f,onSubmit:l,itemSearchDocument:c,initialOperator:p,fields:m,groups:B,QueryBuilderProps:O,PaperProps:P,resetButtonProps:j,searchButtonProps:x,showGeneralOperator:q}){const[t,D]=h.useState(p),[i,d]=h.useState({operator:t,...c}),N=()=>{D(t.operation==="AND"?{operation:"OR"}:{operation:"AND"})},S=()=>{const r={...c,operator:p};d(r),l(r)},y=()=>{const r={...c,...i.toItemSearchDocument?i.toItemSearchDocument():i};r.operator.operation=t.operation,l(r)};return s.jsxs(a.Paper,{className:b(o.root,n),onKeyPress:r=>{r.key==="Enter"&&y()},variant:"outlined",elevation:0,square:!0,...P,children:[q&&s.jsx(a.Button,{className:t&&t.operation==="AND"?o.successButton:o.errorButton,edge:"end",onClick:N,size:"small",children:t&&t.operation}),s.jsx(v.default,{query:i,fields:m,groups:B,onChange:d,...O}),s.jsxs(a.DialogActions,{className:o.DialogActions,children:[s.jsx(a.Button,{className:o.resetButton,onClick:S,...j,children:g}),s.jsx(a.Button,{className:o.searchButton,variant:"contained",color:"primary",onClick:y,...x,children:f})]})]})}u.propTypes={classes:e.objectOf(e.string),className:e.string,resetText:e.string,searchText:e.string,onSubmit:e.func.isRequired,itemSearchDocument:T.ItemSearchType,initialOperator:e.objectOf(e.any),fields:e.arrayOf(e.shape({name:e.string,label:e.string,type:e.string})),groups:e.arrayOf(e.shape({name:e.string})),PaperProps:e.objectOf(e.any),QueryBuilderProps:e.objectOf(e.any),resetButtonProps:e.objectOf(e.any),searchButtonProps:e.objectOf(e.any),showGeneralOperator:e.bool};u.defaultProps={className:void 0,classes:{},resetText:"Reset",searchText:"Search",fields:void 0,groups:void 0,itemSearchDocument:{},initialOperator:{operation:"AND"},PaperProps:{},QueryBuilderProps:{},resetButtonProps:{},searchButtonProps:{},showGeneralOperator:!0};exports.default=u;exports.styles=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),y=require("react"),T=require("clsx"),e=require("prop-types"),a=require("@material-ui/core"),b=require("@vidispine/proptypes"),v=require("../QueryBuilder/index.js"),A=s=>({root:{padding:s.spacing(1)},resetButton:{},searchButton:{},DialogActions:{},errorButton:{color:s.palette.error.light,float:"left"},successButton:{color:s.palette.success.light,float:"left"}});function u({className:s,classes:o,resetText:h,searchText:g,onSubmit:l,itemSearchDocument:c,initialOperator:f,fields:m,groups:B,QueryBuilderProps:O,PaperProps:P,resetButtonProps:j,searchButtonProps:x,showGeneralOperator:N}){const[t,D]=y.useState(f),[i,p]=y.useState({operator:t,...c}),q=()=>{D(t.operation==="AND"?{operation:"OR"}:{operation:"AND"})},S=()=>{const r={...c,operator:{operation:t.operation==="NOT"?{operation:"AND"}:{operation:t.operation}}};p(r),l(r)},d=()=>{const r={...c,...i.toItemSearchDocument?i.toItemSearchDocument():i};r.operator.operation=t.operation,l(r)};return n.jsxs(a.Paper,{className:T(o.root,s),onKeyPress:r=>{r.key==="Enter"&&d()},variant:"outlined",elevation:0,square:!0,...P,children:[N&&n.jsx(a.Button,{className:t&&t.operation==="AND"?o.successButton:o.errorButton,edge:"end",onClick:q,size:"small",children:t&&t.operation}),n.jsx(v.default,{query:i,fields:m,groups:B,onChange:p,...O}),n.jsxs(a.DialogActions,{className:o.DialogActions,children:[n.jsx(a.Button,{className:o.resetButton,onClick:S,...j,children:h}),n.jsx(a.Button,{className:o.searchButton,variant:"contained",color:"primary",onClick:d,...x,children:g})]})]})}u.propTypes={classes:e.objectOf(e.string),className:e.string,resetText:e.string,searchText:e.string,onSubmit:e.func.isRequired,itemSearchDocument:b.ItemSearchType,initialOperator:e.objectOf(e.any),fields:e.arrayOf(e.shape({name:e.string,label:e.string,type:e.string})),groups:e.arrayOf(e.shape({name:e.string})),PaperProps:e.objectOf(e.any),QueryBuilderProps:e.objectOf(e.any),resetButtonProps:e.objectOf(e.any),searchButtonProps:e.objectOf(e.any),showGeneralOperator:e.bool};u.defaultProps={className:void 0,classes:{},resetText:"Reset",searchText:"Search",fields:void 0,groups:void 0,itemSearchDocument:{},initialOperator:{operation:"AND"},PaperProps:{},QueryBuilderProps:{},resetButtonProps:{},searchButtonProps:{},showGeneralOperator:!0};exports.default=u;exports.styles=A;

package/dist/es/item/ItemShapeTable/components/ItemShapeRow.js

@@ -1,73 +1,77 @@
-import { jsxs as l, Fragment as I, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, Fragment as I, jsx as e } from "react/jsx-runtime";
 import { useMemo as M, useState as O } from "react";
 import u from "lodash.get";
-import { TableRow as f, TableCell as i, IconButton as p, Hidden as R, Collapse as A, Box as D, Table as F } from "@material-ui/core";
+import { TableRow as p, TableCell as i, IconButton as g, Hidden as R, Collapse as A, Box as D, Table as F } from "@material-ui/core";
 import { ExpandMore as k, ChevronRight as E, CloudDownload as H } from "@material-ui/icons";
 import { parseShapeType as N } from "@vidispine/vdt-js";
-import T from "../../ItemSourceTable/components/ShapeTypeTableBody.js";
-import q from "./ItemShapeMenu.js";
+import q from "../../ItemSourceTable/components/ShapeTypeTableBody.js";
+import y from "./ItemShapeMenu.js";
 function V({
-  shapeType: o,
-  TableRowProps: g,
-  canExpand: t = !0,
-  onRemove: d,
-  showDownload: S,
+  shapeType: n,
+  TableRowProps: S,
+  canExpand: d = !0,
+  onRemove: c,
+  showDownload: C,
   itemId: a,
-  storageListType: C,
-  displayMethodTypes: b,
-  storageMetadataKeys: z
+  storageListType: b,
+  displayMethodTypes: z,
+  storageMetadataKeys: w
 }) {
-  const { id: w } = o, n = M(() => N(o), [o]), [c, x] = O(!1), B = () => x((j) => !j), { containerComponent: { file: r = [] } = {} } = o;
-  let m, h;
-  r.length > 0 && (m = u(r, "[0].uri[0]", "undefined"), h = u(r, "[0].path", "undefined"));
-  const v = o.tag.join(", "), s = n.fileSize === "-1 B" ? "Not Available" : n.fileSize;
-  return /* @__PURE__ */ l(I, { children: [
-    /* @__PURE__ */ l(f, { ...g, children: [
-      /* @__PURE__ */ e(i, { children: t && /* @__PURE__ */ e(p, { size: "small", onClick: B, children: c ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(E, {}) }) }),
-      /* @__PURE__ */ e(i, { children: v }),
-      /* @__PURE__ */ l(R, { smDown: !0, children: [
-        /* @__PURE__ */ e(i, { children: n.containerFormat }),
-        /* @__PURE__ */ e(i, { children: n.videoCodec }),
-        /* @__PURE__ */ e(i, { children: n.audioCodec }),
-        /* @__PURE__ */ e(i, { children: n.frameRate })
+  const { id: x } = n, o = M(() => N(n), [n]), [h, B] = O(!1), v = () => B((t) => !t), { containerComponent: { file: l = [] } = {} } = n;
+  if (l.length === 0) {
+    const { binaryComponent: t = [] } = n;
+    t.length > 0 && l.push(...t[0].file);
+  }
+  let m, s;
+  l.length > 0 && (m = u(l, "[0].uri[0]", "undefined"), s = u(l, "[0].path", "undefined"));
+  const j = n.tag.join(", "), f = o.fileSize === "-1 B" ? "Not Available" : o.fileSize;
+  return /* @__PURE__ */ r(I, { children: [
+    /* @__PURE__ */ r(p, { ...S, children: [
+      /* @__PURE__ */ e(i, { children: d && /* @__PURE__ */ e(g, { size: "small", onClick: v, children: h ? /* @__PURE__ */ e(k, {}) : /* @__PURE__ */ e(E, {}) }) }),
+      /* @__PURE__ */ e(i, { children: j }),
+      /* @__PURE__ */ r(R, { smDown: !0, children: [
+        /* @__PURE__ */ e(i, { children: o.containerFormat }),
+        /* @__PURE__ */ e(i, { children: o.videoCodec }),
+        /* @__PURE__ */ e(i, { children: o.audioCodec }),
+        /* @__PURE__ */ e(i, { children: o.frameRate })
       ] }),
-      /* @__PURE__ */ e(i, { children: n.dimension }),
-      /* @__PURE__ */ e(i, { children: s }),
-      /* @__PURE__ */ l(i, { children: [
-        S && /* @__PURE__ */ e(
-          p,
+      /* @__PURE__ */ e(i, { children: o.dimension }),
+      /* @__PURE__ */ e(i, { children: f }),
+      /* @__PURE__ */ r(i, { children: [
+        C && /* @__PURE__ */ e(
+          g,
           {
             size: "small",
             href: m,
-            download: h,
-            style: { visibility: n.fileSizeBytes ? "visible" : "hidden" },
+            download: s,
+            style: { visibility: o.fileSizeBytes ? "visible" : "hidden" },
             children: /* @__PURE__ */ e(H, {})
           }
         ),
-        d && /* @__PURE__ */ e(
-          q,
+        c && /* @__PURE__ */ e(
+          y,
           {
-            shapeType: o,
-            shapeId: w,
+            shapeType: n,
+            shapeId: x,
             itemId: a,
-            onRemove: d
+            onRemove: c
           }
         )
       ] })
     ] }),
-    t && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+    d && /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
       i,
       {
         colSpan: 9,
-        children: /* @__PURE__ */ e(A, { in: c, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ e(D, { margin: 1, children: /* @__PURE__ */ e(F, { size: "small", padding: "none", children: /* @__PURE__ */ e(
-          T,
+        children: /* @__PURE__ */ e(A, { in: h, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ e(D, { margin: 1, children: /* @__PURE__ */ e(F, { size: "small", padding: "none", children: /* @__PURE__ */ e(
+          q,
           {
-            shapeActualSize: s,
-            shapeType: o,
+            shapeActualSize: f,
+            shapeType: n,
             itemId: a,
-            storageListType: C,
-            displayMethodTypes: b,
-            storageMetadataKeys: z
+            storageListType: b,
+            displayMethodTypes: z,
+            storageMetadataKeys: w
           }
         ) }) }) })
       }

package/dist/es/search/querybuilder/QueryBuilderCard/QueryBuilderCard.js

@@ -1,8 +1,8 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { useState as f } from "react";
-import A from "clsx";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { useState as d } from "react";
+import S from "clsx";
 import e from "prop-types";
-import { Paper as I, Button as c, DialogActions as v } from "@material-ui/core";
+import { Paper as I, Button as p, DialogActions as v } from "@material-ui/core";
 import C from "@vidispine/proptypes";
 import Q from "../QueryBuilder/index.js";
 const E = (a) => ({
@@ -19,62 +19,64 @@ const E = (a) => ({
     float: "left"
   }
 });
-function h({
+function f({
   className: a,
   classes: t,
-  resetText: y,
-  searchText: g,
-  onSubmit: p,
+  resetText: h,
+  searchText: y,
+  onSubmit: c,
   itemSearchDocument: i,
-  initialOperator: l,
+  initialOperator: g,
   fields: B,
   groups: O,
   QueryBuilderProps: P,
-  PaperProps: D,
-  resetButtonProps: N,
+  PaperProps: N,
+  resetButtonProps: D,
   searchButtonProps: T,
   showGeneralOperator: b
 }) {
-  const [r, j] = f(l), [n, u] = f({
-    operator: r,
+  const [o, j] = d(g), [n, l] = d({
+    operator: o,
     ...i
   }), x = () => {
     j(
-      r.operation === "AND" ? { operation: "OR" } : { operation: "AND" }
+      o.operation === "AND" ? { operation: "OR" } : { operation: "AND" }
     );
-  }, S = () => {
-    const o = {
+  }, A = () => {
+    const r = {
       ...i,
-      operator: l
+      operator: {
+        operation: o.operation === "NOT" ? { operation: "AND" } : { operation: o.operation }
+      }
     };
-    u(o), p(o);
-  }, m = () => {
-    const o = {
+    l(r), c(r);
+  }, u = () => {
+    const r = {
       ...i,
       ...n.toItemSearchDocument ? n.toItemSearchDocument() : n
     };
-    o.operator.operation = r.operation, p(o);
+    r.operator.operation = o.operation, c(r);
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     I,
     {
-      className: A(t.root, a),
-      onKeyPress: (o) => {
-        o.key === "Enter" && m();
+      className: S(t.root, a),
+      onKeyPress: (r) => {
+        r.key === "Enter" && u();
       },
       variant: "outlined",
       elevation: 0,
       square: !0,
-      ...D,
+      ...N,
       children: [
         b && /* @__PURE__ */ s(
-          c,
+          p,
           {
-            className: r && r.operation === "AND" ? t.successButton : t.errorButton,
+            className: o && o.operation === "AND" ? t.successButton : t.errorButton,
             edge: "end",
             onClick: x,
             size: "small",
-            children: r && r.operation
+            children: o && o.operation
           }
         ),
         /* @__PURE__ */ s(
@@ -83,21 +85,21 @@ function h({
             query: n,
             fields: B,
             groups: O,
-            onChange: u,
+            onChange: l,
             ...P
           }
         ),
-        /* @__PURE__ */ d(v, { className: t.DialogActions, children: [
-          /* @__PURE__ */ s(c, { className: t.resetButton, onClick: S, ...N, children: y }),
+        /* @__PURE__ */ m(v, { className: t.DialogActions, children: [
+          /* @__PURE__ */ s(p, { className: t.resetButton, onClick: A, ...D, children: h }),
           /* @__PURE__ */ s(
-            c,
+            p,
             {
               className: t.searchButton,
               variant: "contained",
               color: "primary",
-              onClick: m,
+              onClick: u,
               ...T,
-              children: g
+              children: y
             }
           )
         ] })
@@ -105,7 +107,7 @@ function h({
     }
   );
 }
-h.propTypes = {
+f.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -129,7 +131,7 @@ h.propTypes = {
   searchButtonProps: e.objectOf(e.any),
   showGeneralOperator: e.bool
 };
-h.defaultProps = {
+f.defaultProps = {
   className: void 0,
   classes: {},
   resetText: "Reset",
@@ -145,6 +147,6 @@ h.defaultProps = {
   showGeneralOperator: !0
 };
 export {
-  h as default,
+  f as default,
   E as styles
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-materialui",
-  "version": "25.4.4",
+  "version": "25.4.6",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public",
@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@babel/runtime": "7.26.10",
-    "@vidispine/proptypes": "25.4.4",
-    "@vidispine/vdt-api": "25.4.4",
-    "@vidispine/vdt-js": "25.4.4",
-    "@vidispine/vdt-react": "25.4.4",
-    "@vidispine/vdt-videojs-react": "25.4.4",
+    "@vidispine/proptypes": "25.4.6",
+    "@vidispine/vdt-api": "25.4.6",
+    "@vidispine/vdt-js": "25.4.6",
+    "@vidispine/vdt-react": "25.4.6",
+    "@vidispine/vdt-videojs-react": "25.4.6",
     "clsx": "1.2.1",
     "filesize": "10.1.0",
     "final-form": "4.20.10",
@@ -74,11 +74,11 @@
     "@material-ui/icons": "4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@types/jest": "29.5.11",
-    "@vidispine/eslint-config-mdx": "25.4.4",
-    "@vidispine/eslint-config-react": "25.4.4",
-    "@vidispine/eslint-config-storybook": "25.4.4",
-    "@vidispine/prettier-config": "25.4.4",
-    "@vidispine/proptypes": "25.4.4",
+    "@vidispine/eslint-config-mdx": "25.4.6",
+    "@vidispine/eslint-config-react": "25.4.6",
+    "@vidispine/eslint-config-storybook": "25.4.6",
+    "@vidispine/prettier-config": "25.4.6",
+    "@vidispine/proptypes": "25.4.6",
     "@vitejs/plugin-react": "4.2.1",
     "@wojtekmaj/enzyme-adapter-react-17": "0.8.0",
     "axios": "1.7.7",