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

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

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

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

@@ -1,196 +1,27 @@
-import React from 'react';
+import type Button from '@semcore/button';
+import type Checkbox from '@semcore/checkbox';
 import { Component } from '@semcore/core';
-import { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
+import type { Intergalactic } from '@semcore/core';
 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, {}, State, typeof FeedbackRatingRoot.enhance> {
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
     static displayName: string;
     static style: {
         [key: string]: string;
     };
     static enhance: readonly [(props: any) => {
-        getI18nText: (messageId: string, variables?: {
+        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?: {
             [key: string]: string | number | undefined;
-        } | undefined) => string;
+        }) => string>;
     }, (props: any) => {
-        uid: string;
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
     }];
-    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 defaultProps: FeedbackRatingDefaultProps;
     static validate: {
         description: (error: Error | string) => (value?: string) => string | Error | undefined;
         email: (error: Error | string) => (value?: string) => string | Error | undefined;
@@ -208,13 +39,17 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, Stat
     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) => JSX.Element;
-    renderTextField: (config: FormConfigItem) => JSX.Element;
+    renderCheckbox: (config: FormConfigItem, index: number) => React.JSX.Element;
+    renderTextField: (config: FormConfigItem) => React.JSX.Element;
     render(): React.ReactNode;
 }
-declare const FeedbackRating: typeof FeedbackRatingType & {
+declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
     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,10 +1,11 @@
-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';
+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';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
@@ -13,36 +14,44 @@ 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> & {
     /**
@@ -50,14 +59,14 @@ export type FeedbackRatingItemProps = FieldProps<any, any> & {
      */
     tooltipProps?: string[];
 };
-export type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {
+export type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {
     focused: boolean;
     label: React.ReactNode;
 };
-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 type FeedbackRatingDefaultProps = {
+    onSubmit: () => void;
+    i18n: typeof localizedMessages;
+    locale: 'en';
+    Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+    Notice: typeof Notice;
 };
-export { FeedbackRatingType };

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

@@ -1,5 +1,5 @@
-import { Component, Intergalactic } from '@semcore/core';
-import { Box, BoxProps } from '@semcore/flex-box';
+import { Flex, Box, type BoxProps } from '@semcore/base-components';
+import { type Intergalactic } from '@semcore/core';
 type SliderRatingProps = {
     value: number;
     onChange?: (value: number) => void;
@@ -8,7 +8,7 @@ type SliderRatingProps = {
 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[]> & {
+declare const SliderRating: Intergalactic.Component<typeof Flex, SliderRatingProps> & {
     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,22 +1,13 @@
-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 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 { 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.4",
+  "version": "6.43.0-prerelease.5",
   "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.4",
-    "@semcore/notice-bubble": "5.55.0-prerelease.4",
-    "@semcore/typography": "5.54.0-prerelease.4",
-    "@semcore/link": "5.45.0-prerelease.4",
-    "@semcore/modal": "4.57.0-prerelease.4",
-    "@semcore/illustration": "2.45.0-prerelease.4",
-    "@semcore/icon": "4.63.0-prerelease.4",
-    "@semcore/textarea": "5.41.0-prerelease.4",
-    "@semcore/input": "4.43.0-prerelease.4",
+    "@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",
     "final-form": "4.20.7",
-    "@semcore/button": "5.44.0-prerelease.4",
-    "@semcore/flex-box": "5.42.0-prerelease.4",
-    "@semcore/notice": "5.48.0-prerelease.4",
-    "@semcore/spin-container": "7.42.0-prerelease.4",
-    "@semcore/tooltip": "6.50.0-prerelease.4",
-    "@semcore/utils": "4.49.0-prerelease.4",
+    "@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",
     "final-form-focus": "1.1.2",
     "react-final-form": "6.5.9"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.4",
+    "@semcore/core": "^2.40.0-prerelease.5",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },