survey-creator-react 1.9.29 → 1.9.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.29",
+  "version": "1.9.32",
   "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.29",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "survey-creator-core": "1.9.32",
+    "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,14 +1,15 @@
 /*
-* Type definition for Survey Creator library for React v1.9.29
+* Type definition for Survey Creator library for React v1.9.32
 * 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 { QuestionToolboxCategory, QuestionToolbox, SidebarModel, PagesController, TabDesignerViewModel } from "survey-creator-core";
+import { EmbedModel, AceJsonEditorModel, TextareaJsonEditorModel, ObjectSelectorModel, PropertyGridViewModel } from "survey-creator-core";
+import { PageAdorner, ImageItemValueWrapperViewModel, ItemValueWrapperViewModel, LogoImageViewModel, MatrixCellWrapperViewModel } from "survey-creator-core";
+import { QuestionRatingAdornerViewModel, RowViewModel, ITabbedMenuItem, ToolboxToolViewModel, QuestionEmbeddedSurveyModel } from "survey-creator-core";
+import { PageNavigatorViewModel, QuestionLinkValueModel, SurveyResultsModel, QuestionImageAdornerViewModel, IPortableMouseEvent } from "survey-creator-core";
+import { 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";
@@ -110,6 +111,10 @@ export interface ISurveyCreatorToolboxItemProps {
   creator: CreatorBase;
   isCompact: boolean;
 }
+export interface ISurveyCreatorToolboxCategoryProps {
+  category: QuestionToolboxCategory;
+  toolbox: QuestionToolbox;
+}
 export interface ISurveyCreatorToolboxProps {
   model: CreatorBase;
 }
@@ -174,7 +179,7 @@ export declare class ImageItemValueAdornerComponent extends SurveyElementBase<Im
   protected getStateElement(): Base;
   protected get question(): QuestionImagePickerModel;
   componentDidMount(): void;
-  preventDragHandler: any;
+  preventDragHandler: (e: any) => void;
   render(): any;
 }
 export declare class ItemValueAdornerComponent extends SurveyElementBase<ItemValueAdornerComponentProps, any> {
@@ -235,36 +240,36 @@ export declare class QuestionAdornerComponent extends SurveyElementBase<Question
 export declare class QuestionEditorContentComponent extends React.Component<IQuestionEditorContentComponentProps, any> implements ISurveyCreator {
   constructor(props: IQuestionEditorContentComponentProps);
   get survey(): any;
-  createQuestionElement(question: Question): any;
+  createQuestionElement(question: Question): JSX.Element;
   questionTitleLocation(): string;
   questionErrorLocation(): string;
-  renderError(key: string, error: SurveyError, cssClasses: any): any;
-  render(): any;
+  renderError(key: string, error: SurveyError, cssClasses: any): JSX.Element;
+  render(): JSX.Element;
 }
 export declare class QuestionRatingAdornerComponent extends SurveyElementBase<QuestionAdornerComponentProps, any> {
   constructor(props: QuestionAdornerComponentProps);
-  modelValue: QuestionAdornerViewModel;
-  protected createQuestionViewModel(): QuestionAdornerViewModel;
+  modelValue: QuestionRatingAdornerViewModel;
+  protected createQuestionViewModel(): QuestionRatingAdornerViewModel;
   get ratingModel(): QuestionRatingAdornerViewModel;
-  get model(): QuestionAdornerViewModel;
+  get model(): QuestionRatingAdornerViewModel;
   protected getStateElement(): Base;
-  protected renderElement(): any;
+  protected renderElement(): JSX.Element;
 }
 export declare class QuestionWrapperFooter extends React.Component<QuestionWrapperFooterProps, any> {
   constructor(props: any);
   constructor(props: QuestionWrapperFooterProps, context: any);
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class QuestionWrapperHeader extends React.Component<QuestionWrapperHeaderProps, any> {
   constructor(props: any);
   constructor(props: QuestionWrapperHeaderProps, context: any);
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class RowWrapper extends SurveyElementBase<RowWrapperComponentProps, any> {
   constructor(props: RowWrapperComponentProps);
   model: RowViewModel;
   protected getStateElement(): Base;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class SidebarComponent extends SurveyElementBase<ISidebarComponentProps, any> {
   constructor(props: ISidebarComponentProps);
@@ -274,12 +279,12 @@ export declare class SidebarComponent extends SurveyElementBase<ISidebarComponen
   componentDidMount(): void;
   componentWillUnmount(): void;
   canRender(): boolean;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SidebarTab extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SurveyCreatorComponent extends SurveyElementBase<ISurveyCreatorComponentProps, any> {
   constructor(props: ISurveyCreatorComponentProps);
@@ -289,10 +294,21 @@ export declare class SurveyCreatorComponent extends SurveyElementBase<ISurveyCre
   componentDidMount(): void;
   componentWillUnmount(): void;
   rootNode: any;
-  renderElement(): any;
-  renderActiveTab(): any;
-  renderCreatorTab(tab: ITabbedMenuItem): any;
-  renderSidebar(): any;
+  renderElement(): JSX.Element;
+  renderActiveTab(): JSX.Element;
+  renderCreatorTab(tab: ITabbedMenuItem): JSX.Element;
+  renderSidebar(): JSX.Element;
+}
+export declare class SurveyCreatorToolboxCategory extends SurveyElementBase<ISurveyCreatorToolboxCategoryProps, any> {
+  constructor(props: 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 SurveyCreatorToolboxItem extends SurveyElementBase<ISurveyCreatorToolboxItemProps, any> {
   constructor(props: any);
@@ -300,7 +316,7 @@ export declare class SurveyCreatorToolboxItem extends SurveyElementBase<ISurveyC
   get item(): any;
   get creator(): any;
   protected getStateElement(): Base;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class SurveyCreatorToolboxTool extends SurveyElementBase<ISurveyCreatorToolboxItemProps, any> {
   constructor(props: any);
@@ -309,25 +325,25 @@ export declare class SurveyCreatorToolboxTool extends SurveyElementBase<ISurveyC
   get creator(): any;
   get isCompact(): any;
   protected getStateElement(): Base;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class SurveyElementEmbeddedSurvey extends SurveyQuestionElementBase {
   constructor(props: any);
   protected get embeddedSurvey(): QuestionEmbeddedSurveyModel;
   protected get creator(): ISurveyCreator;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class SurveyNavigation extends SurveyElementBase<any, any> {
   constructor(props: any);
   componentDidMount(): void;
   componentDidUpdate(prevProps: any, prevState: any): void;
-  onPropChangedHandler: any;
+  onPropChangedHandler: (sender: any, options: any) => any;
   componentWillUnmount(): void;
   protected get survey(): SurveyModel;
   protected get location(): string;
   protected get isTop(): boolean;
   protected canRender(): boolean;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SurveyPageNavigator extends SurveyElementBase<ISurveyPageNavigatorProps, any> {
   constructor(props: ISurveyPageNavigatorProps);
@@ -336,42 +352,42 @@ export declare class SurveyPageNavigator extends SurveyElementBase<ISurveyPageNa
   protected getStateElement(): Base;
   componentDidMount(): void;
   componentWillUnmount(): void;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SurveyPageNavigatorItem extends SurveyElementBase<any, any> {
   constructor(props: IAction);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SurveyQuestionLinkValue extends SurveyQuestionElementBase {
   constructor(props: any);
   protected get question(): QuestionLinkValueModel;
-  protected renderClear(): any;
-  protected renderElement(): any;
+  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(): any;
-  renderResultAsText(): any;
-  renderResultAsTable(): any;
+  render(): JSX.Element;
+  renderResultAsText(): JSX.Element;
+  renderResultAsTable(): JSX.Element;
 }
 export declare class SurveyResultsByRow extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class SurveySimulator extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class SvgBundleComponent extends React.Component {
   constructor(props: any);
   containerRef: any;
   componentDidMount(): void;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class TabDesignerComponent extends SurveyElementBase<ITabDesignerComponentProps, any> {
   constructor(props: any);
@@ -385,62 +401,63 @@ 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 renderPage(pageV: PageModel): any;
-  renderElement(): any;
-  renderPlaceHolder(): any;
-  renderTabContent(): any;
+  protected createRenderedPage(page: PageModel, index: number, isGhostPage?: boolean): any;
+  protected renderPage(pageV: PageModel): JSX.Element;
+  renderElement(): JSX.Element;
+  renderPlaceHolder(): JSX.Element;
+  renderPlaceHolderContent(): JSX.Element;
+  renderTabContent(): JSX.Element;
 }
 export declare class TabEmbedComponent extends SurveyElementBase<ITabEmbedComponentProps, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabJsonEditorAceComponent extends SurveyElementBase<ITabJsonEditorAceComponentProps, any> {
   constructor(props: ITabJsonEditorAceComponentProps);
   aceEditorrRef: any;
   protected getStateElement(): Base;
   componentDidMount(): void;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabJsonEditorTextareaComponent extends SurveyElementBase<ITabJsonEditorTextareaComponentProps, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabLogicAddButtonComponent extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabLogicComponent extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabPreviewSurveyComponent extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
-  getBottomToolbar(): any;
+  renderElement(): JSX.Element;
+  getBottomToolbar(): JSX.Element;
 }
 export declare class TabPreviewTestSurveyAgainComponent extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class TabTranslationComponent extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
-  renderElementContent(): any;
+  renderElement(): JSX.Element;
+  renderElementContent(): JSX.Element;
 }
 export declare class TabbedMenuComponent extends SurveyElementBase<ITabbedMenuComponentProps, any> {
   constructor(props: any);
   manager: ResponsivityManager;
   rootRef: any;
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
   componentDidMount(): void;
   componentWillUnmount(): void;
 }
@@ -448,28 +465,26 @@ export declare class TabbedMenuItemComponent extends SurveyElementBase<ITabbedMe
   constructor(props: any);
   get item(): Action;
   protected getStateElement(): Base;
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class TabbedMenuItemWrapper extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
-  renderElement(): any;
+  renderElement(): JSX.Element;
 }
 export declare class Toolbox extends SurveyElementBase<ISurveyCreatorToolboxProps, any> {
   constructor(props: ISurveyCreatorToolboxProps);
   get creator(): any;
   get toolbox(): any;
   protected getStateElement(): Base;
-  render(): any;
-  renderItems(items: any): any;
+  render(): JSX.Element;
+  renderItems(items: any, isCompact?: boolean): any;
   renderCategories(): any;
-  renderCategoryHeader(category: any): any;
-  protected renderCategoryContent(category: any): Array<any>;
 }
 export declare class TranslationLineSkeleton extends React.Component<any, any> {
   constructor(props: any);
   constructor(props: any, context: any);
-  render(): any;
+  render(): JSX.Element;
 }
 export declare class AdaptiveToolbox extends Toolbox {
   constructor(props: ISurveyCreatorToolboxProps);
@@ -477,32 +492,30 @@ export declare class AdaptiveToolbox extends Toolbox {
   rootRef: any;
   componentDidMount(): void;
   componentWillUnmount(): void;
-  render(): any;
-  renderItems(items: any, isCompact?: boolean): any;
-  protected renderCategoryContent(category: any): Array<any>;
+  render(): JSX.Element;
 }
 export declare class PanelAdornerComponent extends QuestionAdornerComponent {
   constructor(props: QuestionAdornerComponentProps);
-  renderElementPlaceholder(): any;
-  protected renderFooter(): any;
+  renderElementPlaceholder(): JSX.Element;
+  protected renderFooter(): JSX.Element;
 }
 export declare class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
   constructor(props: QuestionAdornerComponentProps);
-  renderElementPlaceholder(): any;
+  renderElementPlaceholder(): JSX.Element;
 }
 export declare class QuestionImageAdornerComponent extends QuestionAdornerComponent {
   constructor(props: QuestionAdornerComponentProps);
   protected createQuestionViewModel(): QuestionAdornerViewModel;
   get imageModel(): QuestionImageAdornerViewModel;
   componentDidMount(): void;
-  protected renderHeader(): any;
-  renderElementPlaceholder(): any;
+  protected renderHeader(): JSX.Element;
+  renderElementPlaceholder(): JSX.Element;
 }
 export declare class QuestionWidgetAdornerComponent extends QuestionAdornerComponent {
   constructor(props: QuestionAdornerComponentProps);
   protected createQuestionViewModel(): QuestionAdornerViewModel;
   get widgetModel(): QuestionAdornerViewModel;
-  protected renderElementContent(): any;
+  protected renderElementContent(): JSX.Element;
 }
 export declare class ReactMouseEvent implements IPortableMouseEvent {
   constructor(event: any);
@@ -521,8 +534,8 @@ export declare class ReactMouseEvent implements IPortableMouseEvent {
 export declare class SurveyCreator extends CreatorBase {
   constructor(options?: ICreatorOptions, options2?: ICreatorOptions);
   render(target: string | HTMLElement): void;
-  createQuestionElement(question: Question): any;
-  renderError(key: string, error: SurveyError, cssClasses: any): any;
+  createQuestionElement(question: Question): JSX.Element;
+  renderError(key: string, error: SurveyError, cssClasses: any): JSX.Element;
   questionTitleLocation(): string;
   questionErrorLocation(): string;
 }