@semcore/feedback-form 6.43.0-prerelease.5 → 6.43.0-prerelease.7

package/lib/types/component/feedback-item/FeedbackItem.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): React.JSX.Element;
+/// <reference types="react" />
+export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): JSX.Element;
 export declare namespace FeedbackItem {
     var enhance: ((props: any) => {
-        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+        uid: string;
     })[];
 }

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

@@ -1,27 +1,196 @@
-import type Button from '@semcore/button';
-import type Checkbox from '@semcore/checkbox';
+import React from 'react';
 import { Component } from '@semcore/core';
-import type { Intergalactic } from '@semcore/core';
+import { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
 import { NoticeBubbleManager } from '@semcore/notice-bubble';
-import { Text } from '@semcore/typography';
-import React from 'react';
-import type { FeedbackRatingCheckboxProps, FeedbackRatingItemProps, FeedbackRatingProps, FormConfigItem, FeedbackRatingDefaultProps } from './FeedbackRating.type';
 type State = {
     error: boolean;
 };
-declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, typeof FeedbackRatingRoot.enhance> {
     static displayName: string;
     static style: {
         [key: string]: string;
     };
     static enhance: readonly [(props: any) => {
-        getI18nText: ReturnType<(dictionary: import("@semcore/core/lib/utils/enhances/WithI18n").Dictionary, locale?: import("@semcore/core/lib/utils/enhances/WithI18n").LocaleKeys, fallbackDictionary?: import("@semcore/core/lib/utils/enhances/WithI18n").Dictionary) => (messageId: string, variables?: {
+        getI18nText: (messageId: string, variables?: {
             [key: string]: string | number | undefined;
-        }) => string>;
+        } | undefined) => string;
     }, (props: any) => {
-        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+        uid: string;
     }];
-    static defaultProps: FeedbackRatingDefaultProps;
+    static defaultProps: {
+        onSubmit: () => void;
+        i18n: {
+            de: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            en: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            es: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            fr: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            it: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            ja: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            ko: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            nl: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            pt: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            tr: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            vi: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            zh: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            pl: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+            sv: {
+                leaveFeedback: string;
+                learnMore: string;
+                formTitle: string;
+                submitButton: string;
+                successMessage: string;
+                errorMessage: string;
+                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
+                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
+                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
+                "FeedbackRating.SliderRating.aria-valuetext": string;
+            };
+        };
+        locale: string;
+    };
     static validate: {
         description: (error: Error | string) => (value?: string) => string | Error | undefined;
         email: (error: Error | string) => (value?: string) => string | Error | undefined;
@@ -39,17 +208,13 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof F
     getNoticeTextId(): string;
     handleChangeRating: (rating: number) => void;
     handelCloseModal: () => void;
-    handleChange: (fn: (e: React.SyntheticEvent) => void) => (_value: any, e: React.SyntheticEvent) => void;
+    handleChange: (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => void;
     componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>): void;
-    renderCheckbox: (config: FormConfigItem, index: number) => React.JSX.Element;
-    renderTextField: (config: FormConfigItem) => React.JSX.Element;
+    renderCheckbox: (config: FormConfigItem, index: number) => JSX.Element;
+    renderTextField: (config: FormConfigItem) => JSX.Element;
     render(): React.ReactNode;
 }
-declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
+declare const FeedbackRating: typeof FeedbackRatingType & {
     validate: typeof FeedbackRatingRoot.validate;
-    Item: Intergalactic.Component<"div", FeedbackRatingItemProps>;
-    Submit: typeof Button;
-    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
-    Header: typeof Text;
 };
 export default FeedbackRating;

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

@@ -1,11 +1,10 @@
-import type { NSCheckbox } from '@semcore/checkbox';
-import type { Intergalactic } from '@semcore/core';
-import type { IllustrationProps } from '@semcore/illustration';
-import type Notice from '@semcore/notice';
-import type React from 'react';
-import type { FieldProps } from 'react-final-form';
-import type { FeedbackFormProps } from '../../index';
-import type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+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, { CheckboxProps } from '@semcore/checkbox';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
@@ -14,44 +13,36 @@ export type FormConfigItem = {
     validate?: (value: any) => Error | string | undefined;
 };
 export type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<FeedbackFormProps, 'initialValues' | 'loading'> & {
-    /** Status of form */
+    /** status of form */
     status: 'default' | 'success' | 'error' | 'loading';
-    /** Flag for show/hide notification */
+    /** flag for show/hide notification */
     notificationVisible: boolean;
-    /** Notification close callback */
+    /** */
     onNotificationClose: () => void;
-    /** Text in notification panel */
+    /** text in notification panel */
     notificationText: string;
-    /** Title in notification panel */
+    /** title in notification panel */
     notificationTitle?: string;
-    /** Optional link in notification panel */
+    /** optional link in notification panel */
     learnMoreLink?: string;
-    /** Rating value */
+    /** rating value */
     rating: number;
-    /** Visible modal form flag */
+    /** visible modal form flag */
     visible: boolean;
-    /** Visibility changes callback */
     onVisibleChange: (visible: boolean, rating: number) => void;
-    /** Width for modal with form */
+    /** width for modal with form */
     modalWidth?: number | string;
-    /** Header of modal with form */
+    /** header of modal with form */
     header: React.ReactNode;
-    /** Text for submit button of form */
+    /** text for submit button of form */
     submitText?: string;
-    /** Config for form fields */
+    /** config for form fields */
     formConfig: FormConfigItem[];
-    /** Initial form values including rating */
     initialValues: Record<string, any> & {
         rating: number;
     };
-    /** Email address shown in error messages */
     errorFeedbackEmail: string;
-    /** Specifies the locale for i18n support */
     locale?: string;
-    /** Illustration element */
-    Illustration?: Intergalactic.Component<'svg', IllustrationProps>;
-    /** Notice component */
-    Notice?: typeof Notice;
 };
 export type FeedbackRatingItemProps = FieldProps<any, any> & {
     /**
@@ -59,14 +50,14 @@ export type FeedbackRatingItemProps = FieldProps<any, any> & {
      */
     tooltipProps?: string[];
 };
-export type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {
+export type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {
     focused: boolean;
     label: React.ReactNode;
 };
-export type FeedbackRatingDefaultProps = {
-    onSubmit: () => void;
-    i18n: typeof localizedMessages;
-    locale: 'en';
-    Illustration: Intergalactic.Component<'svg', IllustrationProps>;
-    Notice: typeof Notice;
+declare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {
+    Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;
+    Submit: typeof Button;
+    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
+    Header: typeof Text;
 };
+export { FeedbackRatingType };

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

@@ -1,5 +1,5 @@
-import { Flex, Box, type BoxProps } from '@semcore/base-components';
-import { type Intergalactic } from '@semcore/core';
+import { Component, Intergalactic } from '@semcore/core';
+import { Box, BoxProps } from '@semcore/flex-box';
 type SliderRatingProps = {
     value: number;
     onChange?: (value: number) => void;
@@ -8,7 +8,7 @@ type SliderRatingProps = {
 type StarProps = BoxProps & {
     filled?: boolean;
 };
-declare const SliderRating: Intergalactic.Component<typeof Flex, SliderRatingProps> & {
+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

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

package/lib/types/index.d.ts

@@ -1,13 +1,22 @@
-import type { Box } from '@semcore/base-components';
-import type Button from '@semcore/button';
-import type { Intergalactic } from '@semcore/core';
-import type { NoticeSmart } from '@semcore/notice';
-import type { FormProps, FieldProps, FieldInputProps, FieldMetaState } from 'react-final-form';
+import {
+  FormProps,
+  FieldProps,
+  FieldInputProps,
+  FieldMetaState,
+  FieldRenderProps,
+} from 'react-final-form';
+
+import { Intergalactic } from '@semcore/core';
+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 & {
-  /** The event is called when the form is submitted */
+  /* The event is called when the form is submitted */
   onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;
   /**
    * The property is in charge of the spinner showing

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/feedback-form",
   "description": "Semrush Feedback Form Component",
-  "version": "6.43.0-prerelease.5",
+  "version": "6.43.0-prerelease.7",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,27 +14,27 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/checkbox": "7.45.0-prerelease.5",
-    "@semcore/notice-bubble": "5.55.0-prerelease.5",
-    "@semcore/typography": "5.54.0-prerelease.5",
-    "@semcore/link": "5.45.0-prerelease.5",
-    "@semcore/modal": "4.57.0-prerelease.5",
-    "@semcore/illustration": "2.45.0-prerelease.5",
-    "@semcore/icon": "4.63.0-prerelease.5",
-    "@semcore/textarea": "5.41.0-prerelease.5",
-    "@semcore/input": "4.43.0-prerelease.5",
+    "@semcore/checkbox": "7.45.0-prerelease.7",
+    "@semcore/notice-bubble": "5.55.0-prerelease.7",
+    "@semcore/typography": "5.54.0-prerelease.7",
+    "@semcore/link": "5.45.0-prerelease.7",
+    "@semcore/modal": "4.57.0-prerelease.7",
+    "@semcore/illustration": "2.45.0-prerelease.7",
+    "@semcore/icon": "4.63.0-prerelease.7",
+    "@semcore/textarea": "5.41.0-prerelease.7",
+    "@semcore/input": "4.43.0-prerelease.7",
     "final-form": "4.20.7",
-    "@semcore/button": "5.44.0-prerelease.5",
-    "@semcore/flex-box": "5.42.0-prerelease.5",
-    "@semcore/notice": "5.48.0-prerelease.5",
-    "@semcore/spin-container": "7.42.0-prerelease.5",
-    "@semcore/tooltip": "6.50.0-prerelease.5",
-    "@semcore/utils": "4.49.0-prerelease.5",
+    "@semcore/button": "5.44.0-prerelease.7",
+    "@semcore/flex-box": "5.42.0-prerelease.7",
+    "@semcore/notice": "5.48.0-prerelease.7",
+    "@semcore/spin-container": "7.42.0-prerelease.7",
+    "@semcore/tooltip": "6.50.0-prerelease.7",
+    "@semcore/utils": "4.49.0-prerelease.7",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.5",
+    "@semcore/core": "^2.40.0-prerelease.7",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },