@web-site-utilities/feedback 0.0.1

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+type QuestionMatrixItemProps = {
+    onChange: () => void;
+    colorVariant?: Variants;
+    label: string;
+    selected: boolean;
+};
+export declare const QuestionMatrixItem: (props: QuestionMatrixItemProps) => React.DOMElement<{
+    onClick: () => void;
+    $outlined: boolean;
+    children: string;
+}, Element>;
+type QuestionMatrixProps = {
+    value: Nullable<number>;
+    minText?: string;
+    colorVariant?: Variants;
+    maxText?: string;
+    onChange: (value: number) => void;
+    label: string;
+    max: number;
+} & CommonFieldProps;
+export declare const QuestionMatrix: (props: QuestionMatrixProps) => React.DetailedReactHTMLElement<{
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        withText: string | undefined;
+        children: (React.DOMElement<{
+            min: boolean;
+            children: string;
+        }, Element> | React.FunctionComponentElement<QuestionMatrixItemProps>[] | null)[];
+    }, Element>)[];
+}, HTMLElement>;
+export {};

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+import { Options } from '../types/Option';
+type RadioProps = {
+    label: string;
+    onSelect: (value: string) => void;
+    colorVariant?: Variants | undefined;
+    value: Nullable<string>;
+    id: string;
+    name: string;
+};
+export declare const Radio: (props: RadioProps) => React.DOMElement<{
+    selected: boolean;
+    htmlFor: string;
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.DOMElement<{
+        id: string;
+        type: string;
+        variant: Variants | undefined;
+        selected: boolean;
+        onChange: () => void;
+        name: string;
+    }, Element>)[];
+}, Element>;
+type CheckboxGroupProps = {
+    options: Options;
+    onChange: (value: string) => void;
+    value: Nullable<string>;
+    elementsPerCol?: number;
+    colorVariant?: Variants;
+    label: string;
+} & CommonFieldProps;
+export declare const RadioGroup: (props: CheckboxGroupProps) => React.DetailedReactHTMLElement<{
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        children: React.DOMElement<{
+            children: React.FunctionComponentElement<RadioProps>[];
+        }, Element>[];
+    }, Element>)[];
+}, HTMLElement>;
+export {};

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

