@itcase/forms 1.1.61 → 1.1.63

package/dist/form/Field/Custom/FormFieldCustom.interface.d.ts

@@ -0,0 +1,18 @@
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type CustomField = BaseField & {
+    Component: React.ComponentType<Partial<Record<string, boolean | object | string>>>;
+    type: Extract<FormTypes, 'custom'>;
+};
+type FormFieldCustomProps = CustomField & {
+    classNameGroupItem?: string;
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['iconFill'];
+    clearIconFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    dataTestId?: string;
+    initialValue?: object;
+    onClickClearIcon?: IconProps['onClick'];
+};
+export type { CustomField, FormFieldCustomProps };

package/dist/form/Field/Custom/index.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldCustom } from './FormFieldCustom';
+export { FormFieldCustom };

package/dist/form/Field/Dadata/FormFieldDadataInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldDadataInputProps } from './FormFieldDadataInput.interface';
+declare const FormFieldDadataInput: React.NamedExoticComponent<FormFieldDadataInputProps>;
+export { FormFieldDadataInput };

package/dist/form/Field/Dadata/FormFieldDadataInput.interface.d.ts

@@ -0,0 +1,19 @@
+import { CompositeAppearanceStateDefault } from '@itcase/types-ui';
+import { DadataProps } from '@itcase/ui-web/components/Dadata';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type DadataField = BaseField & {
+    token: DadataProps['token'];
+    type: Extract<FormTypes, 'dadataInput'>;
+};
+type FormFieldDadataInputProps = DadataField & {
+    initialValue?: string;
+    onDadataAutocomplete?: DadataProps['setValue'];
+    parse?: (value: number, name: string) => string;
+};
+type DefaultDadataProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+};
+export type { DadataField, DefaultDadataProps, FormFieldDadataInputProps };

package/dist/form/Field/Dadata/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultDadataProps } from '../FormFieldDadataInput.interface';
+declare const defaultDadataInputProps: DefaultDadataProps;
+export { defaultDadataInputProps };

package/dist/form/Field/Dadata/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultDadataInputProps } from './appearance/default';
+import { FormFieldDadataInput } from './FormFieldDadataInput';
+export { defaultDadataInputProps, FormFieldDadataInput };

package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts

@@ -0,0 +1,34 @@
+export default meta;
+export namespace Default {
+    export { Component as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldDadataInput as component };
+    export namespace args {
+        namespace config {
+            namespace company {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                };
+                let token: string;
+            }
+        }
+        let validationSchema: yup.ObjectSchema<{
+            company: string;
+        }, yup.AnyObject, {
+            company: undefined;
+        }, "">;
+        function onSubmit(): void;
+    }
+}
+declare function Component(args: any): import("react/jsx-runtime").JSX.Element;
+import { FormFieldDadataInput } from '../index';
+import * as yup from 'yup';

package/dist/form/Field/DatePicker/FormFieldDatePicker.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldDatePickerProps } from './FormFieldDatePicker.interface';
+declare function FormFieldDatePicker(props: FormFieldDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export { FormFieldDatePicker };

package/dist/form/Field/DatePicker/FormFieldDatePicker.interface.d.ts

@@ -0,0 +1,10 @@
+import { DatePickerInputProps } from '@itcase/ui-web/components/DatePicker';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type DatePickerField = BaseField & {
+    type: Extract<FormTypes, 'datePicker'>;
+};
+type FormFieldDatePickerProps = DatePickerField & {
+    datePickerProps?: DatePickerInputProps['datePickerProps'];
+    onChange?: DatePickerInputProps['onChange'];
+};
+export type { DatePickerField, FormFieldDatePickerProps };

package/dist/form/Field/DatePicker/appearance/default.d.ts

@@ -0,0 +1,12 @@
+export namespace defaultDatepickerProps {
+    let appearance: string;
+    let dateFormat: string;
+    let readOnly: boolean;
+    let selectsRange: boolean;
+    let showTimeSelect: boolean;
+    let timeCaption: string;
+    let timeFormat: string;
+    let timeIntervals: number;
+    let isClearable: boolean;
+    let isStartDefaultNull: boolean;
+}

package/dist/form/Field/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultDatepickerProps } from './appearance/default';
+import { FormFieldDatePicker } from './FormFieldDatePicker';
+export { defaultDatepickerProps, FormFieldDatePicker };

package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts

