@goodhood-web/nebenan-base 3.0.0-development.90 → 3.0.0-development.92

package/lib/AuthenticationForm/AuthenticationForm.d.ts

@@ -0,0 +1,3 @@
+import { AuthenticationFormProps } from './AuthenticationForm.types';
+export declare const AuthenticationForm: ({ onSubmit }: AuthenticationFormProps) => import("react/jsx-runtime").JSX.Element;
+export default AuthenticationForm;

package/lib/AuthenticationForm/AuthenticationForm.types.d.ts

@@ -0,0 +1,13 @@
+import { UseFormReturn } from 'react-hook-form';
+import { OnSubmitFunction } from '../Forms/Form/Form.types';
+export type AuthenticationFormData = {
+    email: string;
+    password: string;
+};
+export type AuthenticationFormSubmitData = {
+    data: AuthenticationFormData;
+    methods?: UseFormReturn<AuthenticationFormData>;
+};
+export type AuthenticationFormProps = {
+    onSubmit: OnSubmitFunction<AuthenticationFormData>;
+};

package/lib/Feed/GridFeed/GridFeed.types.d.ts

@@ -12,11 +12,13 @@ export interface FeedItems {
         is_bookmarked: boolean;
     };
 }
+declare const ALLOWED_POSITIONS: readonly [0, 1, 2, 3, 4, 5];
+type Position = (typeof ALLOWED_POSITIONS)[number];
 export interface AdItem {
-    block?: number;
+    block: number;
     content: React.ReactNode;
     id: string;
-    position: number;
+    position?: Position;
     type?: string;
 }
 export interface GridFeedProps {
@@ -28,3 +30,4 @@ export interface GridFeedProps {
 export type ChunkItem = number | AdItem;
 export type ResultType = Array<ChunkItem[] | AdItem>;
 export type GridFeedMarketplaceItem = MarketplaceItemCardlessTypes | AdItem;
+export {};

package/lib/Forms/DynamicForm/DynamicForm.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { DynamicFormProps } from './DynamicForm.types';
-export declare function DynamicForm({ fields, onSubmit }: PropsWithChildren<DynamicFormProps>): import("react/jsx-runtime").JSX.Element;
+import { WizardStepT } from '../Wizard/Wizard.types';
+export declare function DynamicForm({ fields, onSubmit }: PropsWithChildren<WizardStepT>): import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

package/lib/Forms/Fields/FormTextInput.d.ts

@@ -1,4 +1,4 @@
 import { UseControllerProps } from 'react-hook-form';
 import { TextInputProps } from '../../../../../ui/src/lib/Atoms/Inputs/TextInput/TextInput.types';
 export type FormTextInputProps = UseControllerProps & Partial<TextInputProps>;
-export default function FormTextInput({ colorScheme, id, label, name, rules, size, value, }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;
+export default function FormTextInput({ colorScheme, id, label, name, rules, size, value, ...props }: FormTextInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/Form/Form.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
+import { FieldValues } from 'react-hook-form';
 import { FormProps } from './Form.types';
-export default function Form({ children, className, initialValues, onSubmit, validationSchema, }: PropsWithChildren<FormProps>): import("react/jsx-runtime").JSX.Element;
+export default function Form<FormData extends FieldValues>({ children, className, initialValues, onSubmit, validationSchema, }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;

package/lib/Forms/Form/Form.types.d.ts

@@ -1,7 +1,15 @@
+import { ReactNode } from 'react';
+import { DefaultValues, FieldValues, UseFormReturn } from 'react-hook-form';
 import { ZodType } from 'zod';
-export type FormProps = {
+export type OnSubmitFunction<FormData extends FieldValues> = (arg: OnFormSubmitType<FormData>) => void;
+export type OnFormSubmitType<FormData extends FieldValues> = {
+    data: FormData;
+    methods?: UseFormReturn<FormData>;
+};
+export type FormProps<FormData extends FieldValues> = {
+    children: ReactNode | ReactNode[];
     className?: string;
-    initialValues?: object;
-    onSubmit: (data: object) => void;
+    initialValues?: DefaultValues<FormData>;
+    onSubmit: OnSubmitFunction<FormData>;
     validationSchema?: ZodType<FormData>;
 };

package/lib/Forms/GridForm/GridForm.d.ts

@@ -1,3 +1,4 @@
-import { GridFormProps } from './GridForm.types';
-export declare const GridForm: ({ children, ...props }: GridFormProps) => import("react/jsx-runtime").JSX.Element;
+import { FieldValues } from 'react-hook-form';
+import { FormProps } from '../Form/Form.types';
+export declare function GridForm<FormData extends FieldValues>({ children, ...props }: FormProps<FormData>): import("react/jsx-runtime").JSX.Element;
 export default GridForm;

package/lib/Forms/Wizard/Wizard.types.d.ts

@@ -1,13 +1,26 @@
 import { ReactNode } from 'react';
 import { GridItemProps } from '../../Grids/Grid/GridItem/GridItem.types';
 import { FormTextInputProps } from '../Fields/FormTextInput';
+import { FormProps } from '../Form/Form.types';
+export type FieldValueMap = {
+    text: string;
+};
+export type StrictFormField = {
+    name: string;
+    type: keyof FieldValueMap;
+};
+type OnlyStrictFields<T extends readonly unknown[]> = Extract<T[number], StrictFormField>;
+export type InferFormData<T extends readonly unknown[]> = {
+    [Field in OnlyStrictFields<T> as Field['name']]: FieldValueMap[Field['type']];
+};
+type StepType = 'text' | 'submit' | 'slot';
 export type StepField = {
     id: string;
     layout?: {
         desktop?: GridItemProps['desktop'];
         mobile?: GridItemProps['mobile'];
     };
-    type: string;
+    type: StepType;
 };
 export type TextField = StepField & FormTextInputProps & {
     type: 'text';
@@ -21,15 +34,13 @@ export type SlotField = StepField & {
     }) => ReactNode;
     type: 'slot';
 };
-export type NextField = StepField & {
-    type: 'next';
-};
-export type FormField = SubmitField | SlotField | TextField | NextField;
+export type FormField = TextField | SubmitField | SlotField;
 export type WizardStepT = {
     fields: FormField[];
-    id: string;
-    onSubmit?: (data: object) => void;
+    id?: string;
+    onSubmit: FormProps<InferFormData<FormField[]>>['onSubmit'];
 };
 export type WizardProps = {
     steps: WizardStepT[];
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "3.0.0-development.90",
+  "version": "3.0.0-development.92",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",