survey-js-ui 1.12.3 → 1.12.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "1.12.3",
+  "version": "1.12.5",
   "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",
@@ -23,7 +23,7 @@
   "typings": "./typings/src/entries/js-ui.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "1.12.3",
+    "survey-core": "1.12.5",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.3
+ * surveyjs - Survey JavaScript library v1.12.5
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -103,7 +103,7 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /***/ "./src/entries/js-ui.ts":
 /*!********************************************!*\
-  !*** ./src/entries/js-ui.ts + 100 modules ***!
+  !*** ./src/entries/js-ui.ts + 102 modules ***!
   \********************************************/
 /*! exports provided: useState, useId, useReducer, useEffect, useLayoutEffect, useInsertionEffect, useTransition, useDeferredValue, useSyncExternalStore, startTransition, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, version, Children, render, hydrate, unmountComponentAtNode, createPortal, createElement, createContext, createFactory, cloneElement, createRef, Fragment, isValidElement, isFragment, isMemo, findDOMNode, Component, PureComponent, memo, forwardRef, flushSync, unstable_batchedUpdates, StrictMode, Suspense, SuspenseList, lazy, renderSurvey, renderPopupSurvey, preact, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, ListItemContent, ListItemGroup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent, SurveyModel, SurveyWindowModel, settings, surveyLocalization, surveyStrings, Model */
 /*! ModuleConcatenation bailout: Cannot concat with external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"} (<- Module is not an ECMAScript module) */
@@ -549,7 +549,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.makeBaseElementsReact = function () {
         var els = this.getStateElements();
         for (var i = 0; i < els.length; i++) {
-            els[i].enableOnElementRenderedEvent();
+            els[i].enableOnElementRerenderedEvent();
             this.makeBaseElementReact(els[i]);
         }
     };