@@ -0,0 +1,39 @@
+import React, { ChangeEvent } from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+type RangeSlideProps = {
+    max?: number;
+    min?: number;
+    value: Nullable<number>;
+    initialValue?: number;
+    colorVariant?: Variants;
+    label: string;
+    onChange: (value: number) => void;
+} & CommonFieldProps;
+export declare const RangeSlide: (props: RangeSlideProps) => React.DOMElement<{
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        children: (React.DOMElement<{
+            type: string;
+            min: number;
+            max: number;
+            useThemeColors: Variants | undefined;
+            value: Nullable<number>;
+            onChange: React.ChangeEventHandler<HTMLInputElement>;
+        }, Element> | React.DOMElement<{
+            type: string;
+            value: string;
+            max: number;
+            min: number;
+            colorVariant: Variants | undefined;
+            onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+        }, Element>)[];
+    }, Element>)[];
+}, Element>;
+export {};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+type Sizes = 'small' | 'medium' | 'large';
+type RatingItemProps = {
+    colorVariant?: Variants;
+    selected: boolean;
+    size?: Sizes;
+    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 = {
+    value: number;
+    label: string;
+    onChange: (value: number) => void;
+    max: number;
+} & Omit<RatingItemProps, 'selected'> & CommonFieldProps;
+export declare const Rating: ({ value, max, errors, label, onChange }: RatingProps) => React.DOMElement<{
+    value: number;
+    max: number;
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        selected: boolean;
+        name: string;
+        key: string;
+        onChange: () => void;
+        type: string;
+    }, Element>[])[];
+}, Element>;
+export {};

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+import { Options } from '../types/Option';
+type SelectProps = {
+    label: string;
+    value: Nullable<string>;
+    colorVariant?: Variants;
+    onChange: (value: string) => void;
+    options: Options;
+} & CommonFieldProps;
+export declare const Select: (props: SelectProps) => React.DetailedReactHTMLElement<{
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../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>;
+export {};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Nullable } from '../types/Nullable';
+type StepProps = {
+    isVisible: boolean;
+    height: Nullable<number>;
+    onSetMaxHeight: (height: number) => void;
+    children: React.ReactNode;
+};
+export declare const Step: (props: StepProps) => React.DOMElement<{
+    ref: React.RefObject<HTMLDivElement | null>;
+    $height: Nullable<number>;
+    $isVisible: boolean;
+    children: React.ReactNode;
+}, HTMLDivElement>;
+export {};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { Step } from '../types/FormConfig';
+type CheckboxGroupProps = {
+    steps: Array<Step>;
+    currentStepIndex: number;
+    colorVariant?: Variants;
+};
+export declare const StepsProgress: (props: CheckboxGroupProps) => React.DOMElement<{
+    children: React.DOMElement<{
+        key: string;
+        colorVariant: Variants | undefined;
+        shouldBeFilled: boolean;
+        children: string;
+    }, Element>[][];
+}, Element>;
+export {};

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+type TextInputStyledProps = {
+    colorVariant?: Variants;
+};
+export declare const TextInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, TextInputStyledProps>> & string;
+export type TextInputProps = {
+    colorVariant?: Variants;
+    value: Nullable<string>;
+    type?: HTMLInputElement['type'];
+    onChange: (value: string) => void;
+    label?: string;
+} & CommonFieldProps;
+export declare const TextInput: (props: TextInputProps) => React.DetailedReactHTMLElement<{
+    children: ("" | React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        value: string;
+        type: string;
+        useThemeColors: Variants | undefined;
+        onChange: React.ChangeEventHandler<HTMLInputElement>;
+    }, Element>)[];
+}, HTMLElement>;
+export {};

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Variants } from '../theme/ThemeProvider';
+import { CommonFieldProps } from '../types/CommonFieldProps';
+import { Nullable } from '../types/Nullable';
+type TextareaProps = {
+    value: Nullable<string>;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    colorVariant?: Variants;
+    rows?: number;
+    label: string;
+} & CommonFieldProps;
+export declare const Textarea: (props: TextareaProps) => React.DOMElement<{
+    children: (React.FunctionComponentElement<{
+        variant?: "title" | "section" | "subtitle" | "subsection" | "paragraph";
+        linear?: boolean;
+        children?: React.ReactNode;
+    }> | React.FunctionComponentElement<{
+        errors?: import("../types/FormError").FormError[];
+    }> | React.DOMElement<{
+        value: string;
+        useThemeColors: Variants | undefined;
+        rows: number;
+        onChange: React.ChangeEventHandler<HTMLTextAreaElement>;
+    }, Element>)[];
+}, Element>;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+type Variants = 'title' | 'subtitle' | 'section' | 'subsection' | 'paragraph';
+type Props = {
+    variant?: Variants;
+    linear?: boolean;
+    children?: React.ReactNode;
+};
+export declare const Typography: (props: Props) => React.DOMElement<{
+    $variant: Variants | undefined;
+    $linear: boolean | undefined;
+    children: React.ReactNode;
+}, Element>;
+export {};

package/dist/common/hooks/useForm.d.ts

@@ -0,0 +1,21 @@
+import { AllFields, Form, Step } from '../types/FormConfig';
+import { Nullable } from '../types/Nullable';
+import { ValidationPerStep } from '../types/ValidationPerStep';
+type DataField = string;
+type UseFormProps = {
+    formId: string;
+    domainId: string;
+    form: Form;
+};
+export declare const useForm: (props: UseFormProps) => {
+    steps: ({
+        fields: Array<{
+            dataField: Nullable<DataField>;
+        } & AllFields>;
+    } & Step)[];
+    validationsPerStep: ValidationPerStep;
+    state: Record<string, any>;
+    setStateByKey: (key: Nullable<string>, value: any) => void;
+    getStateByKey: (key: Nullable<string>) => any;
+};
+export {};

package/dist/common/hooks/useStepper.d.ts

@@ -0,0 +1,17 @@
+import { FormError } from '../types/FormError';
+import { ValidationPerStep } from '../types/ValidationPerStep';
+type UseStepperProps = {
+    state: Record<string, any>;
+    formId: string;
+    stepsCount: number;
+    formType: string;
+    validationsPerStep: ValidationPerStep;
+    domainId: string;
+};
+export declare const useStepper: (props: UseStepperProps) => {
+    step: number;
+    errors: FormError[];
+    onContinue: () => void;
+    onBack: () => void;
+};
+export {};

