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

package/dist/es/search/SearchFilterForm/index.js

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

package/dist/es/search/SearchFilterForm/utils/mapValuesToFilter.js

@@ -0,0 +1,84 @@
+import "react/jsx-runtime";
+import "react";
+import "clsx";
+import "@mui/material/styles";
+import { isDefinedValue as N } from "../../../_utils/isDefinedValue.js";
+const w = (a, i) => {
+  const d = i == null ? void 0 : i.filter(({
+    options: t
+  }) => t == null ? void 0 : t.some((r) => !!(r != null && r.rangeValues))), g = (t) => t.every((r) => typeof r == "number"), f = (t) => {
+    if (!t)
+      return !1;
+    const r = new Date(t);
+    return r instanceof Date && !Number.isNaN(r.getTime());
+  }, S = (t) => f(t == null ? void 0 : t.start) || f(t == null ? void 0 : t.end), o = (t, r, m, s) => {
+    var c, D;
+    if (Array.isArray(t))
+      return g(t) ? {
+        range: [{
+          value: [((c = r == null ? void 0 : r.find((e) => e.value === t[0])) == null ? void 0 : c.rangeValues[0]) || t[0], ((D = r == null ? void 0 : r.find((e) => e.value === t[1])) == null ? void 0 : D.rangeValues[1]) || t[1]].map((e) => e === Number.MIN_SAFE_INTEGER && {
+            minimum: !0
+          } || e === Number.MAX_SAFE_INTEGER && {
+            maximum: !0
+          } || {
+            value: e
+          })
+        }]
+      } : {
+        value: t.map((n) => ({
+          value: n
+        }))
+      };
+    if (m) {
+      const n = new Date(t), e = new Date(t);
+      return e.setDate(e.getDate() + 1), {
+        range: [{
+          value: [{
+            value: n.toISOString()
+          }, {
+            value: e.toISOString()
+          }]
+        }]
+      };
+    }
+    if (s) {
+      const n = (t == null ? void 0 : t.start) && new Date(t == null ? void 0 : t.start), e = (t == null ? void 0 : t.end) && new Date(t == null ? void 0 : t.end);
+      return e && e.setDate(e.getDate() + 1), {
+        range: [{
+          value: [n ? {
+            value: n.toISOString()
+          } : {
+            minimum: !0
+          }, e ? {
+            value: e.toISOString()
+          } : {
+            maximum: !0
+          }]
+        }]
+      };
+    }
+    return {
+      value: [{
+        value: t
+      }]
+    };
+  };
+  return {
+    filter: Object.entries(a).filter(([, t]) => N(t, {
+      includeDateRange: !0
+    })).map(([t, r]) => {
+      var m;
+      return {
+        name: t,
+        field: [{
+          name: t,
+          ...o(r, (m = d.find((s) => s.name === t)) == null ? void 0 : m.options, f(r), S(r))
+        }]
+      };
+    }),
+    values: a
+  };
+};
+export {
+  w as default
+};

package/dist/es/shape/ShapeMediaBadges/ShapeMediaBadges.js