@@ -561,7 +561,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.prototype.disableStateElementsRerenderEvent = function (els) {
         els.forEach(function (el) {
-            el.disableOnElementRenderedEvent();
+            el.disableOnElementRerenderedEvent();
         });
     };
     SurveyElementBase.prototype.getStateElements = function () {
@@ -1148,7 +1148,7 @@ var panel_base_SurveyPanelBase = /** @class */ (function (_super) {
         var el = this.rootRef.current;
         if (el && this.survey) {
             if (this.panelBase.isPanel) {
-                this.survey.afterRenderPanel(this.panelBase, el);
+                this.panelBase.afterRender(el);
             }
             else {
                 this.survey.afterRenderPage(el);
@@ -1488,12 +1488,11 @@ var popup_PopupContainer = /** @class */ (function (_super) {
             }, onClick: function (ev) {
                 _this.clickInside(ev);
             } },
-            Rn.createElement("div", { className: "sv-popup__shadow" },
-                headerPopup,
-                Rn.createElement("div", { className: "sv-popup__body-content" },
-                    headerContent,
-                    Rn.createElement("div", { className: "sv-popup__scrolling-content" }, content),
-                    footerContent))));
+            headerPopup,
+            Rn.createElement("div", { className: "sv-popup__body-content" },
+                headerContent,
+                Rn.createElement("div", { className: "sv-popup__scrolling-content" }, content),
+                footerContent)));
     };
     PopupContainer.prototype.renderHeaderContent = function () {
         return Rn.createElement("div", { className: "sv-popup__body-header" }, this.model.title);
@@ -5373,6 +5372,120 @@ ReactQuestionFactory.Instance.registerQuestion("file", function (props) {
     return preact_module_(reactquestion_file_SurveyQuestionFile, props);
 });
 
+// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-item.tsx
+var file_item_extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var file_item_SurveyFileItem = /** @class */ (function (_super) {
+    file_item_extends(SurveyFileItem, _super);
+    function SurveyFileItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(SurveyFileItem.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyFileItem.prototype, "item", {
+        get: function () {
+            return this.props.item;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyFileItem.prototype.renderFileSign = function (className, val) {
+        var _this = this;
+        if (!className || !val.name)
+            return null;
+        return (Rn.createElement("div", { className: className },
+            Rn.createElement("a", { href: val.content, onClick: function (event) {
+                    _this.question.doDownloadFile(event, val);
+                }, title: val.name, download: val.name, style: { width: this.question.imageWidth } }, val.name)));
+    };
+    SurveyFileItem.prototype.renderElement = function () {
+        var _this = this;
+        var val = this.item;
+        return (Rn.createElement("span", { className: this.question.cssClasses.previewItem, onClick: function (event) { return _this.question.doDownloadFileFromContainer(event); } },
+            this.renderFileSign(this.question.cssClasses.fileSign, val),
+            Rn.createElement("div", { className: this.question.getImageWrapperCss(val) },
+                this.question.canPreviewImage(val) ? (Rn.createElement("img", { src: val.content, style: { height: this.question.imageHeight, width: this.question.imageWidth }, alt: "File preview" })) : (this.question.cssClasses.defaultImage ? (Rn.createElement(svg_icon_SvgIcon, { iconName: this.question.cssClasses.defaultImageIconId, size: "auto", className: this.question.cssClasses.defaultImage })) : null),
+                val.name && !this.question.isReadOnly ? (Rn.createElement("div", { className: this.question.getRemoveButtonCss(), onClick: function (event) { return _this.question.doRemoveFile(val, event); } },
+                    Rn.createElement("span", { className: this.question.cssClasses.removeFile }, this.question.removeFileCaption),
+                    (this.question.cssClasses.removeFileSvgIconId) ?
+                        (Rn.createElement(svg_icon_SvgIcon, { title: this.question.removeFileCaption, iconName: this.question.cssClasses.removeFileSvgIconId, size: "auto", className: this.question.cssClasses.removeFileSvg })) : null)) : null),
+            this.renderFileSign(this.question.cssClasses.fileSignBottom, val)));
+    };
+    SurveyFileItem.prototype.canRender = function () {
+        return this.question.showPreviewContainer;
+    };
+    return SurveyFileItem;
+}(reactquestion_element_SurveyElementBase));
+
+
+// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-page.tsx
+var file_page_extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var file_page_SurveyFilePage = /** @class */ (function (_super) {
+    file_page_extends(SurveyFilePage, _super);
+    function SurveyFilePage() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(SurveyFilePage.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyFilePage.prototype, "page", {
+        get: function () {
+            return this.props.page;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyFilePage.prototype.renderElement = function () {
+        var _this = this;
+        var items = this.page.items.map(function (item, index) { return (Rn.createElement(file_item_SurveyFileItem, { item: item, question: _this.question, key: index })); });
+        return (Rn.createElement("div", { className: this.page.css, id: this.page.id }, items));
+    };
+    return SurveyFilePage;
+}(reactquestion_element_SurveyElementBase));
+
+
 // CONCATENATED MODULE: ./packages/survey-react-ui/src/components/file/file-preview.tsx
 var file_preview_extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -5393,6 +5506,7 @@ var file_preview_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var file_preview_SurveyFilePreview = /** @class */ (function (_super) {
     file_preview_extends(SurveyFilePreview, _super);
     function SurveyFilePreview() {
@@ -5416,20 +5530,9 @@ var file_preview_SurveyFilePreview = /** @class */ (function (_super) {
     };
     SurveyFilePreview.prototype.renderElement = function () {
         var _this = this;
-        var previews = this.question.previewValue.map(function (val, index) {
-            if (!val)
-                return null;
-            return (Rn.createElement("span", { key: _this.question.inputId + "_" + index, className: _this.question.cssClasses.previewItem, onClick: function (event) { return _this.question.doDownloadFileFromContainer(event); }, style: { display: _this.question.isPreviewVisible(index) ? undefined : "none" } },
-                _this.renderFileSign(_this.question.cssClasses.fileSign, val),
-                Rn.createElement("div", { className: _this.question.getImageWrapperCss(val) },
-                    _this.question.canPreviewImage(val) ? (Rn.createElement("img", { src: val.content, style: { height: _this.question.imageHeight, width: _this.question.imageWidth }, alt: "File preview" })) : (_this.question.cssClasses.defaultImage ? (Rn.createElement(svg_icon_SvgIcon, { iconName: _this.question.cssClasses.defaultImageIconId, size: "auto", className: _this.question.cssClasses.defaultImage })) : null),
-                    val.name && !_this.question.isReadOnly ? (Rn.createElement("div", { className: _this.question.getRemoveButtonCss(), onClick: function (event) { return _this.question.doRemoveFile(val, event); } },
-                        Rn.createElement("span", { className: _this.question.cssClasses.removeFile }, _this.question.removeFileCaption),
-                        (_this.question.cssClasses.removeFileSvgIconId) ?
-                            (Rn.createElement(svg_icon_SvgIcon, { title: _this.question.removeFileCaption, iconName: _this.question.cssClasses.removeFileSvgIconId, size: "auto", className: _this.question.cssClasses.removeFileSvg })) : null)) : null),
-                _this.renderFileSign(_this.question.cssClasses.fileSignBottom, val)));
-        });
-        return Rn.createElement("div", { className: this.question.cssClasses.fileList || undefined }, previews);
+        var content = this.question.supportFileNavigator ? this.question.renderedPages.map(function (page, index) { return (Rn.createElement(file_page_SurveyFilePage, { page: page, question: _this.question, key: page.id })); })
+            : this.question.previewValue.map(function (item, index) { return (Rn.createElement(file_item_SurveyFileItem, { item: item, question: _this.question, key: index })); });
+        return Rn.createElement("div", { className: this.question.cssClasses.fileList || undefined }, content);
     };
     SurveyFilePreview.prototype.canRender = function () {
         return this.question.showPreviewContainer;
@@ -9011,8 +9114,8 @@ var skeleton_Skeleton = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     Skeleton.prototype.render = function () {
-        var _a;
-        return (Rn.createElement("div", { className: "sv-skeleton-element", id: (_a = this.props.element) === null || _a === void 0 ? void 0 : _a.id }));
+        var _a, _b;
+        return (Rn.createElement("div", { className: "sv-skeleton-element", id: (_a = this.props.element) === null || _a === void 0 ? void 0 : _a.id, style: { height: (_b = this.props.element) === null || _b === void 0 ? void 0 : _b.skeletonHeight } }));
     };
     return Skeleton;
 }(Rn.Component));
@@ -9382,7 +9485,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.3", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.5", "survey-js-ui");
 
 
 /***/ }),