survey-react-ui 1.11.4 → 1.11.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.11.4",
+  "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",
@@ -21,7 +21,7 @@
   },
   "typings": "survey-react-ui.d.ts",
   "peerDependencies": {
-    "survey-core": "1.11.4",
+    "survey-core": "1.11.6",
     "react": "^16.5.0 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.2.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.4
+ * 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)
  */
@@ -328,6 +328,13 @@ var BaseAction = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseAction.prototype, "hasSubItems", {
+        get: function () {
+            return !!this.items && this.items.length > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
     BaseAction.prototype.getActionBarItemTitleCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.itemTitle)
@@ -514,11 +521,13 @@ var Action = /** @class */ (function (_super) {
     Action.prototype.createLocTitle = function () {
         return this.createLocalizableString("title", this, true);
     };
-    Action.prototype.setItems = function (items, onSelectionChanged) {
+    Action.prototype.setSubItems = function (options) {
         this.markerIconName = "icon-next_16x16";
         this.component = "sv-list-item-group";
-        this.items = __spreadArray([], items);
-        var popupModel = createPopupModelWithListModel({ items: items, onSelectionChanged: onSelectionChanged, searchEnabled: false }, { horizontalPosition: "right", showPointer: false, canShrink: false });
+        this.items = __spreadArray([], options.items);
+        var listOptions = Object.assign({}, options);
+        listOptions.searchEnabled = false;
+        var popupModel = createPopupModelWithListModel(listOptions, { horizontalPosition: "right", showPointer: false, canShrink: false });
         popupModel.cssClass = "sv-popup-inner";
         this.popupModel = popupModel;
     };
@@ -557,6 +566,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;
@@ -637,6 +663,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);
@@ -1069,9 +1098,6 @@ var ActionContainer = /** @class */ (function (_super) {
                 itemValue.showPopupDelayed(_this.subItemsShowDelay);
                 _this.popupAfterShowCallback(itemValue);
             }
-            else if (!!action.popupModel && action.popupModel.isVisible) {
-                action.hidePopupDelayed(_this.subItemsHideDelay);
-            }
         });
     };
     ActionContainer.prototype.initResponsivityManager = function (container, delayedUpdateFunction) {
@@ -3777,7 +3803,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.11.4", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.11.6", "survey-react-ui");
 
 
 /***/ }),
@@ -10391,7 +10417,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) {
@@ -10717,6 +10743,7 @@ var defaultListCss = {
     searchClearButtonIcon: "sv-list__filter-clear-button",
     loadingIndicator: "sv-list__loading-indicator",
     itemSelected: "sv-list__item--selected",
+    itemGroup: "sv-list__item--group",
     itemWithIcon: "sv-list__item--with-icon",
     itemDisabled: "sv-list__item--disabled",
     itemFocused: "sv-list__item--focused",
@@ -10782,6 +10809,7 @@ var ListModel = /** @class */ (function (_super) {
                 .append(_this.cssClasses.itemDisabled, _this.isItemDisabled(itemValue))
                 .append(_this.cssClasses.itemFocused, _this.isItemFocused(itemValue))
                 .append(_this.cssClasses.itemSelected, _this.isItemSelected(itemValue))
+                .append(_this.cssClasses.itemGroup, itemValue.hasSubItems)
                 .append(_this.cssClasses.itemHovered, itemValue.isHovered)
                 .append(_this.cssClasses.itemTextWrap, _this.textWrapEnabled)
                 .append(itemValue.css)
@@ -12507,7 +12535,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;
@@ -14816,7 +14844,7 @@ var RatingItem = /** @class */ (function (_super) {
         var itemText = this.renderLocString(this.item.locText);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.itemText }, itemText)));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.itemText, "data-text": this.item.text }, itemText)));
     };
     RatingItem.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
@@ -17568,7 +17596,7 @@ var Survey = /** @class */ (function (_super) {
         }
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
             this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgbundle__WEBPACK_IMPORTED_MODULE_10__["SvgBundleComponent"], null) : null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.wrapperFormCss },
                 backgroundImage,
@@ -17747,7 +17775,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); },
     });
 }
 
@@ -18605,7 +18633,7 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
         var itemLabel = !this.hideCaption ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.controlLabel }, this.renderLocString(this.item.locText, this.textStyle)) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: itemClass, role: "presentation" },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { className: labelClass },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", role: "option", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { className: this.cssClasses.itemControl, type: "checkbox", name: this.question.name + this.item.id, value: this.item.value, id: id, style: this.inputStyle, disabled: !this.question.getItemEnabled(this.item), readOnly: this.question.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, required: this.question.hasRequiredError() }),
                 this.cssClasses.materialDecorator ?
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
                         react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
@@ -18755,7 +18783,7 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
             var comment = this.getComment() || "";
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, comment);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, ref: function (textarea) { return (_this.setControl(textarea)); }, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onBlur: function (e) { _this.onCommentChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, ref: function (textarea) { return (_this.setControl(textarea)); }, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), rows: question.commentAreaRows, placeholder: this.getPlaceholder(), onBlur: function (e) { _this.onCommentChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
     };
     return SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -22922,11 +22950,18 @@ var settings = {
      */
     ratingMaximumRateValueCount: 20,
     /**
-     * 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.
+     * Specifies whether to close the drop-down menu of a [Multi-Select Dropdown (Tag Box)](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.
+     * This setting applies to all Multi-Select Dropdown questions on a web 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 Multi-Select Dropdown question.
      */
     tagboxCloseOnSelect: false,
+    /**
+     * A time interval in milliseconds between the last entered character and the beginning of search in [Single-](https://surveyjs.io/form-library/examples/create-dropdown-menu-in-javascript/) and [Multi-Select Dropdown](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) questions. Applies only to questions with the [`choicesLazyLoadEnabled`](https://surveyjs.io/form-library/documentation/api-reference/dropdown-menu-model#choicesLazyLoadEnabled) property set to `true`.
+     *
+     * Default value: 500
+     *
+     * [View Demo](https://surveyjs.io/form-library/examples/lazy-loading-dropdown/ (linkStyle))
+     */
     dropdownSearchDelay: 500,
     /**
      * A function that activates a browser confirm dialog.
@@ -23314,6 +23349,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.
@@ -24145,39 +24216,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).
@@ -24741,6 +24779,7 @@ var surveyLocalization = {
     defaultLocaleValue: "en",
     locales: {},
     localeNames: {},
+    localeDirections: {},
     supportedLocales: [],
     get currentLocale() {
         return this.currentLocaleValue === this.defaultLocaleValue ? "" : this.currentLocaleValue;