survey-creator-react 1.9.31 → 1.9.34

package/README.md

@@ -1,65 +1,23 @@
-# Survey Creator V2 for React
+# Survey Creator / Form Builder for React
 
 [![Build Status](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_apis/build/status/SurveyJS%20Creator?branchName=master)](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_build/latest?definitionId=8&branchName=master)
 <a href="https://www.npmjs.com/package/survey-creator"><img alt="NPM Version" src="https://img.shields.io/npm/v/survey-creator.svg" data-canonical-src="https://img.shields.io/npm/v/survey-creator.svg" style="max-width:100%;"></a>
 
-Survey Creator V2 for React is a visual survey designer / form builder for the React version of [SurveyJS](https://github.com/surveyjs/survey-library).
+Survey Creator / Form Builder for React is a visual survey designer / form builder for the React version of [SurveyJS](https://github.com/surveyjs/survey-library).
 
-- [Live Examples](https://surveyjs.io/Examples/Survey-Creator?platform=ReactjsV2)
-- [Documentation](https://surveyjs.io/Documentation/Survey-Creator)
-- [Create your Survey or Form now](https://surveyjs.io/create-survey-v2)
-
-**NOTE**: This package contains Survey Creator V2. If you are looking for information on V1, refer to the [survey-creator](/packages/survey-creator) directory. Differences between these two versions are described in the following help topic: [SurveyJS Creator V2: What's new](https://surveyjs.io/Documentation/Survey-Creator?id=Creator-V2-Whats-New). For information on how to migrate to V2, refer to the [Migration Guide for SurveyJS Creator - from V1 to V2](https://surveyjs.io/Documentation/Survey-Creator?id=Migrate-from-V1-to-V2) article.
-
-## Install
+[Try Survey Creator / Form Builder](https://surveyjs.io/create-survey)
 
-```
-npm install survey-creator-react --save
-```
+## Get Started
 
-## Add Survey Creator V2 to Your Project
+[Add Survey Creator / Form Builder to a React Application](https://surveyjs.io/Documentation/Survey-Creator?id=get-started-react)
 
-Create a new component and use it in your React application:
+## Resources
 
-```js
-import { Component, Fragment } from "react";
-import { SurveyCreatorComponent, SurveyCreator } from "survey-creator-react";
-// Import CSS files for SurveyJS (survey-core) and Survey Creator
-import "survey-core/defaultV2.min.css";
-import "survey-creator-core/survey-creator-core.min.css";
-
-export class SurveyCreatorWidget extends Component {
-  constructor() {
-    super();
-    // Instantiate Survey Creator
-    this.creator = new SurveyCreator({ showLogicTab: true });
-    // Enable auto save
-    this.creator.isAutoSave = true;
-    // Save the survey definition JSON to your web service
-    this.creator.saveSurveyFunc = (saveNo, callback) => {
-      // Call a function on your web service to store the survey definition JSON
-      // As an alternative to this.creator.JSON, you can use the this.creator.text string property
-      // saveSurveyJSON(this.id, this.creator.JSON, () => {
-      //   callback(saveNo, true);
-      // });
-    };
-  }
-  componentDidMount() {
-    // Load a survey definition JSON from you web service
-    // ...
-    // Assign the survey definition to Survey Creator
-    // this.creator.JSON = yourJSON;
-  }
-  render() {
-    return (
-      <Fragment>
-        <SurveyCreatorComponent creator={this.creator} />
-      </Fragment>
-    );
-  }
-}
-```
+- [Website](https://surveyjs.io/)
+- [Documentation](https://surveyjs.io/Documentation/Survey-Creator)
+- [Live Examples](https://surveyjs.io/Examples/Survey-Creator)
+- [What's New](https://surveyjs.io/WhatsNew)
 
-## License
+## Licensing
 
-The Survey Creator (Form Builder) is **not available for free commercial usage**. You can find more information about licensing this product on the following page: [Licenses](http://surveyjs.io/Licenses).
+Survey Creator is **not available for free commercial usage**. If you want to integrate it into your application, you must purchase a [commercial license](https://surveyjs.io/Licenses#SurveyCreator). However, you can use [online Survey Creator](https://surveyjs.io/create-survey) to produce JSON survey configurations and use them with SurveyJS in your application free of charge.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.31",
+  "version": "1.9.34",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Library.",
   "keywords": [
     "Survey",
@@ -33,9 +33,9 @@
   "dependencies": {
     "survey-core": "^1.9.9",
     "survey-react-ui": "^1.9.9",
-    "survey-creator-core": "1.9.31",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "survey-creator-core": "1.9.34",
+    "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
+    "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
   },
   "devDependencies": {}
 }

package/survey-creator-react.d.ts

@@ -1,17 +1,18 @@
 /*
-* Type definition for Survey Creator library for React v1.9.31
+* Type definition for Survey Creator library for React v1.9.34
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
 import { TabbedMenuContainer, CreatorBase, Notifier, QuestionAdornerViewModel, IQuestionToolboxItem } from "survey-creator-core";
-import { SidebarModel, PagesController, TabDesignerViewModel, EmbedModel, AceJsonEditorModel } from "survey-creator-core";
-import { TextareaJsonEditorModel, ObjectSelectorModel, PropertyGridViewModel, PageAdorner, ImageItemValueWrapperViewModel } from "survey-creator-core";
-import { ItemValueWrapperViewModel, LogoImageViewModel, MatrixCellWrapperViewModel, QuestionRatingAdornerViewModel, RowViewModel } from "survey-creator-core";
-import { ITabbedMenuItem, ToolboxToolViewModel, QuestionEmbeddedSurveyModel, PageNavigatorViewModel, QuestionLinkValueModel } from "survey-creator-core";
-import { SurveyResultsModel, QuestionImageAdornerViewModel, IPortableMouseEvent, ICreatorOptions, IPortableDragEvent } from "survey-creator-core";
-import { Action, Question, QuestionRowModel, SurveyModel, PageModel } from "survey-core";
-import { QuestionSelectBase, ItemValue, ImageItemValue, Base, QuestionImagePickerModel } from "survey-core";
-import { SurveyError, IAction, ResponsivityManager, VerticalResponsivityManager } from "survey-core";
+import { QuestionToolboxCategory, QuestionToolbox, SidebarModel, PagesController, TabDesignerViewModel } from "survey-creator-core";
+import { EmbedModel, AceJsonEditorModel, TextareaJsonEditorModel, ObjectSelectorModel, PropertyGridViewModel } from "survey-creator-core";
+import { ITabbedMenuItem, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, PageAdorner, ImageItemValueWrapperViewModel } from "survey-creator-core";
+import { ItemValueWrapperViewModel, LogoImageViewModel, MatrixCellWrapperViewModel, QuestionRatingAdornerViewModel, IPortableMouseEvent } from "survey-creator-core";
+import { RowViewModel, ICreatorOptions, ToolboxToolViewModel, PageNavigatorViewModel, SurveyResultsModel } from "survey-creator-core";
+import { QuestionImageAdornerViewModel, IPortableDragEvent } from "survey-creator-core";
+import { Action, QuestionRowModel, Question, SurveyModel, PageModel } from "survey-core";
+import { QuestionSelectBase, ItemValue, ImageItemValue, Base, SurveyError } from "survey-core";
+import { ResponsivityManager, VerticalResponsivityManager, QuestionImagePickerModel } from "survey-core";
 import { SurveyElementBase, ISurveyCreator, SurveyQuestionElementBase } from "survey-react-ui";
 import * as React from "react";
 
@@ -54,15 +55,15 @@ export interface ISurveyCreatorComponentProps {
   creator: SurveyCreator;
   style?: any;
 }
-export interface QuestionAdornerComponentProps {
+export interface RowWrapperComponentProps {
   element: any;
-  question: Question;
   componentData: any;
+  row: QuestionRowModel;
 }
-export interface RowWrapperComponentProps {
+export interface QuestionAdornerComponentProps {
   element: any;
+  question: Question;
   componentData: any;
-  row: QuestionRowModel;
 }
 export interface QuestionWrapperHeaderProps {
   className?: string;
@@ -110,6 +111,10 @@ export interface ISurveyCreatorToolboxItemProps {
   creator: CreatorBase;
   isCompact: boolean;
 }
+export interface ISurveyCreatorToolboxCategoryProps {
+  category: QuestionToolboxCategory;
+  toolbox: QuestionToolbox;
+}
 export interface ISurveyCreatorToolboxProps {
   model: CreatorBase;
 }
@@ -142,70 +147,21 @@ export declare class ActionButton extends SurveyElementBase<any, any> {
   constructor(props: any);
   renderElement(): any;
 }
-export declare class CellQuestionAdornerComponent extends SurveyElementBase<QuestionAdornerComponentProps, any> {
-  constructor(props: QuestionAdornerComponentProps);
-  model: QuestionAdornerViewModel;
-  protected getStateElement(): Base;
-  render(): any;
-}
-export declare class CellQuestionDropdownAdornerComponent extends SurveyElementBase<QuestionAdornerComponentProps, any> {
-  constructor(props: QuestionAdornerComponentProps);
-  model: QuestionAdornerViewModel;
-  protected getStateElement(): Base;
-  render(): any;
-}
-export declare class CreatorSurveyPageComponent extends SurveyElementBase<ICreatorSurveyPageComponentProps, any> {
-  constructor(props: ICreatorSurveyPageComponentProps);
-  model: PageAdorner;
-  rootRef: any;
-  protected getStateElement(): Base;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  protected canRender(): boolean;
-  renderElement(): any;
-  protected renderContent(): any;
-  protected renderHeader(): any;
-  protected renderFooter(): any;
-}
-export declare class ImageItemValueAdornerComponent extends SurveyElementBase<ImageItemValueAdornerComponentProps, any> {
-  constructor(props: ImageItemValueAdornerComponentProps);
-  model: ImageItemValueWrapperViewModel;
-  rootRef: any;
-  protected getStateElement(): Base;
-  protected get question(): QuestionImagePickerModel;
-  componentDidMount(): void;
-  preventDragHandler: (e: any) => void;
-  render(): any;
-}
-export declare class ItemValueAdornerComponent extends SurveyElementBase<ItemValueAdornerComponentProps, any> {
-  constructor(props: ItemValueAdornerComponentProps);
-  model: ItemValueWrapperViewModel;
-  protected getStateElement(): Base;
-  render(): any;
-}
-export declare class LogoImageComponent extends SurveyElementBase<ILogoImageComponentProps, any> {
-  constructor(props: ILogoImageComponentProps);
-  model: LogoImageViewModel;
-  rootRef: any;
-  protected getStateElement(): Base;
-  componentDidMount(): void;
-  render(): any;
-}
-export declare class MatrixCellAdornerComponent extends SurveyElementBase<MatrixCellAdornerComponentProps, any> {
-  constructor(props: MatrixCellAdornerComponentProps);
-  model: MatrixCellWrapperViewModel;
+export declare class CreatorModelElement<P, S> extends SurveyElementBase<P, S> {
+  constructor(props: any);
   componentDidUpdate(prevProps: any, prevState: any): void;
-  protected getStateElement(): Base;
-  render(): any;
+  protected createModel(): void;
+  protected needUpdateModel(prevProps: any): boolean;
+  protected getUpdatedModelProps(): Array<any>;
 }
 export declare class NotifierComponent extends SurveyElementBase<NotifierComponentProps, any> {
-  constructor(props: NotifierComponentProps);
+  constructor(props: any);
   get notifier(): any;
   protected getStateElement(): Base;
   renderElement(): any;
 }
 export declare class ObjectSelectorComponent extends SurveyElementBase<IObjectSelectorComponentProps, any> {
-  constructor(props: IObjectSelectorComponentProps);
+  constructor(props: any);
   protected get model(): ObjectSelectorModel;
   protected getStateElement(): Base;
   renderElement(): any;
@@ -217,23 +173,9 @@ export declare class PropertyGridComponent extends SurveyElementBase<IPropertyGr
   canRender(): boolean;
   renderElement(): any;
 }
-export declare class QuestionAdornerComponent extends SurveyElementBase<QuestionAdornerComponentProps, any> {
-  constructor(props: QuestionAdornerComponentProps);
-  modelValue: QuestionAdornerViewModel;
-  protected rootRef: any;
-  protected createQuestionViewModel(): QuestionAdornerViewModel;
-  get model(): QuestionAdornerViewModel;
-  protected getStateElement(): Base;
-  protected canRender(): boolean;
-  renderElement(): any;
-  protected renderContent(allowInteractions: boolean): any;
-  protected renderHeader(): any;
-  protected renderFooter(): any;
-  protected renderElementContent(): any;
-  renderElementPlaceholder(): any;
-}
 export declare class QuestionEditorContentComponent extends React.Component<IQuestionEditorContentComponentProps, any> implements ISurveyCreator {
-  constructor(props: IQuestionEditorContentComponentProps);
+  constructor(props: any);
+  constructor(props: IQuestionEditorContentComponentProps, context: any);
   get survey(): any;
   createQuestionElement(question: Question): JSX.Element;
   questionTitleLocation(): string;
@@ -241,15 +183,6 @@ export declare class QuestionEditorContentComponent extends React.Component<IQue
   renderError(key: string, error: SurveyError, cssClasses: any): JSX.Element;
   render(): JSX.Element;
 }
-export declare class QuestionRatingAdornerComponent extends SurveyElementBase<QuestionAdornerComponentProps, any> {
-  constructor(props: QuestionAdornerComponentProps);
-  modelValue: QuestionRatingAdornerViewModel;
-  protected createQuestionViewModel(): QuestionRatingAdornerViewModel;
-  get ratingModel(): QuestionRatingAdornerViewModel;
-  get model(): QuestionRatingAdornerViewModel;
-  protected getStateElement(): Base;
-  protected renderElement(): JSX.Element;
-}
 export declare class QuestionWrapperFooter extends React.Component<QuestionWrapperFooterProps, any> {
   constructor(props: any);
   constructor(props: QuestionWrapperFooterProps, context: any);
@@ -260,12 +193,6 @@ export declare class QuestionWrapperHeader extends React.Component<QuestionWrapp
   constructor(props: QuestionWrapperHeaderProps, context: any);
   render(): JSX.Element;
 }
-export declare class RowWrapper extends SurveyElementBase<RowWrapperComponentProps, any> {
-  constructor(props: RowWrapperComponentProps);
-  model: RowViewModel;
-  protected getStateElement(): Base;
-  render(): JSX.Element;
-}
 export declare class SidebarComponent extends SurveyElementBase<ISidebarComponentProps, any> {
   constructor(props: ISidebarComponentProps);
   containerRef: any;
@@ -294,22 +221,16 @@ export declare class SurveyCreatorComponent extends SurveyElementBase<ISurveyCre
   renderCreatorTab(tab: ITabbedMenuItem): JSX.Element;
   renderSidebar(): JSX.Element;
 }
-export declare class SurveyCreatorToolboxItem extends SurveyElementBase<ISurveyCreatorToolboxItemProps, any> {
+export declare class SurveyCreatorToolboxCategory extends SurveyElementBase<ISurveyCreatorToolboxCategoryProps, any> {
   constructor(props: any);
-  model: ToolboxToolViewModel;
-  get item(): any;
-  get creator(): any;
-  protected getStateElement(): Base;
-  render(): JSX.Element;
-}
-export declare class SurveyCreatorToolboxTool extends SurveyElementBase<ISurveyCreatorToolboxItemProps, any> {
-  constructor(props: any);
-  model: ToolboxToolViewModel;
-  get item(): any;
-  get creator(): any;
-  get isCompact(): any;
+  get category(): any;
+  get toolbox(): any;
   protected getStateElement(): Base;
   render(): JSX.Element;
+  renderCategoryHeader(): JSX.Element;
+  renderButton(): JSX.Element;
+  protected renderCategoryContent(): Array<any>;
+  renderItems(items: any, isCompact?: boolean): any;
 }
 export declare class SurveyElementEmbeddedSurvey extends SurveyQuestionElementBase {
   constructor(props: any);
@@ -329,39 +250,12 @@ export declare class SurveyNavigation extends SurveyElementBase<any, any> {
   protected canRender(): boolean;
   renderElement(): JSX.Element;
 }
-export declare class SurveyPageNavigator extends SurveyElementBase<ISurveyPageNavigatorProps, any> {
-  constructor(props: ISurveyPageNavigatorProps);
-  model: PageNavigatorViewModel;
-  containerRef: any;
-  protected getStateElement(): Base;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
-  renderElement(): JSX.Element;
-}
-export declare class SurveyPageNavigatorItem extends SurveyElementBase<any, any> {
-  constructor(props: IAction);
-  protected getStateElement(): Base;
-  renderElement(): JSX.Element;
-}
 export declare class SurveyQuestionLinkValue extends SurveyQuestionElementBase {
   constructor(props: any);
   protected get question(): QuestionLinkValueModel;
   protected renderClear(): JSX.Element;
   protected renderElement(): JSX.Element;
 }
-export declare class SurveyResults extends SurveyElementBase<ISurveyResultsProps, any> {
-  constructor(props: ISurveyResultsProps);
-  model: SurveyResultsModel;
-  protected getStateElement(): Base;
-  render(): JSX.Element;
-  renderResultAsText(): JSX.Element;
-  renderResultAsTable(): JSX.Element;
-}
-export declare class SurveyResultsByRow extends SurveyElementBase<any, any> {
-  constructor(props: any);
-  protected getStateElement(): Base;
-  render(): JSX.Element;
-}
 export declare class SurveySimulator extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
@@ -385,9 +279,10 @@ export declare class TabDesignerComponent extends SurveyElementBase<ITabDesigner
   protected getStateElements(): Array<Base>;
   renderedPagesCache: any;
   protected getRenderedPages(): Array<Element>;
-  protected createRenderedPage(page: PageModel, index: number): any;
+  protected createRenderedPage(page: PageModel, index: number, isGhostPage?: boolean): any;
   protected renderPage(pageV: PageModel): JSX.Element;
   renderElement(): JSX.Element;
+  renderHeader(condition: boolean): JSX.Element;
   renderPlaceHolder(): JSX.Element;
   renderPlaceHolderContent(): JSX.Element;
   renderTabContent(): JSX.Element;
@@ -457,15 +352,13 @@ export declare class TabbedMenuItemWrapper extends SurveyElementBase<any, any> {
   renderElement(): JSX.Element;
 }
 export declare class Toolbox extends SurveyElementBase<ISurveyCreatorToolboxProps, any> {
-  constructor(props: ISurveyCreatorToolboxProps);
+  constructor(props: any);
   get creator(): any;
   get toolbox(): any;
   protected getStateElement(): Base;
   render(): JSX.Element;
-  renderItems(items: any): any;
+  renderItems(items: any, isCompact?: boolean): any;
   renderCategories(): any;
-  renderCategoryHeader(category: any): JSX.Element;
-  protected renderCategoryContent(category: any): Array<any>;
 }
 export declare class TranslationLineSkeleton extends React.Component<any, any> {
   constructor(props: any);
@@ -479,31 +372,104 @@ export declare class AdaptiveToolbox extends Toolbox {
   componentDidMount(): void;
   componentWillUnmount(): void;
   render(): JSX.Element;
-  renderItems(items: any, isCompact?: boolean): any;
-  protected renderCategoryContent(category: any): Array<any>;
 }
-export declare class PanelAdornerComponent extends QuestionAdornerComponent {
+export declare class CellQuestionAdornerComponent extends CreatorModelElement<QuestionAdornerComponentProps, any> {
   constructor(props: QuestionAdornerComponentProps);
-  renderElementPlaceholder(): JSX.Element;
-  protected renderFooter(): JSX.Element;
+  model: QuestionAdornerViewModel;
+  protected createModel(): void;
+  protected getStateElement(): Base;
+  protected getUpdatedModelProps(): Array<any>;
+  render(): JSX.Element;
 }
-export declare class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
+export declare class CellQuestionDropdownAdornerComponent extends CreatorModelElement<QuestionAdornerComponentProps, any> {
   constructor(props: QuestionAdornerComponentProps);
-  renderElementPlaceholder(): JSX.Element;
+  model: QuestionAdornerViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
 }
-export declare class QuestionImageAdornerComponent extends QuestionAdornerComponent {
-  constructor(props: QuestionAdornerComponentProps);
-  protected createQuestionViewModel(): QuestionAdornerViewModel;
-  get imageModel(): QuestionImageAdornerViewModel;
+export declare class CreatorSurveyPageComponent extends CreatorModelElement<ICreatorSurveyPageComponentProps, any> {
+  constructor(props: ICreatorSurveyPageComponentProps);
+  model: PageAdorner;
+  rootRef: any;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
   componentDidMount(): void;
+  componentWillUnmount(): void;
+  protected canRender(): boolean;
+  renderElement(): JSX.Element;
+  protected renderContent(): JSX.Element;
   protected renderHeader(): JSX.Element;
-  renderElementPlaceholder(): JSX.Element;
+  protected renderFooter(): JSX.Element;
 }
-export declare class QuestionWidgetAdornerComponent extends QuestionAdornerComponent {
+export declare class ImageItemValueAdornerComponent extends CreatorModelElement<ImageItemValueAdornerComponentProps, any> {
+  constructor(props: ImageItemValueAdornerComponentProps);
+  model: ImageItemValueWrapperViewModel;
+  rootRef: any;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  protected get question(): QuestionImagePickerModel;
+  componentDidMount(): void;
+  preventDragHandler: (e: any) => void;
+  render(): JSX.Element;
+}
+export declare class ItemValueAdornerComponent extends CreatorModelElement<ItemValueAdornerComponentProps, any> {
+  constructor(props: ItemValueAdornerComponentProps);
+  model: ItemValueWrapperViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
+export declare class LogoImageComponent extends CreatorModelElement<ILogoImageComponentProps, any> {
+  constructor(props: ILogoImageComponentProps);
+  model: LogoImageViewModel;
+  rootRef: any;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  componentDidMount(): void;
+  render(): JSX.Element;
+}
+export declare class MatrixCellAdornerComponent extends CreatorModelElement<MatrixCellAdornerComponentProps, any> {
+  constructor(props: MatrixCellAdornerComponentProps);
+  model: MatrixCellWrapperViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  componentDidUpdate(prevProps: any, prevState: any): void;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
+export declare class QuestionAdornerComponent extends CreatorModelElement<QuestionAdornerComponentProps, any> {
   constructor(props: QuestionAdornerComponentProps);
+  modelValue: QuestionAdornerViewModel;
+  protected rootRef: any;
+  protected createModel(): void;
   protected createQuestionViewModel(): QuestionAdornerViewModel;
-  get widgetModel(): QuestionAdornerViewModel;
+  protected getUpdatedModelProps(): Array<any>;
+  get model(): QuestionAdornerViewModel;
+  protected getStateElement(): Base;
+  protected canRender(): boolean;
+  renderElement(): JSX.Element;
+  protected renderContent(allowInteractions: boolean): JSX.Element;
+  protected renderHeader(): JSX.Element;
+  protected renderFooter(): JSX.Element;
   protected renderElementContent(): JSX.Element;
+  renderElementPlaceholder(): JSX.Element;
+}
+export declare class QuestionRatingAdornerComponent extends CreatorModelElement<QuestionAdornerComponentProps, any> {
+  constructor(props: QuestionAdornerComponentProps);
+  modelValue: QuestionRatingAdornerViewModel;
+  protected createModel(): void;
+  protected createQuestionViewModel(): QuestionRatingAdornerViewModel;
+  protected getUpdatedModelProps(): Array<any>;
+  get ratingModel(): QuestionRatingAdornerViewModel;
+  get model(): QuestionRatingAdornerViewModel;
+  protected getStateElement(): Base;
+  protected renderElement(): JSX.Element;
 }
 export declare class ReactMouseEvent implements IPortableMouseEvent {
   constructor(event: any);
@@ -519,6 +485,14 @@ export declare class ReactMouseEvent implements IPortableMouseEvent {
   get offsetX(): number;
   get offsetY(): number;
 }
+export declare class RowWrapper extends CreatorModelElement<RowWrapperComponentProps, any> {
+  constructor(props: RowWrapperComponentProps);
+  model: RowViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
 export declare class SurveyCreator extends CreatorBase {
   constructor(options?: ICreatorOptions, options2?: ICreatorOptions);
   render(target: string | HTMLElement): void;
@@ -527,6 +501,81 @@ export declare class SurveyCreator extends CreatorBase {
   questionTitleLocation(): string;
   questionErrorLocation(): string;
 }
+export declare class SurveyCreatorToolboxItem extends CreatorModelElement<ISurveyCreatorToolboxItemProps, any> {
+  constructor(props: any);
+  model: ToolboxToolViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  get item(): any;
+  get creator(): any;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
+export declare class SurveyCreatorToolboxTool extends CreatorModelElement<ISurveyCreatorToolboxItemProps, any> {
+  constructor(props: any);
+  model: ToolboxToolViewModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  get item(): any;
+  get creator(): any;
+  get isCompact(): any;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
+export declare class SurveyPageNavigator extends CreatorModelElement<ISurveyPageNavigatorProps, any> {
+  constructor(props: ISurveyPageNavigatorProps);
+  model: PageNavigatorViewModel;
+  containerRef: any;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  componentDidMount(): void;
+  componentWillUnmount(): void;
+  renderElement(): JSX.Element;
+}
+export declare class SurveyPageNavigatorItem extends CreatorModelElement<any, any> {
+  constructor(props: any);
+  protected getStateElement(): Base;
+  renderElement(): JSX.Element;
+}
+export declare class SurveyResults extends CreatorModelElement<ISurveyResultsProps, any> {
+  constructor(props: ISurveyResultsProps);
+  model: SurveyResultsModel;
+  protected createModel(): void;
+  protected getUpdatedModelProps(): Array<any>;
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+  renderResultAsText(): JSX.Element;
+  renderResultAsTable(): JSX.Element;
+}
+export declare class SurveyResultsByRow extends CreatorModelElement<any, any> {
+  constructor(props: any);
+  protected getStateElement(): Base;
+  render(): JSX.Element;
+}
+export declare class PanelAdornerComponent extends QuestionAdornerComponent {
+  constructor(props: QuestionAdornerComponentProps);
+  renderElementPlaceholder(): JSX.Element;
+  protected renderFooter(): JSX.Element;
+}
+export declare class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
+  constructor(props: QuestionAdornerComponentProps);
+  renderElementPlaceholder(): JSX.Element;
+}
+export declare class QuestionImageAdornerComponent extends QuestionAdornerComponent {
+  constructor(props: QuestionAdornerComponentProps);
+  protected createQuestionViewModel(): QuestionAdornerViewModel;
+  get imageModel(): QuestionImageAdornerViewModel;
+  componentDidMount(): void;
+  protected renderHeader(): JSX.Element;
+  renderElementPlaceholder(): JSX.Element;
+}
+export declare class QuestionWidgetAdornerComponent extends QuestionAdornerComponent {
+  constructor(props: QuestionAdornerComponentProps);
+  protected createQuestionViewModel(): QuestionAdornerViewModel;
+  get widgetModel(): QuestionAdornerViewModel;
+  protected renderElementContent(): JSX.Element;
+}
 export declare class ReactDragEvent extends ReactMouseEvent implements IPortableDragEvent {
   constructor(event: any);
   event: any;