@@ -0,0 +1,78 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "prop-types";
+import l from "@mui/material/Stack";
+import { styled as u } from "@mui/material/styles";
+import y from "@vidispine/proptypes";
+import { parseShapeType as B } from "@vidispine/vdt-js";
+import { generateBadges as S } from "../../_utils/generateBadges.js";
+import h from "../../general/CompactBadge/index.js";
+const T = u(l)(() => ({
+  alignItems: "center"
+})), v = {
+  Root: T,
+  CompactBadge: h
+};
+function n({
+  shape: a,
+  direction: i,
+  spacing: o,
+  dividerSlot: m,
+  generateBadges: s,
+  components: c,
+  componentsProps: t
+}) {
+  const {
+    Root: d,
+    CompactBadge: f
+  } = c, g = s(B(a));
+  return /* @__PURE__ */ r(d, { direction: i, spacing: o > 0 ? o : 0, divider: m, ...t.root, children: g.map((p) => /* @__PURE__ */ r(f, { text: p, ...t.compactBadge }, p)) });
+}
+n.propTypes = {
+  /**
+   * A shape type to generate badges from
+   */
+  shape: y.ShapeType,
+  /**
+   * Direction the badges should be displayed
+   */
+  direction: e.oneOf(["column", "row"]),
+  /**
+   * Defines the space between immediate children.
+   */
+  spacing: e.number,
+  /**
+   * Add a divider component between badges
+   */
+  dividerSlot: e.node,
+  /**
+   * Replace the function that generates the badges
+   */
+  generateBadges: e.func,
+  // Overrides
+  /**
+   * Replace internal components
+   */
+  components: e.shape({
+    Root: e.elementType,
+    CompactBadge: e.elementType
+  }),
+  /**
+   * Add internal component props
+   */
+  componentsProps: e.shape({
+    root: e.instanceOf(Object),
+    compactBadge: e.instanceOf(Object)
+  })
+};
+n.defaultProps = {
+  shape: {},
+  direction: "row",
+  spacing: 1,
+  dividerSlot: void 0,
+  generateBadges: S,
+  components: v,
+  componentsProps: void 0
+};
+export {
+  n as default
+};

package/dist/es/shape/ShapeMediaBadges/index.js

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

package/dist/es/transcode/TranscodePresetMediaBadges/TranscodePresetMediaBadges.js

@@ -0,0 +1,78 @@
+import { jsx as n } from "react/jsx-runtime";
+import e from "prop-types";
+import l from "@mui/material/Stack";
+import { styled as u } from "@mui/material/styles";
+import y from "@vidispine/proptypes";
+import { parseTranscodePreset as B } from "@vidispine/vdt-js";
+import { generateBadges as P } from "../../_utils/generateBadges.js";
+import T from "../../general/CompactBadge/index.js";
+const S = u(l)(() => ({
+  alignItems: "center"
+})), v = {
+  Root: S,
+  CompactBadge: T
+};
+function s({
+  transcodePreset: a,
+  direction: p,
+  spacing: o,
+  dividerSlot: c,
+  generateBadges: d,
+  components: i,
+  componentsProps: t
+}) {
+  const {
+    Root: m,
+    CompactBadge: f
+  } = i, g = d(B(a));
+  return /* @__PURE__ */ n(m, { direction: p, spacing: o > 0 ? o : 0, divider: c, ...t.root, children: g.map((r) => /* @__PURE__ */ n(f, { text: r, ...t.compactBadge }, r)) });
+}
+s.propTypes = {
+  /**
+   * A transcode preset type to generate badges from
+   */
+  transcodePreset: y.TranscodePresetType,
+  /**
+   * Direction the badges should be displayed
+   */
+  direction: e.oneOf(["column", "row"]),
+  /**
+   * Defines the space between immediate children.
+   */
+  spacing: e.number,
+  /**
+   * Add a divider component between badges
+   */
+  dividerSlot: e.node,
+  /**
+   * Replace the function that generates the badges
+   */
+  generateBadges: e.func,
+  // Overrides
+  /**
+   * Replace internal components
+   */
+  components: e.shape({
+    Root: e.elementType,
+    CompactBadge: e.elementType
+  }),
+  /**
+   * Add internal component props
+   */
+  componentsProps: e.shape({
+    root: e.instanceOf(Object),
+    compactBadge: e.instanceOf(Object)
+  })
+};
+s.defaultProps = {
+  transcodePreset: void 0,
+  direction: "row",
+  spacing: 1,
+  dividerSlot: void 0,
+  generateBadges: P,
+  components: v,
+  componentsProps: void 0
+};
+export {
+  s as default
+};

