@web-site-utilities/feedback 0.0.6 → 0.0.7

package/dist/index.d.ts

@@ -1,8 +1,12 @@
+import { CommonFieldProps } from '@web-site-utilities/common/types/CommonFieldProps';
 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 { theme } from '@web-site-utilities/common/theme/ThemeProvider';
 import { Variants } from '@web-site-utilities/common/theme/ThemeProvider';
@@ -56,6 +60,172 @@ export declare const renderFeedbackModule: (options: InitiateFeedbackModuleOptio
     locale?: Locale;
 }> | 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>;
+};
+
 export { }