survey-js-ui 2.3.15 → 2.4.0

package/package.json

@@ -1,17 +1,39 @@
 {
   "name": "survey-js-ui",
-  "version": "2.3.15",
-  "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.",
+  "version": "2.4.0",
+  "license": "MIT",
+  "description": "A free MIT-licensed UI component that renders dynamic, interactive JSON-based forms and surveys in apps built with HTML, CSS, and JavaScript. You can use it to collect responses from users and send them to your own database.",
+  "homepage": "https://surveyjs.io/",
+  "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "keywords": [
-    "Survey",
-    "JavaScript",
-    "Bootstrap",
-    "Library",
-    "jquery",
-    "jquery-plugin"
+    "vanilla",
+    "vanilla-js",
+    "survey",
+    "form",
+    "surveyjs",
+    "survey-library",
+    "form-component",
+    "form-rendering",
+    "survey-renderer",
+    "dynamic-form",
+    "interactive-form",
+    "form-library",
+    "form-management",
+    "questionnaire",
+    "data-collection",
+    "data-validation",
+    "form-validation",
+    "input-validation",
+    "ui-component",
+    "json",
+    "json-schema",
+    "schema-form",
+    "survey-renderer",
+    "client-side",
+    "frontend",
+    "javascript",
+    "typescript"
   ],
-  "homepage": "https://surveyjs.io/",
-  "license": "MIT",
   "files": [
     "**/*"
   ],
@@ -31,7 +53,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.3.15",
+    "survey-core": "2.4.0",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.3.15
+ * surveyjs - Survey JavaScript library v2.4.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.15
+ * surveyjs - Survey JavaScript library v2.4.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -39,7 +39,7 @@ return /******/ (() => { // webpackBootstrap
 /*!************************************!*\
   !*** ./src/images-v1/ sync \.svg$ ***!
   \************************************/
-/***/ ((module, __unused_webpack_exports, __nested_webpack_require_870__) => {
+/***/ ((module, __unused_webpack_exports, __nested_webpack_require_869__) => {
 
 var map = {
 	"./ModernBooleanCheckChecked.svg": "./src/images-v1/ModernBooleanCheckChecked.svg",
@@ -108,10 +108,10 @@ var map = {
 
 function webpackContext(req) {
 	var id = webpackContextResolve(req);
-	return __nested_webpack_require_870__(id);
+	return __nested_webpack_require_869__(id);
 }
 function webpackContextResolve(req) {
-	if(!__nested_webpack_require_870__.o(map, req)) {
+	if(!__nested_webpack_require_869__.o(map, req)) {
 		var e = new Error("Cannot find module '" + req + "'");
 		e.code = 'MODULE_NOT_FOUND';
 		throw e;
@@ -743,7 +743,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_51424__(moduleId) {
+/******/ 	function __nested_webpack_require_51423__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -757,7 +757,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_51424__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_51423__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -767,9 +767,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_51424__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_51423__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_51424__.o(definition, key) && !__nested_webpack_require_51424__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_51423__.o(definition, key) && !__nested_webpack_require_51423__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -778,13 +778,13 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_51424__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_51423__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
-/******/ 		__nested_webpack_require_51424__.r = (exports) => {
+/******/ 		__nested_webpack_require_51423__.r = (exports) => {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
@@ -800,13 +800,13 @@ var __nested_webpack_exports__ = {};
 /*!************************!*\
   !*** ./src/iconsV1.ts ***!
   \************************/
-__nested_webpack_require_51424__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_51424__.d(__nested_webpack_exports__, {
+__nested_webpack_require_51423__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_51423__.d(__nested_webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ icons)
 /* harmony export */ });
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-var path = __nested_webpack_require_51424__("./src/images-v1 sync recursive \\.svg$");
+var path = __nested_webpack_require_51423__("./src/images-v1 sync recursive \\.svg$");
 var icons = {};
 path.keys().forEach(function (key) {
     icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -830,7 +830,7 @@ path.keys().forEach(function (key) {
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.15
+ * surveyjs - Survey JavaScript library v2.4.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -846,7 +846,7 @@ return /******/ (() => { // webpackBootstrap
 /*!************************************!*\
   !*** ./src/images-v2/ sync \.svg$ ***!
   \************************************/
-/***/ ((module, __unused_webpack_exports, __nested_webpack_require_870__) => {
+/***/ ((module, __unused_webpack_exports, __nested_webpack_require_869__) => {
 
 var map = {
 	"./ModernBooleanCheckChecked.svg": "./src/images-v2/ModernBooleanCheckChecked.svg",
@@ -915,10 +915,10 @@ var map = {
 
 function webpackContext(req) {
 	var id = webpackContextResolve(req);
-	return __nested_webpack_require_870__(id);
+	return __nested_webpack_require_869__(id);
 }
 function webpackContextResolve(req) {
-	if(!__nested_webpack_require_870__.o(map, req)) {
+	if(!__nested_webpack_require_869__.o(map, req)) {
 		var e = new Error("Cannot find module '" + req + "'");
 		e.code = 'MODULE_NOT_FOUND';
 		throw e;
@@ -1550,7 +1550,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_64536__(moduleId) {
+/******/ 	function __nested_webpack_require_64535__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -1564,7 +1564,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_64536__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_64535__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -1574,9 +1574,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_64536__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_64535__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_64536__.o(definition, key) && !__nested_webpack_require_64536__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_64535__.o(definition, key) && !__nested_webpack_require_64535__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -1585,13 +1585,13 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_64536__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_64535__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
-/******/ 		__nested_webpack_require_64536__.r = (exports) => {
+/******/ 		__nested_webpack_require_64535__.r = (exports) => {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
@@ -1607,13 +1607,13 @@ var __nested_webpack_exports__ = {};
 /*!************************!*\
   !*** ./src/iconsV2.ts ***!
   \************************/
-__nested_webpack_require_64536__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_64536__.d(__nested_webpack_exports__, {
+__nested_webpack_require_64535__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_64535__.d(__nested_webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ icons)
 /* harmony export */ });
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-var path = __nested_webpack_require_64536__("./src/images-v2 sync recursive \\.svg$");
+var path = __nested_webpack_require_64535__("./src/images-v2 sync recursive \\.svg$");
 var icons = {};
 path.keys().forEach(function (key) {
     icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -2388,7 +2388,7 @@ var SurveyAction = /** @class */ (function (_super) {
         var itemComponent = _element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.createElement(this.item.component || "sv-action-bar-item", {
             item: this.item,
         });
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: itemClass, id: this.item.id, ref: this.ref },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: itemClass, id: "" + this.item.uniqueId, ref: this.ref },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-action__content" },
                 separator,
                 itemComponent)));
@@ -9925,15 +9925,18 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var video = this.question.isPlayingVideo ? this.renderVideo() : null;
         var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
         var fileNavigator = this.question.fileNavigatorVisible ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.question.fileNavigator })) : null;
+        var acceptedTypes = this.question.renderedAcceptedTypes;
+        var className = !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss();
+        var style = this.isDisplayMode ? { color: "transparent" } : {};
         var fileInput;
         if (this.question.isReadOnlyAttr) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { readOnly: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { readOnly: true, type: "file", className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: acceptedTypes });
         }
         else if (this.question.isDisabledAttr) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { disabled: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { disabled: true, type: "file", className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: acceptedTypes });
         }
         else if (this.question.hasFileUI) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: acceptedTypes, capture: this.question.renderCapture });
         }
         else {
             fileInput = null;
@@ -13764,7 +13767,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.3.15"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.4.0"), "survey-js-ui");
 
 })();