package/dist/es/transcode/TranscodePresetMediaBadges/index.js

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

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./cjs/collection/CollectionList/index.js"),r=require("./cjs/collection/CollectionListItem/index.js"),i=require("./cjs/collection/CollectionRepresentativeThumbnail/index.js"),t=require("./cjs/collection/CollectionCard/index.js"),o=require("./cjs/entity/EntityIcon/index.js"),u=require("./cjs/entity/EntityAvatar/index.js"),s=require("./cjs/entity/EntityList/index.js"),c=require("./cjs/general/AvatarMenu/index.js"),d=require("./cjs/general/BlurredBackground/index.js"),x=require("./cjs/general/CalendarPicker/index.js"),a=require("./cjs/general/CompactBadge/index.js"),q=require("./cjs/general/CompactLabel/index.js"),$=require("./cjs/general/CornerLabelPlacer/index.js"),l=require("./cjs/general/ExpandButton/index.js"),m=require("./cjs/general/ImageCollage/index.js"),I=require("./cjs/general/MediaIcon/index.js"),p=require("./cjs/general/MenuItem/index.js"),T=require("./cjs/general/ScrubLine/index.js"),C=require("./cjs/general/Sort/index.js"),b=require("./cjs/general/TablePagination/index.js"),e=require("./cjs/general/ThemeContext/ThemeContext.js"),g=require("./cjs/item/ItemList/index.js"),h=require("./cjs/item/ItemListItem/index.js"),P=require("./cjs/item/ItemThumbnail/index.js"),B=require("./cjs/item/ItemCard/index.js"),L=require("./cjs/item/ItemTable/index.js"),S=require("./cjs/item/ItemTableRow/index.js"),v=require("./cjs/item/ItemPoster/index.js"),M=require("./cjs/item/ItemPosterViewer/index.js"),y=require("./cjs/item/ItemPosterList/index.js"),k=require("./cjs/inputs/BasicDateTimeInput/index.js"),E=require("./cjs/inputs/BooleanInput/index.js"),D=require("./cjs/inputs/CheckboxGroupInput/index.js"),R=require("./cjs/inputs/DateRangeInput/index.js"),w=require("./cjs/inputs/DateTimeInput/index.js"),A=require("./cjs/inputs/MaskedTextInput/index.js"),F=require("./cjs/inputs/NumberInput/index.js"),G=require("./cjs/inputs/RadioGroupInput/index.js"),f=require("./cjs/inputs/SelectInput/index.js"),j=require("./cjs/inputs/SliderInput/index.js"),z=require("./cjs/inputs/TagInput/index.js"),H=require("./cjs/inputs/TextInput/index.js"),N=require("./cjs/shape/ShapeMediaBadges/index.js"),O=require("./cjs/search/SearchFilterForm/index.js"),V=require("./cjs/transcode/TranscodePresetMediaBadges/index.js");exports.CollectionList=n;exports.CollectionListItem=r;exports.CollectionRepresentativeThumbnail=i;exports.CollectionCard=t;exports.EntityIcon=o;exports.EntityAvatar=u;exports.EntityList=s;exports.AvatarMenu=c;exports.BlurredBackground=d;exports.CalendarPicker=x;exports.CompactBadge=a;exports.CompactLabel=q;exports.CornerLabelPlacer=$;exports.ExpandButton=l;exports.ImageCollage=m;exports.MediaIcon=I;exports.MenuItem=p;exports.ScrubLine=T;exports.Sort=C;exports.TablePagination=b;exports.ThemeProvider=e.ThemeProvider;exports.useThemeContext=e.useThemeContext;exports.ItemList=g;exports.ItemListItem=h;exports.ItemThumbnail=P;exports.ItemCard=B;exports.ItemTable=L;exports.ItemTableRow=S;exports.ItemPoster=v;exports.ItemPosterViewer=M;exports.ItemPosterList=y;exports.BasicDateTimeInput=k;exports.BooleanInput=E;exports.CheckboxGroupInput=D;exports.DateRangeInput=R;exports.DateTimeInput=w;exports.MaskedTextInput=A;exports.NumberInput=F;exports.RadioGroupInput=G;exports.SelectInput=f;exports.SliderInput=j;exports.TagInput=z;exports.TextInput=H;exports.ShapeMediaBadges=N;exports.SearchFilterForm=O;exports.TranscodePresetMediaBadges=V;

package/dist/index.es.js

