@elliemae/ds-form 2.3.0-alpha.9 → 2.3.0-next.11

package/types/TimeInput/DSTimeInput.d.ts

@@ -0,0 +1,120 @@
+/// <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;
+};
+export { TimeInputImpl, DSTimeInputWithSchema };
+export default DSTimeInput;

package/types/TimeInput/TimeInputImpl.d.ts

@@ -0,0 +1,55 @@
+/// <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 default TimeInputImpl;

package/types/TimeInput/TimeInputs.d.ts

@@ -0,0 +1,17 @@
+/// <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 default TimeInputs;

package/types/TimeInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DSTimeInput';
+export * from './DSTimeInput';

package/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" | "m" | "A" | "s" | "mm" | "HH" | "hh" | "H" | "ss" | 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/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 };

package/types/Toggle/DSToggleImpl.d.ts

@@ -0,0 +1,56 @@
+import { Component } from 'react';
+declare class DSToggleImpl extends Component {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    /**
+     * ******************************************************
+     * Drag
+     * ****************************************************** *
+     *
+     * @param clientX
+     */
+    onDragStart: (clientX: any) => void;
+    onDragStop: (e: any) => void;
+    /**
+     * ******************************************************
+     * StandardEvents
+     * ****************************************************** *
+     *
+     * @param e
+     */
+    onBlur: (e: any) => void;
+    onFocus: (e: any) => void;
+    onChange: (e: any) => void;
+    /** ******************************************************
+        MouseEvents
+     ******************************************************* * */
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseMove: (event: any) => void;
+    onMouseDown: (event: any) => void;
+    onMouseUp: (event: any) => void;
+    /** ******************************************************
+        Touch
+     ******************************************************* * */
+    onTouchCancel: () => void;
+    onTouchEnd: (event: any) => void;
+    onTouchMove: (event: any) => void;
+    onTouchStart: (event: any) => void;
+    static getDerivedStateFromProps(props: any, state: any): {
+        drag: number;
+        checked: any;
+    } | null;
+    getSnapshotBeforeUpdate(prevProps: any): boolean;
+    /**
+     * ******************************************************
+     * other
+     * ****************************************************** *
+     *
+     * @param currentCheckState
+     */
+    setDragOnChange(currentCheckState: any): void;
+    verifyElements(): void;
+    render(): JSX.Element;
+}
+export default DSToggleImpl;

package/types/Toggle/DSToggleRender.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+declare const DSToggleRender: ({ containerProps, id, className, style, hasError, hide, readOnly, disabled, checked, onBlur, onFocus, onChange, onMouseDown, onMouseEnter, onMouseLeave, onTouchCancel, onTouchEnd, onTouchMove, onTouchStart, labelOn, labelOff, dragStyle, containerRef, handRef, name, value, size, defaultState, }: {
+    containerProps: any;
+    id: any;
+    className?: string | undefined;
+    style?: {} | undefined;
+    hasError?: boolean | undefined;
+    hide: any;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    checked?: boolean | undefined;
+    onBlur?: (() => null) | undefined;
+    onFocus?: (() => null) | undefined;
+    onChange?: (() => null) | undefined;
+    onMouseDown?: (() => null) | undefined;
+    onMouseEnter?: (() => null) | undefined;
+    onMouseLeave?: (() => null) | undefined;
+    onTouchCancel?: (() => null) | undefined;
+    onTouchEnd?: (() => null) | undefined;
+    onTouchMove?: (() => null) | undefined;
+    onTouchStart?: (() => null) | undefined;
+    labelOn?: string | undefined;
+    labelOff?: string | undefined;
+    dragStyle?: {} | undefined;
+    containerRef?: null | undefined;
+    handRef?: null | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    size?: string | undefined;
+    defaultState: any;
+}) => JSX.Element;
+export default DSToggleRender;

package/types/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DSToggle';
+export { DSToggleWithSchema } from './DSToggle';

package/types/index.d.ts

@@ -0,0 +1,43 @@
+export { default as DSCheckbox } from './Checkbox';
+export * from './Checkbox';
+export { default as DSCheckboxGroup } from './CheckboxGroup';
+export * from './CheckboxGroup';
+export { default as DSComboBox } from './ComboBox';
+export * from './ComboBox';
+export { default as ComboBoxFreeSolo } from './ComboBoxFreeSolo';
+export * from './ComboBoxFreeSolo';
+export { default as DSDateInput } from './DateInput';
+export * from './DateInput';
+export { default as DSDateInputV2 } from './DateInputV2';
+export * from './DateInputV2';
+export { default as DSExpandableInput } from './ExpandableInput';
+export * from './ExpandableInput';
+export { default as DSFloatingLabelInput } from './FloatingLabelInput';
+export * from './FloatingLabelInput';
+export { default as DSFormItemLayout } from './FormItem';
+export * from './FormItem';
+export { default as DSInput } from './Input';
+export * from './Input';
+export { default as DSInputGroup } from './InputGroup';
+export * from './InputGroup';
+export { default as DSInputMask } from './InputMask';
+export * from './InputMask';
+export { default as DSInputProtected } from './InputProtected';
+export * from './InputProtected';
+export { default as DSLargeInputText } from './LargeInputText';
+export * from './LargeInputText';
+export * from './MenuItem';
+export { default as DSRadio } from './Radio';
+export * from './Radio';
+export { default as DSRadioGroup } from './RadioGroup';
+export * from './RadioGroup';
+export { default as DSRequiredMark } from './RequiredMark';
+export * from './RequiredMark';
+export { default as DSSearchBox } from './SearchBox';
+export * from './SearchBox';
+export { default as DSTextBox } from './TextBox';
+export * from './TextBox';
+export { default as DSTimeInput } from './TimeInput';
+export * from './TimeInput';
+export { default as DSToggle } from './Toggle';
+export * from './Toggle';