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

package/dist/es/general/TablePagination/TablePagination.js

@@ -1,93 +1,57 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useEffect as w } from "react";
-import o from "prop-types";
-import d from "@mui/material/TablePagination";
-import { styled as y } from "@mui/material/styles";
-const T = y(d)(() => ({
+import { jsx as P } from "react/jsx-runtime";
+import { useEffect as h } from "react";
+import g from "@mui/material/TablePagination";
+import { styled as M } from "@mui/material/styles";
+const v = M(g)(() => ({
   overflow: "unset"
-})), C = {
-  Root: T
-};
-function m({
+})), w = {
+  Root: v
+}, x = ({
   count: u,
   page: n,
-  rowsPerPage: r,
-  rowsPerPageOptions: a,
-  showFirstButton: c,
-  showLastButton: i,
-  onPageChange: p,
-  onRowsPerPageChange: l,
-  components: f,
-  componentsProps: P
-}) {
+  rowsPerPage: e,
+  rowsPerPageOptions: r,
+  showFirstButton: l,
+  showLastButton: m,
+  onPageChange: a,
+  onRowsPerPageChange: i,
+  components: p,
+  componentsProps: c
+}) => {
   const {
-    Root: g
-  } = f, h = a.includes(r) ? a : [...a, r].sort((t, e) => t - e), s = Math.ceil(u / r) - 1;
-  return w(() => {
-    n > 0 && n > s && p(null, {
+    Root: f
+  } = p, d = r.includes(e) ? r : [...r, e].sort((o, t) => o - t), s = Math.ceil(u / e) - 1;
+  return h(() => {
+    n > 0 && n > s && a(null, {
       value: s
     });
-  }, [s, p, n]), /* @__PURE__ */ b(g, { component: "div", count: u, page: Math.max(0, Math.min(n, s)), rowsPerPage: r, onPageChange: (t, e) => p(t, {
-    value: e
-  }), onRowsPerPageChange: (t, {
-    props: {
-      value: e
+  }, [s, a, n]), /* @__PURE__ */ P(
+    f,
+    {
+      component: "div",
+      count: u,
+      page: Math.max(0, Math.min(n, s)),
+      rowsPerPage: e,
+      onPageChange: (o, t) => a(o, {
+        value: t
+      }),
+      onRowsPerPageChange: (o, {
+        props: {
+          value: t
+        }
+      }) => {
+        i(o, {
+          value: t
+        });
+      },
+      rowsPerPageOptions: d,
+      showFirstButton: l,
+      showLastButton: m,
+      ...c.root
     }
-  }) => {
-    l(t, {
-      value: e
-    });
-  }, rowsPerPageOptions: h, showFirstButton: c, showLastButton: i, ...P.root });
-}
-m.propTypes = {
-  /**
-   * The total amount of entities
-   */
-  count: o.number,
-  /**
-   * Current page
-   */
-  page: o.number,
-  /**
-   * Number of rows shown per page
-   */
-  rowsPerPage: o.number,
-  /**
-   * An array of options for how many rows should be shown per page
-   */
-  rowsPerPageOptions: o.arrayOf(Number),
-  /**
-   * Number of rows shown per page
-   */
-  showFirstButton: o.bool,
-  /**
-   * Number of rows shown per page
-   */
-  showLastButton: o.bool,
-  // Callbacks
-  /**
-   * Callback for when the page changes
-   */
-  onPageChange: o.func,
-  /**
-   * Callback for when the user selects from the rowsPerPageOptions
-   */
-  onRowsPerPageChange: o.func,
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: o.shape({
-    Root: o.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: o.shape({
-    root: o.instanceOf(Object)
-  })
+  );
 };
-m.defaultProps = {
+x.defaultProps = {
   count: 0,
   page: 0,
   rowsPerPage: 10,
@@ -96,9 +60,9 @@ m.defaultProps = {
   showLastButton: !0,
   onPageChange: () => null,
   onRowsPerPageChange: () => null,
-  components: C,
+  components: w,
   componentsProps: void 0
 };
 export {
-  m as default
+  x as default
 };

package/dist/es/general/TablePagination/index.d.ts

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

package/dist/es/general/TablePagination/index.js

@@ -4,7 +4,7 @@ import i from "./TablePagination.js";
 const o = "TablePagination", e = `Vdt${o}`, a = r(e)(i), m = n(a, {
   name: e,
   overridesResolver: (s, t) => t.root
-})(() => ({}));
+})({});
 m.displayName = o;
 export {
   m as default

package/dist/es/general/ThemeContext/ThemeContext.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import type { Theme, CssBaselineProps as MuiCssBaselineProps } from '@mui/material';
+import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
+import { PropsFrom } from '../../_types';
+type MuiThemeProviderProps = PropsFrom<typeof MuiThemeProvider>;
+export interface ThemeContextValue<TLightKey extends string = 'light', TDarkKey extends string = 'dark'> {
+    theme: Theme;
+    palette: string;
+    updatePalette: (palette: string) => void;
+    isDefaultPalette: boolean;
+    themes: Record<TLightKey | TDarkKey, Theme>;
+    togglePalette?: () => void;
+}
+export interface ThemeProviderProps<TLightKey extends string = 'light', TDarkKey extends string = 'dark'> {
+    themes?: Record<TLightKey | TDarkKey, Theme>;
+    muiLocale?: any;
+    defaultPaletteKey?: string;
+    lightPaletteKey?: TLightKey;
+    darkPaletteKey?: string;
+    systemPaletteKey?: string;
+    localStoragePaletteKey?: string;
+    MuiThemeProviderProps?: MuiThemeProviderProps;
+    CssBaselineProps?: MuiCssBaselineProps;
+    children?: ReactNode;
+}
+declare const ThemeProvider: {
+    ({ themes, muiLocale, defaultPaletteKey, lightPaletteKey, darkPaletteKey, systemPaletteKey, localStoragePaletteKey, MuiThemeProviderProps, CssBaselineProps, children, ...props }: {
+        [x: string]: any;
+        themes: any;
+        muiLocale: any;
+        defaultPaletteKey: any;
+        lightPaletteKey: any;
+        darkPaletteKey: any;
+        systemPaletteKey: any;
+        localStoragePaletteKey: any;
+        MuiThemeProviderProps: any;
+        CssBaselineProps: any;
+        children: any;
+    }): JSX.Element;
+    defaultProps: ThemeProviderProps<"light", "dark">;
+};
+declare const useThemeContext: () => ThemeContextValue<"light", "dark">;
+export { ThemeProvider, useThemeContext };

package/dist/es/general/ThemeContext/ThemeContext.js

@@ -1,85 +1,76 @@
-import { jsx as g, jsxs as I } from "react/jsx-runtime";
-import { createContext as A, useMemo as y, useState as O, useCallback as v, useEffect as K, useContext as $ } from "react";
-import e from "prop-types";
-import q from "@mui/material/CssBaseline";
+import { jsx as P, jsxs as S } from "react/jsx-runtime";
+import { createContext as A, useMemo as T, useState as x, useCallback as g, useEffect as B, useContext as $ } from "react";
+import y from "@mui/material/CssBaseline";
 import F from "@mui/material/useMediaQuery";
-import { createTheme as m, ThemeProvider as Q } from "@mui/material/styles";
-const R = m({
+import { createTheme as c, ThemeProvider as Q } from "@mui/material/styles";
+const U = c({
   palette: {
-    type: "light"
+    mode: "light"
   }
-}), U = m({
+}), V = c({
   palette: {
-    type: "dark"
+    mode: "dark"
   }
-}), b = A();
-function k({
-  themes: t,
-  muiLocale: x,
+}), k = A({
+  theme: void 0,
+  palette: void 0,
+  updatePalette: void 0,
+  isDefaultPalette: void 0,
+  themes: void 0
+}), _ = ({
+  themes: e,
+  muiLocale: C,
   defaultPaletteKey: d,
-  lightPaletteKey: p,
+  lightPaletteKey: m,
   darkPaletteKey: u,
   systemPaletteKey: i,
-  localStoragePaletteKey: a,
-  MuiThemeProviderProps: C,
-  CssBaselineProps: j,
-  children: E,
-  ...M
-}) {
-  const f = F("(prefers-color-scheme: dark)"), c = y(() => f ? u : p, [u, p, f]), h = localStorage.getItem(a) || d, [o, w] = O(h), L = t[h], [l, S] = O(L), n = v((r) => {
-    const s = r === i ? c : r;
-    if (!Object.keys(t).includes(s))
-      throw new Error(`Invalid theme (${s}) selected`);
-    const D = t[s];
-    S(D), w(r), localStorage.setItem(a, r);
-  }, [a, c, i, t]);
-  K(() => {
-    o === i && n(i);
-  }, [c]);
-  const P = v(() => {
-    const r = Object.keys(t);
-    let s = r[0];
-    r.length > 0 && o === r[0] && ([, s] = r), n(s);
-  }, [o, t, n]), T = o === d, B = y(() => ({
+  localStoragePaletteKey: n,
+  MuiThemeProviderProps: b,
+  CssBaselineProps: E,
+  children: j,
+  ...w
+}) => {
+  const h = F("(prefers-color-scheme: dark)"), a = T(() => h ? u : m, [u, m, h]), p = localStorage.getItem(n) || d, [o, M] = x(p), D = e[p], [l, I] = x(D), s = g((t) => {
+    const r = t === i ? a : t;
+    if (!Object.keys(e).includes(r))
+      throw new Error(`Invalid theme (${r}) selected`);
+    const O = e[r];
+    I(O), M(t), localStorage.setItem(n, t);
+  }, [n, a, i, e]);
+  B(() => {
+    o === i && s(i);
+  }, [a]);
+  const f = g(() => {
+    const t = Object.keys(e);
+    let r = t[0];
+    t.length > 0 && o === t[0] && ([, r] = t), s(r);
+  }, [o, e, s]), v = o === d, L = T(() => ({
     theme: l,
     palette: o,
-    updatePalette: n,
-    isDefaultPalette: T,
-    themes: t,
-    ...Object.keys(t).length === 2 ? {
-      togglePalette: P
+    updatePalette: s,
+    isDefaultPalette: v,
+    themes: e,
+    ...Object.keys(e).length === 2 ? {
+      togglePalette: f
     } : {}
-  }), [T, o, l, t, P, n]);
-  return /* @__PURE__ */ g(b.Provider, { value: B, children: /* @__PURE__ */ I(Q, { theme: m({
+  }), [v, o, l, e, f, s]);
+  return /* @__PURE__ */ P(k.Provider, { value: L, children: /* @__PURE__ */ S(Q, { theme: c({
     ...l,
-    ...M
-  }, x), ...C, children: [
-    /* @__PURE__ */ g(q, { enableColorScheme: !0, ...j }),
-    E
+    ...w
+  }, C), ...b, children: [
+    /* @__PURE__ */ P(y, { enableColorScheme: !0, ...E }),
+    j
   ] }) });
-}
-const N = () => {
-  const t = $(b);
-  if (t === void 0)
+}, N = () => {
+  const e = $(k);
+  if (e === void 0)
     throw new Error("useThemeContext must be used within a ThemeProvider");
-  return t;
+  return e;
 };
-k.propTypes = {
-  themes: e.instanceOf(Object),
-  muiLocale: e.instanceOf(Object),
-  defaultPaletteKey: e.string,
-  lightPaletteKey: e.string,
-  darkPaletteKey: e.string,
-  systemPaletteKey: e.string,
-  localStoragePaletteKey: e.string,
-  MuiThemeProviderProps: e.instanceOf(Object),
-  CssBaselineProps: e.instanceOf(Object),
-  children: e.oneOfType([e.arrayOf(e.element), e.element]).isRequired
-};
-k.defaultProps = {
+_.defaultProps = {
   themes: {
-    light: R,
-    dark: U
+    light: U,
+    dark: V
   },
   muiLocale: void 0,
   defaultPaletteKey: "system",
@@ -91,6 +82,6 @@ k.defaultProps = {
   CssBaselineProps: {}
 };
 export {
-  k as ThemeProvider,
+  _ as ThemeProvider,
   N as useThemeContext
 };

package/dist/es/general/ThemeContext/index.d.ts

@@ -0,0 +1 @@
+export { ThemeProvider, useThemeContext } from './ThemeContext';

package/dist/es/general/index.d.ts

@@ -0,0 +1,15 @@
+export { default as AvatarMenu } from './AvatarMenu';
+export { default as BlurredBackground } from './BlurredBackground';
+export { default as CalendarPicker } from './CalendarPicker';
+export { default as CompactBadge } from './CompactBadge';
+export { default as CompactLabel } from './CompactLabel';
+export { default as CornerLabelPlacer } from './CornerLabelPlacer';
+export { default as ExpandButton } from './ExpandButton';
+export { default as ImageCollage } from './ImageCollage';
+export { default as MediaIcon } from './MediaIcon';
+export { default as MenuItem } from './MenuItem';
+export { default as ScrubLine } from './ScrubLine';
+export { default as Sort } from './Sort';
+export { default as TablePagination } from './TablePagination';
+export { default as Form } from './Form';
+export { ThemeProvider, useThemeContext } from './ThemeContext';

package/dist/es/index.d.ts

@@ -0,0 +1,8 @@
+export * from './collection';
+export * from './entity';
+export * from './general';
+export * from './item';
+export * from './inputs';
+export * from './shape';
+export * from './search';
+export * from './transcode';

package/dist/es/index.js

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

package/dist/es/inputs/BasicDateTimeInput/BasicDateTimeInput.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import { TextField as MuiTextField } from '@mui/material';
+import type { PropsFrom, WithOverrideProps } from '../../_types';
+declare const defaultComponents: {
+    Root: typeof MuiTextField;
+};
+export interface BasicDateTimeInputProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * Name of input
+     */
+    name?: string;
+    /**
+     * Label of input
+     */
+    label?: string;
+    /**
+     * Value of input
+     */
+    value?: string;
+    /**
+     * Default value of input (use if uncontrolled)
+     */
+    defaultValue?: string;
+    /**
+     * Help text underneath input
+     */
+    helperText?: string;
+    /**
+     * Error to display underneath input (overrides `helperText`)
+     */
+    error?: string;
+    /**
+     * Set if input is required
+     */
+    required?: boolean;
+    /**
+     * Set if input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Set if input should be full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Set variant of input
+     */
+    variant?: 'outlined' | 'filled' | 'standard';
+    /**
+     * Set type of input
+     */
+    type?: 'date' | 'datetime-local' | 'month' | 'week' | 'time';
+    /**
+     * Callback when value changed
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Callback when input is blurred
+     */
+    onBlur?: PropsFrom<typeof MuiTextField>['onBlur'];
+    /**
+     * Callback when input is focused
+     */
+    onFocus?: PropsFrom<typeof MuiTextField>['onFocus'];
+}
+declare const BasicDateTimeInput: React.FC<BasicDateTimeInputProps>;
+export default BasicDateTimeInput;