@@ -0,0 +1,93 @@
+import { default as a } from "./es/collection/CollectionList/index.js";
+import { default as r } from "./es/collection/CollectionListItem/index.js";
+import { default as l } from "./es/collection/CollectionRepresentativeThumbnail/index.js";
+import { default as u } from "./es/collection/CollectionCard/index.js";
+import { default as d } from "./es/entity/EntityIcon/index.js";
+import { default as x } from "./es/entity/EntityAvatar/index.js";
+import { default as i } from "./es/entity/EntityList/index.js";
+import { default as c } from "./es/general/AvatarMenu/index.js";
+import { default as T } from "./es/general/BlurredBackground/index.js";
+import { default as g } from "./es/general/CalendarPicker/index.js";
+import { default as B } from "./es/general/CompactBadge/index.js";
+import { default as h } from "./es/general/CompactLabel/index.js";
+import { default as S } from "./es/general/CornerLabelPlacer/index.js";
+import { default as v } from "./es/general/ExpandButton/index.js";
+import { default as R } from "./es/general/ImageCollage/index.js";
+import { default as D } from "./es/general/MediaIcon/index.js";
+import { default as A } from "./es/general/MenuItem/index.js";
+import { default as G } from "./es/general/ScrubLine/index.js";
+import { default as V } from "./es/general/Sort/index.js";
+import { default as q } from "./es/general/TablePagination/index.js";
+import { ThemeProvider as H, useThemeContext as J } from "./es/general/ThemeContext/ThemeContext.js";
+import { default as O } from "./es/item/ItemList/index.js";
+import { default as U } from "./es/item/ItemListItem/index.js";
+import { default as X } from "./es/item/ItemThumbnail/index.js";
+import { default as Z } from "./es/item/ItemCard/index.js";
+import { default as $ } from "./es/item/ItemTable/index.js";
+import { default as te } from "./es/item/ItemTableRow/index.js";
+import { default as oe } from "./es/item/ItemPoster/index.js";
+import { default as fe } from "./es/item/ItemPosterViewer/index.js";
+import { default as me } from "./es/item/ItemPosterList/index.js";
+import { default as pe } from "./es/inputs/BasicDateTimeInput/index.js";
+import { default as se } from "./es/inputs/BooleanInput/index.js";
+import { default as ne } from "./es/inputs/CheckboxGroupInput/index.js";
+import { default as Ie } from "./es/inputs/DateRangeInput/index.js";
+import { default as Ce } from "./es/inputs/DateTimeInput/index.js";
+import { default as be } from "./es/inputs/MaskedTextInput/index.js";
+import { default as Le } from "./es/inputs/NumberInput/index.js";
+import { default as Pe } from "./es/inputs/RadioGroupInput/index.js";
+import { default as Me } from "./es/inputs/SelectInput/index.js";
+import { default as ke } from "./es/inputs/SliderInput/index.js";
+import { default as Ee } from "./es/inputs/TagInput/index.js";
+import { default as ye } from "./es/inputs/TextInput/index.js";
+import { default as we } from "./es/shape/ShapeMediaBadges/index.js";
+import { default as Fe } from "./es/search/SearchFilterForm/index.js";
+import { default as Ne } from "./es/transcode/TranscodePresetMediaBadges/index.js";
+export {
+  c as AvatarMenu,
+  pe as BasicDateTimeInput,
+  T as BlurredBackground,
+  se as BooleanInput,
+  g as CalendarPicker,
+  ne as CheckboxGroupInput,
+  u as CollectionCard,
+  a as CollectionList,
+  r as CollectionListItem,
+  l as CollectionRepresentativeThumbnail,
+  B as CompactBadge,
+  h as CompactLabel,
+  S as CornerLabelPlacer,
+  Ie as DateRangeInput,
+  Ce as DateTimeInput,
+  x as EntityAvatar,
+  d as EntityIcon,
+  i as EntityList,
+  v as ExpandButton,
+  R as ImageCollage,
+  Z as ItemCard,
+  O as ItemList,
+  U as ItemListItem,
+  oe as ItemPoster,
+  me as ItemPosterList,
+  fe as ItemPosterViewer,
+  $ as ItemTable,
+  te as ItemTableRow,
+  X as ItemThumbnail,
+  be as MaskedTextInput,
+  D as MediaIcon,
+  A as MenuItem,
+  Le as NumberInput,
+  Pe as RadioGroupInput,
+  G as ScrubLine,
+  Fe as SearchFilterForm,
+  Me as SelectInput,
+  we as ShapeMediaBadges,
+  ke as SliderInput,
+  V as Sort,
+  q as TablePagination,
+  Ee as TagInput,
+  ye as TextInput,
+  H as ThemeProvider,
+  Ne as TranscodePresetMediaBadges,
+  J as useThemeContext
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.2.0-pre.2",
+  "version": "23.2.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -13,12 +13,12 @@
     "directory": "packages/vdt-mui"
   },
   "type": "module",
