feat(spec): add generic for InputProps and LayoutProps into Spec (#164)

bityutskiyAO · web-flow · commit 2b2ae904388f · 2024-02-02T14:05:23.000+07:00
Co-authored-by: Andrei Bitiutskii &lt;aobityutskiy@yandex-team.ru&gt;
diff --git a/src/lib/core/components/Form/Controller/utils.tsx b/src/lib/core/components/Form/Controller/utils.tsx
@@ -135,18 +135,30 @@ export const getRender = <DirtyValue extends FieldValue, SpecType extends Spec>(
     const render = (props: FieldRenderProps<DirtyValue>) => {
         if (inputEntity && isCorrectSpec(spec) && _.isString(name)) {
             if (!spec.viewSpec.hidden) {
+                const {layoutProps, inputProps} = spec.viewSpec;
                 if (inputEntity.independent) {
                     const InputComponent = inputEntity.Component;
 
-                    return <InputComponent spec={spec} name={name} Layout={Layout} {...props} />;
+                    return (
+                        <InputComponent
+                            spec={spec}
+                            name={name}
+                            Layout={Layout}
+                            inputProps={inputProps}
+                            layoutProps={layoutProps}
+                            {...props}
+                        />
+                    );
                 }
 
                 const InputComponent = inputEntity.Component;
-                const input = <InputComponent spec={spec} name={name} {...props} />;
+                const input = (
+                    <InputComponent spec={spec} name={name} inputProps={inputProps} {...props} />
+                );
 
                 if (Layout) {
                     return (
-                        <Layout spec={spec} name={name} {...props}>
+                        <Layout spec={spec} name={name} layoutProps={layoutProps} {...props}>
                             {input}
                         </Layout>
                     );
diff --git a/src/lib/core/components/Form/types/array.ts b/src/lib/core/components/Form/types/array.ts
@@ -16,13 +16,39 @@ import {
     ValidatorsMap,
 } from './';
 
-export type ArrayInputProps = InputProps<FieldArrayValue, ArraySpec>;
-export type ArrayIndependentInputProps = IndependentInputProps<FieldArrayValue, ArraySpec>;
-export type ArrayLayoutProps = LayoutProps<FieldArrayValue, ArraySpec>;
+export type ArrayInputProps<InputComponentProps extends Record<string, any> = {}> = InputProps<
+    FieldArrayValue,
+    ArraySpec<undefined, InputComponentProps>
+>;
+export type ArrayIndependentInputProps<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputProps<
+    FieldArrayValue,
+    ArraySpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
+
+export type ArrayLayoutProps<LayoutComponentProps extends Record<string, any> = {}> = LayoutProps<
+    FieldArrayValue,
+    ArraySpec<undefined, any, LayoutComponentProps>
+>;
 
-export type ArrayInput = InputType<FieldArrayValue, ArraySpec>;
-export type ArrayIndependentInput = IndependentInputType<FieldArrayValue, ArraySpec>;
-export type ArrayLayout = LayoutType<FieldArrayValue, ArraySpec>;
+export type ArrayInput<InputComponentProps extends Record<string, any> = {}> = InputType<
+    FieldArrayValue,
+    ArraySpec<undefined, InputComponentProps>
+>;
+export type ArrayIndependentInput<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputType<
+    FieldArrayValue,
+    ArraySpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
+
+export type ArrayLayout<LayoutComponentProps extends Record<string, any> = {}> = LayoutType<
+    FieldArrayValue,
+    ArraySpec<undefined, any, LayoutComponentProps>
+>;
 
 export type ArrayInputEntity = InputEntity<FieldArrayValue, ArraySpec>;
 export type ArrayIndependentInputEntity = IndependentInputEntity<FieldArrayValue, ArraySpec>;
diff --git a/src/lib/core/components/Form/types/boolean.ts b/src/lib/core/components/Form/types/boolean.ts
@@ -15,13 +15,41 @@ import {
     ValidatorsMap,
 } from './';
 
-export type BooleanInputProps = InputProps<boolean, BooleanSpec>;
-export type BooleanIndependentInputProps = IndependentInputProps<boolean, BooleanSpec>;
-export type BooleanLayoutProps = LayoutProps<boolean, BooleanSpec>;
+export type BooleanInputProps<InputComponentProps extends Record<string, any> = {}> = InputProps<
+    boolean,
+    BooleanSpec<undefined, InputComponentProps>
+>;
 
-export type BooleanInput = InputType<boolean, BooleanSpec>;
-export type BooleanIndependentInput = IndependentInputType<boolean, BooleanSpec>;
-export type BooleanLayout = LayoutType<boolean, BooleanSpec>;
+export type BooleanIndependentInputProps<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputProps<
+    boolean,
+    BooleanSpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
+
+export type BooleanLayoutProps<LayoutComponentProps extends Record<string, any> = {}> = LayoutProps<
+    boolean,
+    BooleanSpec<undefined, any, LayoutComponentProps>
+>;
+
+export type BooleanInput<InputComponentProps extends Record<string, any> = {}> = InputType<
+    boolean,
+    BooleanSpec<undefined, InputComponentProps>
+>;
+
+export type BooleanIndependentInput<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputType<
+    boolean,
+    BooleanSpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
+
+export type BooleanLayout<LayoutComponentProps extends Record<string, any> = {}> = LayoutType<
+    boolean,
+    BooleanSpec<undefined, any, LayoutComponentProps>
+>;
 
 export type BooleanInputEntity = InputEntity<boolean, BooleanSpec>;
 export type BooleanIndependentInputEntity = IndependentInputEntity<boolean, BooleanSpec>;
diff --git a/src/lib/core/components/Form/types/input.ts b/src/lib/core/components/Form/types/input.ts
@@ -7,10 +7,12 @@ import {FieldRenderProps, FieldValue, LayoutType} from './';
 export type InputProps<Value extends FieldValue, SpecType extends Spec> = {
     spec: SpecType;
     name: string;
+    inputProps?: SpecType['viewSpec']['inputProps'];
 } & FieldRenderProps<Value>;
 
 export type IndependentInputProps<Value extends FieldValue, SpecType extends Spec> = {
     Layout: LayoutType<Value, SpecType> | undefined;
+    layoutProps?: SpecType['viewSpec']['layoutProps'];
 } & InputProps<Value, SpecType>;
 
 export type InputType<Value extends FieldValue, SpecType extends Spec> = (
diff --git a/src/lib/core/components/Form/types/layout.ts b/src/lib/core/components/Form/types/layout.ts
@@ -6,6 +6,7 @@ import {FieldValue, InputProps} from './';
 
 export type LayoutProps<Value extends FieldValue, SpecType extends Spec> = {
     children: React.ReactElement;
+    layoutProps?: SpecType['viewSpec']['layoutProps'];
 } & InputProps<Value, SpecType>;
 
 export type LayoutType<Value extends FieldValue, SpecType extends Spec> = (
diff --git a/src/lib/core/components/Form/types/number.ts b/src/lib/core/components/Form/types/number.ts
@@ -15,13 +15,35 @@ import {
     ValidatorsMap,
 } from './';
 
-export type NumberInputProps = InputProps<number, NumberSpec>;
-export type NumberIndependentInputProps = IndependentInputProps<number, NumberSpec>;
-export type NumberLayoutProps = LayoutProps<number, NumberSpec>;
+export type NumberInputProps<InputComponentProps extends Record<string, any> = {}> = InputProps<
+    number,
+    NumberSpec<undefined, InputComponentProps>
+>;
 
-export type NumberInput = InputType<number, NumberSpec>;
-export type NumberIndependentInput = IndependentInputType<number, NumberSpec>;
-export type NumberLayout = LayoutType<number, NumberSpec>;
+export type NumberIndependentInputProps<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputProps<number, NumberSpec<undefined, InputComponentProps, LayoutComponentProps>>;
+
+export type NumberLayoutProps<LayoutComponentProps extends Record<string, any> = {}> = LayoutProps<
+    number,
+    NumberSpec<undefined, any, LayoutComponentProps>
+>;
+
+export type NumberInput<InputComponentProps extends Record<string, any> = {}> = InputType<
+    number,
+    NumberSpec<undefined, InputComponentProps>
+>;
+
+export type NumberIndependentInput<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputType<number, NumberSpec<undefined, InputComponentProps, LayoutComponentProps>>;
+
+export type NumberLayout<LayoutComponentProps extends Record<string, any> = {}> = LayoutType<
+    number,
+    NumberSpec<undefined, any, LayoutComponentProps>
+>;
 
 export type NumberInputEntity = InputEntity<number, NumberSpec>;
 export type NumberIndependentInputEntity = IndependentInputEntity<number, NumberSpec>;
diff --git a/src/lib/core/components/Form/types/object.ts b/src/lib/core/components/Form/types/object.ts
@@ -16,13 +16,40 @@ import {
     ValidatorsMap,
 } from './';
 
-export type ObjectInputProps = InputProps<FieldObjectValue, ObjectSpec>;
-export type ObjectIndependentInputProps = IndependentInputProps<FieldObjectValue, ObjectSpec>;
-export type ObjectLayoutProps = LayoutProps<FieldObjectValue, ObjectSpec>;
+export type ObjectInputProps<InputComponentProps extends Record<string, any> = {}> = InputProps<
+    FieldObjectValue,
+    ObjectSpec<undefined, InputComponentProps>
+>;
+export type ObjectIndependentInputProps<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputProps<
+    FieldObjectValue,
+    ObjectSpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
 
-export type ObjectInput = InputType<FieldObjectValue, ObjectSpec>;
-export type ObjectIndependentInput = IndependentInputType<FieldObjectValue, ObjectSpec>;
-export type ObjectLayout = LayoutType<FieldObjectValue, ObjectSpec>;
+export type ObjectLayoutProps<LayoutComponentProps extends Record<string, any> = {}> = LayoutProps<
+    FieldObjectValue,
+    ObjectSpec<undefined, any, LayoutComponentProps>
+>;
+
+export type ObjectInput<InputComponentProps extends Record<string, any> = {}> = InputType<
+    FieldObjectValue,
+    ObjectSpec<undefined, InputComponentProps>
+>;
+
+export type ObjectIndependentInput<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputType<
+    FieldObjectValue,
+    ObjectSpec<undefined, InputComponentProps, LayoutComponentProps>
+>;
+
+export type ObjectLayout<LayoutComponentProps extends Record<string, any> = {}> = LayoutType<
+    FieldObjectValue,
+    ObjectSpec<undefined, any, LayoutComponentProps>
+>;
 
 export type ObjectInputEntity = InputEntity<FieldObjectValue, ObjectSpec>;
 export type ObjectIndependentInputEntity = IndependentInputEntity<FieldObjectValue, ObjectSpec>;
diff --git a/src/lib/core/components/Form/types/string.ts b/src/lib/core/components/Form/types/string.ts
@@ -15,13 +15,35 @@ import {
     ValidatorsMap,
 } from './';
 
-export type StringInputProps = InputProps<string, StringSpec>;
-export type StringIndependentInputProps = IndependentInputProps<string, StringSpec>;
-export type StringLayoutProps = LayoutProps<string, StringSpec>;
+export type StringInputProps<InputComponentProps extends Record<string, any> = {}> = InputProps<
+    string,
+    StringSpec<undefined, InputComponentProps>
+>;
 
-export type StringInput = InputType<string, StringSpec>;
-export type StringIndependentInput = IndependentInputType<string, StringSpec>;
-export type StringLayout = LayoutType<string, StringSpec>;
+export type StringIndependentInputProps<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputProps<string, StringSpec<undefined, InputComponentProps, LayoutComponentProps>>;
+
+export type StringLayoutProps<LayoutComponentProps extends Record<string, any> = {}> = LayoutProps<
+    string,
+    StringSpec<undefined, any, LayoutComponentProps>
+>;
+
+export type StringInput<InputComponentProps extends Record<string, any> = {}> = InputType<
+    string,
+    StringSpec<undefined, InputComponentProps>
+>;
+
+export type StringIndependentInput<
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> = IndependentInputType<string, StringSpec<undefined, InputComponentProps, LayoutComponentProps>>;
+
+export type StringLayout<LayoutComponentProps extends Record<string, any> = {}> = LayoutType<
+    string,
+    StringSpec<undefined, any, LayoutComponentProps>
+>;
 
 export type StringInputEntity = InputEntity<string, StringSpec>;
 export type StringIndependentInputEntity = IndependentInputEntity<string, StringSpec>;
diff --git a/src/lib/core/types/specs.ts b/src/lib/core/types/specs.ts
@@ -5,7 +5,12 @@ import {ReadAsMethod, SpecTypes} from '../constants';
 
 import {ArrayValue, ObjectValue} from './';
 
-export interface ArraySpec<LinkType = any> {
+//TODO: Need to move on InputComponentProps extends Record<string, any> | undefined = undefined;
+export interface ArraySpec<
+    LinkType = any,
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> {
     defaultValue?: ArrayValue;
     type: SpecTypes.Array;
     required?: boolean;
@@ -36,10 +41,16 @@ export interface ArraySpec<LinkType = any> {
             filterPlaceholder?: string;
             meta?: Record<string, string>;
         };
+        inputProps?: InputComponentProps;
+        layoutProps?: LayoutComponentProps;
     };
 }
 
-export interface BooleanSpec<LinkType = any> {
+export interface BooleanSpec<
+    LinkType = any,
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> {
     defaultValue?: boolean;
     type: SpecTypes.Boolean;
     required?: boolean;
@@ -53,10 +64,16 @@ export interface BooleanSpec<LinkType = any> {
         layoutOpen?: boolean;
         link?: LinkType;
         hidden?: boolean;
+        inputProps?: InputComponentProps;
+        layoutProps?: LayoutComponentProps;
     };
 }
 
-export interface NumberSpec<LinkType = any> {
+export interface NumberSpec<
+    LinkType = any,
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> {
     defaultValue?: number;
     type: SpecTypes.Number;
     required?: boolean;
@@ -75,10 +92,16 @@ export interface NumberSpec<LinkType = any> {
         placeholder?: string;
         copy?: boolean;
         hidden?: boolean;
+        inputProps?: InputComponentProps;
+        layoutProps?: LayoutComponentProps;
     };
 }
 
-export interface ObjectSpec<LinkType = any> {
+export interface ObjectSpec<
+    LinkType = any,
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> {
     defaultValue?: ObjectValue;
     type: SpecTypes.Object;
     required?: boolean;
@@ -99,10 +122,16 @@ export interface ObjectSpec<LinkType = any> {
         };
         placeholder?: string;
         hidden?: boolean;
+        inputProps?: InputComponentProps;
+        layoutProps?: LayoutComponentProps;
     };
 }
 
-export interface StringSpec<LinkType = any> {
+export interface StringSpec<
+    LinkType = any,
+    InputComponentProps extends Record<string, any> = {},
+    LayoutComponentProps extends Record<string, any> = {},
+> {
     defaultValue?: string;
     type: SpecTypes.String;
     required?: boolean;
@@ -149,6 +178,8 @@ export interface StringSpec<LinkType = any> {
             filterPlaceholder?: string;
             meta?: Record<string, string>;
         };
+        inputProps?: InputComponentProps;
+        layoutProps?: LayoutComponentProps;
         generateRandomValueButton?: boolean;
     };
 }
diff --git a/src/lib/kit/components/Inputs/MultiSelect/MultiSelect.tsx b/src/lib/kit/components/Inputs/MultiSelect/MultiSelect.tsx
diff --git a/src/lib/kit/components/Inputs/Select/Select.tsx b/src/lib/kit/components/Inputs/Select/Select.tsx
diff --git a/src/lib/kit/components/Inputs/Text/Text.tsx b/src/lib/kit/components/Inputs/Text/Text.tsx
diff --git a/src/lib/kit/components/Inputs/TextArea/TextArea.tsx b/src/lib/kit/components/Inputs/TextArea/TextArea.tsx