@@ -0,0 +1,58 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldDatePicker as component };
+    export namespace args {
+        namespace config {
+            namespace datePickerField {
+                let type: any;
+                let name: string;
+                let datePickerProps: {
+                    appearance: string;
+                    dateFormat: string;
+                    readOnly: boolean;
+                    selectsRange: boolean;
+                    showTimeSelect: boolean;
+                    timeCaption: string;
+                    timeFormat: string;
+                    timeIntervals: number;
+                    isClearable: boolean;
+                    isStartDefaultNull: boolean;
+                };
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: string;
+                    dateFormat: string;
+                    readOnly: boolean;
+                    selectsRange: boolean;
+                    showTimeSelect: boolean;
+                    timeCaption: string;
+                    timeFormat: string;
+                    timeIntervals: number;
+                    isClearable: boolean;
+                    isStartDefaultNull: boolean;
+                };
+            }
+        }
+    }
+}
+import { FormFieldDatePicker } from '../index';

package/dist/form/Field/FileInput/FormFieldFileInputDropzone.d.ts

@@ -0,0 +1,2 @@
+export const FileInputDropzone: React.NamedExoticComponent<object>;
+import React from 'react';

package/dist/form/Field/FileInput/appearance/default.d.ts

@@ -0,0 +1,19 @@
+export namespace defaultDropzoneProps {
+    let fill: string;
+    let fillHover: string;
+    let hintTitle: string;
+    let hintTitleTextColor: string;
+    let hintTitleTextSize: string;
+    let removeThumbText: string;
+    let removeThumbTextColor: string;
+    let removeThumbTextHoverColor: string;
+    let removeThumbTextSize: string;
+    let shape: string;
+    let showFilename: boolean;
+    let thumbBorderColor: string;
+    let thumbBorderColorHover: string;
+    let thumbBorderWidth: number;
+    let thumbNameTextColor: string;
+    let thumbNameTextSize: string;
+    let isPreviews: boolean;
+}

package/dist/form/Field/FileInput/index.d.ts

@@ -0,0 +1,4 @@
+import { defaultDropzoneProps } from './appearance/default';
+export const FormFieldFileInput: React.NamedExoticComponent<object>;
+import React from 'react';
+export { defaultDropzoneProps };

package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts

@@ -0,0 +1,51 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldFileInput as component };
+    export namespace args {
+        namespace config {
+            let fileField: {
+                fill: string;
+                fillHover: string;
+                hintTitle: string;
+                hintTitleTextColor: string;
+                hintTitleTextSize: string;
+                removeThumbText: string;
+                removeThumbTextColor: string;
+                removeThumbTextHoverColor: string;
+                removeThumbTextSize: string;
+                shape: string;
+                showFilename: boolean;
+                thumbBorderColor: string;
+                thumbBorderColorHover: string;
+                thumbBorderWidth: number;
+                thumbNameTextColor: string;
+                thumbNameTextSize: string;
+                isPreviews: boolean;
+                type: any;
+                name: string;
+                fieldProps: any;
+            };
+        }
+    }
+}
+import { FormFieldFileInput } from '../index';

package/dist/form/Field/Group/FormGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormGroupProps } from './FormGroup.interface';
+declare const FormGroup: React.NamedExoticComponent<FormGroupProps>;
+export { FormGroup };

package/dist/form/Field/Group/FormGroup.interface.d.ts

@@ -0,0 +1,47 @@
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { TitleProps } from '@itcase/ui-web/components/Title';
+import { BaseField, ButtonFields, FormTypes, GeneratorField } from 'src/form/generator/generator.interface';
+type GroupField = BaseField & {
+    group: Record<string, Exclude<GeneratorField, ButtonFields>>;
+    type: Extract<FormTypes, 'group'>;
+};
+type FormGroupProps = GroupField & {
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    column?: number;
+    dataTour?: string;
+    isHidden?: boolean;
+    label?: string;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    message?: string;
+    messageTextColor?: TextProps['textColor'];
+    messageTextSize?: TextProps['size'];
+    messageTextWeight?: TextProps['textWeight'];
+    name: string;
+    showGroupMessage?: string;
+    title?: TitleProps['text'];
+    titleTextColor?: TitleProps['textColor'];
+    titleTextSize?: TitleProps['size'];
+    titleTextWeight?: TitleProps['textWeight'];
+};
+type DefaultAppearanceProps = {
+    appearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    errorAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    helpTextSize?: TextProps['size'];
+    labelTextSize?: TextProps['size'];
+    messageTextColor?: TextProps['textColor'];
+    messageTextSize?: TextProps['size'];
+    requiredAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    requiredMessageTextColor?: TextProps['textColor'];
+    requiredMessageTextSize?: TextProps['size'];
+    successAppearance?: CompositeAppearanceKeys | CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { DefaultAppearanceProps, FormGroupProps, GroupField };

package/dist/form/Field/Group/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultAppearanceProps } from '../FormGroup.interface';
+declare const defaultGroupProps: DefaultAppearanceProps;
+export { defaultGroupProps };

