@vidispine/vdt-mui 23.3.0-pre.2 → 23.3.0-pre.3

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

@@ -1,78 +1,38 @@
 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 g from "@mui/material/Stack";
+import { styled as f } from "@mui/material/styles";
+import { parseShapeType as l } from "@vidispine/vdt-js";
 import { generateBadges as S } from "../../_utils/generateBadges.js";
-import h from "../../general/CompactBadge/index.js";
-const T = u(l)(() => ({
+import u from "../../general/CompactBadge/index.js";
+const B = f(g)(() => ({
   alignItems: "center"
-})), v = {
-  Root: T,
-  CompactBadge: h
-};
-function n({
+})), h = {
+  Root: B,
+  CompactBadge: u
+}, v = ({
   shape: a,
-  direction: i,
+  direction: d,
   spacing: o,
-  dividerSlot: m,
-  generateBadges: s,
-  components: c,
+  dividerSlot: p,
+  generateBadges: i,
+  components: m,
   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)
-  })
+    Root: n,
+    CompactBadge: s
+  } = m, c = i(l(a));
+  return /* @__PURE__ */ r(n, { direction: d, spacing: o > 0 ? o : 0, divider: p, ...t.root, children: c.map((e) => /* @__PURE__ */ r(s, { text: e, ...t.compactBadge }, e)) });
 };
-n.defaultProps = {
+v.defaultProps = {
   shape: {},
   direction: "row",
   spacing: 1,
   dividerSlot: void 0,
   generateBadges: S,
-  components: v,
+  components: h,
   componentsProps: void 0
 };
 export {
-  n as default
+  v as default
 };

package/dist/es/shape/ShapeMediaBadges/index.d.ts

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

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

@@ -4,7 +4,7 @@ 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/shape/index.d.ts

@@ -0,0 +1 @@
+export { default as ShapeMediaBadges } from './ShapeMediaBadges';

package/dist/es/transcode/TranscodePresetMediaBadges/TranscodePresetMediaBadges.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { Stack as MuiStack } from '@mui/material';
+import type { TranscodePresetType } from '@vidispine/types';
+import { ParsedTranscodePreset } from '@vidispine/vdt-js';
+import VdtCompactBadge from '../../general/CompactBadge';
+import type { WithOverrideProps } from '../../_types';
+declare const StyledMuiStack: typeof MuiStack;
+declare const defaultComponents: {
+    Root: typeof StyledMuiStack;
+    CompactBadge: typeof VdtCompactBadge;
+};
+export interface TranscodePresetMediaBadgesProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * A transcode preset type to generate badges from
+     */
+    transcodePreset?: TranscodePresetType;
+    /**
+     * Direction the badges should be displayed
+     */
+    direction?: 'column' | 'row';
+    /**
+     * Defines the space between immediate children.
+     */
+    spacing?: number;
+    /**
+     * Add a divider component between badges
+     */
+    dividerSlot?: JSX.Element;
+    /**
+     * Replace the function that generates the badges
+     */
+    generateBadges?: (input: ParsedTranscodePreset) => string[];
+}
+declare const TranscodePresetMediaBadges: React.FC<TranscodePresetMediaBadgesProps>;
+export default TranscodePresetMediaBadges;

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