package/dist/common/theme/ThemeProvider.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+export type Variants = 'primary' | 'secondary' | 'neutral';
+export declare const theme: {
+    primary: string;
+    primaryContent: string;
+    secondary: string;
+    secondaryContent: string;
+    accent: string;
+    accentContent: string;
+    neutral: string;
+    neutralContent: string;
+    base100: string;
+    base200: string;
+    base300: string;
+    baseContent: string;
+    info: string;
+    infoContent: string;
+    success: string;
+    successContent: string;
+    warning: string;
+    warningContent: string;
+    error: string;
+    errorContent: string;
+    radiusSelectors: string;
+    radiusField: string;
+    radiusBox: string;
+    borderWidth: string;
+    fontSize: string;
+    sizeField: string;
+    sizeSelector: string;
+    allFieldsSize: string;
+    spacing: string;
+    depth: number;
+};
+export declare const ThemeContext: React.Context<{
+    selectedVariant: Variants;
+    getDefaultVariantOrSelected: () => Variants;
+    primary: string;
+    primaryContent: string;
+    secondary: string;
+    secondaryContent: string;
+    accent: string;
+    accentContent: string;
+    neutral: string;
+    neutralContent: string;
+    base100: string;
+    base200: string;
+    base300: string;
+    baseContent: string;
+    info: string;
+    infoContent: string;
+    success: string;
+    successContent: string;
+    warning: string;
+    warningContent: string;
+    error: string;
+    errorContent: string;
+    radiusSelectors: string;
+    radiusField: string;
+    radiusBox: string;
+    borderWidth: string;
+    fontSize: string;
+    sizeField: string;
+    sizeSelector: string;
+    allFieldsSize: string;
+    spacing: string;
+    depth: number;
+}>;
+type ThemeProviderProps = {
+    theme: typeof theme;
+    selectedVariant?: Variants;
+    children: React.ReactNode;
+};
+export declare const ThemeProvider: (props: ThemeProviderProps) => React.FunctionComponentElement<{
+    children?: React.ReactNode;
+    theme: import("styled-components").DefaultTheme | ((outerTheme?: import("styled-components").DefaultTheme | undefined) => import("styled-components").DefaultTheme);
+}>;
+export declare const useThemeContext: () => {
+    selectedVariant: Variants;
+    getDefaultVariantOrSelected: () => Variants;
+    primary: string;
+    primaryContent: string;
+    secondary: string;
+    secondaryContent: string;
+    accent: string;
+    accentContent: string;
+    neutral: string;
+    neutralContent: string;
+    base100: string;
+    base200: string;
+    base300: string;
+    baseContent: string;
+    info: string;
+    infoContent: string;
+    success: string;
+    successContent: string;
+    warning: string;
+    warningContent: string;
+    error: string;
+    errorContent: string;
+    radiusSelectors: string;
+    radiusField: string;
+    radiusBox: string;
+    borderWidth: string;
+    fontSize: string;
+    sizeField: string;
+    sizeSelector: string;
+    allFieldsSize: string;
+    spacing: string;
+    depth: number;
+};
+export declare const useDefaultVariantColor: (override?: Variants) => string;
+export declare const useDefaultVariantContentColor: (override?: Variants) => string;
+export {};

package/dist/common/types/CommonFieldProps.d.ts

@@ -0,0 +1,6 @@
+import { FormError } from './FormError';
+export type CommonFieldProps = {
+    errors: Array<FormError>;
+    formClientId: string;
+    label: string;
+};

package/dist/common/types/FormConfig.d.ts

