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

package/dist/es/inputs/MaskedTextInput/MaskedTextInput.js

@@ -1,207 +1,72 @@
-import { jsx as V } from "react/jsx-runtime";
-import { useRef as _ } from "react";
-import e from "prop-types";
-import G from "@mui/material/TextField";
-import H from "./components/MaskedInputComponent.js";
-const J = {
-  Root: G,
-  InputComponent: H
-};
-function p({
-  name: m,
-  label: c,
-  value: n,
-  defaultValue: i,
-  placeholder: f,
-  helperText: l,
+import { jsx as G } from "react/jsx-runtime";
+import { useRef as H } from "react";
+import J from "@mui/material/TextField";
+import K from "./components/MaskedInputComponent.js";
+const N = {
+  Root: J,
+  InputComponent: K
+}, O = ({
+  name: a,
+  label: p,
+  value: e,
+  defaultValue: n,
+  placeholder: m,
+  helperText: i,
   error: t,
   required: v,
-  disabled: b,
-  fullWidth: C,
-  multiline: O,
-  variant: g,
-  size: T,
-  min: h,
-  max: x,
-  mask: k,
-  focused: y,
-  definitions: I,
-  eager: P,
-  overwrite: j,
-  lazy: R,
-  onChange: z,
-  onBlur: F,
-  onFocus: M,
-  onClick: q,
-  components: w,
+  disabled: c,
+  fullWidth: f,
+  multiline: C,
+  variant: x,
+  size: I,
+  min: k,
+  max: h,
+  mask: T,
+  focused: b,
+  definitions: P,
+  eager: R,
+  overwrite: F,
+  lazy: M,
+  onChange: g,
+  onBlur: z,
+  onFocus: A,
+  onClick: L,
+  components: j,
   componentsProps: o
-}) {
-  var s, a;
+}) => {
+  var l, d;
   const {
-    Root: A,
-    InputComponent: B
-  } = w, r = _(n || i), L = n !== void 0 ? n : r.current, W = (E, N) => {
+    Root: q,
+    InputComponent: w
+  } = j, r = H(e || n), y = e !== void 0 ? e : r.current, B = (W, _, D) => {
     const {
-      _unmaskedValue: d
-    } = N;
-    r.current = d, z(null, {
-      value: d,
-      maskedValue: E
+      _unmaskedValue: s
+    } = _;
+    r.current = s, g(D, {
+      value: s,
+      maskedValue: W
     });
-  }, u = !!t, D = (t || "").trim();
-  return /* @__PURE__ */ V(A, { name: m, label: c, value: L, defaultValue: i, helperText: (D || l) && u ? t : l, error: u, placeholder: f, required: v, disabled: b, fullWidth: C, multiline: O, variant: g, size: T, focused: y, autoComplete: "off", onFocus: M, onClick: q, onBlur: F, ...o.root, InputProps: {
-    inputComponent: B,
-    ...((s = o.root) == null ? void 0 : s.InputProps) || {},
+  }, u = !!t, E = (t || "").trim();
+  return /* @__PURE__ */ G(q, { name: a, label: p, value: y, defaultValue: n, helperText: (E || i) && u ? t : i, error: u, placeholder: m, required: v, disabled: c, fullWidth: f, multiline: C, variant: x, size: I, focused: b, autoComplete: "off", onFocus: A, onClick: L, onBlur: z, ...o.root, InputProps: {
+    inputComponent: w,
+    ...((l = o.root) == null ? void 0 : l.InputProps) || {},
     inputProps: {
-      mask: k,
-      min: h,
-      max: x,
-      definitions: I,
-      eager: P,
-      overwrite: j,
-      lazy: R,
-      onAccept: W,
+      mask: T,
+      min: k,
+      max: h,
+      definitions: P,
+      eager: R,
+      overwrite: F,
+      lazy: M,
+      onAccept: B,
       ...o.inputComponent
     }
   }, InputLabelProps: {
     shrink: !0,
-    ...((a = o.root) == null ? void 0 : a.InputLabelProps) || {}
+    ...((d = o.root) == null ? void 0 : d.InputLabelProps) || {}
   } });
-}
-p.propTypes = {
-  /**
-   * Name for input
-   */
-  name: e.string,
-  /**
-   * Label for 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,
-  /**
-   * Placeholder for input field
-   */
-  placeholder: e.string,
-  /**
-   * An error message to display underneath input component
-   */
-  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,
-  /**
-   * Set if multiline (use text area)
-   */
-  multiline: e.bool,
-  /**
-   * Set variant of input
-   */
-  variant: e.oneOf(["outlined", "filled", "standard"]),
-  /**
-   * Set size of input
-   */
-  size: e.oneOf(["medium", "small"]),
-  /**
-   * Set min value for input
-   *
-   * Defaults to `1900-01-01` if `Date` type
-   */
-  min: e.oneOfType([e.string, e.number]),
-  /**
-   * Set max value for input
-   *
-   * Defaults to `9999-01-01` if `Date` type
-   */
-  max: e.oneOfType([e.string, e.number]),
-  /**
-   * Set focused state for input
-   */
-  focused: e.bool,
-  /**
-   * The `react-imask` mask to use for the text input
-   *
-   * Default definitions are:
-   * - `0` any digit
-   * - `a` any letter
-   * - `*` any char
-   * - `[]` make input optional
-   * - `{}` include fixed part in unmasked value
-   * - `` ` `` prevent symbols shift back
-   * - `\` Escape definitions to treat as fixed value
-   */
-  mask: e.oneOfType([e.instanceOf(Date), e.instanceOf(Number), e.instanceOf(Object), e.string]),
-  /**
-   * Automatically add characters without definitions
-   */
-  eager: e.bool,
-  /**
-   * Overwrite value from the current position
-   */
-  overwrite: e.bool,
-  /**
-   * Set false to show mask pattern/format as placeholder
-   */
-  lazy: e.bool,
-  /**
-   * The `react-imask` definitions for mask characters valid regexp
-   *
-   * Note: If definition character should be treated as fixed escape with "\\" (e.g. "\\0")
-   */
-  definitions: e.instanceOf(Object),
-  // Callbacks
-  /**
-   * Callback when text field value changed
-   */
-  onChange: e.func,
-  /**
-   * Callback when input is blurred
-   */
-  onBlur: e.func,
-  /**
-   * Callback when input is focused
-   */
-  onFocus: e.func,
-  /**
-   * Callback when input is clicked on
-   */
-  onClick: e.func,
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: e.shape({
-    Root: e.elementType,
-    InputComponent: e.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: e.shape({
-    root: e.instanceOf(Object),
-    inputComponent: e.instanceOf(Object)
-  })
 };
-p.defaultProps = {
+O.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -227,9 +92,9 @@ p.defaultProps = {
   onBlur: () => null,
   onFocus: () => null,
   onClick: () => null,
-  components: J,
+  components: N,
   componentsProps: void 0
 };
 export {
-  p as default
+  O as default
 };

package/dist/es/inputs/MaskedTextInput/components/MaskedInputComponent.d.ts

@@ -0,0 +1,16 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { IMaskInput } from 'react-imask';
+import { PropsFrom } from '../../../_types';
+import type { IMask } from 'react-imask';
+export type IMaskDefinitions = (typeof IMask.MaskedPattern)['prototype']['definitions'];
+export type IMaskLazy = (typeof IMask.MaskedPattern)['prototype']['lazy'];
+export type MaskedInputProps = PropsFrom<typeof IMaskInput> & {
+    definitions?: IMaskDefinitions;
+    lazy?: IMaskLazy;
+};
+declare const MaskedInput: ForwardRefExoticComponent<{
+    definitions?: any;
+    lazy?: any;
+} & RefAttributes<unknown>>;
+export default MaskedInput;

package/dist/es/inputs/MaskedTextInput/components/MaskedInputComponent.js

@@ -1,13 +1,17 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { IMaskInput as p } from "react-imask";
-const u = e((o, t) => {
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { IMaskInput as f } from "react-imask";
+const i = n((o, t) => {
   const {
-    onChange: f,
+    onChange: s,
     ...r
   } = o;
-  return /* @__PURE__ */ n(p, { inputRef: t, ...r });
+  return /* @__PURE__ */ e(f, { inputRef: t, ...r });
 });
+i.defaultProps = {
+  definitions: void 0,
+  lazy: void 0
+};
 export {
-  u as default
+  i as default
 };

package/dist/es/inputs/MaskedTextInput/index.d.ts

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

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

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

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

@@ -0,0 +1,70 @@
+/// <reference types="react" />
+import { TextField as MuiTextField } from '@mui/material';
+import type { WithOverrideProps } from '../../_types';
+declare const defaultComponents: {
+    Root: typeof MuiTextField;
+};
+export interface NumberInputProps extends WithOverrideProps<typeof defaultComponents> {
+    /**
+     * Name for input
+     */
+    name?: string;
+    /**
+     * Label for input
+     */
+    label?: string;
+    /**
+     * Value of input
+     *
+     * Set `''` for undefined (but controlled)
+     */
+    value?: number | string;
+    /**
+     * Default value of input (use if uncontrolled)
+     */
+    defaultValue?: number | string;
+    /**
+     * Help text underneath input
+     */
+    helperText?: string;
+    /**
+     * An error message to display underneath input component
+     */
+    error?: string;
+    /**
+     * Set if required
+     */
+    required?: boolean;
+    /**
+     * Set if disabled
+     */
+    disabled?: boolean;
+    /**
+     * Set if input should be full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Set variant of input
+     */
+    variant?: 'outlined' | 'filled' | 'standard';
+    /**
+     * Set size of input
+     */
+    size?: 'medium' | 'small';
+    /**
+     * Callback when value changed
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, payload: {
+        value: string | number;
+    }) => void;
+    /**
+     * Callback when input is blurred
+     */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * Callback when input is focused
+     */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+}
+declare const NumberInput: React.FC<NumberInputProps>;
+export default NumberInput;

package/dist/es/inputs/NumberInput/NumberInput.js

@@ -1,117 +1,41 @@
 import { jsx as j } from "react/jsx-runtime";
-import o from "prop-types";
 import q from "@mui/material/TextField";
-const z = {
+const w = {
   Root: q
-};
-function d({
-  name: t,
-  label: m,
-  value: r,
-  defaultValue: p,
-  helperText: l,
-  error: n,
-  required: f,
-  disabled: c,
-  fullWidth: v,
-  variant: b,
-  size: g,
-  onChange: h,
-  onBlur: T,
+}, y = ({
+  name: e,
+  label: u,
+  value: n,
+  defaultValue: s,
+  helperText: r,
+  error: t,
+  required: m,
+  disabled: v,
+  fullWidth: c,
+  variant: f,
+  size: p,
+  onChange: g,
+  onBlur: h,
   onFocus: x,
   components: C,
-  componentsProps: y
-}) {
+  componentsProps: b
+}) => {
   const {
-    Root: O
-  } = C, F = (e) => {
-    var a, s, u;
-    const V = ["", void 0].includes((a = e == null ? void 0 : e.target) == null ? void 0 : a.value) ? (s = e == null ? void 0 : e.target) == null ? void 0 : s.value : Number((u = e == null ? void 0 : e.target) == null ? void 0 : u.value);
-    h(e, {
+    Root: T
+  } = C, F = (o) => {
+    var a, d, i;
+    const V = ["", void 0].includes((a = o == null ? void 0 : o.target) == null ? void 0 : a.value) ? (d = o == null ? void 0 : o.target) == null ? void 0 : d.value : Number((i = o == null ? void 0 : o.target) == null ? void 0 : i.value);
+    g(o, {
       value: V
     });
-  }, P = r !== void 0, i = !!n, R = (n || "").trim();
-  return /* @__PURE__ */ j(O, { id: t, name: t, label: m, ...P ? {
-    value: r
+  }, P = n !== void 0, l = !!t, R = (t || "").trim();
+  return /* @__PURE__ */ j(T, { id: e, name: e, label: u, ...P ? {
+    value: n
   } : {
-    defaultValue: p
-  }, helperText: (R || l) && i ? n : l, error: i, required: f, disabled: c, fullWidth: v, variant: b, size: g, type: "number", autoComplete: "off", onChange: F, onBlur: T, onFocus: x, ...y.root });
-}
-d.propTypes = {
-  /**
-   * Name for input
-   */
-  name: o.string,
-  /**
-   * Label for input
-   */
-  label: o.string,
-  /**
-   * Value of input
-   *
-   * Set `''` for undefined (but controlled)
-   */
-  value: o.oneOfType([o.number, o.string]),
-  /**
-   * Default value of input (use if uncontrolled)
-   */
-  defaultValue: o.number,
-  /**
-   * Help text underneath input
-   */
-  helperText: o.string,
-  /**
-   * An error message to display underneath input component
-   */
-  error: o.string,
-  /**
-   * Set if required
-   */
-  required: o.bool,
-  /**
-   * Set if disabled
-   */
-  disabled: o.bool,
-  /**
-   * Set if input should be full width
-   */
-  fullWidth: o.bool,
-  /**
-   * Set variant of input
-   */
-  variant: o.oneOf(["outlined", "filled", "standard"]),
-  /**
-   * Set size of input
-   */
-  size: o.oneOf(["medium", "small"]),
-  // Callbacks
-  /**
-   * Callback when value changed
-   */
-  onChange: o.func,
-  /**
-   * Callback when input is blurred
-   */
-  onBlur: o.func,
-  /**
-   * Callback when input is focused
-   */
-  onFocus: o.func,
-  // Overrides
-  /**
-   * Replace internal components
-   */
-  components: o.shape({
-    Root: o.elementType
-  }),
-  /**
-   * Add internal component props
-   */
-  componentsProps: o.shape({
-    root: o.instanceOf(Object)
-  })
+    defaultValue: s
+  }, helperText: (R || r) && l ? t : r, error: l, required: m, disabled: v, fullWidth: c, variant: f, size: p, type: "number", autoComplete: "off", onChange: F, onBlur: h, onFocus: x, ...b.root });
 };
-d.defaultProps = {
+y.defaultProps = {
   name: void 0,
   label: void 0,
   value: void 0,
@@ -126,9 +50,9 @@ d.defaultProps = {
   onChange: () => null,
   onBlur: void 0,
   onFocus: void 0,
-  components: z,
+  components: w,
   componentsProps: void 0
 };
 export {
-  d as default
+  y as default
 };

package/dist/es/inputs/NumberInput/index.d.ts

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

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

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

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

@@ -0,0 +1,106 @@
+/// <reference types="react" />
+import { FormControl as MuiFormControl, FormHelperText as MuiFormHelperText, InputLabel as MuiInputLabel, OutlinedInput as MuiOutlinedInput, FilledInput as MuiFilledInput, Input as MuiInput, Radio as MuiRadio } from '@mui/material';
+import VdtFormControlLabel from '../_components/FormControlLabel';
+import VdtRadioGroup from './components/RadioGroup';
+import type { StyledComponent, WithOverrideProps } from '../../_types';
+declare const StyledMuiOutlinedInput: StyledComponent<typeof MuiOutlinedInput>;
+declare const StyledMuiFilledInput: StyledComponent<typeof MuiFilledInput>;
+declare const StyledMuiInput: StyledComponent<typeof MuiInput>;
+declare const StyledMuiInputLabel: typeof MuiInputLabel;
+declare const defaultComponents: {
+    Root: typeof MuiFormControl;
+    FormHelperText: typeof MuiFormHelperText;
+    InputLabel: typeof StyledMuiInputLabel;
+    Input: typeof StyledMuiInput;
+    FilledInput: typeof StyledMuiFilledInput;
+    OutlinedInput: typeof StyledMuiOutlinedInput;
+    RadioGroup: typeof VdtRadioGroup;
+    FormControlLabel: typeof VdtFormControlLabel;
+    Radio: typeof MuiRadio;
+};
+export interface RadioGroupInputProps 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;
+    /**
+     * Options for input
+     */
+    options?: {
+        value: string;
+        name?: string;
+        label?: string;
+        count?: string | number;
+        disabled?: boolean;
+    }[];
+    /**
+     * Help text underneath input
+     */
+    helperText?: string;
+    /**
+     * Error to display underneath input (overrides `helperText`)
+     */
+    error?: string;
+    /**
+     * Set if required
+     */
+    required?: boolean;
+    /**
+     * Set if disabled
+     */
+    disabled?: boolean;
+    /**
+     * Set if input should be full width
+     */
+    fullWidth?: boolean;
+    /**
+     * Set direction inputs should be aligned
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Radio label placement
+     */
+    labelPlacement?: 'end' | 'start' | 'bottom' | 'top';
+    /**
+     * Alignment of inputs
+     *
+     * Only used when `orientation:horizontal`
+     */
+    justifyContent?: 'flex-start' | 'center' | 'space-around' | 'space-evenly' | 'space-between' | 'flex-end';
+    /**
+     * Set variant of input
+     */
+    variant?: 'outlined' | 'filled' | 'standard';
+    /**
+     * Set size of input
+     */
+    size?: 'medium' | 'small';
+    /**
+     * Callback when value changed
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: {
+        value: string;
+    }) => void;
+    /**
+     * Callback when input is blurred
+     */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback when input is focused
+     */
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+}
+declare const RadioGroupInput: React.FC<RadioGroupInputProps>;
+export default RadioGroupInput;