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

package/types/FormItem/DSFormItemLayout.d.ts

@@ -0,0 +1,479 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import DSError from './Error/DSError';
+import { FORMITEM_LAYOUT_VARIANTS } from './variants';
+export { DSError, FORMITEM_LAYOUT_VARIANTS };
+declare const DSFormItemLayout: {
+    ({ leftLabel, floatingLabel, name, id, value, inputComponent: InputComponent, labelComponent: LabelComponent, feedbackComponent: FeedbackComponent, labelText, truncateText, hasError, validationState, validationMessage, feedbackMessage, readOnly, focused, type, autoFocus, disabled, onChange, onBlur, onFocus, onPaste, onKeyUp, extraInputProps, extraContent, leftAddon, rightAddon, required, optional, mask, useSubfix, suffix, variant, fitContent, withHighlight, containerProps, ...rest }: {
+        [x: string]: any;
+        leftLabel: any;
+        floatingLabel: any;
+        name: any;
+        id: any;
+        value: any;
+        inputComponent: any;
+        labelComponent: any;
+        feedbackComponent: any;
+        labelText: any;
+        truncateText: any;
+        hasError: any;
+        validationState: any;
+        validationMessage: any;
+        feedbackMessage: any;
+        readOnly: any;
+        focused: any;
+        type: any;
+        autoFocus: any;
+        disabled: any;
+        onChange: any;
+        onBlur: any;
+        onFocus: any;
+        onPaste: any;
+        onKeyUp: any;
+        extraInputProps: any;
+        extraContent: any;
+        leftAddon: any;
+        rightAddon: any;
+        required: any;
+        optional: any;
+        mask: any;
+        useSubfix: any;
+        suffix: any;
+        variant: any;
+        fitContent: any;
+        withHighlight: any;
+        containerProps: any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        disableTooltip: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        leftLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        floatingLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        id: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        name: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        inputComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        isShowElipsisActive: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        labelComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        feedbackComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        labelText: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        fitContent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        validationState: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        validationMessage: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        feedbackMessage: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        readOnly: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        focused: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        type: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        autoFocus: {
+            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;
+        };
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onBlur: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        extraInputProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        extraContent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        leftAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        rightAddon: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        required: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        optional: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onFocus: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onPaste: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        truncateText: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onKeyUp: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        mask: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        useSubfix: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        suffix: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        variant: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        withHighlight: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+    defaultProps: {
+        leftLabel: boolean;
+        floatingLabel: boolean;
+        inputComponent: {
+            ({ containerProps, autoFocus, disabled, maxLength, minLength, fluidWidth, placeholder, value, hasError, readOnly, innerRef, type, min, max, clearable, leftComponent, rightComponent, required, variant, disableTooltip, id, ...otherProps }: {
+                [x: string]: any;
+                containerProps?: {} | undefined;
+                autoFocus?: boolean | undefined;
+                disabled?: boolean | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                fluidWidth?: boolean | undefined;
+                placeholder: any;
+                value?: string | undefined;
+                hasError?: boolean | undefined;
+                readOnly?: boolean | undefined;
+                innerRef?: null | undefined;
+                type?: string | undefined;
+                min?: undefined;
+                max?: undefined;
+                clearable?: boolean | undefined;
+                leftComponent?: null | undefined;
+                rightComponent?: null | undefined;
+                required?: boolean | undefined;
+                variant: any;
+                disableTooltip: any;
+                id: any;
+            }): JSX.Element;
+            propTypes: {
+                containerProps: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                autoFocus: {
+                    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;
+                };
+                maxLength: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                minLength: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                fluidWidth: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                placeholder: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                value: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                hasError: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                readOnly: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                min: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                max: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                clearable: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                leftComponent: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                rightComponent: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                required: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                variant: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                type: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                innerRef: {
+                    defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                        deprecated: import("react-desc").PropTypesDescValidator;
+                    };
+                    isRequired: import("react-desc").PropTypesDescValue;
+                };
+                disableTooltip: {
+                    deprecated: import("react-desc").PropTypesDescValidator;
+                };
+            };
+        };
+        labelComponent: {
+            ({ children, label, htmlFor, required, optional, truncateText, isGroup, }: {
+                children: any;
+                label: any;
+                htmlFor: any;
+                required: any;
+                optional: any;
+                truncateText?: boolean | undefined;
+                isGroup?: boolean | undefined;
+            }): JSX.Element;
+            propTypes: {
+                children: import("prop-types").Requireable<string>;
+                label: import("prop-types").Requireable<string>;
+                htmlFor: import("prop-types").Requireable<string>;
+                required: import("prop-types").Requireable<boolean>;
+                optional: import("prop-types").Requireable<boolean>;
+                truncateText: import("prop-types").Requireable<boolean>;
+                isGroup: import("prop-types").Requireable<boolean>;
+            };
+        };
+        feedbackComponent: ({ text, hasError }: {
+            text: any;
+            hasError: any;
+        }) => JSX.Element | null;
+        hasError: boolean;
+        validationMessage: string;
+        feedbackMessage: string;
+        focused: boolean;
+        autoFocus: boolean;
+        disabled: boolean;
+        onChange: () => void;
+        onBlur: () => void;
+        onFocus: () => void;
+        onPaste: () => void;
+        onKeyUp: () => void;
+        extraInputProps: {};
+        leftAddon: null;
+        rightAddon: null;
+        required: boolean;
+        optional: boolean;
+        useSubfix: string;
+        suffix: string;
+        variant: string;
+        containerProps: {};
+        fitContent: boolean;
+        withHighlight: boolean;
+    };
+};
+declare const DSFormItemLayoutWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSFormItemLayout;
+export { DSFormItemLayoutWithSchema };

package/types/FormItem/Error/DSError.d.ts

@@ -0,0 +1,31 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSError: {
+    ({ hasError, errorText }: {
+        hasError?: boolean | undefined;
+        errorText?: string | undefined;
+    }): JSX.Element | null;
+    propTypes: {
+        /** error state */
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** error label text */
+        errorText: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSErrorWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSError;
+export { DSErrorWithSchema };

package/types/FormItem/Feedback.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Feedback: ({ text, hasError }: {
+    text: any;
+    hasError: any;
+}) => JSX.Element | null;
+export default Feedback;

package/types/FormItem/Label/DSLabel.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const DSLabel: {
+    ({ children, label, htmlFor, required, optional, truncateText, isGroup, }: {
+        children: any;
+        label: any;
+        htmlFor: any;
+        required: any;
+        optional: any;
+        truncateText?: boolean | undefined;
+        isGroup?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        htmlFor: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
+        optional: PropTypes.Requireable<boolean>;
+        truncateText: PropTypes.Requireable<boolean>;
+        isGroup: PropTypes.Requireable<boolean>;
+    };
+};
+export default DSLabel;

package/types/FormItem/Suffix/Suffix.d.ts

@@ -0,0 +1,4 @@
+export declare const Suffix: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SuffixInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default Suffix;

package/types/FormItem/ValidationFieldWrapper.d.ts

@@ -0,0 +1,19 @@
+import { Component } from 'react';
+export default class ValidationFieldWrapper extends Component {
+    static defaultProps: {
+        validateOnBlur: boolean;
+        validateOnChange: boolean;
+        name: string;
+        value: string;
+        validate: () => null;
+        onChange: () => null;
+        onBlur: () => null;
+    };
+    constructor(props: any);
+    componentDidMount(): void;
+    static getDerivedStateFromProps(nextProps: any, prevState: any): any;
+    handleChange(e: any): void;
+    handleBlur(e: any): void;
+    executeValidations(value: any): void;
+    render(): any;
+}