@elliemae/ds-form 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/types/Radio/DSRadio.d.ts

@@ -0,0 +1,157 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import * as CSS from 'csstype';
+interface DSRadioT {
+    [x: string]: unknown;
+    innerRef?: React.MutableRefObject<HTMLInputElement>;
+    containerProps?: {
+        [x: string]: unknown;
+    };
+    className?: string;
+    style?: CSS.Properties;
+    labelText?: string;
+    htmlFor?: string;
+    hasError?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    value?: string;
+    name?: string;
+    onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode | React.ReactNode[];
+    tabIndex?: number;
+}
+declare const DSRadio: {
+    ({ containerProps, className, style, labelText, htmlFor, hasError, readOnly, disabled, checked, value, name, onChange, children, tabIndex, ...otherProps }: DSRadioT): JSX.Element;
+    defaultProps: {
+        containerProps: {};
+        className: string;
+        hasError: boolean;
+        readOnly: boolean;
+        disabled: boolean;
+        checked: boolean;
+        name: string;
+        onChange: () => null;
+        children: null;
+        tabIndex: number;
+    };
+    propTypes: {
+        /** Injected props to wrapper element of component */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** css class prop */
+        className: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** name property to manage form */
+        name: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Displayable label for the radio
+         */
+        labelText: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** HTMLFOR property to manage form */
+        htmlFor: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the radio has error or not
+         */
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the radio is read only or not
+         */
+        readOnly: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the radio is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the radio is checked or not
+         */
+        checked: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Value that takes the checkbox if it is checked
+         */
+        value: import("react-desc").PropTypesDescValue;
+        /**
+         * Allows a function that is triggered once the radio changes
+         */
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Optional, if you want a checkbox customized
+         */
+        children: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** HTML tabindex to manage focus */
+        tabIndex: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** style override object */
+        style: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSRadioWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSRadio, DSRadioWithSchema };
+export default DSRadio;

package/dist/types/Radio/index.d.ts

@@ -0,0 +1 @@
+export * from './DSRadio';

package/dist/types/RadioGroup/DSRadioGroup.d.ts

@@ -0,0 +1,72 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSRadioGroup: {
+    ({ containerProps, onChange, activeValue, children, orientation, disabled, truncateText, labelProps, }: {
+        containerProps: any;
+        onChange: any;
+        activeValue: any;
+        children: any;
+        orientation: any;
+        disabled: any;
+        truncateText: any;
+        labelProps: any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        activeValue: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        children: any;
+        orientation: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        labelProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+    defaultProps: {
+        containerProps: {};
+        onChange: () => null;
+        orientation: string;
+        disabled: boolean;
+        truncateText: boolean;
+        labelProps: {
+            feedbackMessage: string;
+            labelText: string;
+            required: boolean;
+        };
+    };
+};
+declare const DSRadioGroupWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSRadioGroup, DSRadioGroupWithSchema };
+export default DSRadioGroup;

package/dist/types/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './DSRadioGroup';

package/dist/types/RequiredMark/RequiredMark.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const RequiredMark: ({ required, optional }: {
+    required?: boolean | undefined;
+    optional?: boolean | undefined;
+}) => JSX.Element | null;
+export { RequiredMark, RequiredMark as DSRequiredMark };
+export default RequiredMark;

package/dist/types/RequiredMark/index.d.ts

@@ -0,0 +1 @@
+export * from './RequiredMark';

package/dist/types/SearchBox/index.d.ts

@@ -0,0 +1 @@
+export * from '@elliemae/ds-common/SearchBox';

package/dist/types/TextBox/index.d.ts

@@ -0,0 +1 @@
+export * from '@elliemae/ds-common/TextBox';

package/dist/types/TimeInput/DSTimeInput.d.ts

@@ -0,0 +1,122 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { TimeInputImpl } from './TimeInputImpl';
+declare const DSTimeInput: {
+    ({ containerProps, innerRef, className, style, onChange, format, value, clearable, disabled, ariaLabel, }: {
+        containerProps?: {} | undefined;
+        innerRef: any;
+        className?: string | undefined;
+        style?: {} | undefined;
+        onChange?: (() => null) | undefined;
+        format: any;
+        value?: string | undefined;
+        clearable?: boolean | undefined;
+        disabled?: boolean | undefined;
+        ariaLabel?: string | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        format: string;
+        disabled: boolean;
+        clearable: boolean;
+    };
+    propTypes: {
+        /** Injected props to wrapper element of component */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Allows a function that is triggered once the time input changes
+         */
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** a11y aria label */
+        'aria-label': {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** style object for time input wrapper */
+        style: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** inner ref for time inpot wrapper */
+        innerRef: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** class for time input */
+        className: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Valid time format
+         */
+        format: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Default value once the component is initialized
+         */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the time input is clearable or not
+         */
+        clearable: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the time input is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Aria label
+         */
+        ariaLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSTimeInputWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema; /**
+     * Default value once the component is initialized
+     */
+};
+export { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };
+export default DSTimeInput;

package/dist/types/TimeInput/TimeInputImpl.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const TimeInputImpl: {
+    ({ format, innerRef, onChange, className, value, disabled, clearable, "arial-label": ariaLabel, }: {
+        format: any;
+        innerRef: any;
+        onChange: any;
+        className: any;
+        value: any;
+        disabled: any;
+        clearable: any;
+        "arial-label": any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Inner reference to the input
+         */
+        innerRef: PropTypes.Requireable<any>;
+        /**
+         * Classes to add to the container
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Styles to add to the container
+         */
+        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Allows a function that is triggered once the time input changes
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Valid time format
+         */
+        format: PropTypes.Requireable<string>;
+        /**
+         * Default value once the component is initialized
+         */
+        value: PropTypes.Requireable<string>;
+        /**
+         * Whether the time input is clearable or not
+         */
+        clearable: PropTypes.Requireable<boolean>;
+        /**
+         * Whether the time input is disabled or not
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Aria label to add to the container
+         */
+        'aria-label': PropTypes.Requireable<boolean>;
+        'arial-label': PropTypes.Requireable<boolean>;
+    };
+};
+export { TimeInputImpl };
+export default TimeInputImpl;

package/dist/types/TimeInput/TimeInputs.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const TimeInputs: ({ time, format, use12Hours, step, showHours, showMinutes, showSeconds, onChange, disabled, innerRef, clearable, "arial-label": ariaLabel, "aria-label": ariaLabel2, }: {
+    time: any;
+    format: any;
+    use12Hours: any;
+    step?: number | undefined;
+    showHours: any;
+    showMinutes: any;
+    showSeconds: any;
+    onChange: any;
+    disabled: any;
+    innerRef: any;
+    clearable: any;
+    "arial-label": any;
+    "aria-label": any;
+}) => JSX.Element;
+export { TimeInputs };
+export default TimeInputs;

package/dist/types/TimeInput/index.d.ts

@@ -0,0 +1 @@
+export * from './DSTimeInput';

package/dist/types/TimeInput/utils.d.ts

@@ -0,0 +1,39 @@
+export declare const isArrowIncrementDecrement: (key: any) => boolean;
+export declare const setNativeValue: (element: any, value: any) => void;
+export declare const placeholderFormat: (position: any, format: any, use12Hours: any) => "a" | "h" | "hh" | "HH" | "H" | "mm" | "m" | "ss" | "s" | "A" | undefined;
+export declare const formatMinutes: (format: any, value: any) => string;
+export declare const formatSeconds: (format: any, value: any) => string;
+export declare const formatHour: (format: any, value: any) => string;
+export declare const formatMeridiem: (format: any, value: any) => any;
+export declare const parseTimeNumberFromText: (stringValue: any) => number | null;
+export declare const focusNextInput: (currentEl: any) => void;
+export declare const focusPreviousInput: (currentEl: any) => void;
+export declare const getValidTimeNumber: ({ min, max }: {
+    min: any;
+    max: any;
+}, number: any, typed: any) => any;
+export declare const shouldFocusNextInput: (max: any, number: number | undefined, stringValue: any) => boolean;
+export declare const getTimeValuesFromTime: (time: any, format: any, use12Hours: any) => {
+    hours?: undefined;
+    minutes?: undefined;
+    seconds?: undefined;
+    meridiem?: undefined;
+} | {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    meridiem: any;
+};
+export declare const resetTimeValues: () => {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    meridiem: any;
+};
+export declare const commonInputProps: (onKeyDown: any, onInputFocus: any, onClick: any) => {
+    pattern: string;
+    type: string;
+    onKeyDown: any;
+    onClick: any;
+    onFocus: any;
+};

package/dist/types/Toggle/DSToggle.d.ts

@@ -0,0 +1,134 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSToggle: {
+    ({ containerProps, hasError, readOnly, disabled, checked, labelOn, labelOff, name, value, size, ...otherProps }: {
+        [x: string]: any;
+        containerProps: any;
+        hasError: any;
+        readOnly: any;
+        disabled: any;
+        checked: any;
+        labelOn: any;
+        labelOff: any;
+        name: any;
+        value: any;
+        size: any;
+    }): JSX.Element;
+    defaultProps: {
+        labelOn: string;
+        labelOff: string;
+        size: string;
+        hasError: boolean;
+        readOnly: boolean;
+        disabled: boolean;
+        checked: undefined;
+    };
+    propTypes: {
+        /**
+         * Set of Properties attached to the main container
+         */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle has error or not
+         */
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is read only or not
+         */
+        readOnly: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is checked or not
+         */
+        checked: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Allows a function that is triggered once the toggle changes
+         */
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Label to show when the toggle is ON
+         */
+        labelOn: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Label to show when the toggle is OFF
+         */
+        labelOff: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Default value once the component is initialized
+         */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * ['s', 'm', 'l']
+         */
+        size: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Input name
+         */
+        name: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSToggleWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSToggle;
+export { DSToggleWithSchema, DSToggle };