@@ -1,78 +1,38 @@
-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)(() => ({
+import { jsx as r } from "react/jsx-runtime";
+import g from "@mui/material/Stack";
+import { styled as f } from "@mui/material/styles";
+import { parseTranscodePreset as l } from "@vidispine/vdt-js";
+import { generateBadges as u } from "../../_utils/generateBadges.js";
+import B from "../../general/CompactBadge/index.js";
+const S = f(g)(() => ({
   alignItems: "center"
 })), v = {
   Root: S,
-  CompactBadge: T
-};
-function s({
+  CompactBadge: B
+}, C = ({
   transcodePreset: a,
-  direction: p,
+  direction: d,
   spacing: o,
-  dividerSlot: c,
-  generateBadges: d,
+  dividerSlot: s,
+  generateBadges: n,
   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)
-  })
+    Root: c,
+    CompactBadge: m
+  } = i, p = n(l(a));
+  return /* @__PURE__ */ r(c, { direction: d, spacing: o > 0 ? o : 0, divider: s, ...t.root, children: p.map((e) => /* @__PURE__ */ r(m, { text: e, ...t.compactBadge }, e)) });
 };
-s.defaultProps = {
+C.defaultProps = {
   transcodePreset: void 0,
   direction: "row",
   spacing: 1,
   dividerSlot: void 0,
-  generateBadges: P,
+  generateBadges: u,
   components: v,
   componentsProps: void 0
 };
 export {
-  s as default
+  C as default
 };

package/dist/es/transcode/TranscodePresetMediaBadges/index.d.ts

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

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

@@ -4,7 +4,7 @@ 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/es/transcode/index.d.ts

@@ -0,0 +1 @@
+export { default as TranscodePresetMediaBadges } from './TranscodePresetMediaBadges';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidispine/vdt-mui",
-  "version": "23.3.0-pre.2",
+  "version": "23.3.0-pre.3",
   "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
@@ -13,12 +13,16 @@
     "directory": "packages/vdt-mui"
   },
   "type": "module",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.es.js",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/es/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "import": {
+        "types": "./dist/es/index.d.ts",
+        "default": "./dist/es/index.js"
+      },
+      "require": "./dist/cjs/index.js"
     }
   },
   "files": [
@@ -37,11 +41,10 @@
     "@mui/icons-material": "^5.11.9",
     "@mui/lab": "^5.0.0-alpha.120",
     "@mui/material": "^5.11.10",
-    "@vidispine/proptypes": "23.3.0-pre.2",
-    "@vidispine/types": "23.3.0-pre.2",
-    "@vidispine/vdt-api": "23.3.0-pre.2",
-    "@vidispine/vdt-js": "23.3.0-pre.2",
-    "@vidispine/vdt-react": "23.3.0-pre.2",
+    "@vidispine/proptypes": "23.3.0-pre.3",
+    "@vidispine/types": "23.3.0-pre.3",
+    "@vidispine/vdt-api": "23.3.0-pre.3",
+    "@vidispine/vdt-js": "23.3.0-pre.3",
     "clsx": "^1.2.1"
   },
   "peerDependencies": {
@@ -53,12 +56,13 @@
     "react-imask": "^6.4.3"
   },
   "devDependencies": {
-    "@vidispine/eslint-config-mdx": "23.3.0-pre.2",
-    "@vidispine/eslint-config-react": "23.3.0-pre.2",
-    "@vidispine/eslint-config-storybook": "23.3.0-pre.2",
-    "@vidispine/prettier-config": "23.3.0-pre.2",
-    "@vidispine/proptypes": "23.3.0-pre.2",
-    "@vidispine/tests": "23.3.0-pre.2",
+    "@vidispine/eslint-config-mdx": "23.3.0-pre.3",
+    "@vidispine/eslint-config-react": "23.3.0-pre.3",
+    "@vidispine/eslint-config-storybook": "23.3.0-pre.3",
+    "@vidispine/eslint-config-typescript": "23.3.0-pre.3",
+    "@vidispine/prettier-config": "23.3.0-pre.3",
+    "@vidispine/proptypes": "23.3.0-pre.3",
+    "@vidispine/tests": "23.3.0-pre.3",
     "@vitejs/plugin-react": "3.1.0",
     "babel-plugin-transform-import": "1.5.4",
     "eslint": "8.34.0",
@@ -66,7 +70,8 @@
     "prettier": "2.8.4",
     "prop-types": "15.8.1",
     "rimraf": "3.0.2",
-    "vite": "4.3.9"
+    "vite": "4.3.9",
+    "vite-plugin-dts": "3.0.2"
   },
   "eslintConfig": {
     "extends": [
@@ -74,14 +79,14 @@
       "@vidispine/eslint-config-mdx",
       "@vidispine/eslint-config-storybook"
     ],
+    "ignorePatterns": [
+      "vite.config.ts"
+    ],
     "rules": {
-      "react/no-unused-prop-types": [
+      "react/function-component-definition": [
         2,
         {
-          "ignore": [
-            "className",
-            "classes"
-          ]
+          "namedComponents": "arrow-function"
         }
       ],
       "import/order": [
@@ -135,6 +140,7 @@
           "plugin:testing-library/react"
         ],
         "rules": {
+          "import/no-extraneous-dependencies": "off",
           "testing-library/no-debugging-utils": "warn"
         }
       }

package/dist/cjs/inputs/DateRangeInput/components/utils/valueManagers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("dayjs"),a=require("../../utils/dateHelpers.js"),d=e=>{const[r]=e.split(" - "),t=r.split(/\W/g),s=e.match(/\W/);return t.map((n,l)=>l===t.length-1?n.replace(/\w/g,"0"):n.replace(/\w/g,"0")+s).join("")},g=({start:e,end:r,localeDateFormat:t})=>{const s=a.isValidDate(e)?o(e).format(t):void 0,i=a.isValidDate(r)?o(r).format(t):void 0;if(!(!s&&!i))return`${s||Array.from({length:t.split(/\W/g).join("").length}).map(()=>"0").join("")} - ${i||""}`};exports.getFormattedTextValue=g;exports.getMaskStr=d;

package/dist/index.cjs.js

@@ -1 +0,0 @@
-"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

@@ -1,93 +0,0 @@
-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
-};