@semcore/feedback-form 6.27.2 → 6.28.0

package/lib/types/component/feedback-rating/FeedbackRating.d.ts

@@ -0,0 +1,156 @@
+import React from 'react';
+import { Component } from '@semcore/core';
+import { useI18n } from '@semcore/utils/lib/enhances/WithI18n';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
+import { NoticeBubbleManager } from '@semcore/notice-bubble';
+type Enhances = {
+    getI18nText: ReturnType<typeof useI18n>;
+    uid: ReturnType<typeof uniqueIDEnhancement>;
+};
+type State = {
+    error: boolean;
+};
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, Enhances> {
+    static displayName: string;
+    static style: {
+        [key: string]: string;
+    };
+    static enhance: (((props: any) => {
+        uid: string;
+    }) | ((props: any) => {
+        getI18nText: (messageId: string, variables?: {
+            [key: string]: string | number | undefined;
+        } | undefined) => string;
+    }))[];
+    static defaultProps: {
+        onSubmit: () => void;
+        i18n: {
+            de: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            en: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            es: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            fr: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            it: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            ja: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            ko: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            nl: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            pt: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            tr: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            vi: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            zh: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            pl: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+            sv: {
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+            };
+        };
+        locale: string;
+    };
+    static validate: {
+        description: (error: Error | string) => (value?: string) => string | Error | undefined;
+        email: (error: Error | string) => (value?: string) => string | Error | undefined;
+    };
+    state: State;
+    manager: NoticeBubbleManager;
+    private focusDecorator;
+    get headerId(): string;
+    getHeaderProps(): {
+        id: string;
+    };
+    getItemProps(): {
+        validateOnBlur: boolean | undefined;
+    };
+    handleChangeRating: (rating: number) => void;
+    handelCloseModal: () => void;
+    handleChange: (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => void;
+    componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>): void;
+    renderCheckbox: (config: FormConfigItem) => JSX.Element;
+    renderTextField: (config: FormConfigItem) => JSX.Element;
+    render(): React.ReactNode;
+}
+declare const FeedbackRating: typeof FeedbackRatingType & {
+    validate: typeof FeedbackRatingRoot.validate;
+};
+export default FeedbackRating;

package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import { FeedbackFormProps } from '../../index';
+import { FieldProps } from 'react-final-form';
+import { Intergalactic } from '@semcore/core';
+import Button from '@semcore/button';
+import { Text } from '@semcore/typography';
+import Checkbox from '@semcore/checkbox';
+export type FormConfigItem = {
+    key: string;
+    label: React.ReactNode;
+    type: 'input' | 'checkbox' | 'textarea';
+    description?: React.ReactNode;
+    validate?: (value: any) => Error | string | undefined;
+};
+export type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<FeedbackFormProps, 'initialValues' | 'loading'> & {
+    /** status of form */
+    status: 'default' | 'success' | 'error' | 'loading';
+    /** flag for show/hide notification */
+    notificationVisible: boolean;
+    /** */
+    onNotificationClose: () => void;
+    /** text in notification panel */
+    notificationText: string;
+    /** optional link in notification panel */
+    learnMoreLink?: string;
+    /** rating value */
+    rating: number;
+    /** visible modal form flag */
+    visible: boolean;
+    onVisibleChange: (visible: boolean, rating: number) => void;
+    /** header of modal with form */
+    header: React.ReactNode;
+    /** text for submit button of form */
+    submitText?: string;
+    /** config for form fields */
+    formConfig: FormConfigItem[];
+    initialValues: Record<string, any> & {
+        rating: number;
+    };
+    errorFeedbackEmail: string;
+    locale?: string;
+};
+export type FeedbackRatingItemProps = FieldProps<any, any> & {
+    /**
+     * Allows to override which passed props will be passed to the Tooltip component.
+     */
+    tooltipProps?: string[];
+};
+declare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {
+    Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;
+    Submit: typeof Button;
+    Checkbox: typeof Checkbox;
+    Header: typeof Text;
+};
+export { FeedbackRatingType };

package/lib/types/component/slider-rating/SliderRating.d.ts

@@ -0,0 +1,14 @@
+import { Component, Intergalactic } from '@semcore/core';
+import { Box, BoxProps } from '@semcore/flex-box';
+type SliderRatingProps = {
+    value: number;
+    onChange?: (value: number) => void;
+    readonly?: boolean;
+};
+type StarProps = BoxProps & {
+    filled?: boolean;
+};
+declare const SliderRating: (<Tag extends Intergalactic.InternalTypings.ComponentTag = Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Props extends SliderRatingProps = SliderRatingProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Props, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Intergalactic.InternalTypings.ComponentTag, SliderRatingProps, {}, never[]> & {
+    Star: Intergalactic.Component<typeof Box, StarProps>;
+};
+export default SliderRating;

package/lib/types/component/submit-button/SubmitButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IRootComponentProps } from '@semcore/core';
+export declare function SubmitButton(props: IRootComponentProps): React.ReactNode;

package/lib/types/index.d.ts

@@ -5,6 +5,8 @@ import Button from '@semcore/button';
 import { NoticeSmart } from '@semcore/notice';
 import { Box } from '@semcore/flex-box';
 
+import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';
+
 /** @deprecated */
 export type IFeedbackForm = FeedbackFormProps;
 export type FeedbackFormProps = FormProps & {
@@ -33,3 +35,5 @@ declare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> &
 };
 
 export default FeedbackForm;
+
+export { FeedbackRating };

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -0,0 +1,101 @@
+export declare const localizedMessages: {
+    de: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    en: {
+        leaveFeedback: string;
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    es: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    fr: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    it: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    ja: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    ko: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    nl: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    pt: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    tr: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    vi: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    zh: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    pl: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+    sv: {
+        learnMore: string;
+        formTitle: string;
+        submitButton: string;
+        successMessage: string;
+        errorMessage: string;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.27.2",
+  "version": "6.28.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,13 +9,22 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
+    "@semcore/checkbox": "7.29.0",
+    "@semcore/notice-bubble": "5.32.0",
+    "@semcore/typography": "5.34.0",
+    "@semcore/link": "5.29.0",
+    "@semcore/modal": "4.36.0",
+    "@semcore/illustration": "2.26.0",
+    "@semcore/icon": "4.35.0",
+    "@semcore/textarea": "5.25.0",
+    "@semcore/input": "4.27.0",
+    "final-form": "4.20.7",
     "@semcore/button": "5.27.0",
-    "@semcore/flex-box": "5.25.2",
-    "@semcore/notice": "5.32.2",
-    "@semcore/spin-container": "7.25.2",
-    "@semcore/tooltip": "6.31.2",
-    "@semcore/utils": "4.26.3",
-    "final-form": "4.20.4",
+    "@semcore/flex-box": "5.26.0",
+    "@semcore/notice": "5.33.0",
+    "@semcore/spin-container": "7.26.0",
+    "@semcore/tooltip": "6.32.0",
+    "@semcore/utils": "4.27.0",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },
@@ -31,6 +40,7 @@
   },
   "devDependencies": {
     "@types/react": "18.0.21",
+    "@types/final-form-focus": "1.1.7",
     "@semcore/testing-utils": "1.0.0"
   },
   "overrides": {
@@ -42,6 +52,6 @@
     }
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js"
+    "build": "pnpm semcore-builder --source=js,ts"
   }
 }