package/dist/form/Field/Group/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultGroupProps } from './appearance/default';
+import { FormGroup } from './FormGroup';
+export { defaultGroupProps, FormGroup };

package/dist/form/Field/Input/FormFieldInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldInputProps } from './FormFieldInput.interface';
+declare const FormFieldInput: React.NamedExoticComponent<FormFieldInputProps>;
+export { FormFieldInput };

package/dist/form/Field/Input/FormFieldInput.interface.d.ts

@@ -0,0 +1,25 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { IconProps } from '@itcase/ui-web/components/Icon';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type InputField = BaseField & {
+    type: Extract<FormTypes, 'text'>;
+};
+type FormFieldInputProps = InputField & {
+    clearIcon?: IconProps['SvgImage'];
+    clearIconFill?: IconProps['iconFill'];
+    clearIconFillHover?: IconProps['iconFillHover'];
+    clearIconShape?: IconProps['shape'];
+    clearIconSize?: IconProps['size'];
+    initialValue?: object;
+    onChange?: (value: string, name?: string) => void;
+    onClickClearIcon?: IconProps['onClick'];
+    parse?: (value: string, name: string) => object;
+};
+type DefaultInputProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    successAppearance: CompositeAppearanceStateDefault;
+    width: WidthProps;
+};
+export type { DefaultInputProps, FormFieldInputProps, InputField };

package/dist/form/Field/Input/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultInputProps } from '../FormFieldInput.interface';
+declare const defaultInputProps: DefaultInputProps;
+export { defaultInputProps };

package/dist/form/Field/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultInputProps } from './appearance/default';
+import { FormFieldInput } from './FormFieldInput';
+export { defaultInputProps, FormFieldInput };

package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts

@@ -0,0 +1,128 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export namespace args {
+        let validationSchema: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+    }
+    export namespace parameters {
+        let error: boolean;
+    }
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export namespace args_1 {
+        let config: {
+            field: {
+                type: any;
+                name: string;
+                fieldProps: any;
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    value: string;
+                };
+            };
+        };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export namespace args_2 {
+        let validationSchema_1: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+        export { validationSchema_1 as validationSchema };
+    }
+    export { args_2 as args };
+    export namespace parameters_1 {
+        let require: boolean;
+    }
+    export { parameters_1 as parameters };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export namespace args_3 {
+        let config_1: {
+            field: {
+                type: any;
+                name: string;
+                fieldProps: any;
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    isDisabled: boolean;
+                };
+            };
+        };
+        export { config_1 as config };
+    }
+    export { args_3 as args };
+    export namespace parameters_2 {
+        let disabled: boolean;
+    }
+    export { parameters_2 as parameters };
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldInput as component };
+    export namespace args_4 {
+        export namespace config_2 {
+            namespace field {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+        export { config_2 as config };
+        export function onSubmit(): void;
+    }
+    export { args_4 as args };
+    export namespace parameters_3 {
+        let maxWidth: string;
+        let layout: string;
+        let formUrl: string;
+    }
+    export { parameters_3 as parameters };
+}
+import * as yup from 'yup';
+import { FormFieldInput } from '../index';

package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts

@@ -0,0 +1,128 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export namespace args {
+        let validationSchema: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+    }
+    export namespace parameters {
+        let error: boolean;
+    }
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export namespace args_1 {
+        let config: {
+            field: {
+                type: any;
+                name: string;
+                fieldProps: any;
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    value: string;
+                };
+            };
+        };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export namespace args_2 {
+        let validationSchema_1: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+        export { validationSchema_1 as validationSchema };
+    }
+    export { args_2 as args };
+    export namespace parameters_1 {
+        let require: boolean;
+    }
+    export { parameters_1 as parameters };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export namespace args_3 {
+        let config_1: {
+            field: {
+                type: any;
+                name: string;
+                fieldProps: any;
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    isDisabled: boolean;
+                };
+            };
+        };
+        export { config_1 as config };
+    }
+    export { args_3 as args };
+    export namespace parameters_2 {
+        let disabled: boolean;
+    }
+    export { parameters_2 as parameters };
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldInput as component };
+    export namespace args_4 {
+        export namespace config_2 {
+            namespace field {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+        export { config_2 as config };
+        export function onSubmit(): void;
+    }
+    export { args_4 as args };
+    export namespace parameters_3 {
+        let maxWidth: string;
+        let layout: string;
+        let formUrl: string;
+    }
+    export { parameters_3 as parameters };
+}
+import * as yup from 'yup';
+import { FormFieldInput } from '../index';