survey-react 1.9.76 → 1.9.77

package/survey.react.d.ts

@@ -1,13 +1,25 @@
 /// <reference types="react" />
 declare module "settings" {
     /**
-     * Global survey settings
+     * Global settings that apply to all surveys on the page. To specify one of the settings, use the code below:
+     *
+     * ```js
+     * import { settings } from "survey-core";
+     *
+     * settings.settingName = "value";
+     * ```
      */
     export var settings: {
         /**
-         * Options for SurveyJS comparator. By default we trim strings and compare them as case insensitive. To change the behavior you can use following code:
-         * settings.comparator.trimStrings = false; //"abc " will not equal to "abc". They are equal by default.
-         * settings.comparator.caseSensitive = true; //"abc " will not equal to "Abc". They are equal by default.
+         * An object that configures string comparison.
+         *
+         * Nested properties:
+         *
+         * - `trimStrings`: `Boolean`\
+         * Specifies whether to remove whitespace from both ends of a string before the comparison. Default value: `true`.
+         *
+         * - `caseSensitive`: `Boolean`\
+         * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
          */
         comparator: {
             trimStrings: boolean;
@@ -15,188 +27,298 @@ declare module "settings" {
         };
         expressionDisableConversionChar: string;
         /**
-         * Set this value to false, if you want to have UTC fuctions, for example setUTCHours inside our functions, like today.
-         * By default it uses setHours function, with local date
+         * Disable this property if you want internal SurveyJS functions to use methods that work with UTC date and time (`setUTCDate()` `setUTCHours()`, etc.) instead of methods that work with local date and time (`setYear`, `setHours()`, etc.).
+         *
+         * Default value: `true`
          */
         useLocalTimeZone: boolean;
         commentPrefix: string;
         /**
-         * The suffix that uses to store the question comment, as "questionName + commentSuffix".
-         * The default value is "-Comment"
+         * A suffix added to the name of the property that stores comments.
+         *
+         * Default value: "-Comment"
+         *
+         * You can specify this setting for an individual survey: [`commentSuffix`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#commentSuffix).
          */
         commentSuffix: string;
         /**
-         * Encode parameter on calling restful web API
+         * Specifies whether to encode URL parameters when you access a web service.
+         *
+         * Default value: `true`
          */
         webserviceEncodeParameters: boolean;
         /**
-         * Cache the result for choices getting from web services. Set this property to false, to disable the caching.
+         * Specifies whether to cache choices loaded from a web service.
+         *
+         * Default value: `true`
+         * @see settings.disableOnGettingChoicesFromWeb
          */
         useCachingForChoicesRestful: boolean;
         useCachingForChoicesRestfull: boolean;
         /**
-         * SurveyJS web service API url
+         * The URL of the SurveyJS Service API endpoint.
          */
         surveyServiceUrl: string;
         /**
-         * separator that can allow to set value and text of ItemValue object in one string as: "value|text"
+         * A separator used in a shorthand notation that specifies a value and display text for an [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) object: `"value|text"`.
+         *
+         * Default value: `"|"`
          */
         itemValueSeparator: string;
         /**
-         * Set it to true to serialize itemvalue instance always as object even if text property is empty
-         * const item = new Survey.ItemValue(5);
-         * item.toJSON(); //will return {value: 5}, instead of 5 by default.
+         * Enable this property if you want to serialize [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) instances as objects even when they include only the `value` property.
+         *
+         * ```js
+         * import { ItemValue, settings } from "survey-core";
+         *
+         * settings.itemValueAlwaysSerializeAsObject = true;
+         * const item = new ItemValue(5);
+         * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
+         * ```
+         *
+         * @see settings.serializeLocalizableStringAsObject
          */
         itemValueAlwaysSerializeAsObject: boolean;
         /**
-         * Set it to true to serialize itemvalue text property, even if it is empty or equals to value
-         * const item = new Survey.ItemValue("item1");
-         * item.toJSON(); //will return {value: item1, text: "item1"}, instead of "item1" by default.
+         * Enable this property if you want to serialize the `text` property of [`ItemValue`](https://surveyjs.io/form-library/documentation/api-reference/itemvalue) objects even when it is empty or equal to the `value` property.
+         *
+         * ```js
+         * import { ItemValue, settings } from "survey-core";
+         *
+         * settings.itemValueAlwaysSerializeText = true;
+         * const item = new ItemValue("item1");
+         * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
+         * ```
          */
         itemValueAlwaysSerializeText: boolean;
         /**
-         * default locale name for localizable strings that uses during serialization, {"default": "My text", "de": "Mein Text"}
+         * Specifies a property key that stores a translation for the default locale.
+         *
+         * Default value: `"default"`
+         * @see storeDuplicatedTranslations
          */
         defaultLocaleName: string;
         /**
-         * By default we do not store a value for a locale if it equals to "default" locale value
+         * Specifies whether surveys should store translation strings that equal the translation string specified by the `"default"` key.
+         *
+         * Default value: `false`
+         * @see settings.defaultLocaleName
          */
         storeDuplicatedTranslations: boolean;
         /**
-         * Default row name for matrix (single choice)
+         * Specifies a property key that stores an object with default cell values in [Single-Choice Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-question-model) questions.
+         *
+         * Default value: "default"
          */
         matrixDefaultRowName: string;
         /**
-         * Default cell type for dropdown and dynamic matrices
+         * The default type of matrix cells in the [Multiple-Choice Matrix](https://surveyjs.io/form-library/documentation/api-reference/matrix-table-with-dropdown-list) and [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model) question types.
+         *
+         * Default value: `"dropdown"`
+         *
+         * You can specify this setting for individual questions or matrix columns: [`cellType`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#cellType). Refer to the `cellType` property description for information on possible values.
          */
         matrixDefaultCellType: string;
         /**
-         * Total value postfix for dropdown and dynamic matrices. The total value stores as: {matrixName} + {postfix}
+         * A suffix added to the name of the property that stores total values. The resulting property name consists of the matrix name and the suffix.
+         *
+         * Default value: `"-total"`
          */
         matrixTotalValuePostFix: string;
         /**
-         * Maximum row count in dynamic matrix
+         * A maximum number of rows in a [Dynamic Matrix](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model).
+         *
+         * Default value: 1000
+         *
+         * You can specify this setting for an individual Dynamic Matrix: [`maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-matrix-table-question-model#maxRowCount).
          */
         matrixMaximumRowCount: number;
         /**
-         * Maximum rowCount that returns in addConditionObjectsByContext function
+         * A maximum number of matrix rows included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
+         *
+         * Default value: 1
+         *
+         * If you set this property to 0, the Condition menu does not include any matrix rows. Users still can specify conditions that use matrix rows but only with Manual Entry.
          */
         matrixMaxRowCountInCondition: number;
         /**
-         * Maximum panelCount that returns in addConditionObjectsByContext function
+         * A maximum number of panels from [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model) included in the Condition drop-down menu in Survey Creator. This menu is used to configure conditional survey logic.
+         *
+         * Default value: 1
+         *
+         * If you set this property to 0, the Condition menu does not include any panel questions. Users still can specify conditions that use panel questions but only with Manual Entry.
          */
         panelDynamicMaxPanelCountInCondition: number;
         /**
-         * Set this property to false, to render matrix dynamic remove action as button.
-         * It is rendered as icon in new themes ("defaultV2") by default.
+         * Disable this property if you want to render the Remove action in Dynamic Matrix as a button. Otherwise, the action is rendered as an icon.
+         *
+         * Default value: `true`
          */
         matrixRenderRemoveAsIcon: boolean;
         /**
-         * Maximum panel count in dynamic panel
+         * A maximum number of panels in [Dynamic Panel](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model).
+         *
+         * Default value: 100
+         *
+         * You can specify this setting for an individual Dynamic Panel: [`maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#maxPanelCount).
          */
         panelMaximumPanelCount: number;
         /**
-         * Maximum rate value count in rating question
+         * A maximum number of rate values in a [Rating](https://surveyjs.io/form-library/documentation/api-reference/rating-scale-question-model) question.
+         *
+         * Default value: 20
          */
         ratingMaximumRateValueCount: number;
         /**
          * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
+         *
          * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
          */
         tagboxCloseOnSelect: boolean;
         /**
-         * Disable the question while choices are getting from the web service
+         * Disables the question while choices are being loaded from a web service.
+         *
+         * Default value: `false`
+         * @see settings.useCachingForChoicesRestful
          */
         disableOnGettingChoicesFromWeb: boolean;
         /**
-         * Set to true to always serialize the localization string as object even if there is only one value for default locale. Instead of string "MyStr" serialize as {default: "MyStr"}
+         * Enable this property if you want to serialize [`LocalizableString`](https://surveyjs.io/form-library/documentation/api-reference/localizablestring) instances as objects even when they include only a translation string for the default locale. For example, `"Custom String"` will be serialized as `{ default: "Custom String" }`.
+         *
+         * Default value: `false`
+         * @see settings.itemValueAlwaysSerializeAsObject
          */
         serializeLocalizableStringAsObject: boolean;
         /**
-         * Set to false to hide empty page title and description in design mode
+         * Specifies whether to display an empty title for pages and panels when they are being designed in Survey Creator.
+         *
+         * Default value: `true`
          */
         allowShowEmptyTitleInDesignMode: boolean;
         /**
-         * Set to false to hide empty page description in design mode
+         * Specifies whether to display an empty description for pages and panels when they are being designed in Survey Creator.
+         *
+         * Default value: `true`
          */
         allowShowEmptyDescriptionInDesignMode: boolean;
         /**
-         * Set this property to true to execute the complete trigger on value change instead of on next page.
+         * Specifies whether to re-evaluate an expression associated with the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+         *
+         * Keep this property set to `false` if you want to re-evaluate the Complete trigger's expression only when the respondents navigate to another page.
+         *
+         * Default value: `false`
+         * @see settings.changeNavigationButtonsOnCompleteTrigger
          */
         executeCompleteTriggerOnValueChanged: boolean;
         /**
-         * Set this property to false to stop showing "Compete" button when the complete trigger is going to be executed.
+         * Specifies whether to replace the Next button with the Complete button when the [Complete trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#complete) is going to be executed.
+         *
+         * Default value: `true`
+         * @see settings.executeCompleteTriggerOnValueChanged
          */
         changeNavigationButtonsOnCompleteTrigger: boolean;
         /**
-         * Set this property to false to execute the skip trigger on next page instead of on value change.
+         * Specifies whether to re-evaluate an expression associated with the [Skip trigger](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#skip) immediately when a question value changes. If the expression evaluates to `true`, the trigger is executed.
+         *
+         * Disable this property if you want to re-evaluate the Skip trigger's expression only when the respondents navigate to another page.
+         *
+         * Default value: `true`
          */
         executeSkipTriggerOnValueChanged: boolean;
         /**
-         * Specifies how the input field of [Comment](https://surveyjs.io/Documentation/Library?id=questioncommentmodel) questions is rendered in the read-only mode.
-         * Available values:
-         * "textarea" (default) - A 'textarea' element is used to render a Comment question's input field.
-         * "div" - A 'div' element is used to render a Comment question's input field.
+         * Specifies how to render the input field of [Comment](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/comment-field-model#readOnly) mode.
+         *
+         * Possible values:
+         *
+         * - `"textarea"` (default) - Renders the input field as a disabled `<textarea>` element.
+         * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
          */
         readOnlyCommentRenderMode: string;
         /**
-         * Specifies how the input field of [Text](https://surveyjs.io/Documentation/Library?id=questiontextmodel) questions is rendered in the read-only mode.
-         * Available values:
-         * "input" (default) - An 'input' element is used to render a Text question's input field.
-         * "div" - A 'div' element is used to render a Text question's input field.
+         * Specifies how to render the input field of [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) questions in [read-only](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#readOnly) mode.
+         *
+         * Possible values:
+         *
+         * - `"input"` (default) - Renders the input field as a disabled `<input>` element.
+         * - `"div"` - Renders the input field as a `<div>` element with a non-editable question value within it.
          */
         readOnlyTextRenderMode: string;
         /**
-         * Override this function, set your function, if you want to show your own dialog confirm window instead of standard browser window.
-         * @param message
+         * A property that allows you to display a custom confirm dialog instead of the standard browser dialog. Set this property to a function that renders your custom dialog window.
+         * @param message A message to be displayed in the confirm dialog window.
          */
         confirmActionFunc: (message: string) => boolean;
         /**
-         * Set this property to change the default value of the minWidth constraint
+         * A minimum width value for all survey elements.
+         *
+         * Default value: `"300px"`
+         *
+         * You can override this setting for individual elements: [`minWidth`](https://surveyjs.io/form-library/documentation/api-reference/surveyelement#minWidth).
          */
         minWidth: string;
         /**
-         * Set this property to change the default value of the maxWidth constraint
+         * A maximum width value for all survey elements.
+         *
+         * Default value: `"100%"`
+         *
+         * You can override this setting for individual elements: [`maxWidth`](https://surveyjs.io/form-library/documentation/api-reference/surveyelement#maxWidth).
          */
         maxWidth: string;
         /**
-         * This property tells how many times survey re-run expressions on value changes during condition running. We need it to avoid recursions in the expressions
+         * Specifies how many times surveys can re-evaluate expressions when a question value changes. This limit helps avoid recursions in expressions.
+         *
+         * Default value: 10
          */
         maximumConditionRunCountOnValueChanged: number;
         /**
-         * By default visibleIndex for question with titleLocation = "hidden" is -1, and survey doesn't count these questions when set questions numbers.
-         * Set it true, and a question next to a question with hidden title will increase it's number.
+         * Specifies whether to number questions whose [`titleLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#titleLocation) property is set to `"hidden"`.
+         *
+         * Default value: `false`
          */
         setQuestionVisibleIndexForHiddenTitle: boolean;
         /**
-         * By default visibleIndex for question with hideNumber = true is -1, and survey doesn't count these questions when set questions numbers.
-         * Set it true, and a question next to a question with hidden title number will increase it's number.
+         * Specifies whether to number questions whose [`hideNumber`](https://surveyjs.io/form-library/documentation/api-reference/question#hideNumber) property is enabled.
+         *
+         * Default value: `false`
          */
         setQuestionVisibleIndexForHiddenNumber: boolean;
         /**
-         * By default all rows are rendered no matters whwther they are visible.
-         * Set it true, and survey markup rows will be rendered only if they are visible in viewport.
-         * This feature is experimantal and might do not support all the use cases.
+         * Specifies whether to add questions to the DOM only when they get into the viewport.
+         *
+         * Default value: `false`
+         *
+         * > This is an experimental feature that may not work as expected in all use cases.
          */
         lazyRowsRendering: boolean;
         lazyRowsRenderingStartRow: number;
         /**
-         * Notification settings
+         * An object that configures notifications.
+         *
+         * Nested properties:
+         *
+         * - `lifetime`: `Number`\
+         * Specifies a time period during which a notification is displayed; measured in milliseconds.
          */
         notifications: {
             lifetime: number;
         };
         /**
-         * By default checkbox and radiogroup items are ordered in rows.
-         * Set it "column", and items will be ordered in columns.
+         * Specifies the direction in which to lay out Checkbox and Radiogroup items. This setting affects the resulting UI when items are arranged in [more than one column](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#colCount).
+         *
+         * Possible values:
+         *
+         * - `"row"` (default) - Items fill the current row, then move on to the next row.
+         * - `"column"` - Items fill the current column, then move on to the next column.
          */
         showItemsInOrder: string;
         /**
          * A value to save in survey results when respondents select the None choice item.
+         *
+         * Default value: `"none"`
          */
         noneItemValue: string;
         /**
-         * Supported validators by question types. You can modify this variable to add validators for new question types or add/remove for existing question types.
+         * A list of supported validators by question type.
          */
         supportedValidators: {
             question: string[];
@@ -206,21 +328,26 @@ declare module "settings" {
             imagepicker: string[];
         };
         /**
-         * Set the value as string "yyyy-mm-dd". text questions with inputType "date" will not allow to set to survey date that less than this value
+         * Specifies a minimum date that users can enter into a [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) question with [`inputType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#inputType) set to `"date"`, `"datetime"`, or `"datetime-local"`. Set this property to a string with the folllowing format: `"yyyy-mm-dd"`.
          */
         minDate: string;
         /**
-         * Set the value as string "yyyy-mm-dd". text questions with inputType "date" will not allow to set to survey date that greater than this value
+         * Specifies a maximum date that users can enter into a [Text](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model) question with [`inputType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#inputType) set to `"date"`, `"datetime"`, or `"datetime-local"`. Set this property to a string with the folllowing format: `"yyyy-mm-dd"`.
          */
         maxDate: string;
         showModal: (componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay") => any;
         supportCreatorV2: boolean;
         showDefaultItemsInCreatorV2: boolean;
         /**
-         * Specifies a list of custom icons.
-         * Use this property to replace SurveyJS default icons (displayed in UI elements of SurveyJS Library or Creator) with your custom icons.
-         * For every default icon to replace, add a key/value object with the default icon's name as a key and the name of your custom icon as a value.
-         * For example: Survey.settings.customIcons["icon-redo"] = "my-own-redo-icon"
+         * An object that specifies icon replacements. Object keys are built-in icon names. To use a custom icon, assign its name to the key of the icon you want to replace:
+         *
+         * ```js
+         * import { settings } from "survey-core";
+         *
+         * settings.customIcons["icon-redo"] = "custom-redo-icon";
+         * ```
+         *
+         * For more information about icons in SurveyJS, refer to the following help topic: [UI Icons](https://surveyjs.io/form-library/documentation/icons).
          */
         customIcons: {};
         /**
@@ -1253,7 +1380,7 @@ declare module "utils/utils" {
 }
 declare module "actions/container" {
     import { Base } from "base";
-    import { IAction, Action } from "actions/action";
+    import { IAction, Action, BaseAction } from "actions/action";
     import { ILocalizableOwner, LocalizableString } from "localizablestring";
     export let defaultActionBarCss: {
         root: string;
@@ -1266,7 +1393,7 @@ declare module "actions/container" {
         itemTitle: string;
         itemTitleWithIcon: string;
     };
-    export class ActionContainer<T extends Action = Action> extends Base implements ILocalizableOwner {
+    export class ActionContainer<T extends BaseAction = Action> extends Base implements ILocalizableOwner {
         getMarkdownHtml(text: string, name: string): string;
         getRenderer(name: string): string;
         getRendererContext(locStr: LocalizableString): any;
@@ -1294,7 +1421,7 @@ declare module "actions/container" {
         set cssClasses(val: any);
         get cssClasses(): any;
         private createAction;
-        addAction(val: IAction, sortByVisibleIndex?: boolean): Action;
+        addAction(val: IAction, sortByVisibleIndex?: boolean): T;
         private sortItems;
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
         initResponsivityManager(container: HTMLDivElement): void;
@@ -1314,7 +1441,7 @@ declare module "element-helper" {
 }
 declare module "list" {
     import { ActionContainer } from "actions/container";
-    import { Action, IAction } from "actions/action";
+    import { Action, BaseAction, IAction } from "actions/action";
     export let defaultListCss: {
         root: string;
         item: string;
@@ -1341,8 +1468,8 @@ declare module "list" {
         selectedItem?: IAction;
         onFilterStringChangedCallback?: (text: string) => void;
     }
-    export class ListModel extends ActionContainer {
-        onSelectionChanged: (item: Action, ...params: any[]) => void;
+    export class ListModel<T extends BaseAction = Action> extends ActionContainer<T> {
+        onSelectionChanged: (item: T, ...params: any[]) => void;
         allowSelection: boolean;
         private onFilterStringChangedCallback?;
         private listContainerHtmlElement;
@@ -1351,7 +1478,7 @@ declare module "list" {
         showFilter: boolean;
         isExpanded: boolean;
         selectedItem: IAction;
-        focusedItem: Action;
+        focusedItem: T;
         filterString: string;
         hasVerticalScroller: boolean;
         isAllDataLoaded: boolean;
@@ -1359,12 +1486,13 @@ declare module "list" {
         static INDENT: number;
         static MINELEMENTCOUNT: number;
         scrollHandler: (e?: any) => void;
+        areSameItemsCallback: (item1: IAction, item2: IAction) => boolean;
         private hasText;
-        isItemVisible(item: Action): boolean;
-        get visibleItems(): Array<Action>;
+        isItemVisible(item: T): boolean;
+        get visibleItems(): Array<T>;
         private get shouldProcessFilter();
         private onFilterStringChanged;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: Action, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void);
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void);
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
         protected onSet(): void;
         protected getDefaultCssClasses(): {
@@ -1386,18 +1514,18 @@ declare module "list" {
             emptyContainer: string;
             emptyText: string;
         };
-        protected updateItemActiveState(): void;
-        onItemClick: (itemValue: Action) => void;
-        isItemDisabled: (itemValue: Action) => boolean;
-        isItemSelected: (itemValue: Action) => boolean;
-        isItemFocused: (itemValue: Action) => boolean;
-        getItemClass: (itemValue: Action) => string;
+        onItemClick: (itemValue: T) => void;
+        isItemDisabled: (itemValue: T) => boolean;
+        isItemSelected: (itemValue: T) => boolean;
+        isItemFocused: (itemValue: T) => boolean;
+        protected areSameItems(item1: IAction, item2: IAction): boolean;
+        getItemClass: (itemValue: T) => string;
         getItemIndent: (itemValue: any) => string;
         get filterStringPlaceholder(): string;
         get emptyMessage(): string;
         get scrollableContainer(): HTMLElement;
         get loadingText(): string;
-        get loadingIndicator(): Action;
+        get loadingIndicator(): T;
         goToItems(event: KeyboardEvent): void;
         onMouseMove(event: MouseEvent): void;
         onKeyDown(event: KeyboardEvent): void;
@@ -1412,7 +1540,7 @@ declare module "list" {
         focusPrevVisibleItem(): void;
         selectFocusedItem(): void;
         initListContainerHtmlElement(htmlElement: HTMLElement): void;
-        onLastItemRended(item: Action): void;
+        onLastItemRended(item: T): void;
         scrollToFocusedItem(): void;
         addScrollEventListener(handler: (e?: any) => void): void;
         removeScrollEventListener(): void;
@@ -1636,36 +1764,20 @@ declare module "actions/action" {
     }
     export function createDropdownActionModel(actionOptions: IAction, dropdownOptions: IActionDropdownPopupOptions, locOwner?: ILocalizableOwner): Action;
     export function createDropdownActionModelAdvanced(actionOptions: IAction, listOptions: IListModel, popupOptions?: IPopupOptionsBase, locOwner?: ILocalizableOwner): Action;
-    export class Action extends Base implements IAction, ILocalizableOwner {
-        innerItem: IAction;
-        private locTitleValue;
-        updateCallback: () => void;
-        private raiseUpdate;
-        constructor(innerItem: IAction);
-        private createLocTitle;
-        owner: ILocalizableOwner;
-        location?: string;
-        id: string;
-        iconName: string;
-        iconSize: number;
-        visible: boolean;
+    export abstract class BaseAction extends Base implements IAction {
+        private cssClassesValue;
         tooltip: string;
-        locTooltipName?: string;
-        enabled: boolean;
         showTitle: boolean;
-        action: (context?: any) => void;
-        css: string;
         innerCss: string;
+        active: boolean;
+        pressed: boolean;
         data: any;
         popupModel: any;
         needSeparator: boolean;
-        active: boolean;
-        pressed: boolean;
         template: string;
-        component: string;
-        items: any;
-        visibleIndex: number;
         mode: actionModeType;
+        owner: ILocalizableOwner;
+        visibleIndex: number;
         disableTabStop: boolean;
         disableShrink: boolean;
         disableHide: boolean;
@@ -1673,33 +1785,81 @@ declare module "actions/action" {
         ariaChecked: boolean;
         ariaExpanded: boolean;
         ariaRole: string;
-        title: string;
+        id: string;
+        iconName: string;
+        iconSize: number;
+        css?: string;
+        minDimension: number;
+        maxDimension: number;
+        get visible(): boolean;
+        set visible(val: boolean);
+        get enabled(): boolean;
+        set enabled(val: boolean);
+        get component(): string;
+        set component(val: string);
         get locTitle(): LocalizableString;
         set locTitle(val: LocalizableString);
-        get locTitleName(): string;
-        set locTitleName(val: string);
-        locStrsChanged(): void;
-        private locStrChangedInPopupModel;
-        private locTitleChanged;
-        private locTooltipChanged;
-        private cssClassesValue;
+        get title(): string;
+        set title(val: string);
         set cssClasses(val: any);
         get cssClasses(): any;
-        get disabled(): boolean;
-        get hasTitle(): boolean;
         get isVisible(): boolean;
+        get disabled(): boolean;
         get canShrink(): boolean;
-        getActionRootCss(): string;
+        get hasTitle(): boolean;
         getActionBarItemTitleCss(): string;
         getActionBarItemCss(): string;
+        getActionRootCss(): string;
         getTooltip(): string;
+        protected abstract getEnabled(): boolean;
+        protected abstract setEnabled(val: boolean): void;
+        protected abstract getVisible(): boolean;
+        protected abstract setVisible(val: boolean): void;
+        protected abstract getLocTitle(): LocalizableString;
+        protected abstract setLocTitle(val: LocalizableString): void;
+        protected abstract getTitle(): string;
+        protected abstract setTitle(val: string): void;
+        protected abstract getComponent(): string;
+        protected abstract setComponent(val: string): void;
+    }
+    export class Action extends BaseAction implements IAction, ILocalizableOwner {
+        innerItem: IAction;
+        private locTitleValue;
+        updateCallback: () => void;
+        private raiseUpdate;
+        constructor(innerItem: IAction);
+        private createLocTitle;
+        owner: ILocalizableOwner;
+        location?: string;
+        id: string;
+        private _visible;
+        locTooltipName?: string;
+        private _enabled;
+        action: (context?: any) => void;
+        _component: string;
+        items: any;
+        _title: string;
+        protected getLocTitle(): LocalizableString;
+        protected setLocTitle(val: LocalizableString): void;
+        protected getTitle(): string;
+        protected setTitle(val: string): void;
+        get locTitleName(): string;
+        set locTitleName(val: string);
+        locStrsChanged(): void;
+        private locStrChangedInPopupModel;
+        private locTitleChanged;
+        private locTooltipChanged;
         getLocale(): string;
         getMarkdownHtml(text: string, name: string): string;
         getProcessedText(text: string): string;
         getRenderer(name: string): string;
         getRendererContext(locStr: LocalizableString): any;
-        minDimension: number;
-        maxDimension: number;
+        setVisible(val: boolean): void;
+        getVisible(): boolean;
+        setEnabled(val: boolean): void;
+        getEnabled(): boolean;
+        setComponent(val: string): void;
+        getComponent(): string;
     }
     export class ActionDropdownViewModel {
         private item;
@@ -2294,6 +2454,7 @@ declare module "defaultCss/defaultV2Css" {
         rootReadOnly: string;
         container: string;
         header: string;
+        bodyContainer: string;
         body: string;
         bodyWithTimer: string;
         clockTimerRoot: string;
@@ -2708,6 +2869,13 @@ declare module "defaultCss/defaultV2Css" {
             itemOnError: string;
             itemHover: string;
             selected: string;
+            itemStar: string;
+            itemStarOnError: string;
+            itemStarHover: string;
+            itemStarSelected: string;
+            itemStarDisabled: string;
+            itemStarHighlighted: string;
+            itemStarUnhighlighted: string;
             minText: string;
             itemText: string;
             maxText: string;
@@ -4430,7 +4598,7 @@ declare module "notifier" {
 declare module "survey" {
     import { JsonError } from "jsonobject";
     import { Base, EventBase } from "base";
-    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement } from "base-interfaces";
+    import { ISurvey, ISurveyData, ISurveyImpl, ITextProcessor, IQuestion, IPanel, IElement, IPage, ISurveyErrorOwner, ISurveyElement, IProgressInfo, IFindElement, ISurveyLayoutElement, LayoutElementContainer } from "base-interfaces";
     import { SurveyElementCore } from "survey-element";
     import { ISurveyTriggerOwner, SurveyTrigger, Trigger } from "trigger";
     import { CalculatedValue } from "calculatedValue";
@@ -5630,6 +5798,7 @@ declare module "survey" {
         get cssNavigationNext(): string;
         private get cssSurveyNavigationButton();
         get bodyCss(): string;
+        get bodyContainerCss(): string;
         completedCss: string;
         containerCss: string;
         private getNavigationCss;
@@ -5728,6 +5897,25 @@ declare module "survey" {
          */
         get showPrevButton(): boolean;
         set showPrevButton(val: boolean);
+        /**
+         * Gets or sets the visibility of the table of contents.
+         *
+         * Default value: `false`
+         * @see tocLocation
+         */
+        get showTOC(): boolean;
+        set showTOC(val: boolean);
+        /**
+         * Gets or sets the position of the table of contents. Applies only when the table of contents is visible.
+         *
+         * Possible values:
+         *
+         * - `"left"` (default)
+         * - `"right"`
+         * @see showTOC
+         */
+        get tocLocation(): "left" | "right";
+        set tocLocation(val: "left" | "right");
         /**
          * Gets or sets whether the Survey displays survey title in its pages. Set it to `false` to hide a survey title.
          * @see title
@@ -6246,6 +6434,9 @@ declare module "survey" {
          */
         mergeData(data: any): void;
         setDataCore(data: any): void;
+        getStructuredData(includePages?: boolean, level?: number): any;
+        setStructuredData(data: any, doMerge?: boolean): void;
+        private collectDataFromPanel;
         private onEditingObjPropertyChanged;
         get editingObj(): Base;
         set editingObj(val: Base);
@@ -7274,6 +7465,10 @@ declare module "survey" {
         searchText(text: string): Array<IFindElement>;
         skeletonComponentName: string;
         getSkeletonComponentName(element: ISurveyElement): string;
+        private layoutElements;
+        addLayoutElement(layoutElement: ISurveyLayoutElement): ISurveyLayoutElement;
+        removeLayoutElement(layoutElementId: string): ISurveyLayoutElement;
+        getContainerContent(container: LayoutElementContainer): any[];
         /**
          * Use this method to dispose survey model properly.
          */
@@ -7565,6 +7760,7 @@ declare module "panel" {
          * @see getDisplayValue
          */
         getValue(): any;
+        collectValues(data: any, level: number): boolean;
         /**
          * Returns a JSON object with display texts that correspond to question values nested in the panel/page.
          * @param keysAsText Pass `true` if not only values in the object should be display texts, but also keys. Default value: `false`.
@@ -9907,7 +10103,7 @@ declare module "question_matrixdropdownbase" {
          * - `"expression"`
          * - `"rating"`
          *
-         * Default value: "dropdown" (inherited from [`settings.matrixDefaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
+         * Default value: `"dropdown"` (inherited from [`settings.matrixDefaultCellType`](https://surveyjs.io/form-library/documentation/settings#matrixDefaultCellType))
          */
         get cellType(): string;
         set cellType(val: string);
@@ -10369,18 +10565,26 @@ declare module "base-interfaces" {
         element: Base;
         str: LocalizableString;
     }
+    export type LayoutElementContainer = "header" | "footer" | "left" | "right" | "contentTop" | "contentBottom";
+    export interface ISurveyLayoutElement {
+        id: string;
+        container?: LayoutElementContainer | Array<LayoutElementContainer>;
+        component?: string;
+        template?: string;
+        data?: any;
+    }
 }
 declare module "itemvalue" {
     import { ILocalizableOwner, LocalizableString } from "localizablestring";
     import { ConditionRunner } from "conditions";
-    import { Base } from "base";
     import { IShortcutText, ISurvey } from "base-interfaces";
+    import { BaseAction } from "actions/action";
     /**
      * Array of ItemValue is used in checkox, dropdown and radiogroup choices, matrix columns and rows.
      * It has two main properties: value and text. If text is empty, value is used for displaying.
      * The text property is localizable and support markdown.
      */
-    export class ItemValue extends Base implements ILocalizableOwner, IShortcutText {
+    export class ItemValue extends BaseAction implements ILocalizableOwner, IShortcutText {
         protected typeName: string;
         [index: string]: any;
         getMarkdownHtml(text: string, name: string): string;
@@ -10401,6 +10605,7 @@ declare module "itemvalue" {
         static runEnabledConditionsForItems(items: Array<ItemValue>, runner: ConditionRunner, values: any, properties: any, onItemCallBack?: (item: ItemValue, val: boolean) => boolean): boolean;
         private static runConditionsForItemsCore;
         ownerPropertyName: string;
+        private _visible;
         private locTextValue;
         private visibleConditionRunner;
         private enableConditionRunner;
@@ -10442,6 +10647,19 @@ declare module "itemvalue" {
         private getVisibleConditionRunner;
         private getEnableConditionRunner;
         originalItem: any;
+        selectedValue: boolean;
+        get selected(): boolean;
+        private componentValue;
+        getComponent(): string;
+        setComponent(val: string): void;
+        protected getEnabled(): boolean;
+        protected setEnabled(val: boolean): void;
+        protected getVisible(): boolean;
+        protected setVisible(val: boolean): void;
+        protected getLocTitle(): LocalizableString;
+        protected getTitle(): string;
+        protected setLocTitle(val: LocalizableString): void;
+        protected setTitle(val: string): void;
     }
 }
 declare module "base" {
@@ -10951,8 +11169,9 @@ declare module "question_matrixdropdown" {
     }
 }
 declare module "dropdownListModel" {
-    import { Action, IAction } from "actions/action";
+    import { IAction } from "actions/action";
     import { Base } from "base";
+    import { ItemValue } from "itemvalue";
     import { ListModel } from "list";
     import { PopupModel } from "popup";
     import { Question } from "question";
@@ -10968,10 +11187,9 @@ declare module "dropdownListModel" {
         protected getFocusFirstInputSelector(): string;
         private itemsSettings;
         private isRunningLoadQuestionChoices;
-        protected listModel: ListModel;
+        protected listModel: ListModel<ItemValue>;
         protected popupCssClasses: string;
         private resetItemsSettings;
-        private updateListItems;
         private setItems;
         private updateQuestionChoices;
         private updatePopupFocusFirstInputSelector;
@@ -10979,9 +11197,9 @@ declare module "dropdownListModel" {
         private setFilterStringToListModel;
         protected popupRecalculatePosition(isResetHeight: boolean): void;
         protected onHidePopup(): void;
-        protected getAvailableItems(): Array<Action>;
-        protected createListModel(): ListModel;
-        protected updateAfterListModelCreated(model: ListModel): void;
+        protected getAvailableItems(): Array<ItemValue>;
+        protected createListModel(): ListModel<ItemValue>;
+        protected updateAfterListModelCreated(model: ListModel<ItemValue>): void;
         updateCssClasses(popupCssClass: string, listCssClasses: any): void;
         protected resetFilterString(): void;
         protected onSetFilterString(): void;
@@ -10998,7 +11216,7 @@ declare module "dropdownListModel" {
         updateItems(): void;
         onClick(event: any): void;
         onClear(event: any): void;
-        getSelectedAction(): Action;
+        getSelectedAction(): ItemValue;
         keyHandler(event: any): void;
         onScroll(event: Event): void;
         onBlur(event: any): void;
@@ -11116,6 +11334,7 @@ declare module "question_dropdown" {
         get popupModel(): PopupModel;
         onOpened: EventBase<QuestionDropdownModel>;
         onOpenedCallBack(): void;
+        protected hasUnknownValue(val: any, includeOther: boolean, isFilteredChoices: boolean, checkEmptyValue: boolean): boolean;
         protected onVisibleChoicesChanged(): void;
         protected getFirstInputElementId(): string;
         getInputId(): string;
@@ -11767,7 +11986,7 @@ declare module "question_checkbox" {
     export class QuestionCheckboxModel extends QuestionCheckboxBase {
         private selectAllItemValue;
         private invisibleOldValues;
-        private initialSelectedItemValues;
+        protected defaultSelectedItemValues: Array<ItemValue>;
         constructor(name: string);
         protected getDefaultItemComponent(): string;
         get ariaRole(): string;
@@ -11836,6 +12055,7 @@ declare module "question_checkbox" {
          */
         get selectedChoices(): Array<ItemValue>;
         get selectedItems(): Array<ItemValue>;
+        protected validateItemValues(itemValues: Array<ItemValue>): Array<ItemValue>;
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onAfterRunItemsEnableCondition(): void;
         private shouldCheckMaxSelectedChoices;
@@ -11877,16 +12097,16 @@ declare module "question_checkbox" {
     }
 }
 declare module "multiSelectListModel" {
-    import { Action, IAction } from "actions/action";
+    import { Action, BaseAction, IAction } from "actions/action";
     import { ListModel } from "list";
-    export class MultiSelectListModel extends ListModel {
+    export class MultiSelectListModel<T extends BaseAction = Action> extends ListModel<T> {
         selectedItems: Array<IAction>;
         hideSelectedItems: boolean;
         private updateItemState;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: Action, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, onFilterStringChangedCallback?: (text: string) => void);
-        onItemClick: (item: Action) => void;
-        isItemDisabled: (itemValue: Action) => boolean;
-        isItemSelected: (itemValue: Action) => boolean;
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, onFilterStringChangedCallback?: (text: string) => void);
+        onItemClick: (item: T) => void;
+        isItemDisabled: (itemValue: T) => boolean;
+        isItemSelected: (itemValue: T) => boolean;
         updateState(): void;
         setSelectedItems(newItems: Array<IAction>): void;
         selectFocusedItem(): void;
@@ -11895,6 +12115,7 @@ declare module "multiSelectListModel" {
 declare module "dropdownMultiSelectListModel" {
     import { IAction } from "actions/action";
     import { DropdownListModel } from "dropdownListModel";
+    import { ItemValue } from "itemvalue";
     import { MultiSelectListModel } from "multiSelectListModel";
     import { Question } from "question";
     export class DropdownMultiSelectListModel extends DropdownListModel {
@@ -11905,7 +12126,7 @@ declare module "dropdownMultiSelectListModel" {
         private syncFilterStringPlaceholder;
         private getSelectedActions;
         protected getFocusFirstInputSelector(): string;
-        protected createListModel(): MultiSelectListModel;
+        protected createListModel(): MultiSelectListModel<ItemValue>;
         previousValue: any;
         doneButtonCaption: string;
         private get shouldResetAfterCancel();
@@ -11927,6 +12148,7 @@ declare module "question_tagbox" {
     import { PopupModel } from "popup";
     import { DropdownMultiSelectListModel } from "dropdownMultiSelectListModel";
     import { EventBase } from "base";
+    import { ItemValue } from "itemvalue";
     /**
      * A Model for a tagbox question
      *
@@ -11934,6 +12156,7 @@ declare module "question_tagbox" {
      */
     export class QuestionTagboxModel extends QuestionCheckboxModel {
         dropdownListModel: DropdownMultiSelectListModel;
+        private itemDisplayNameMap;
         constructor(name: string);
         protected getDefaultItemComponent(): string;
         get readOnlyText(): any;
@@ -11981,7 +12204,10 @@ declare module "question_tagbox" {
         getControlClass(): string;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
+        protected hasUnknownValue(val: any, includeOther: boolean, isFilteredChoices: boolean, checkEmptyValue: boolean): boolean;
         protected onVisibleChoicesChanged(): void;
+        protected validateItemValues(itemValues: Array<ItemValue>): Array<ItemValue>;
+        updateItemDisplayNameMap(): void;
         protected getFirstInputElementId(): string;
         getInputId(): string;
     }
@@ -12508,7 +12734,9 @@ declare module "question_rating" {
         itemValue: ItemValue;
         private locString;
         get value(): number;
+        highlight: "none" | "highlighted" | "unhighlighted";
         get locText(): LocalizableString;
+        get text(): string;
         constructor(itemValue: ItemValue, locString?: LocalizableString);
     }
     /**
@@ -12633,10 +12861,16 @@ declare module "question_rating" {
         * - `"auto"` (default) - Selects between the `"buttons"` and `"dropdown"` modes based on the available width. When the width is insufficient to display buttons, the question displays a dropdown.
         */
         displayMode: "dropdown" | "buttons" | "auto";
+        rateType: "numbers" | "labels" | "stars" | "smileys";
+        smileysColorMode: "monochrome" | "colored";
+        get isStar(): boolean;
+        get itemComponentName(): "sv-rating-item-star" | "sv-rating-item";
         protected valueToData(val: any): any;
         setValueFromClick(value: any): void;
+        onItemMouseIn(item: RenderedRatingItem): void;
+        onItemMouseOut(item: RenderedRatingItem): void;
         get ratingRootCss(): string;
-        getItemClass(item: ItemValue): string;
+        getItemClass(item: ItemValue, highlight?: "none" | "highlighted" | "unhighlighted"): string;
         getControlClass(): string;
         get placeholder(): string;
         set placeholder(val: string);
@@ -12905,6 +13139,13 @@ declare module "question_signaturepad" {
         endLoadingFromJson(): void;
     }
 }
+declare module "surveyToc" {
+    import { Action } from "actions/action";
+    import { ListModel } from "list";
+    import { SurveyModel } from "survey";
+    export function tryNavigateToPage(survey: SurveyModel, index: number): boolean;
+    export function createTOCListModel(survey: SurveyModel): ListModel<Action>;
+}
 declare module "surveyProgress" {
     export class SurveyProgressModel {
         static getProgressTextInBarCss(css: any): string;
@@ -13379,8 +13620,11 @@ declare module "popup-dropdown-view-model" {
     export class PopupDropdownViewModel extends PopupBaseViewModel {
         targetElement?: HTMLElement;
         private scrollEventCallBack;
+        private static readonly tabletSizeBreakpoint;
+        private calculateIsTablet;
         private resizeEventCallback;
         private clientY;
+        private isTablet;
         private touchStartEventCallback;
         private touchMoveEventCallback;
         private _updatePosition;
@@ -13449,8 +13693,8 @@ declare module "question_buttongroup" {
         index: number;
         constructor(question: QuestionButtonGroupModel, item: ItemValue, index: number);
         get value(): any;
-        get iconName(): any;
-        get iconSize(): any;
+        get iconName(): string;
+        get iconSize(): number;
         get caption(): LocalizableString;
         get showCaption(): any;
         get isRequired(): boolean;
@@ -13531,7 +13775,7 @@ declare module "entries/chunks/model" {
     export { AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner } from "validator";
     export { ItemValue } from "itemvalue";
     export { Base, Event, EventBase, ArrayChanges, ComputedUpdater } from "base";
-    export { ISurvey, ISurveyElement, IElement, IQuestion, IPage, IPanel, ISurveyData, ITitleOwner } from "base-interfaces";
+    export { ISurvey, ISurveyElement, IElement, IQuestion, IPage, IPanel, ISurveyData, ITitleOwner, ISurveyLayoutElement } from "base-interfaces";
     export { SurveyError } from "survey-error";
     export { SurveyElementCore, SurveyElement, DragTypeOverMeEnum } from "survey-element";
     export { CalculatedValue } from "calculatedValue";
@@ -13582,6 +13826,7 @@ declare module "entries/chunks/model" {
     export { QuestionPanelDynamicModel, QuestionPanelDynamicItem } from "question_paneldynamic";
     export { SurveyTimer } from "surveytimer";
     export { SurveyTimerModel } from "surveyTimerModel";
+    export * from "surveyToc";
     export { SurveyProgressModel } from "surveyProgress";
     export { SurveyProgressButtonsModel } from "surveyProgressButtons";
     export { SurveyModel } from "survey";
@@ -13617,6 +13862,7 @@ declare module "defaultCss/cssstandard" {
         root: string;
         container: string;
         header: string;
+        bodyContainer: string;
         body: string;
         bodyEmpty: string;
         footer: string;
@@ -13984,6 +14230,7 @@ declare module "defaultCss/cssmodern" {
         container: string;
         header: string;
         headerClose: string;
+        bodyContainer: string;
         body: string;
         bodyEmpty: string;
         footer: string;
@@ -19992,7 +20239,7 @@ declare module "react/reacttimerpanel" {
         protected get timerModel(): SurveyTimerModel;
         private readonly circleLength;
         private get progress();
-        render(): JSX.Element;
+        render(): JSX.Element | null;
     }
 }
 declare module "react/components/brand-info" {
@@ -20013,6 +20260,12 @@ declare module "react/components/notifier" {
         renderElement(): JSX.Element | null;
     }
 }
+declare module "react/components/components-container" {
+    import React from "react";
+    export class ComponentsContainer extends React.Component<any, any> {
+        render(): JSX.Element | null;
+    }
+}
 declare module "react/reactSurvey" {
     import { Base, Question, PageModel, SurveyError, SurveyModel, IAttachKey2clickOptions } from "entries/core";
     import { ISurveyCreator } from "react/reactquestion";
@@ -20042,10 +20295,7 @@ declare module "react/reactSurvey" {
         protected renderCompletedBefore(): JSX.Element;
         protected renderLoading(): JSX.Element;
         protected renderSurvey(): JSX.Element;
-        protected renderTimerPanel(location: string): JSX.Element;
         protected renderPage(page: PageModel): JSX.Element;
-        protected renderProgress(isTop: boolean): JSX.Element | null;
-        protected renderNavigation(navPosition: string): JSX.Element | null;
         protected renderEmptySurvey(): JSX.Element;
         protected createSurvey(newProps: any): void;
         private isModelJSONChanged;
@@ -20166,6 +20416,37 @@ declare module "react/reactquestion_ranking" {
         protected renderElement(): JSX.Element;
     }
 }
+declare module "react/components/rating/rating-item" {
+    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    export interface IRatingItemProps {
+        question: QuestionRatingModel;
+        item: RenderedRatingItem;
+        index: any;
+        handleOnClick: any;
+        isDisplayMode: boolean;
+    }
+    export class RatingItem extends SurveyElementBase<IRatingItemProps, any> {
+        get question(): QuestionRatingModel;
+        get item(): RenderedRatingItem;
+        get index(): any;
+        getStateElement(): RenderedRatingItem;
+        render(): JSX.Element | null;
+        componentDidMount(): void;
+    }
+}
+declare module "react/components/rating/rating-item-star" {
+    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    import { IRatingItemProps } from "react/components/rating/rating-item";
+    export class RatingItemStar extends SurveyElementBase<IRatingItemProps, any> {
+        get question(): QuestionRatingModel;
+        get item(): RenderedRatingItem;
+        get index(): any;
+        getStateElement(): RenderedRatingItem;
+        render(): JSX.Element | null;
+    }
+}
 declare module "react/tagbox-filter" {
     import { DropdownMultiSelectListModel, QuestionTagboxModel } from "entries/core";
     import { SurveyElementBase } from "react/reactquestion_element";
@@ -20602,25 +20883,48 @@ declare module "react/reactSurveyProgressButtons" {
         componentWillUnmount(): void;
     }
 }
-declare module "react/components/rating/rating-item" {
-    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+declare module "react/components/list/list-item" {
+    import { ListModel } from "entries/core";
     import { SurveyElementBase } from "react/reactquestion_element";
-    interface IRatingItemProps {
-        question: QuestionRatingModel;
-        data: RenderedRatingItem;
-        index: any;
-        handleOnClick: any;
-        isDisplayMode: boolean;
+    interface IListItemProps {
+        model: ListModel;
+        item: any;
     }
-    export class RatingItem extends SurveyElementBase<IRatingItemProps, any> {
-        get question(): QuestionRatingModel;
-        get item(): RenderedRatingItem;
-        get index(): any;
-        getStateElement(): RenderedRatingItem;
+    export class ListItem extends SurveyElementBase<IListItemProps, any> {
+        get model(): ListModel;
+        get item(): any;
+        handleKeydown: (event: any) => void;
+        getStateElement(): any;
         render(): JSX.Element | null;
         componentDidMount(): void;
     }
 }
+declare module "react/components/list/list" {
+    import { ListModel } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    interface IListProps {
+        model: ListModel;
+    }
+    export class List extends SurveyElementBase<IListProps, any> {
+        private listContainerRef;
+        constructor(props: any);
+        get model(): ListModel;
+        handleKeydown: (event: any) => void;
+        handleMouseMove: (event: any) => void;
+        getStateElement(): ListModel<import("survey-core").Action>;
+        componentDidMount(): void;
+        renderElement(): JSX.Element;
+        renderItems(): JSX.Element[];
+        searchElementContent(): JSX.Element;
+        emptyContent(): JSX.Element;
+    }
+}
+declare module "react/reactSurveyProgressToc" {
+    import { SurveyNavigationBase } from "react/reactSurveyNavigationBase";
+    export class SurveyProgressToc extends SurveyNavigationBase {
+        render(): JSX.Element;
+    }
+}
 declare module "react/reactquestion_rating" {
     import { SurveyQuestionElementBase } from "react/reactquestion_element";
     import { QuestionRatingModel } from "entries/core";
@@ -20628,6 +20932,7 @@ declare module "react/reactquestion_rating" {
         constructor(props: any);
         protected get question(): QuestionRatingModel;
         handleOnClick(event: any): void;
+        protected renderItem(item: any, index: Number): JSX.Element;
         protected renderElement(): JSX.Element;
     }
 }
@@ -20754,42 +21059,6 @@ declare module "react/reactquestion_custom" {
         protected renderElement(): JSX.Element;
     }
 }
-declare module "react/components/list/list-item" {
-    import { ListModel } from "entries/core";
-    import { SurveyElementBase } from "react/reactquestion_element";
-    interface IListItemProps {
-        model: ListModel;
-        item: any;
-    }
-    export class ListItem extends SurveyElementBase<IListItemProps, any> {
-        get model(): ListModel;
-        get item(): any;
-        handleKeydown: (event: any) => void;
-        getStateElement(): any;
-        render(): JSX.Element | null;
-        componentDidMount(): void;
-    }
-}
-declare module "react/components/list/list" {
-    import { ListModel } from "entries/core";
-    import { SurveyElementBase } from "react/reactquestion_element";
-    interface IListProps {
-        model: ListModel;
-    }
-    export class List extends SurveyElementBase<IListProps, any> {
-        private listContainerRef;
-        constructor(props: any);
-        get model(): ListModel;
-        handleKeydown: (event: any) => void;
-        handleMouseMove: (event: any) => void;
-        getStateElement(): ListModel;
-        componentDidMount(): void;
-        renderElement(): JSX.Element;
-        renderItems(): JSX.Element[];
-        searchElementContent(): JSX.Element;
-        emptyContent(): JSX.Element;
-    }
-}
 declare module "react/components/survey-header/logo-image" {
     import React from "react";
     import { SurveyModel } from "entries/core";
@@ -20867,6 +21136,8 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionCommentItem, SurveyQuestionComment, } from "react/reactquestion_comment";
     export { SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, } from "react/reactquestion_checkbox";
     export { SurveyQuestionRanking, SurveyQuestionRankingItem, } from "react/reactquestion_ranking";
+    export { RatingItem } from "react/components/rating/rating-item";
+    export { RatingItemStar } from "react/components/rating/rating-item-star";
     export { TagboxFilterString } from "react/tagbox-filter";
     export { SurveyQuestionOptionItem } from "react/dropdown-item";
     export { SurveyQuestionDropdownBase } from "react/dropdown-base";
@@ -20890,6 +21161,7 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionPanelDynamic } from "react/reactquestion_paneldynamic";
     export { SurveyProgress } from "react/reactSurveyProgress";
     export { SurveyProgressButtons } from "react/reactSurveyProgressButtons";
+    export { SurveyProgressToc } from "react/reactSurveyProgressToc";
     export { SurveyQuestionRating } from "react/reactquestion_rating";
     export { SurveyQuestionRatingDropdown } from "react/rating-dropdown";
     export { SurveyQuestionExpression } from "react/reactquestion_expression";
@@ -20921,6 +21193,7 @@ declare module "entries/react-ui-model" {
     export { MatrixRow } from "react/components/matrix/row";
     export { Skeleton } from "react/components/skeleton";
     export { NotifierComponent } from "react/components/notifier";
+    export { ComponentsContainer } from "react/components/components-container";
     export { CharacterCounterComponent } from "react/components/character-counter";
     export { SurveyLocStringViewer } from "react/string-viewer";
     export { SurveyLocStringEditor } from "react/string-editor";