@@ -0,0 +1,129 @@
+import { theme, Variants } from '../theme/ThemeProvider';
+import { Nullable } from './Nullable';
+export interface Validation {
+    required?: boolean;
+    basicEmailValidation?: boolean;
+}
+export type ConditionalFieldValueCondition = {
+    fieldName: string;
+    eq?: number;
+    moreThan?: number;
+    lessThan?: number;
+};
+export type ConditionalFieldValue<T = string> = {
+    conditions: ConditionalFieldValueCondition[];
+    value: T;
+};
+export type ConditionalField<T = string> = {
+    values?: ConditionalFieldValue<T>[];
+    default: string;
+};
+interface Field {
+    meta: Meta;
+    type: string;
+    colorVariant?: Variants;
+    label: ConditionalField;
+    validations?: Validation;
+}
+interface Meta {
+    name: string;
+    fieldKey?: string;
+    comment?: string;
+}
+interface DTOOption {
+    label: string;
+    id: string;
+}
+export type AllFields = FieldQuestionMatrix | FieldRating | FieldCheckboxGroup | FieldRangeSlide | FieldRadioGroup | FieldSelect | FieldTextarea;
+export interface Step {
+    meta: Meta;
+    title: string;
+    fields: Array<AllFields>;
+}
+export interface FieldQuestionMatrix extends Field {
+    type: 'matrix';
+    max?: number;
+    min?: number;
+    maxText?: string;
+    minText?: string;
+}
+export interface FieldRadioGroup extends Field {
+    type: 'radio-group';
+    options: Array<DTOOption>;
+}
+export interface FieldCheckboxGroup extends Field {
+    type: 'checkbox-group';
+    options: Array<DTOOption>;
+}
+export interface FieldRangeSlide extends Field {
+    type: 'range-slide';
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+}
+export interface FieldRating extends Field {
+    type: 'rating';
+    colorVariant?: Variants;
+    max: number;
+    size?: 'small' | 'medium' | 'large';
+    icon?: 'star' | 'star2' | 'heart';
+}
+export interface FieldSelect extends Field {
+    type: 'select';
+    options: Array<DTOOption>;
+}
+export interface FieldTextarea extends Field {
+    type: 'textarea';
+    rows?: number;
+}
+export interface Form {
+    meta: Meta;
+    steps: Array<Step>;
+}
+type InlineFormConfig = {
+    canReturnToPreviousStep: boolean;
+    nextButtonText: string;
+    previousButtonText: string;
+    submitButtonText: string;
+    formTitle: string;
+};
+export type InlineForm = {
+    meta: Meta;
+    config: InlineFormConfig;
+    form: Form;
+};
+export type PopupFormStyles = {
+    left: Nullable<number>;
+    top: Nullable<number>;
+    bottom: Nullable<number>;
+    right: Nullable<number>;
+    variant?: Variants;
+    margin?: string;
+};
+type PopupFormConfig = {
+    canReturnToPreviousStep: boolean;
+    nextButtonText: string;
+    previousButtonText: string;
+    submitButtonText: string;
+    formTitle: string;
+    buttonText: string;
+};
+export type PopupForm = {
+    meta: Meta;
+    config: PopupFormConfig;
+    styles: PopupFormStyles;
+    form: Form;
+};
+export type FormConfig = {
+    id: string;
+    domainId: string;
+    inlineForm: Nullable<InlineForm>;
+    popupForm: Nullable<PopupForm>;
+    attributes: {
+        theme: typeof theme;
+        darkTheme?: typeof theme;
+        variant: Variants;
+        useSystemTheme: true;
+    };
+};
+export {};

package/dist/common/types/FormError.d.ts

@@ -0,0 +1,4 @@
+export interface FormError {
+    field: string;
+    error: string;
+}

package/dist/common/types/Locale.d.ts

@@ -0,0 +1 @@
+export type Locale = string;

package/dist/common/types/Nullable.d.ts

@@ -0,0 +1 @@
+export type Nullable<T> = T | null;

package/dist/common/types/Option.d.ts

@@ -0,0 +1,5 @@
+export type Option = {
+    label: string;
+    id: string;
+};
+export type Options = Array<Option>;

package/dist/common/types/ValidationPerStep.d.ts

@@ -0,0 +1,6 @@
+import { Validation } from './FormConfig';
+export type ValidationPerField = Record<string, {
+    fieldType: string;
+    validations?: Validation | undefined;
+}>;
+export type ValidationPerStep = Record<number, ValidationPerField>;

package/dist/common/types/isNil.d.ts

@@ -0,0 +1,2 @@
+export declare const isNil: <T>(value: T | null | undefined) => value is T;
+export declare const isNotNil: <T>(value: T | null | undefined) => value is T;