@web-site-utilities/feedback 0.0.7 → 0.0.8

package/dist/common/components/Checkbox.d.ts

@@ -25,7 +25,7 @@ export declare const Checkbox: (props: CheckboxProps) => React.DOMElement<{
         children?: React.ReactNode;
     }>)[];
 }, Element>;
-type CheckboxGroupProps = {
+export type CheckboxGroupProps = {
     options: Options;
     onChange: (value: Array<string>) => void;
     elementsPerCol?: number;

package/dist/common/components/QuestionMatrix.d.ts

@@ -13,7 +13,7 @@ export declare const QuestionMatrixItem: (props: QuestionMatrixItemProps) => Rea
     $outlined: boolean;
     children: string;
 }, Element>;
-type QuestionMatrixProps = {
+export type QuestionMatrixProps = {
     value: Nullable<number>;
     minText?: string;
     colorVariant?: Variants;

package/dist/common/components/Radio.d.ts

@@ -27,7 +27,7 @@ export declare const Radio: (props: RadioProps) => React.DOMElement<{
         name: string;
     }, Element>)[];
 }, Element>;
-type CheckboxGroupProps = {
+export type RadioGroupProps = {
     options: Options;
     onChange: (value: string) => void;
     value: Nullable<string>;
@@ -35,7 +35,7 @@ type CheckboxGroupProps = {
     colorVariant?: Variants;
     label: string;
 } & CommonFieldProps;
-export declare const RadioGroup: (props: CheckboxGroupProps) => React.DetailedReactHTMLElement<{
+export declare const RadioGroup: (props: RadioGroupProps) => React.DetailedReactHTMLElement<{
     children: (React.FunctionComponentElement<{
         variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
         linear?: boolean;

package/dist/common/components/Rating.d.ts

@@ -9,7 +9,7 @@ type RatingItemProps = {
     icon?: 'star' | 'star2' | 'heart';
 };
 export declare const RatingItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, RatingItemProps>> & string;
-type RatingProps = {
+export type RatingProps = {
     value: number;
     label: string;
     onChange: (value: number) => void;

package/dist/common/components/Select.d.ts

@@ -3,7 +3,7 @@ import { Variants } from '../theme/ThemeProvider';
 import { CommonFieldProps } from '../types/CommonFieldProps';
 import { Nullable } from '../types/Nullable';
 import { Options } from '../types/Option';
-type SelectProps = {
+export type SelectProps = {
     label: string;
     value: Nullable<string>;
     colorVariant?: Variants;
@@ -36,4 +36,3 @@ export declare const Select: (props: SelectProps) => React.DetailedReactHTMLElem
         }, Element>[])[];
     }, Element>)[];
 }, HTMLElement>;
-export {};

package/dist/common/components/Textarea.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Variants } from '../theme/ThemeProvider';
 import { CommonFieldProps } from '../types/CommonFieldProps';
 import { Nullable } from '../types/Nullable';
-type TextareaProps = {
+export type TextareaProps = {
     value: Nullable<string>;
     onChange: (value: string) => void;
     placeholder?: string;
@@ -24,4 +24,3 @@ export declare const Textarea: (props: TextareaProps) => React.DOMElement<{
         onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
     }, Element>)[];
 }, Element>;
-export {};

package/dist/fields/Field/Field.d.ts

@@ -13,29 +13,7 @@ type Props = {
     dataField: Nullable<string>;
 };
 export declare const Field: (props: Props) => React.DOMElement<{
-    children: React.FunctionComponentElement<{
-        value: Nullable<number>;
-        minText?: string;
-        colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
-        maxText?: string;
-        onChange: (value: number) => void;
-        label: string;
-        max: number;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<{
-        options: import("@web-site-utilities/common/types/Option").Options;
-        onChange: (value: string) => void;
-        value: Nullable<string>;
-        elementsPerCol?: number;
-        colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<{
-        options: import("@web-site-utilities/common/types/Option").Options;
-        onChange: (value: Array<string>) => void;
-        elementsPerCol?: number;
-        colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
-        value: Array<string>;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<{
+    children: React.FunctionComponentElement<import("@web-site-utilities/common/components/QuestionMatrix").QuestionMatrixProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Radio").RadioGroupProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Checkbox").CheckboxGroupProps> | React.FunctionComponentElement<{
         max?: number;
         min?: number;
         value: Nullable<number>;
@@ -43,23 +21,6 @@ export declare const Field: (props: Props) => React.DOMElement<{
         colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
         label: string;
         onChange: (value: number) => void;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<{
-        value: number;
-        label: string;
-        onChange: (value: number) => void;
-        max: number;
-    } & Omit<{
-        colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
-        selected: boolean;
-        size?: "small" | "medium" | "large";
-        icon?: "star" | "star2" | "heart";
-    }, "selected"> & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<{
-        value: Nullable<string>;
-        onChange: (value: string) => void;
-        placeholder?: string;
-        colorVariant?: import("@web-site-utilities/common/theme/ThemeProvider").Variants;
-        rows?: number;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | null;
+    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Rating").RatingProps> | React.FunctionComponentElement<import("@web-site-utilities/common/components/Textarea").TextareaProps> | null;
 }, Element>;
 export {};

package/dist/form/index.d.ts

@@ -2,7 +2,13 @@ import React from 'react';
 import { InitiateFeedbackModuleOptions, InitiateFeedbackModuleOptionsCmp } from './types/InitiateFeedbackModuleOptions';
 import { InPlaceFormProps } from "./features/InPlaceForm/InPlaceForm";
 import { PopupFormProps } from "./features/PopupForm/PopupForm";
-import { Variants } from "@web-site-utilities/common/theme/ThemeProvider";
+import { theme, Variants } from "@web-site-utilities/common/theme/ThemeProvider";
+import { CheckboxGroupProps } from "@web-site-utilities/common/components/Checkbox";
+import { QuestionMatrixProps } from "@web-site-utilities/common/components/QuestionMatrix";
+import { RadioGroupProps } from "@web-site-utilities/common/components/Radio";
+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";
 export declare const initiateFeedbackModule: (options: InitiateFeedbackModuleOptions) => void;
 export declare const renderFeedbackModule: (options: InitiateFeedbackModuleOptionsCmp) => React.FunctionComponentElement<{
     formId: string;
@@ -14,179 +20,51 @@ export declare const FeedbackModule: (options: InitiateFeedbackModuleOptionsCmp)
 export declare const PreviewInPlaceForm: (props: InPlaceFormProps & {
     variant: Variants;
 }) => React.FunctionComponentElement<{
-    theme: typeof import("@web-site-utilities/common/theme/ThemeProvider").theme;
+    theme: typeof theme;
     selectedVariant?: Variants;
     children: React.ReactNode;
 }>;
 export declare const PreviewPopupForm: (props: PopupFormProps & {
     variant: Variants;
 }) => React.FunctionComponentElement<{
-    theme: typeof import("@web-site-utilities/common/theme/ThemeProvider").theme;
+    theme: typeof theme;
     selectedVariant?: Variants;
     children: React.ReactNode;
 }>;
+export type SurveyFormComponentsProps<T> = {
+    formTheme: typeof theme;
+    formVariant: Variants;
+    cmpProps: T;
+};
 export declare const SurveyFormComponents: {
-    Checkbox: (props: {
-        options: import("@web-site-utilities/common/types/Option").Options;
-        onChange: (value: Array<string>) => void;
-        elementsPerCol?: number;
-        colorVariant?: Variants;
-        value: Array<string>;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DetailedReactHTMLElement<{
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.DOMElement<{
-            children: React.DOMElement<{
-                key: number;
-                children: React.FunctionComponentElement<{
-                    label: string;
-                    onSelect: (value: Array<string>) => void;
-                    value: Array<string>;
-                    id: string;
-                    colorVariant?: Variants | undefined;
-                    name: string;
-                }>[];
-            }, Element>[];
-        }, Element> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }>)[];
-    }, HTMLElement>;
-    QuestionMatrix: (props: {
-        value: import("@web-site-utilities/common/types/Nullable").Nullable<number>;
-        minText?: string;
-        colorVariant?: Variants;
-        maxText?: string;
-        onChange: (value: number) => void;
-        label: string;
-        max: number;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DetailedReactHTMLElement<{
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }> | React.DOMElement<{
-            withText: string | undefined;
-            children: (React.DOMElement<{
-                min: boolean;
-                children: string;
-            }, Element> | React.FunctionComponentElement<{
-                onChange: () => void;
-                colorVariant?: Variants;
-                label: string;
-                selected: boolean;
-            }>[] | null)[];
-        }, Element>)[];
-    }, HTMLElement>;
-    Radio: (props: {
-        options: import("@web-site-utilities/common/types/Option").Options;
-        onChange: (value: string) => void;
-        value: import("@web-site-utilities/common/types/Nullable").Nullable<string>;
-        elementsPerCol?: number;
-        colorVariant?: Variants;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DetailedReactHTMLElement<{
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }> | React.DOMElement<{
-            children: React.DOMElement<{
-                children: React.FunctionComponentElement<{
-                    label: string;
-                    onSelect: (value: string) => void;
-                    colorVariant?: Variants | undefined;
-                    value: import("@web-site-utilities/common/types/Nullable").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"> & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DOMElement<{
-        value: number;
-        max: number;
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }> | React.DOMElement<{
-            selected: boolean;
-            name: string;
-            key: string;
-            onChange: () => void;
-            type: string;
-        }, Element>[])[];
-    }, Element>;
-    Select: (props: {
-        label: string;
-        value: import("@web-site-utilities/common/types/Nullable").Nullable<string>;
-        colorVariant?: Variants;
-        onChange: (value: string) => void;
-        options: import("@web-site-utilities/common/types/Option").Options;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DetailedReactHTMLElement<{
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }> | React.DOMElement<{
-            colorVariant: Variants | undefined;
-            value: string | null;
-            defaultChecked: boolean;
-            defaultValue: null;
-            onChange: React.ChangeEventHandler<HTMLSelectElement>;
-            children: (React.DOMElement<{
-                value: string;
-                selected: boolean;
-                children: string;
-                key: string;
-            }, Element> | React.DOMElement<{
-                value: string;
-                selected: boolean;
-                children: string;
-                key: string;
-            }, Element>[])[];
-        }, Element>)[];
-    }, HTMLElement>;
-    Textarea: (props: {
-        value: import("@web-site-utilities/common/types/Nullable").Nullable<string>;
-        onChange: (value: string) => void;
-        placeholder?: string;
-        colorVariant?: Variants;
-        rows?: number;
-        label: string;
-    } & import("@web-site-utilities/common/types/CommonFieldProps").CommonFieldProps) => React.DOMElement<{
-        children: (React.FunctionComponentElement<{
-            variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
-            linear?: boolean;
-            children?: React.ReactNode;
-        }> | React.FunctionComponentElement<{
-            errors?: import("@web-site-utilities/common/types/FormError").FormError[];
-        }> | React.DOMElement<{
-            value: string;
-            useThemeColors: Variants | undefined;
-            rows: number;
-            onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
-        }, Element>)[];
-    }, Element>;
+    Checkbox: (props: SurveyFormComponentsProps<CheckboxGroupProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
+    QuestionMatrix: (props: SurveyFormComponentsProps<QuestionMatrixProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
+    Radio: (props: SurveyFormComponentsProps<RadioGroupProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
+    Rating: (props: SurveyFormComponentsProps<RatingProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
+    Select: (props: SurveyFormComponentsProps<SelectProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
+    Textarea: (props: SurveyFormComponentsProps<TextareaProps>) => React.FunctionComponentElement<{
+        theme: typeof theme;
+        selectedVariant?: Variants;
+        children: React.ReactNode;
+    }>;
 };