@itcase/forms 1.1.61 → 1.1.63

package/dist/constants/index.d.ts

@@ -0,0 +1,7 @@
+declare const DEFAULT_MESSAGES_FIELDS: {
+    [x: string]: Record<"key" | "message", string | ((params: {
+        max: number;
+        min: number;
+    }) => string)>;
+};
+export { DEFAULT_MESSAGES_FIELDS };

package/dist/constants/messages.constant.d.ts

@@ -0,0 +1,10 @@
+import { Messages } from './messages.interface';
+declare const DEFAULT_MESSAGES_REQUIRED: Messages;
+declare const DEFAULT_MESSAGES_ERROR: Messages;
+declare const DEFAULT_MESSAGES_URL: Messages;
+declare const DEFAULT_MESSAGES_PASSWORD: Messages;
+declare const DEFAULT_MESSAGES_NUMBER: Messages;
+declare const DEFAULT_MESSAGES_MIN_MAX: Messages;
+declare const DEFAULT_MESSAGES_PHONE: Messages;
+declare const DEFAULT_MESSAGES_EMAIL: Messages;
+export { DEFAULT_MESSAGES_EMAIL, DEFAULT_MESSAGES_ERROR, DEFAULT_MESSAGES_MIN_MAX, DEFAULT_MESSAGES_NUMBER, DEFAULT_MESSAGES_PASSWORD, DEFAULT_MESSAGES_PHONE, DEFAULT_MESSAGES_REQUIRED, DEFAULT_MESSAGES_URL, };

package/dist/constants/messages.interface.d.ts

@@ -0,0 +1,5 @@
+type Messages = Record<string, Record<'key' | 'message', ((params: {
+    max: number;
+    min: number;
+}) => string) | string>>;
+export type { Messages };

package/dist/css/form/Field/Input/FormFieldInput.css

