survey-creator-react 1.9.7-beta.1 → 1.9.11-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.7-beta.1",
+  "version": "1.9.11-beta.1",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Library.",
   "keywords": [
     "Survey",
@@ -14,8 +14,6 @@
   "homepage": "https://surveyjs.io/Overview/Survey-Creator",
   "license": "https://surveyjs.io/Licenses#SurveyCreator",
   "files": [
-    "survey-creator-react.css",
-    "survey-creator-react.min.css",
     "survey-creator-react.js",
     "survey-creator-react.d.ts",
     "survey-creator-react.min.js"
@@ -33,8 +31,9 @@
     "ace-builds": "^1.4.12"
   },
   "dependencies": {
-    "survey-core": "^1.8.0",
-    "survey-react-ui": "^1.8.0",
+    "survey-core": "^1.9.9",
+    "survey-react-ui": "^1.9.9",
+    "survey-creator-core": "^1.9.9-beta.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },

package/survey-creator-react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey Creator library for React v1.9.7-beta.1
+* Type definition for Survey Creator library for React v1.9.11-beta.1
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
@@ -7,11 +7,12 @@ import { Base, JsonObjectProperty, Question, ItemValue, MatrixDropdownColumn } f
 import { IAction, SurveyModel, Action, QuestionRowModel, PageModel } from "survey-core";
 import { QuestionSelectBase, ImageItemValue, SurveyElement, AdaptiveActionContainer, ActionContainer } from "survey-core";
 import { DragDropSurveyElements, DragDropChoices, Event, IElement, IPanel } from "survey-core";
-import { ISurveyElement, LocalizableString, ListModel, PopupModel, EventBase } from "survey-core";
-import { PanelModel, PanelModelBase, SurveyError, QuestionNonValue, SurveyTemplateRendererTemplateData } from "survey-core";
-import { ComputedUpdater, ResponsivityManager, QuestionCheckboxModel, ILocalizableString, ArrayChanges } from "survey-core";
-import { VerticalResponsivityManager, HashTable, QuestionMatrixDynamicModel, QuestionMatrixModel, QuestionMatrixDropdownModel } from "survey-core";
-import { QuestionPanelDynamicModel, QuestionCommentModel, QuestionRatingModel, MatrixDynamicRowModel } from "survey-core";
+import { ISurveyElement, LocalizableString, DragOrClickHelper, PanelModel, QuestionDropdownModel } from "survey-core";
+import { ListModel, PopupModel, EventBase, PanelModelBase, SurveyError } from "survey-core";
+import { QuestionNonValue, SurveyTemplateRendererTemplateData, ComputedUpdater, ResponsivityManager, QuestionCheckboxModel } from "survey-core";
+import { ILocalizableString, ArrayChanges, VerticalResponsivityManager, HashTable, QuestionMatrixDynamicModel } from "survey-core";
+import { QuestionMatrixModel, QuestionMatrixDropdownModel, QuestionPanelDynamicModel, QuestionCommentModel, QuestionRatingModel } from "survey-core";
+import { MatrixDynamicRowModel } from "survey-core";
 import { SurveyElementBase, ReactSurveyModel, ISurveyCreator, SurveyQuestionElementBase } from "survey-react-ui";
 import * as React from "react";
 
@@ -147,7 +148,7 @@ export interface IPropertyGridEditor {
   fit(prop: JsonObjectProperty, context?: string): boolean;
   isDefault?: any;
   getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
-  showModalPropertyEditor(editor: IPropertyGridEditor, property: JsonObjectProperty, question: Question, options: ISurveyCreatorOptions): any;
+  showModalPropertyEditor?: any;
   onCreated?: any;
   onAfterRenderQuestion?: any;
   createPropertyEditorSetup?: any;
@@ -294,7 +295,7 @@ export interface ISurveyCreatorToolboxItemProps {
 export interface ISurveyCreatorToolboxProps {
   model: any;
 }
-export interface ISideBarComponentProps {
+export interface ISidebarComponentProps {
   model: any;
 }
 export interface ISurveyPageNavigatorProps {
@@ -795,6 +796,16 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> {
   */
   onTranslationStringVisibility: Event<(sender: CreatorBase<T>, options: any) => any, any>;
   /*
+  * Use this event to define is the locale initially selected (default value) and ready for translaion or it is unselected.
+  * 
+  * The event handler accepts the following arguments:
+  * 
+  * - `sender` - A Survey Creator instance that raised the event.
+  * - `options.locale` - the locale name, like 'en', 'de' and so on.
+  * - `options.isSelected` - it is true by default. Set it to false to make the translation unselected.
+  */
+  onTranslationLocaleInitiallySelected: Event<(sender: CreatorBase<T>, options: any) => any, any>;
+  /*
   * This callback is used internally for providing survey JSON text.
   */
   getSurveyJSONTextCallback: any;
@@ -922,16 +933,20 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> {
   makeNewViewActive(viewName: string): boolean;
   toolbox: QuestionToolbox;
   get toolboxCategories(): any;
-  sideBar: SideBarModel;
+  sidebar: SidebarModel;
   updateToolboxIsCompact(newVal?: boolean): void;
   onSurveyElementPropertyValueChanged(property: JsonObjectProperty, obj: any, newValue: any): void;
-  get showToolbox(): boolean | "none" | "top" | "left" | "right";
-  set showToolbox(val: boolean | "none" | "top" | "left" | "right");
-  showPropertyGridValue: boolean;
-  onShowPropertyGridVisiblityChanged: Event<(sender: CreatorBase<T>, options: any) => any, any>;
+  showToolboxValue: boolean;
+  get showToolbox(): boolean;
+  set showToolbox(val: boolean);
+  showSidebarValue: boolean;
+  onShowSidebarVisiblityChanged: Event<(sender: CreatorBase<T>, options: any) => any, any>;
   /*
   * Set this this property grid false to hide the property grid.
   */
+  get showSidebar(): boolean;
+  set showSidebar(val: boolean);
+  onShowPropertyGridVisiblityChanged: Event<(sender: CreatorBase<T>, options: any) => any, any>;
   get showPropertyGrid(): boolean;
   set showPropertyGrid(val: boolean);
   rightContainerActiveItem(name: string): void;
@@ -967,6 +982,10 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> {
   */
   stopUndoRedoTransaction(): void;
   /*
+  * Returns true if Creator is currently doing undo or redo opertaions
+  */
+  get isProcessingUndoRedo(): boolean;
+  /*
   * This method performs undo uperation if possible.
   */
   undo(): void;
@@ -1166,17 +1185,21 @@ export declare class CreatorBase<T extends SurveyModel = SurveyModel> {
   showPageNavigator: any;
   showTabs: any;
   showToolbar: any;
+  allowCollapseSidebar: any;
   isMobileView: any;
   toolboxLocation: any;
-  sideBarLocation: "left" | "right";
+  sidebarLocation: "left" | "right";
   selectFromStringEditor: boolean;
 }
 export declare class CreatorResponsivityManager {
   constructor(container: any, creator: any);
   resizeObserver: any;
   currentWidth: any;
-  prevToolboxLocation: any;
+  prevShowToolbox: any;
+  prevToolboxIsCompact: any;
+  prevShowPageNavigator: any;
   screenWidth: any;
+  devicePixelRatio: any;
   process(): void;
   dispose(): void;
 }
@@ -1206,19 +1229,6 @@ export declare class DesignTimeSurveyModel extends ReactSurveyModel {
   getRendererForString(element: Base, name: string): string;
   getRendererContextForString(element: Base, locStr: LocalizableString): any;
 }
-export declare class DragOrClickHelper {
-  constructor(dragHandler: any);
-  pointerDownEvent: any;
-  currentTarget: any;
-  startX: any;
-  startY: any;
-  currentX: any;
-  currentY: any;
-  itemModel: any;
-  onPointerDown(pointerDownEvent: any, itemModel?: any): void;
-  onPointerUp: any;
-  tryToStartDrag: any;
-}
 export declare class EditableObject {
   constructor(obj: Base);
   static isCopyObject(obj: any): boolean;
@@ -1312,6 +1322,19 @@ export declare class JsonEditorBaseModel extends Base {
   processErrors(text: string): void;
   get readOnly(): boolean;
 }
+export declare class LogicActionModelBase {
+  constructor(panel: PanelModel, initialLogicAction: SurveyLogicAction, logicType: SurveyLogicType);
+  initialLogicAction: SurveyLogicAction;
+  logicType: SurveyLogicType;
+  isTrigger: boolean;
+  currentLogicAction: SurveyLogicAction;
+  updateCurrentLogicAction(survey: SurveyModel): boolean;
+  afterUpdateInitialLogicAction(): void;
+  resetElements(): void;
+  getSelectedElement(): string;
+  updateInitialLogicAction(): void;
+  setInitialElementValue(question: QuestionDropdownModel, action: SurveyLogicAction, selectedQuestion: string): void;
+}
 export declare class LogoImageComponent extends SurveyElementBase<ILogoImageComponentProps, any> {
   constructor(props: ILogoImageComponentProps);
   model: any;
@@ -1749,8 +1772,8 @@ export declare class SelectionHistory extends Base {
   selectFromAction(obj: Base, propertyName: string): void;
   onObjSelected(obj: Base): void;
 }
-export declare class SideBarComponent extends SurveyElementBase<ISideBarComponentProps, any> {
-  constructor(props: ISideBarComponentProps);
+export declare class SidebarComponent extends SurveyElementBase<ISidebarComponentProps, any> {
+  constructor(props: ISidebarComponentProps);
   containerRef: any;
   get model(): any;
   protected getStateElement(): Base;
@@ -1759,13 +1782,13 @@ export declare class SideBarComponent extends SurveyElementBase<ISideBarComponen
   canRender(): boolean;
   renderElement(): any;
 }
-export declare class SideBarModel extends Base {
+export declare class SidebarModel extends Base {
   constructor(creator: any, collapseAction?: any, expandAction?: any);
   toolbar: any;
   _expandAction: Action;
   _collapseAction: Action;
-  _activeTab: SideBarTabModel;
-  onPropertyGridVisibilityChanged: any;
+  _activeTab: SidebarTabModel;
+  onSidebarVisibilityChanged: any;
   resizeManager: ResizeManager;
   tabs: any;
   headerText: string;
@@ -1779,23 +1802,23 @@ export declare class SideBarModel extends Base {
   get closeText(): string;
   getTabById(id: string): any;
   getExpandAction(): Action;
-  collapseSideBar(): void;
-  expandSideBar(): void;
-  addTab(id: string, componentName?: string, model?: any, buildActions?: any): SideBarTabModel;
+  collapseSidebar(): void;
+  expandSidebar(): void;
+  addTab(id: string, componentName?: string, model?: any, buildActions?: any): SidebarTabModel;
   updateHasVisibleTabs(): void;
   dispose(): void;
   initResizeManager(container: any): void;
   resetResizeManager(): void;
 }
-export declare class SideBarTab extends SurveyElementBase<any, any> {
+export declare class SidebarTab extends SurveyElementBase<any, any> {
   constructor(props: any);
   protected getStateElement(): Base;
   renderElement(): any;
 }
-export declare class SideBarTabModel extends Base {
-  constructor(id: string, sidePanel: SideBarModel, componentName?: string, model?: any);
+export declare class SidebarTabModel extends Base {
+  constructor(id: string, sidePanel: SidebarModel, componentName?: string, model?: any);
   id: string;
-  sidePanel: SideBarModel;
+  sidePanel: SidebarModel;
   caption: string;
   visible: boolean;
   model: any;
@@ -1807,6 +1830,7 @@ export declare class StringEditorViewModelBase extends Base {
   focusedProgram: boolean;
   valueBeforeEdit: string;
   errorText: string;
+  focused: boolean;
   setLocString(locString: LocalizableString): void;
   checkConstraints(event: any): void;
   blurEditor: any;
@@ -1837,7 +1861,7 @@ export declare class SurveyCreatorComponent extends SurveyElementBase<ISurveyCre
   renderElement(): any;
   renderActiveTab(): any;
   renderCreatorTab(tab: any): any;
-  renderSideBar(): any;
+  renderSidebar(): any;
 }
 export declare class SurveyCreatorToolboxItem extends SurveyElementBase<ISurveyCreatorToolboxItemProps, any> {
   constructor(props: any);
@@ -1970,6 +1994,7 @@ export declare class SurveyLogic extends Base implements ISurveyLogicItemOwner {
   protected hasErrorInUI(): boolean;
   protected getExpressionText(): string;
   protected getEditingActions(): Array<SurveyLogicAction>;
+  protected onReadOnlyChanged(): void;
   addNew(): void;
   editItem(item: SurveyLogicItem): void;
   protected onStartEditing(): void;
@@ -2404,6 +2429,7 @@ export declare class Translation extends Base implements ITranslationLocales {
   availableTranlationsChangedCallback: any;
   tranlationChangedCallback: any;
   translationStringVisibilityCallback: any;
+  localeInitialVisibleCallback: any;
   surveyValue: SurveyModel;
   settingsSurveyValue: SurveyModel;
   onBaseObjCreatingCallback: any;
@@ -2517,6 +2543,7 @@ export declare class UndoRedoManager {
   transactionCounter: number;
   startTransaction(name: string): void;
   stopTransaction(): void;
+  get isProcessingUndoRedo(): boolean;
   canUndo(): boolean;
   undo(): void;
   canRedo(): boolean;
@@ -2588,6 +2615,25 @@ export declare class ImageItemValueWrapperViewModel extends ItemValueWrapperView
   chooseFile(model: ImageItemValueWrapperViewModel): void;
   chooseNewFile(model: ImageItemValueWrapperViewModel): void;
 }
+export declare class LogicActionModel extends LogicActionModelBase {
+  constructor(panel: PanelModel, logicAction: SurveyLogicAction, logicType: SurveyLogicType, selectorElementsHash: any);
+  updateCurrentLogicAction(survey: SurveyModel): boolean;
+  resetElements(): void;
+  updatePanelElements(selectedElement: string, choices: any): void;
+  getSelectedElement(): string;
+}
+export declare class LogicActionTriggerModel extends LogicActionModelBase {
+  constructor(panel: PanelModel, logicAction: SurveyLogicAction, logicType: SurveyLogicType);
+  panelObj: Base;
+  isTrigger: boolean;
+  afterUpdateInitialLogicAction(): void;
+  updateCurrentLogicAction(survey: SurveyModel): boolean;
+  updatePanel(propertyName: string, newValue: any, options: ISurveyCreatorOptions, survey: SurveyModel): void;
+  setPanelObj(obj: Base): void;
+  resetElements(): void;
+  updatePanelElements(selectedElement: string, options?: ISurveyCreatorOptions): void;
+  getSelectedElement(): string;
+}
 export declare class PageViewModel<T> extends ActionContainerViewModel<T> {
   constructor(creator: any, page: PageModel);
   isSelected: boolean;
@@ -2742,6 +2788,7 @@ export declare class SurveyLogicUI extends SurveyLogic {
   addNewUI(): void;
   toggleExpressionEditorIsFastEntry(): void;
   protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
+  protected onReadOnlyChanged(): void;
   get expressionEditor(): ConditionEditor;
   get itemEditor(): LogicItemEditor;
   getExpressionEditor(item: SurveyLogicItem): ConditionEditor;
@@ -2765,8 +2812,8 @@ export declare class TabDesignerPlugin<T> implements ICreatorPlugin {
   constructor(creator: any);
   model: any;
   propertyGrid: any;
-  propertyGridTab: SideBarTabModel;
-  toolboxTab: SideBarTabModel;
+  propertyGridTab: SidebarTabModel;
+  toolboxTab: SidebarTabModel;
   surveySettingsAction: Action;
   saveSurveyAction: Action;
   previewAction: Action;
@@ -2825,20 +2872,22 @@ export declare class TabTestPlugin implements ICreatorPlugin {
 }
 export declare class TabTranslationPlugin implements ICreatorPlugin {
   constructor(creator: any);
-  showAllStringsAction: Action;
+  filterStringsAction: Action;
   filterPageAction: Action;
   mergeLocaleWithDefaultAction: Action;
   importCsvAction: Action;
   exportCsvAction: Action;
   inputFileElement: any;
   pagePopupModel: any;
-  sideBarTab: SideBarTabModel;
+  stringsPopupModel: any;
+  sidebarTab: SidebarTabModel;
   model: Translation;
   activate(): void;
   update(): void;
   deactivate(): boolean;
   get selectLanguageOptionsCaption(): any;
   get showAllStringsText(): string;
+  get showUsedStringsOnlyText(): string;
   get showAllPagesText(): string;
   get exportToCSVText(): string;
   get importFromCSVText(): string;
@@ -2999,18 +3048,18 @@ export declare class LogicItemEditor extends PropertyEditorSetupValue {
   logicTypeChoices: any;
   editableItemValue: SurveyLogicItem;
   isBuildingPanels: boolean;
-  titleActionsCreator: PropertyGridTitleActionsCreator;
   initialSelectedElements: any;
   isModifiedValue: boolean;
   contextValue: Question;
+  selectorElementsHash: any;
   get editableItem(): SurveyLogicItem;
   setEditableItem(val: SurveyLogicItem): void;
   get survey(): SurveyModel;
   get isModified(): boolean;
   get panel(): QuestionPanelDynamicModel;
   get panels(): any;
-  getPanelByAction(action: SurveyLogicAction): PanelModel;
-  getActionByPanel(panel: PanelModel): SurveyLogicAction;
+  getActionModelByPanel(panel: PanelModel): LogicActionModelBase;
+  setActionModelByPanel(panel: PanelModel, actionModel: LogicActionModelBase): void;
   get context(): Question;
   set context(val: Question);
   protected getSurveyJSON(): any;
@@ -3019,14 +3068,13 @@ export declare class LogicItemEditor extends PropertyEditorSetupValue {
   apply(): boolean;
   getEditingActions(): Array<SurveyLogicAction>;
   getLocString(name: string): string;
-  selectorElementsHash: any;
 }
 export declare class PropertyGridEditorBindings extends PropertyGridEditor {
   constructor();
   fit(prop: JsonObjectProperty): boolean;
   getJSON(obj: Base, prop: JsonObjectProperty, options: ISurveyCreatorOptions): any;
   onMatrixCellCreated(obj: Base, options: any): void;
-  onMatrixCellValueChanged(obj: Base, options: any): void;
+  onCreated(obj: Base, question: Question, prop: JsonObjectProperty): void;
 }
 export declare class PropertyGridEditorBoolean extends PropertyGridEditor {
   constructor();
@@ -3383,9 +3431,13 @@ export declare var editorLocalization: {
 };
 export declare var defaultStrings: any;
 export declare var settings: {
-  traslation: {
+  translation: {
     sortByName: boolean,
     exportPrefix: string,
+    /*
+    * The maximum number of locales that user can select at once for translation
+    */
+    maximumSelectedLocales: number,
   },
   operators: {
     empty: any,
@@ -3411,7 +3463,6 @@ export declare var settings: {
   */
   questionConvertMode: QuestionConvertMode,
   propertyGrid: {
-    allowCollapse: boolean,
     useButtonGroup: boolean,
     maxCharsInButtonGroup: number,
     showNavigationButtons: boolean,
@@ -3445,6 +3496,7 @@ export declare var settings: {
   layout: {
     showTabs: boolean,
     showToolbar: boolean,
+    allowCollapseSidebar: boolean,
   },
   jsonEditor: {
     indentation: number,
@@ -3580,7 +3632,6 @@ export declare var propertyGridCss: {
     itemSvgIconId: string,
     labelChecked: string,
     itemControl: string,
-    itemDecorator: string,
     controlLabel: string,
     materialDecorator: string,
     other: string,
@@ -3614,7 +3665,6 @@ export declare var propertyGridCss: {
     svgIconId: string,
     label: string,
     disabledLabel: string,
-    itemDecorator: string,
     materialDecorator: string,
   },
   text: {