@web-site-utilities/feedback 0.0.7 → 0.0.9

package/dist/index.d.ts

@@ -1,13 +1,16 @@
-import { CommonFieldProps } from '@web-site-utilities/common/types/CommonFieldProps';
+import { CheckboxGroupProps } from '@web-site-utilities/common/components/Checkbox';
 import { Container } from 'react-dom/client';
 import { default as default_2 } from 'react';
 import { FormConfigTheme } from '@web-site-utilities/common/types/FormConfig';
-import { FormError } from '@web-site-utilities/common/types/FormError';
 import { InlineForm } from '@web-site-utilities/common/types/FormConfig';
 import { Locale } from '@web-site-utilities/common/types/Locale';
-import { Nullable } from '@web-site-utilities/common/types/Nullable';
-import { Options } from '@web-site-utilities/common/types/Option';
 import { PopupForm } from '@web-site-utilities/common/types/FormConfig';
+import { QuestionMatrixProps } from '@web-site-utilities/common/components/QuestionMatrix';
+import { RadioGroupProps } from '@web-site-utilities/common/components/Radio';
+import { RangeSlideProps } from '@web-site-utilities/common/components/RangeSlide';
+import { RatingProps } from '@web-site-utilities/common/components/Rating';
+import { SelectProps } from '@web-site-utilities/common/components/Select';
+import { TextareaProps } from '@web-site-utilities/common/components/Textarea';
 import { theme } from '@web-site-utilities/common/theme/ThemeProvider';
 import { Variants } from '@web-site-utilities/common/theme/ThemeProvider';
 
@@ -42,7 +45,7 @@ declare type PopupFormProps = {
 export declare const PreviewInPlaceForm: (props: InPlaceFormProps & {
     variant: Variants;
 }) => default_2.FunctionComponentElement<{
-    theme: theme;
+    theme: typeof theme;
     selectedVariant?: Variants;
     children: default_2.ReactNode;
 }>;
@@ -50,7 +53,7 @@ export declare const PreviewInPlaceForm: (props: InPlaceFormProps & {
 export declare const PreviewPopupForm: (props: PopupFormProps & {
     variant: Variants;
 }) => default_2.FunctionComponentElement<{
-    theme: theme;
+    theme: typeof theme;
     selectedVariant?: Variants;
     children: default_2.ReactNode;
 }>;
@@ -61,169 +64,47 @@ export declare const renderFeedbackModule: (options: InitiateFeedbackModuleOptio
 }> | null;
 
 export declare const SurveyFormComponents: {
-    Checkbox: (props: {
-        options: Options;
-        onChange: (value: Array<string>) => void;
-        elementsPerCol?: number;
-        colorVariant?: Variants;
-        value: Array<string>;
-        label: string;
-    } & CommonFieldProps) => default_2.DetailedReactHTMLElement<{
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.DOMElement<{
-            children: default_2.DOMElement<{
-                key: number;
-                children: default_2.FunctionComponentElement<{
-                    label: string;
-                    onSelect: (value: Array<string>) => void;
-                    value: Array<string>;
-                    id: string;
-                    colorVariant?: Variants | undefined;
-                    name: string;
-                }>[];
-            }, Element>[];
-        }, Element> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }>)[];
-    }, HTMLElement>;
-    QuestionMatrix: (props: {
-        value: Nullable<number>;
-        minText?: string;
-        colorVariant?: Variants;
-        maxText?: string;
-        onChange: (value: number) => void;
-        label: string;
-        max: number;
-    } & CommonFieldProps) => default_2.DetailedReactHTMLElement<{
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }> | default_2.DOMElement<{
-            withText: string | undefined;
-            children: (default_2.DOMElement<{
-                min: boolean;
-                children: string;
-            }, Element> | default_2.FunctionComponentElement<{
-                onChange: () => void;
-                colorVariant?: Variants;
-                label: string;
-                selected: boolean;
-            }>[] | null)[];
-        }, Element>)[];
-    }, HTMLElement>;
-    Radio: (props: {
-        options: Options;
-        onChange: (value: string) => void;
-        value: Nullable<string>;
-        elementsPerCol?: number;
-        colorVariant?: Variants;
-        label: string;
-    } & CommonFieldProps) => default_2.DetailedReactHTMLElement<{
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }> | default_2.DOMElement<{
-            children: default_2.DOMElement<{
-                children: default_2.FunctionComponentElement<{
-                    label: string;
-                    onSelect: (value: string) => void;
-                    colorVariant?: Variants | undefined;
-                    value: Nullable<string>;
-                    id: string;
-                    name: string;
-                }>[];
-            }, Element>[];
-        }, Element>)[];
-    }, HTMLElement>;
-    Rating: ({ value, max, errors, label, onChange }: {
-        value: number;
-        label: string;
-        onChange: (value: number) => void;
-        max: number;
-    } & Omit<{
-        colorVariant?: Variants;
-        selected: boolean;
-        size?: "small" | "medium" | "large";
-        icon?: "star" | "star2" | "heart";
-    }, "selected"> & CommonFieldProps) => default_2.DOMElement<{
-        value: number;
-        max: number;
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }> | default_2.DOMElement<{
-            selected: boolean;
-            name: string;
-            key: string;
-            onChange: () => void;
-            type: string;
-        }, Element>[])[];
-    }, Element>;
-    Select: (props: {
-        label: string;
-        value: Nullable<string>;
-        colorVariant?: Variants;
-        onChange: (value: string) => void;
-        options: Options;
-    } & CommonFieldProps) => default_2.DetailedReactHTMLElement<{
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }> | default_2.DOMElement<{
-            colorVariant: Variants | undefined;
-            value: string | null;
-            defaultChecked: boolean;
-            defaultValue: null;
-            onChange: default_2.ChangeEventHandler<HTMLSelectElement>;
-            children: (default_2.DOMElement<{
-                value: string;
-                selected: boolean;
-                children: string;
-                key: string;
-            }, Element> | default_2.DOMElement<{
-                value: string;
-                selected: boolean;
-                children: string;
-                key: string;
-            }, Element>[])[];
-        }, Element>)[];
-    }, HTMLElement>;
-    Textarea: (props: {
-        value: Nullable<string>;
-        onChange: (value: string) => void;
-        placeholder?: string;
-        colorVariant?: Variants;
-        rows?: number;
-        label: string;
-    } & CommonFieldProps) => default_2.DOMElement<{
-        children: (default_2.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: default_2.ReactNode;
-        }> | default_2.FunctionComponentElement<{
-            errors?: FormError[];
-        }> | default_2.DOMElement<{
-            value: string;
-            useThemeColors: Variants | undefined;
-            rows: number;
-            onChange: default_2.ChangeEventHandler<HTMLTextAreaElement>;
-        }, Element>)[];
-    }, Element>;
+    Checkbox: (props: SurveyFormComponentsProps<CheckboxGroupProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    QuestionMatrix: (props: SurveyFormComponentsProps<QuestionMatrixProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    Radio: (props: SurveyFormComponentsProps<RadioGroupProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    Rating: (props: SurveyFormComponentsProps<RatingProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    Select: (props: SurveyFormComponentsProps<SelectProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    Textarea: (props: SurveyFormComponentsProps<TextareaProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+    RangeSlide: (props: SurveyFormComponentsProps<RangeSlideProps>) => default_2.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: default_2.ReactNode;
+    }>;
+};
+
+export declare type SurveyFormComponentsProps<T> = {
+    formTheme: typeof theme;
+    formVariant: Variants;
+    cmpProps: T;
 };
 
 export { }