@@ -1,110 +1,3 @@
-.form-input {
-  &&_state {
-      &_error {
-        & .input {
-          background: var(--form-input-error-fill);
-          border: solid 1px var(--form-input-error-border);
-          &:hover {
-            border: solid 1px var(--form-input-error-border-hover);
-          }
-        }
-      }
-      &_success {
-        & .input {
-          background: var(--form-input-success-fill);
-          border: solid 1px var(--form-input-success-border);
-          &:hover {
-            border: solid 1px var(--form-input-success-border-hover);
-          }
-        }
-      }
-      &_required {
-        & .input {
-          background: var(--form-input-required-fill);
-          border: solid 1px var(--form-input-required-border);
-          &:hover {
-            border: solid 1px var(--form-input-required-border-hover);
-          }
-        }
-      }
-      &_disabled {
-        & .input {
-          background: var(--form-input-disabled-fill);
-          border: solid 1px var(--form-input-disabled-border);
-          &:hover {
-            border: solid 1px var(--form-input-disabled-border-hover);
-          }
-        }
-      }
-      &_focus {
-        & .input {
-          background: var(--form-input-focus-fill);
-          border: solid 1px var(--form-input-focus-border);
-          &:hover {
-            border: solid 1px var(--form-input-focus-border-hover);
-          }
-        }
-      }
-  }
-}
-
-.form-field_type_input {
-    &.form__item_state_error {
-      & .form-field__label {
-        & .text {
-          color: var(--form-input-error-label-color);
-        }
-      }
-      & .form-field__message-item_type-error {
-        color: var(--form-input-error-helptext-color);
-      }
-    }
-    &.form__item_state_success {
-      & .form-field__label {
-        & .text {
-          color: var(--form-input-success-label-color);
-        }
-      }
-      & .form-field__message-item_type-success {
-        color: var(--form-input-success-helptext-color);
-      }
-    }
-    &.form__item_state_require {
-      & .form-field__label {
-        & .text {
-          color: var(--form-input-require-label-color);
-        }
-      }
-      & .form-field__message-item_type-require {
-        color: var(--form-input-require-helptext-color);
-      }
-    }
-    &.form__item_state_disabled {
-      & .form-field__label {
-        & .text {
-          color: var(--form-input-disabled-label-color);
-        }
-      }
-      & .form-field__message-item_type-disabled {
-        color: var(--form-input-disabled-helptext-color);
-      }
-    }
-    &.form__item_state_focus {
-      & .form-field__label {
-        & .text {
-          color: var(--form-input-focus-label-color);
-        }
-      }
-      & .form-field__message-item_type-focus {
-        color: var(--form-input-focus-helptext-color);
-      }
-    }
-}
-
-.form-input {
-  position: relative;
-}
-
 :root {
   --form-input-error-border: var(--color-error-border-primary);
   --form-input-error-border-hover: var(--color-error-border-primary);

package/dist/css/form/Field/Textarea/FormFieldTextarea.css

@@ -1,110 +1,3 @@
-.form-textarea {
-  &&_state {
-      &_error {
-        & .textarea {
-          background: var(--form-textarea-error-fill);
-          border: solid 1px var(--form-textarea-error-border);
-          &:hover {
-            border: solid 1px var(--form-textarea-error-border-hover);
-          }
-        }
-      }
-      &_success {
-        & .textarea {
-          background: var(--form-textarea-success-fill);
-          border: solid 1px var(--form-textarea-success-border);
-          &:hover {
-            border: solid 1px var(--form-textarea-success-border-hover);
-          }
-        }
-      }
-      &_required {
-        & .textarea {
-          background: var(--form-textarea-required-fill);
-          border: solid 1px var(--form-textarea-required-border);
-          &:hover {
-            border: solid 1px var(--form-textarea-required-border-hover);
-          }
-        }
-      }
-      &_disabled {
-        & .textarea {
-          background: var(--form-textarea-disabled-fill);
-          border: solid 1px var(--form-textarea-disabled-border);
-          &:hover {
-            border: solid 1px var(--form-textarea-disabled-border-hover);
-          }
-        }
-      }
-      &_focus {
-        & .textarea {
-          background: var(--form-textarea-focus-fill);
-          border: solid 1px var(--form-textarea-focus-border);
-          &:hover {
-            border: solid 1px var(--form-textarea-focus-border-hover);
-          }
-        }
-      }
-  }
-}
-
-.form-field_type_textarea {
-    &.form__item_state_error {
-      & .form-field__label {
-        & .text {
-          color: var(--form-textarea-error-label-color);
-        }
-      }
-      & .form-field__message-item_type-error {
-        color: var(--form-textarea-error-helptext-color);
-      }
-    }
-    &.form__item_state_success {
-      & .form-field__label {
-        & .text {
-          color: var(--form-textarea-success-label-color);
-        }
-      }
-      & .form-field__message-item_type-success {
-        color: var(--form-textarea-success-helptext-color);
-      }
-    }
-    &.form__item_state_require {
-      & .form-field__label {
-        & .text {
-          color: var(--form-textarea-require-label-color);
-        }
-      }
-      & .form-field__message-item_type-require {
-        color: var(--form-textarea-require-helptext-color);
-      }
-    }
-    &.form__item_state_disabled {
-      & .form-field__label {
-        & .text {
-          color: var(--form-textarea-disabled-label-color);
-        }
-      }
-      & .form-field__message-item_type-disabled {
-        color: var(--form-textarea-disabled-helptext-color);
-      }
-    }
-    &.form__item_state_focus {
-      & .form-field__label {
-        & .text {
-          color: var(--form-textarea-focus-label-color);
-        }
-      }
-      & .form-field__message-item_type-focus {
-        color: var(--form-textarea-focus-helptext-color);
-      }
-    }
-}
-
-.form-input {
-  position: relative;
-}
-
 :root {
   --form-textarea-error-border: var(--color-error-border-primary);
   --form-textarea-error-border-hover: var(--color-error-border-primary);

package/dist/css/form/Form/Form.css

@@ -151,7 +151,7 @@
       display: flex;
       flex-direction: column;
       ^^&__wrapper {
-        overflow: scroll;
+        overflow: auto;
         flex: 1;
       }
       ^^&__button {

package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts

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

package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts

@@ -0,0 +1,18 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { FieldWrapperBaseProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type CheckboxField = BaseField & {
+    onChange: (isChecked: boolean, name: string) => void;
+    type: Extract<FormTypes, 'checkbox'>;
+};
+type FormFieldCheckboxProps = CheckboxField & {
+    fieldProps?: FieldWrapperBaseProps;
+    initialValue?: {};
+};
+type DefaultCheckboxProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { CheckboxField, DefaultCheckboxProps, FormFieldCheckboxProps };

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

@@ -0,0 +1,3 @@
+import { DefaultCheckboxProps } from '../FormFieldCheckbox.interface';
+declare const defaultCheckboxProps: DefaultCheckboxProps;
+export { defaultCheckboxProps };

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

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

package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts

@@ -0,0 +1,43 @@
+export default meta;
+export namespace Default {
+    namespace parameters {
+        let error: boolean;
+    }
+    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 {
+    let title: string;
+    namespace args {
+        namespace config {
+            namespace checkbox {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    label: string;
+                    desc: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width?: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+    }
+}

package/dist/form/Field/Chips/FormFieldChips.d.ts

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

package/dist/form/Field/Chips/FormFieldChips.interface.d.ts

@@ -0,0 +1,27 @@
+import { FieldRenderProps } from 'react-final-form';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
+type ChipsField = BaseField & {
+    options: Array<Option & {
+        isDisabled?: boolean;
+    }>;
+    type: Extract<FormTypes, 'chips'>;
+};
+type FormFieldChipsProps = ChipsField & {
+    emptyMessage?: string;
+    emptyMessageTextColor?: TextProps['textColor'];
+    emptyMessageTextSize?: TextProps['size'];
+    initialValue?: string[];
+    onChange?: (values: string[]) => void;
+};
+type ChipsFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
+type DefaultChipsProps = {
+    appearance: CompositeAppearanceKeys;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceKeys;
+    width?: WidthProps;
+};
+export type { ChipsField, ChipsFieldRenderProps, DefaultChipsProps, FormFieldChipsProps, };

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

@@ -0,0 +1,3 @@
+import { DefaultChipsProps } from '../FormFieldChips.interface';
+declare const defaultChipsProps: DefaultChipsProps;
+export { defaultChipsProps };

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

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

package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts

@@ -0,0 +1,30 @@
+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 { FormFieldChips as component };
+    export { FormFieldChipsMock as args };
+    export namespace parameters {
+        let layout: string;
+    }
+}
+import { FormFieldChips } from '../index';
+import { FormFieldChipsMock } from './__mock__';

package/dist/form/Field/Chips/stories/__mock__/index.d.ts

@@ -0,0 +1,76 @@
+export namespace FormFieldChipsMock {
+    namespace config {
+        namespace chips {
+            let type: any;
+            let name: string;
+            let fieldProps: {
+                label: string;
+                direction?: import("@itcase/types-ui").DirectionProps;
+                dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                showMessage?: boolean;
+                width?: import("@itcase/types-ui").WidthProps;
+                id?: string;
+                after?: React.ReactNode;
+                afterItem?: React.ReactNode;
+                before?: React.ReactNode;
+                beforeItem?: React.ReactNode;
+                children?: React.ReactNode;
+                className?: string;
+                dataTestId?: string;
+                dataTour?: string;
+                desc?: string;
+                descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                errorKey?: "error" | "required";
+                errorMessage?: string;
+                errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                fieldClassName?: string;
+                helpText?: string;
+                helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                inputName?: string;
+                inputValue?: boolean | object | string;
+                isDisabled?: boolean;
+                isErrorState?: boolean;
+                isHidden?: boolean;
+                isRequired?: boolean;
+                isValidState?: boolean;
+                labelHidden?: string;
+                labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                metaActive?: boolean;
+                metaError?: boolean;
+                requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                showDivider?: boolean;
+                tag?: "div" | "label";
+                type?: import("../../../../generator/generator.interface").FormTypes;
+                size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+            };
+            let inputProps: {
+                appearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                width?: import("@itcase/types-ui").WidthProps;
+            };
+            let options: {
+                label: string;
+                value: string;
+            }[];
+            let isRequired: boolean;
+        }
+    }
+}

package/dist/form/Field/Choice/FormFieldChoice.d.ts

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

package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts

@@ -0,0 +1,23 @@
+import { FieldRenderProps } from 'react-final-form';
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { ChoiceProps } from '@itcase/ui-web/components/Choice';
+import { FieldWrapperProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type ChoiceField = BaseField & {
+    onChange: (value: string, name: string, isChecked?: boolean) => void;
+    options: ChoiceProps['options'];
+    type: Extract<FormTypes, 'choice'>;
+};
+type FormFieldChoiceProps = ChoiceField & {
+    initialValue?: string;
+    isCheckbox?: boolean;
+    label?: FieldWrapperProps['label'];
+};
+type ChoiceFieldRenderProps = FieldRenderProps<string>;
+type DefaultChoiceProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { ChoiceField, ChoiceFieldRenderProps, DefaultChoiceProps, FormFieldChoiceProps, };

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

@@ -0,0 +1,3 @@
+import { DefaultChoiceProps } from '../FormFieldChoice.interface';
+declare const defaultChoiceProps: DefaultChoiceProps;
+export { defaultChoiceProps };

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

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

package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts

@@ -0,0 +1,48 @@
+export default meta;
+export namespace Default {
+    namespace parameters {
+        let _default: boolean;
+        export { _default as 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 { FormFieldChoice as component };
+    export namespace args {
+        namespace config {
+            namespace choice {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width?: import("@itcase/types-ui").WidthProps;
+                };
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+            }
+        }
+    }
+}
+import { FormFieldChoice } from '../index';

package/dist/form/Field/Code/FormFieldCode.d.ts

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

package/dist/form/Field/Code/FormFieldCode.interface.d.ts

@@ -0,0 +1,16 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type CodeField = BaseField & {
+    type: Extract<FormTypes, 'code'>;
+};
+type FormFieldCodeProps = CodeField & {
+    initialValue?: string;
+    label?: string;
+};
+type DefaultCodeProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { CodeField, DefaultCodeProps, FormFieldCodeProps };

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

@@ -0,0 +1,3 @@
+import { DefaultCodeProps } from '../FormFieldCode.interface';
+declare const defaultCodeProps: DefaultCodeProps;
+export { defaultCodeProps };

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

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

package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts

@@ -0,0 +1,45 @@
+declare namespace _default {
+    export let title: string;
+    export { FormFieldCode as component };
+    export namespace args {
+        namespace config {
+            export namespace FormFieldCode_1 {
+                let type: any;
+                let name: string;
+                let fieldProps: any;
+                let inputProps: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width?: import("@itcase/types-ui").WidthProps;
+                };
+            }
+            export { FormFieldCode_1 as FormFieldCode };
+        }
+    }
+    export namespace parameters {
+        let maxWidth: string;
+        let layout: string;
+    }
+}
+export default _default;
+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 };
+}
+import { FormFieldCode } from '../index';

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

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