survey-react 1.11.5 → 1.11.6

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.11.5",
+  "version": "1.11.6",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -1179,6 +1179,7 @@ declare module "actions/action" {
          * [View Demo](https://surveyjs.io/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         action?: (context?: any) => void;
+        onFocus?: (isMouse: boolean, event: any) => void;
         /**
          * One or several CSS classes that you want to apply to the outer `<div>` element.
          *
@@ -1373,6 +1374,7 @@ declare module "actions/action" {
         locTooltipName?: string;
         private _enabled;
         action: (context?: any, isUserAction?: boolean) => void;
+        onFocus: (isMouse: boolean, event: any) => void;
         _component: string;
         items: any;
         _title: string;
@@ -1383,6 +1385,10 @@ declare module "actions/action" {
         get locTitleName(): string;
         set locTitleName(val: string);
         locStrsChanged(): void;
+        doAction(args: any): boolean;
+        private isMouseDown;
+        doMouseDown(): void;
+        doFocus(args: any): void;
         private locStrChangedInPopupModel;
         private locTitleChanged;
         private locTooltipChanged;
@@ -1561,6 +1567,7 @@ declare module "defaultCss/defaultV2Css" {
             titleExpanded: string;
             titleCollapsed: string;
             titleDisabled: string;
+            titleHidden: string;
             titleOnExpand: string;
             titleOnError: string;
             titleBar: string;
@@ -6813,7 +6820,7 @@ declare module "question_paneldynamic" {
         private removedPanelIndex;
         removePanel(value: any): void;
         private getVisualPanelIndex;
-        private getPanelIndexById;
+        private getPanelVisibleIndexById;
         locStrsChanged(): void;
         clearIncorrectValues(): void;
         clearErrors(): void;
@@ -8012,7 +8019,7 @@ declare module "survey-events-api" {
          * A Boolean property that you can set to `false` if you want to cancel the drag and drop operation.
          */
         allow: boolean;
-        allowMultipleElementsInRow?: boolean;
+        allowDropNextToAnother?: boolean;
         /**
          * Obsolete. Use `options.draggedElement` instead.
          */
@@ -10920,6 +10927,24 @@ declare module "survey" {
          */
         mergeData(data: any): void;
         setDataCore(data: any, clearData?: boolean): void;
+        get isSurvey(): boolean;
+        /**
+         * Returns an object with survey results.
+         *
+         * If you want to get a survey results object that mirrors the survey structure, call the `getData()` method with an object that has the `includePages` and `includePanels` properties enabled. Without this object, the `getData()` method returns the [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) property value.
+         *
+         * ```js
+         * import { Model } from "survey-core";
+         *
+         * const surveyJson = { ... };
+         * const survey = new Model(surveyJson);
+         * survey.getData({ includePages: true, includePanels: true });
+         * ```
+         */
+        getData(options?: {
+            includePages?: boolean;
+            includePanels?: boolean;
+        }): any;
         getStructuredData(includePages?: boolean, level?: number): any;
         setStructuredData(data: any, doMerge?: boolean): void;
         private collectDataFromPanel;
@@ -12181,55 +12206,6 @@ declare module "survey" {
         questionErrorComponent: string;
     }
 }
-declare module "knockout/kobase" {
-    import { Base } from "entries/core";
-    export class ImplementorBase {
-        element: Base;
-        private static doIterateProperties;
-        readonly implementedMark = "__surveyImplementedKo";
-        constructor(element: Base);
-        dispose(): void;
-    }
-}
-declare module "knockout/kopage" {
-    import { PageModel } from "entries/core";
-    import { PanelModelBase, PanelModel, QuestionRowModel } from "entries/core";
-    import { SurveyElement } from "entries/core";
-    import { ImplementorBase } from "knockout/kobase";
-    export class QuestionRow extends QuestionRowModel {
-        panel: PanelModelBase;
-        koElementAfterRender: any;
-        constructor(panel: PanelModelBase);
-        getElementType(el: any): "survey-panel" | "survey-question";
-        koAfterRender(htmlElements: any, element: SurveyElement): void;
-        private elementAfterRender;
-        rowAfterRender(elements: HTMLElement[], model: QuestionRow): void;
-        dispose(): void;
-    }
-    export class PanelImplementorBase extends ImplementorBase {
-        panel: PanelModelBase;
-        constructor(panel: PanelModelBase);
-    }
-    export class Panel extends PanelModel {
-        private _implementor;
-        koElementType: any;
-        constructor(name?: string);
-        protected onBaseCreating(): void;
-        createRow(): QuestionRowModel;
-        protected onCreating(): void;
-        protected onNumChanged(value: number): void;
-        dispose(): void;
-    }
-    export class Page extends PageModel {
-        private _implementor;
-        constructor(name?: string);
-        protected onBaseCreating(): void;
-        createRow(): QuestionRowModel;
-        protected onCreating(): void;
-        protected onNumChanged(value: number): void;
-        dispose(): void;
-    }
-}
 declare module "survey-element" {
     import { Base } from "base";
     import { IAction } from "actions/action";
@@ -12244,6 +12220,26 @@ declare module "survey-element" {
     export abstract class SurveyElementCore extends Base implements ILocalizableOwner {
         constructor();
         protected createLocTitleProperty(): LocalizableString;
+        /**
+         * Returns `true` if the survey element is a page.
+         * @see Base.getType
+         */
+        get isPage(): boolean;
+        /**
+         * Returns `true` if the survey element is a panel.
+         * @see Base.getType
+         */
+        get isPanel(): boolean;
+        /**
+         * Returns `true` if the survey element is a question.
+         * @see Base.getType
+         */
+        get isQuestion(): boolean;
+        /**
+         * Returns `true` if the element is a survey.
+         * @see Base.getType
+         */
+        get isSurvey(): boolean;
         /**
          * A title for the survey element. If `title` is undefined, the `name` property value is displayed instead.
          *
@@ -12511,21 +12507,6 @@ declare module "survey-element" {
         onFirstRendering(): void;
         endLoadingFromJson(): void;
         setVisibleIndex(index: number): number;
-        /**
-         * Returns `true` if the survey element is a page.
-         * @see Base.getType
-         */
-        get isPage(): boolean;
-        /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
-         */
-        get isPanel(): boolean;
-        /**
-         * Returns `true` if the survey element is a question.
-         * @see Base.getType
-         */
-        get isQuestion(): boolean;
         delete(doDispose: boolean): void;
         locOwner: ILocalizableOwner;
         /**
@@ -16310,7 +16291,6 @@ declare module "dropdownListModel" {
         protected readonly itemSelector = ".sv-list__item";
         protected getFocusFirstInputSelector(): string;
         private itemsSettings;
-        private isRunningLoadQuestionChoices;
         protected listModel: ListModel<ItemValue>;
         protected popupCssClasses: string;
         protected listModelFilterStringChanged: (newValue: string) => void;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.5
+ * surveyjs - Survey JavaScript library v1.11.6
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1147,6 +1147,23 @@ var Action = /** @class */ (function (_super) {
         this.locTooltipChanged();
         this.locStrChangedInPopupModel();
     };
+    Action.prototype.doAction = function (args) {
+        var evt = !!args.originalEvent ? args.originalEvent : args;
+        this.action(this, evt.isTrusted);
+        evt.preventDefault();
+        evt.stopPropagation();
+        return true;
+    };
+    Action.prototype.doMouseDown = function () {
+        this.isMouseDown = true;
+    };
+    Action.prototype.doFocus = function (args) {
+        if (!!this.onFocus) {
+            var evt = !!args.originalEvent ? args.originalEvent : args;
+            this.onFocus(this.isMouseDown, evt);
+        }
+        this.isMouseDown = false;
+    };
     Action.prototype.locStrChangedInPopupModel = function () {
         if (!this.popupModel || !this.popupModel.contentComponentData || !this.popupModel.contentComponentData.model)
             return;
@@ -1227,6 +1244,9 @@ var Action = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "action", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
+    ], Action.prototype, "onFocus", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], Action.prototype, "_component", void 0);
@@ -5616,6 +5636,7 @@ var defaultV2Css = {
         titleExpanded: "sd-element__title--expanded",
         titleCollapsed: "sd-element__title--collapsed",
         titleDisabled: "sd-element__title--disabled",
+        titleHidden: "sd-element__title--hidden",
         titleOnExpand: "sd-panel__title--expanded",
         titleOnError: "sd-panel__title--error",
         titleBar: "sd-action-title-bar",
@@ -8184,7 +8205,6 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.selectedItemSelector = ".sv-list__item--selected";
         _this.itemSelector = ".sv-list__item";
         _this.itemsSettings = { skip: 0, take: 0, totalCount: 0, items: [] };
-        _this.isRunningLoadQuestionChoices = false;
         _this.popupCssClasses = "sv-single-select-list";
         _this.listModelFilterStringChanged = function (newValue) {
             if (_this.filterString !== newValue) {
@@ -8235,14 +8255,12 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.loadQuestionChoices = function (callbackAfterItemsLoaded) {
         var _this = this;
-        this.isRunningLoadQuestionChoices = true;
         this.question.survey.loadQuestionChoices({
             question: this.question,
             filter: this.filterString,
             skip: this.itemsSettings.skip,
             take: this.itemsSettings.take,
             setItems: function (items, totalCount) {
-                _this.isRunningLoadQuestionChoices = false;
                 _this.setItems(items || [], totalCount || 0);
                 _this.popupRecalculatePosition(_this.itemsSettings.skip === _this.itemsSettings.take);
                 if (!!callbackAfterItemsLoaded) {
@@ -8254,8 +8272,6 @@ var DropdownListModel = /** @class */ (function (_super) {
     };
     DropdownListModel.prototype.updateQuestionChoices = function (callbackAfterItemsLoaded) {
         var _this = this;
-        if (this.isRunningLoadQuestionChoices)
-            return;
         var isUpdate = (this.itemsSettings.skip + 1) < this.itemsSettings.totalCount;
         if (!this.itemsSettings.skip || isUpdate) {
             if (!!this.filterString && _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].dropdownSearchDelay > 0) {
@@ -9937,8 +9953,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.11.5";
-ReleaseDate = "" + "2024-07-03";
+Version = "" + "1.11.6";
+ReleaseDate = "" + "2024-07-10";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -21233,7 +21249,7 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.toJsonObjectCore = function (obj, property, options) {
         if (!obj || !obj.getType)
             return obj;
-        if (typeof obj.getData === "function")
+        if (!obj.isSurvey && typeof obj.getData === "function")
             return obj.getData();
         var result = {};
         if (property != null && !property.className) {
@@ -23817,7 +23833,7 @@ var dutchSurveyStrings = {
     choices_Item: "onderwerp",
     matrix_column: "Kolom",
     matrix_row: "Rij",
-    multipletext_itemname: "Sms",
+    multipletext_itemname: "Tekst",
     savingData: "De resultaten worden bewaard op de server...",
     savingDataError: "Er was een probleem en we konden de resultaten niet bewaren.",
     savingDataSuccess: "De resultaten werden succesvol bewaard!",
@@ -31942,6 +31958,8 @@ var InputMaskNumeric = /** @class */ (function (_super) {
     InputMaskNumeric.prototype.validateNumber = function (number, matchWholeMask) {
         var min = this.min || Number.MIN_SAFE_INTEGER;
         var max = this.max || Number.MAX_SAFE_INTEGER;
+        if (this.numericalCompositionIsEmpty(number))
+            return true;
         if (this.min !== undefined || this.max !== undefined) {
             var value = this.convertNumber(number);
             if (Number.isNaN(value)) {
@@ -35186,7 +35204,7 @@ var PanelModel = /** @class */ (function (_super) {
         var _this = this;
         var locTitleValue = _super.prototype.createLocTitleProperty.call(this);
         locTitleValue.onGetTextCallback = function (text) {
-            if (!text && (_this.state !== "default")) {
+            if (!text && (_this.state !== "default" || (_this.isDesignMode && _this.isDefaultV2Theme))) {
                 text = _this.name;
             }
             return text;
@@ -35349,7 +35367,10 @@ var PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "cssTitle", {
         get: function () {
-            return this.getCssTitle(this.cssClasses.panel);
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
+                .append(this.getCssTitle(this.cssClasses.panel))
+                .append(this.cssClasses.panel.titleHidden, !this.title && this.isDesignMode)
+                .toString();
         },
         enumerable: false,
         configurable: true
@@ -54564,14 +54585,17 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         var _this = this;
         duplicatedRows.forEach(function (row) {
             var question = row.getQuestionByName(columnName);
-            if (!question && _this.detailPanel.getQuestionByName(columnName)) {
+            var inDetailPanel = _this.detailPanel.getQuestionByName(columnName);
+            if (!question && inDetailPanel) {
                 row.showDetailPanel();
                 if (row.detailPanel) {
                     question = row.detailPanel.getQuestionByName(columnName);
                 }
             }
             if (question) {
-                row.showDetailPanel();
+                if (inDetailPanel) {
+                    row.showDetailPanel();
+                }
                 _this.addDuplicationError(question);
             }
         });
@@ -61673,9 +61697,10 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         return -1;
     };
-    QuestionPanelDynamicModel.prototype.getPanelIndexById = function (id) {
-        for (var i = 0; i < this.panelsCore.length; i++) {
-            if (this.panelsCore[i].id === id)
+    QuestionPanelDynamicModel.prototype.getPanelVisibleIndexById = function (id) {
+        var visPanels = this.visiblePanelsCore;
+        for (var i = 0; i < visPanels.length; i++) {
+            if (visPanels[i].id === id)
                 return i;
         }
         return -1;
@@ -62590,14 +62615,14 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return options.title;
         };
         locTitle.sharedData = this.locTemplateTabTitle;
-        var isActive = this.getPanelIndexById(panel.id) === this.currentIndex;
+        var isActive = this.getPanelVisibleIndexById(panel.id) === this.currentIndex;
         var newItem = new _actions_action__WEBPACK_IMPORTED_MODULE_11__["Action"]({
             id: panel.id,
             pressed: isActive,
             locTitle: locTitle,
             disableHide: isActive,
             action: function () {
-                _this.currentIndex = _this.getPanelIndexById(newItem.id);
+                _this.currentIndex = _this.getPanelVisibleIndexById(newItem.id);
             }
         });
         return newItem;
@@ -63274,6 +63299,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.onSurveyLoad = function () {
         this.blockAnimations();
         _super.prototype.onSurveyLoad.call(this);
+        this.updateRankingChoices();
         this.releaseAnimations();
     };
     QuestionRankingModel.prototype.addToValueByVisibleChoices = function () {
@@ -67740,7 +67766,7 @@ var SurveyActionBarItem = /** @class */ (function (_super) {
         var title = this.item.tooltip || this.item.title;
         var buttonContent = this.renderButtonContent();
         var tabIndex = this.item.disableTabStop ? -1 : undefined;
-        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
+        var button = Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: function () { return _this.item.doMouseDown(); }, onFocus: function (args) { return _this.item.doFocus(args); }, onClick: function (args) { return _this.item.doAction(args); }, title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
         return button;
     };
     return SurveyActionBarItem;
@@ -72967,7 +72993,7 @@ function attachKey2click(element, viewModel, options) {
             return false;
         },
         onKeyDown: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickDown"])(evt, options); },
-        onBlur: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickBlur"])(evt); }
+        onBlur: function (evt) { return Object(survey_core__WEBPACK_IMPORTED_MODULE_1__["doKey2ClickBlur"])(evt); },
     });
 }
 
@@ -78984,6 +79010,42 @@ var SurveyElementCore = /** @class */ (function (_super) {
     SurveyElementCore.prototype.createLocTitleProperty = function () {
         return this.createLocalizableString("title", this, true);
     };
+    Object.defineProperty(SurveyElementCore.prototype, "isPage", {
+        /**
+         * Returns `true` if the survey element is a page.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isPanel", {
+        /**
+         * Returns `true` if the survey element is a panel.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isQuestion", {
+        /**
+         * Returns `true` if the survey element is a question.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElementCore.prototype, "isSurvey", {
+        /**
+         * Returns `true` if the element is a survey.
+         * @see Base.getType
+         */
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyElementCore.prototype, "title", {
         /**
          * A title for the survey element. If `title` is undefined, the `name` property value is displayed instead.
@@ -79815,39 +79877,6 @@ var SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.setVisibleIndex = function (index) {
         return 0;
     };
-    Object.defineProperty(SurveyElement.prototype, "isPage", {
-        /**
-         * Returns `true` if the survey element is a page.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyElement.prototype, "isPanel", {
-        /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyElement.prototype, "isQuestion", {
-        /**
-         * Returns `true` if the survey element is a question.
-         * @see Base.getType
-         */
-        get: function () {
-            return false;
-        },
-        enumerable: false,
-        configurable: true
-    });
     SurveyElement.prototype.delete = function (doDispose) { };
     /**
      * Returns the survey's [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
@@ -83733,6 +83762,30 @@ var SurveyModel = /** @class */ (function (_super) {
         this.runConditions();
         this.updateAllQuestionsValue(clearData);
     };
+    Object.defineProperty(SurveyModel.prototype, "isSurvey", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Returns an object with survey results.
+     *
+     * If you want to get a survey results object that mirrors the survey structure, call the `getData()` method with an object that has the `includePages` and `includePanels` properties enabled. Without this object, the `getData()` method returns the [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) property value.
+     *
+     * ```js
+     * import { Model } from "survey-core";
+     *
+     * const surveyJson = { ... };
+     * const survey = new Model(surveyJson);
+     * survey.getData({ includePages: true, includePanels: true });
+     * ```
+     */
+    SurveyModel.prototype.getData = function (options) {
+        var opt = options || { includePages: false, includePanels: false };
+        if (!opt.includePages && !opt.includePanels)
+            return this.data;
+        return this.getStructuredData(!!opt.includePages, !opt.includePanels ? (opt.includePages ? 1 : 0) : -1);
+    };
     SurveyModel.prototype.getStructuredData = function (includePages, level) {
         if (includePages === void 0) { includePages = true; }
         if (level === void 0) { level = -1; }