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

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

@@ -0,0 +1,11 @@
+import { styled as n } from "@mui/material/styles";
+import { withOverrides as r } from "../../_utils/withOverrides.js";
+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.js

@@ -0,0 +1,96 @@
+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 F from "@mui/material/useMediaQuery";
+import { createTheme as m, ThemeProvider as Q } from "@mui/material/styles";
+const R = m({
+  palette: {
+    type: "light"
+  }
+}), U = m({
+  palette: {
+    type: "dark"
+  }
+}), b = A();
+function k({
+  themes: t,
+  muiLocale: x,
+  defaultPaletteKey: d,
+  lightPaletteKey: p,
+  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(() => ({
+    theme: l,
+    palette: o,
+    updatePalette: n,
+    isDefaultPalette: T,
+    themes: t,
+    ...Object.keys(t).length === 2 ? {
+      togglePalette: P
+    } : {}
+  }), [T, o, l, t, P, n]);
+  return /* @__PURE__ */ g(b.Provider, { value: B, children: /* @__PURE__ */ I(Q, { theme: m({
+    ...l,
+    ...M
+  }, x), ...C, children: [
+    /* @__PURE__ */ g(q, { enableColorScheme: !0, ...j }),
+    E
+  ] }) });
+}
+const N = () => {
+  const t = $(b);
+  if (t === void 0)
+    throw new Error("useThemeContext must be used within a ThemeProvider");
+  return t;
+};
+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 = {
+  themes: {
+    light: R,
+    dark: U
+  },
+  muiLocale: void 0,
+  defaultPaletteKey: "system",
+  lightPaletteKey: "light",
+  darkPaletteKey: "dark",
+  systemPaletteKey: "system",
+  localStoragePaletteKey: "DEFAULT_PALETTE",
+  MuiThemeProviderProps: {},
+  CssBaselineProps: {}
+};
+export {
+  k as ThemeProvider,
+  N as useThemeContext
+};

package/dist/es/inputs/BasicDateTimeInput/BasicDateTimeInput.js

@@ -0,0 +1,133 @@
+import { jsx as F } from "react/jsx-runtime";
+import e from "prop-types";
+import O from "@mui/material/TextField";
+const B = {
+  Root: O
+};
+function i({
+  name: t,
+  label: s,
+  value: n,
+  defaultValue: d,
+  error: r,
+  helperText: u,
+  required: p,
+  disabled: f,
+  fullWidth: c,
+  variant: m,
+  type: v,
+  onChange: h,
+  onBlur: g,
+  onFocus: b,
+  components: T,
+  componentsProps: x
+}) {
+  const {
+    Root: C
+  } = T, y = (o) => {
+    var a;
+    h(o, {
+      value: (a = o == null ? void 0 : o.target) == null ? void 0 : a.value
+    });
+  }, P = n !== void 0, l = !!r;
+  return /* @__PURE__ */ F(C, { id: t, name: t, label: s, ...P ? {
+    value: n
+  } : {
+    defaultValue: d
+  }, helperText: l ? r : u, error: l, required: p, disabled: f, fullWidth: c, variant: m, type: v, InputLabelProps: {
+    shrink: !0
+  }, onChange: y, onBlur: g, onFocus: b, ...x.root });
+}
+i.propTypes = {
+  /**
+   * Name of input
+   */
+  name: e.string,
+  /**
+   * Label of input
+   */
+  label: e.string,
+  /**
+   * Value of input
+   */
+  value: e.string,
+  /**
+   * Default value of input (use if uncontrolled)
+   */
+  defaultValue: e.string,
+  /**
+   * Help text underneath input
+   */
+  helperText: e.string,
+  /**
+   * Error to display underneath input (overrides `helperText`)
+   */
+  error: e.string,
+  /**
+   * Set if input is required
+   */
+  required: e.bool,
+  /**
+   * Set if input is disabled
+   */
+  disabled: e.bool,
+  /**
+   * Set if input should be full width
+   */
+  fullWidth: e.bool,
+  /**
+   * Set variant of input
+   */
+  variant: e.oneOf(["outlined", "filled", "standard"]),
+  /**
+   * Set type of input
+   */
+  type: e.oneOf(["date", "datetime-local", "month", "week", "time"]),
+  // Callbacks
+  /**
+   * Callback when value changed
+   */
+  onChange: e.func,
+  /**
+   * Callback when input is blurred
+   */
+  onBlur: e.func,
+  /**
+   * Callback when input is focused
+   */
+  onFocus: e.func,
+  // Overrides
+  /**
+   * Replace internal components
+   */
+  components: e.shape({
+    Root: e.elementType
+  }),
+  /**
+   * Add internal component props
+   */
+  componentsProps: e.shape({
+    root: e.instanceOf(Object)
+  })
+};
+i.defaultProps = {
+  name: void 0,
+  label: void 0,
+  value: void 0,
+  defaultValue: void 0,
+  error: void 0,
+  helperText: void 0,
+  required: !1,
+  disabled: !1,
+  fullWidth: !0,
+  variant: "outlined",
+  type: "date",
+  onChange: () => null,
+  onBlur: void 0,
+  onFocus: void 0,
+  components: B,
+  componentsProps: void 0
+};
+export {
+  i as default
+};

package/dist/es/inputs/BasicDateTimeInput/index.js

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

package/dist/es/inputs/BooleanInput/BooleanInput.js

@@ -0,0 +1,196 @@
+import { jsxs as z, jsx as c } from "react/jsx-runtime";
+import e from "prop-types";
+import A from "@mui/material/FormControl";
+import B from "@mui/material/FormControlLabel";
+import I from "@mui/material/FormHelperText";
+import V from "@mui/material/Switch";
+import W from "@mui/material/Checkbox";
+import { styled as b } from "@mui/material/styles";
+const q = b(B, {
+  shouldForwardProp: (o) => o !== "size"
+})(({
+  theme: o,
+  size: t,
+  labelPlacement: r
+}) => ({
+  "& .MuiTypography-root": {
+    ...t === "small" && {
+      fontSize: "0.8rem"
+    }
+  },
+  "&.Mui-error": {
+    color: o.palette.error.main
+  },
+  ...r === "end" ? {
+    marginRight: 0
+  } : {},
+  ...r === "start" ? {
+    marginLeft: 0
+  } : {},
+  ...["bottom", "top"].includes(r) ? {
+    marginRight: 0,
+    marginLeft: 0
+  } : {}
+})), E = b(I, {
+  shouldForwardProp: (o) => !["fullWidth", "textAlign"].includes(o)
+})(({
+  fullWidth: o,
+  textAlign: t
+}) => o ? {
+  textAlign: t
+} : {}), $ = {
+  Root: A,
+  FormControlLabel: q,
+  FormHelperText: E,
+  Switch: V,
+  Checkbox: W
+};
+function x({
+  name: o,
+  label: t,
+  value: r,
+  defaultValue: g,
+  helperText: m,
+  error: a,
+  required: s,
+  disabled: C,
+  labelPlacement: d,
+  size: p,
+  fullWidth: u,
+  type: T,
+  onChange: F,
+  onBlur: y,
+  onFocus: O,
+  components: k,
+  componentsProps: n
+}) {
+  const {
+    Root: v,
+    FormControlLabel: w,
+    FormHelperText: L,
+    Switch: M,
+    Checkbox: j
+  } = k, H = {
+    end: "left",
+    start: "right",
+    top: "center",
+    bottom: "center"
+  }, S = (l) => {
+    var h;
+    F(l, {
+      value: (h = l == null ? void 0 : l.target) == null ? void 0 : h.checked
+    });
+  }, i = !!a, f = (a || "").trim(), [R, P] = T === "switch" ? [M, n.switch] : [j, n.checkbox];
+  return /* @__PURE__ */ z(v, { error: i, required: s, disabled: C, fullWidth: u, ...n.root, children: [
+    /* @__PURE__ */ c(w, { label: s ? `${t} *` : t, labelPlacement: t ? d : "end", size: p, control: /* @__PURE__ */ c(R, { id: o, name: o, checked: r, size: p, type: "checkbox", defaultChecked: g, ...i ? {
+      color: "error"
+    } : {}, onChange: S, onBlur: y, onFocus: O, ...P }), ...n.formControlLabel }),
+    (f || m) && /* @__PURE__ */ c(L, { fullWidth: u, textAlign: H[d], ...n.formHelperText, children: i ? f : m })
+  ] });
+}
+x.propTypes = {
+  /**
+   * Name of input
+   */
+  name: e.string,
+  /**
+   * Value of input
+   */
+  value: e.bool,
+  /**
+   * Default value of input (use for uncontrolled)
+   */
+  defaultValue: e.bool,
+  /**
+   * Label to use
+   */
+  label: e.string,
+  /**
+   * Help text underneath input
+   */
+  helperText: e.string,
+  /**
+   * Error to display underneath input (overrides `helperText`)
+   */
+  error: e.string,
+  /**
+   * Set if required
+   */
+  required: e.bool,
+  /**
+   * Set if disabled
+   */
+  disabled: e.bool,
+  /**
+   * Set if input should be full width
+   */
+  fullWidth: e.bool,
+  /**
+   * Label placement
+   */
+  labelPlacement: e.oneOf(["end", "start", "bottom", "top"]),
+  /**
+   * Set size of input
+   */
+  size: e.oneOf(["medium", "small"]),
+  /**
+   * Set type of switch
+   */
+  type: e.oneOf(["checkbox", "switch"]),
+  // Callbacks
+  /**
+   * Callback when value changed
+   */
+  onChange: e.func,
+  /**
+   * Callback when input is blurred
+   */
+  onBlur: e.func,
+  /**
+   * Callback when input is focused
+   */
+  onFocus: e.func,
+  // Overrides
+  /**
+   * Replace internal components
+   */
+  components: e.shape({
+    Root: e.elementType,
+    FormControlLabel: e.elementType,
+    FormHelperText: e.elementType,
+    Switch: e.elementType,
+    Checkbox: e.elementType
+  }),
+  /**
+   * Add internal component props
+   */
+  componentsProps: e.shape({
+    root: e.instanceOf(Object),
+    formControlLabel: e.instanceOf(Object),
+    formHelperText: e.instanceOf(Object),
+    switch: e.instanceOf(Object),
+    checkbox: e.instanceOf(Object)
+  })
+};
+x.defaultProps = {
+  name: void 0,
+  label: void 0,
+  value: void 0,
+  defaultValue: void 0,
+  helperText: void 0,
+  error: void 0,
+  required: !1,
+  disabled: !1,
+  fullWidth: !1,
+  labelPlacement: "end",
+  size: "medium",
+  type: "checkbox",
+  onChange: () => null,
+  onBlur: void 0,
+  onFocus: void 0,
+  components: $,
+  componentsProps: void 0
+};
+export {
+  x as default
+};

package/dist/es/inputs/BooleanInput/index.js

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