-  "main": "./dist/index.umd.cjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
     }
   },
   "files": [
@@ -27,7 +27,9 @@
   "scripts": {
     "build": "yarn vite build",
     "build:watch": "yarn vite build --watch --mode development",
-    "lint": "eslint . --max-warnings=0 --ext .js,.jsx,.ts,.tsx,.md,.mdx",
+    "test": "jest --config ./tests/jest.config.cjs",
+    "test:watch": "yarn test --watchAll",
+    "lint": "eslint . --cache --max-warnings=0 --ext .js,.jsx,.ts,.tsx,.md,.mdx",
     "format": "prettier . --check",
     "new:component": "hygen new component"
   },
@@ -35,9 +37,11 @@
     "@mui/icons-material": "^5.11.9",
     "@mui/lab": "^5.0.0-alpha.120",
     "@mui/material": "^5.11.10",
-    "@vidispine/vdt-api": "23.2.0-pre.2",
-    "@vidispine/vdt-js": "23.2.0-pre.2",
-    "@vidispine/vdt-react": "23.2.0-pre.2",
+    "@vidispine/proptypes": "23.2.0",
+    "@vidispine/types": "23.2.0",
+    "@vidispine/vdt-api": "23.2.0",
+    "@vidispine/vdt-js": "23.2.0",
+    "@vidispine/vdt-react": "23.2.0",
     "clsx": "^1.2.1"
   },
   "peerDependencies": {
@@ -49,21 +53,20 @@
     "react-imask": "^6.4.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "12.1.5",
-    "@vidispine/eslint-config-mdx": "23.2.0-pre.2",
-    "@vidispine/eslint-config-react": "23.2.0-pre.2",
-    "@vidispine/eslint-config-storybook": "23.2.0-pre.2",
-    "@vidispine/prettier-config": "23.2.0-pre.2",
-    "@vidispine/proptypes": "23.2.0-pre.2",
+    "@vidispine/eslint-config-mdx": "23.2.0",
+    "@vidispine/eslint-config-react": "23.2.0",
+    "@vidispine/eslint-config-storybook": "23.2.0",
+    "@vidispine/prettier-config": "23.2.0",
+    "@vidispine/proptypes": "23.2.0",
+    "@vidispine/tests": "23.2.0",
     "@vitejs/plugin-react": "3.1.0",
+    "babel-plugin-transform-import": "1.5.4",
     "eslint": "8.34.0",
     "hygen": "6.2.11",
     "prettier": "2.8.4",
     "prop-types": "15.8.1",
-    "react-hook-form": "^7.39.7",
     "rimraf": "3.0.2",
-    "vite": "4.2.0"
+    "vite": "4.3.1"
   },
   "eslintConfig": {
     "extends": [
@@ -122,7 +125,20 @@
           "newlines-between": "always"
         }
       ]
-    }
+    },
+    "overrides": [
+      {
+        "files": [
+          "*.test.[jt]s?(x)"
+        ],
+        "extends": [
+          "plugin:testing-library/react"
+        ],
+        "rules": {
+          "testing-library/no-debugging-utils": "warn"
+        }
+      }
+    ]
   },
   "prettier": "@vidispine/prettier-config"
 }