survey-react-ui 1.12.7 → 1.12.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/survey-react-ui.js +132 -46
- package/survey-react-ui.js.map +1 -1
- package/survey-react-ui.min.js +2 -2
- package/typings/packages/survey-react-ui/entries/react-ui-model.d.ts +1 -0
- package/typings/packages/survey-react-ui/src/components/popup/popup-modal.d.ts +23 -0
- package/typings/packages/survey-react-ui/src/components/popup/popup.d.ts +1 -3
- package/typings/packages/survey-react-ui/src/components/title/title-element.d.ts +1 -0
- package/typings/packages/survey-react-ui/src/dropdown-base.d.ts +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "survey-react-ui",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.9",
|
|
4
4
|
"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.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Survey",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
"typings": "./typings/src/entries/react-ui.d.ts",
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"survey-core": "1.12.
|
|
24
|
+
"survey-core": "1.12.9",
|
|
25
25
|
"react": "^16.5.0 || ^17.0.1 || ^18.2.0",
|
|
26
26
|
"react-dom": "^16.5.0 || ^17.0.1 || ^18.2.0"
|
|
27
27
|
}
|
package/survey-react-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.12.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.12.9
|
|
3
3
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -103,9 +103,9 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
|
103
103
|
|
|
104
104
|
/***/ "./src/entries/react-ui.ts":
|
|
105
105
|
/*!**********************************************!*\
|
|
106
|
-
!*** ./src/entries/react-ui.ts +
|
|
106
|
+
!*** ./src/entries/react-ui.ts + 99 modules ***!
|
|
107
107
|
\**********************************************/
|
|
108
|
-
/*! exports provided: 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, Model, settings, surveyLocalization, surveyStrings */
|
|
108
|
+
/*! exports provided: 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, PopupModal, SurveyModel, SurveyWindowModel, Model, settings, surveyLocalization, surveyStrings */
|
|
109
109
|
/*! ModuleConcatenation bailout: Cannot concat with external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} (<- Module is not an ECMAScript module) */
|
|
110
110
|
/*! ModuleConcatenation bailout: Cannot concat with external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"} (<- Module is not an ECMAScript module) */
|
|
111
111
|
/*! ModuleConcatenation bailout: Cannot concat with external {"root":"Survey","commonjs2":"survey-core","commonjs":"survey-core","amd":"survey-core"} (<- Module is not an ECMAScript module) */
|
|
@@ -218,6 +218,7 @@ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() {
|
|
|
218
218
|
__webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return /* reexport */ string_editor_SurveyLocStringEditor; });
|
|
219
219
|
__webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return /* reexport */ loading_indicator_LoadingIndicatorComponent; });
|
|
220
220
|
__webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return /* reexport */ svgbundle_SvgBundleComponent; });
|
|
221
|
+
__webpack_require__.d(__webpack_exports__, "PopupModal", function() { return /* reexport */ popup_modal_PopupModal; });
|
|
221
222
|
__webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyModel"]; });
|
|
222
223
|
__webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyWindowModel"]; });
|
|
223
224
|
__webpack_require__.d(__webpack_exports__, "Model", function() { return /* reexport */ external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["SurveyModel"]; });
|
|
@@ -800,10 +801,13 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
|
|
|
800
801
|
el.focusIn();
|
|
801
802
|
}
|
|
802
803
|
};
|
|
803
|
-
return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef },
|
|
804
|
+
return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
|
|
804
805
|
};
|
|
805
806
|
SurveyRowElement.prototype.createElement = function (element, elementIndex) {
|
|
806
807
|
var index = elementIndex ? "-" + elementIndex : 0;
|
|
808
|
+
if (!this.row.isNeedRender) {
|
|
809
|
+
return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { key: element.name + index, element: element, css: this.css, });
|
|
810
|
+
}
|
|
807
811
|
var elementType = element.getType();
|
|
808
812
|
if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
|
|
809
813
|
elementType = "question";
|
|
@@ -1257,10 +1261,6 @@ ReactElementFactory.Instance.registerElement("sv-action-bar-item", function (pro
|
|
|
1257
1261
|
return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(action_bar_item_SurveyActionBarItem, props);
|
|
1258
1262
|
});
|
|
1259
1263
|
|
|
1260
|
-
// EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"}
|
|
1261
|
-
var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_ = __webpack_require__("react-dom");
|
|
1262
|
-
var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default = /*#__PURE__*/__webpack_require__.n(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_);
|
|
1263
|
-
|
|
1264
1264
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/popup/popup.tsx
|
|
1265
1265
|
var popup_extends = (undefined && undefined.__extends) || (function () {
|
|
1266
1266
|
var extendStatics = function (d, b) {
|
|
@@ -1282,7 +1282,6 @@ var popup_extends = (undefined && undefined.__extends) || (function () {
|
|
|
1282
1282
|
|
|
1283
1283
|
|
|
1284
1284
|
|
|
1285
|
-
|
|
1286
1285
|
var popup_Popup = /** @class */ (function (_super) {
|
|
1287
1286
|
popup_extends(Popup, _super);
|
|
1288
1287
|
function Popup(props) {
|
|
@@ -1449,41 +1448,6 @@ var popup_PopupDropdownContainer = /** @class */ (function (_super) {
|
|
|
1449
1448
|
return PopupDropdownContainer;
|
|
1450
1449
|
}(popup_PopupContainer));
|
|
1451
1450
|
|
|
1452
|
-
// replace to showDialog then delete
|
|
1453
|
-
function showModal(componentName, data, onApply, onCancel, cssClass, title, displayMode) {
|
|
1454
|
-
if (displayMode === void 0) { displayMode = "popup"; }
|
|
1455
|
-
var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
|
|
1456
|
-
return showDialog(options);
|
|
1457
|
-
}
|
|
1458
|
-
function showDialog(dialogOptions, rootElement) {
|
|
1459
|
-
var popupViewModel = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
|
|
1460
|
-
var onVisibilityChangedCallback = function (_, options) {
|
|
1461
|
-
if (!options.isVisible) {
|
|
1462
|
-
if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
|
|
1463
|
-
if (!!root) {
|
|
1464
|
-
root.unmount();
|
|
1465
|
-
}
|
|
1466
|
-
}
|
|
1467
|
-
else {
|
|
1468
|
-
external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.unmountComponentAtNode(popupViewModel.container);
|
|
1469
|
-
}
|
|
1470
|
-
popupViewModel.dispose();
|
|
1471
|
-
}
|
|
1472
|
-
};
|
|
1473
|
-
popupViewModel.onVisibilityChanged.add(onVisibilityChangedCallback);
|
|
1474
|
-
var root;
|
|
1475
|
-
if (typeof external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot == "function") {
|
|
1476
|
-
root = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.createRoot(popupViewModel.container);
|
|
1477
|
-
root.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }));
|
|
1478
|
-
}
|
|
1479
|
-
else {
|
|
1480
|
-
external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default.a.render(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: popupViewModel }), popupViewModel.container);
|
|
1481
|
-
}
|
|
1482
|
-
popupViewModel.model.isVisible = true;
|
|
1483
|
-
return popupViewModel;
|
|
1484
|
-
}
|
|
1485
|
-
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = showModal;
|
|
1486
|
-
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = showDialog;
|
|
1487
1451
|
|
|
1488
1452
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx
|
|
1489
1453
|
var action_bar_item_dropdown_extends = (undefined && undefined.__extends) || (function () {
|
|
@@ -1775,6 +1739,7 @@ var title_element_extends = (undefined && undefined.__extends) || (function () {
|
|
|
1775
1739
|
|
|
1776
1740
|
|
|
1777
1741
|
|
|
1742
|
+
|
|
1778
1743
|
var title_element_TitleElement = /** @class */ (function (_super) {
|
|
1779
1744
|
title_element_extends(TitleElement, _super);
|
|
1780
1745
|
function TitleElement(props) {
|
|
@@ -1787,11 +1752,18 @@ var title_element_TitleElement = /** @class */ (function (_super) {
|
|
|
1787
1752
|
enumerable: false,
|
|
1788
1753
|
configurable: true
|
|
1789
1754
|
});
|
|
1755
|
+
TitleElement.prototype.renderTitleExpandableSvg = function () {
|
|
1756
|
+
if (!this.element.getCssTitleExpandableSvg())
|
|
1757
|
+
return null;
|
|
1758
|
+
var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
|
|
1759
|
+
return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: 16 });
|
|
1760
|
+
};
|
|
1790
1761
|
TitleElement.prototype.render = function () {
|
|
1791
1762
|
var element = this.element;
|
|
1792
1763
|
if (!element || !element.hasTitle)
|
|
1793
1764
|
return null;
|
|
1794
1765
|
var ariaLabel = element.titleAriaLabel || undefined;
|
|
1766
|
+
var titleExpandableSvg = this.renderTitleExpandableSvg();
|
|
1795
1767
|
var titleContent = (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(title_actions_TitleActions, { element: element, cssClasses: element.cssClasses }));
|
|
1796
1768
|
var onClick = undefined;
|
|
1797
1769
|
var onKeyUp = undefined;
|
|
@@ -1801,7 +1773,9 @@ var title_element_TitleElement = /** @class */ (function (_super) {
|
|
|
1801
1773
|
};
|
|
1802
1774
|
}
|
|
1803
1775
|
var CustomTag = element.titleTagName;
|
|
1804
|
-
return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp },
|
|
1776
|
+
return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp },
|
|
1777
|
+
titleExpandableSvg,
|
|
1778
|
+
titleContent));
|
|
1805
1779
|
};
|
|
1806
1780
|
return TitleElement;
|
|
1807
1781
|
}(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Component));
|
|
@@ -2854,6 +2828,110 @@ var svgbundle_SvgBundleComponent = /** @class */ (function (_super) {
|
|
|
2854
2828
|
}(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Component));
|
|
2855
2829
|
|
|
2856
2830
|
|
|
2831
|
+
// EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom"}
|
|
2832
|
+
var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_ = __webpack_require__("react-dom");
|
|
2833
|
+
|
|
2834
|
+
// CONCATENATED MODULE: ./packages/survey-react-ui/src/components/popup/popup-modal.tsx
|
|
2835
|
+
var popup_modal_extends = (undefined && undefined.__extends) || (function () {
|
|
2836
|
+
var extendStatics = function (d, b) {
|
|
2837
|
+
extendStatics = Object.setPrototypeOf ||
|
|
2838
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
2839
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
2840
|
+
return extendStatics(d, b);
|
|
2841
|
+
};
|
|
2842
|
+
return function (d, b) {
|
|
2843
|
+
if (typeof b !== "function" && b !== null)
|
|
2844
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
2845
|
+
extendStatics(d, b);
|
|
2846
|
+
function __() { this.constructor = d; }
|
|
2847
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
2848
|
+
};
|
|
2849
|
+
})();
|
|
2850
|
+
|
|
2851
|
+
|
|
2852
|
+
|
|
2853
|
+
|
|
2854
|
+
|
|
2855
|
+
var popup_modal_PopupModal = /** @class */ (function (_super) {
|
|
2856
|
+
popup_modal_extends(PopupModal, _super);
|
|
2857
|
+
function PopupModal(props) {
|
|
2858
|
+
var _this = _super.call(this, props) || this;
|
|
2859
|
+
_this.isInitialized = false;
|
|
2860
|
+
_this.init = function () {
|
|
2861
|
+
if (!_this.isInitialized) {
|
|
2862
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = function (componentName, data, onApply, onCancel, cssClass, title, displayMode) {
|
|
2863
|
+
if (displayMode === void 0) { displayMode = "popup"; }
|
|
2864
|
+
var options = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createDialogOptions"])(componentName, data, onApply, onCancel, undefined, undefined, cssClass, title, displayMode);
|
|
2865
|
+
return _this.showDialog(options);
|
|
2866
|
+
};
|
|
2867
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = function (dialogOptions, rootElement) {
|
|
2868
|
+
return _this.showDialog(dialogOptions, rootElement);
|
|
2869
|
+
};
|
|
2870
|
+
_this.isInitialized = true;
|
|
2871
|
+
}
|
|
2872
|
+
};
|
|
2873
|
+
_this.clean = function () {
|
|
2874
|
+
if (_this.isInitialized) {
|
|
2875
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal = undefined;
|
|
2876
|
+
external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showDialog = undefined;
|
|
2877
|
+
_this.isInitialized = false;
|
|
2878
|
+
}
|
|
2879
|
+
};
|
|
2880
|
+
_this.state = { changed: 0 };
|
|
2881
|
+
_this.descriptor = {
|
|
2882
|
+
init: _this.init,
|
|
2883
|
+
clean: _this.clean
|
|
2884
|
+
};
|
|
2885
|
+
return _this;
|
|
2886
|
+
}
|
|
2887
|
+
PopupModal.addModalDescriptor = function (descriptor) {
|
|
2888
|
+
if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal) {
|
|
2889
|
+
descriptor.init();
|
|
2890
|
+
}
|
|
2891
|
+
this.modalDescriptors.push(descriptor);
|
|
2892
|
+
};
|
|
2893
|
+
PopupModal.removeModalDescriptor = function (descriptor) {
|
|
2894
|
+
descriptor.clean();
|
|
2895
|
+
this.modalDescriptors.splice(this.modalDescriptors.indexOf(descriptor), 1);
|
|
2896
|
+
if (!external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["settings"].showModal && this.modalDescriptors[0]) {
|
|
2897
|
+
this.modalDescriptors[0].init();
|
|
2898
|
+
}
|
|
2899
|
+
};
|
|
2900
|
+
PopupModal.prototype.renderElement = function () {
|
|
2901
|
+
if (!this.model)
|
|
2902
|
+
return null;
|
|
2903
|
+
return Object(external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_["createPortal"])(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(popup_PopupContainer, { model: this.model }), this.model.container);
|
|
2904
|
+
};
|
|
2905
|
+
PopupModal.prototype.showDialog = function (dialogOptions, rootElement) {
|
|
2906
|
+
var _this = this;
|
|
2907
|
+
this.model = Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["createPopupModalViewModel"])(dialogOptions, rootElement);
|
|
2908
|
+
var onVisibilityChangedCallback = function (_, options) {
|
|
2909
|
+
if (!options.isVisible) {
|
|
2910
|
+
_this.model.dispose();
|
|
2911
|
+
_this.model = undefined;
|
|
2912
|
+
_this.setState({ changed: _this.state.changed + 1 });
|
|
2913
|
+
}
|
|
2914
|
+
};
|
|
2915
|
+
this.model.onVisibilityChanged.add(onVisibilityChangedCallback);
|
|
2916
|
+
this.model.model.isVisible = true;
|
|
2917
|
+
this.setState({ changed: this.state.changed + 1 });
|
|
2918
|
+
return this.model;
|
|
2919
|
+
};
|
|
2920
|
+
PopupModal.prototype.componentDidMount = function () {
|
|
2921
|
+
PopupModal.addModalDescriptor(this.descriptor);
|
|
2922
|
+
};
|
|
2923
|
+
PopupModal.prototype.componentWillUnmount = function () {
|
|
2924
|
+
if (this.model) {
|
|
2925
|
+
this.model.dispose();
|
|
2926
|
+
this.model = undefined;
|
|
2927
|
+
}
|
|
2928
|
+
PopupModal.removeModalDescriptor(this.descriptor);
|
|
2929
|
+
};
|
|
2930
|
+
PopupModal.modalDescriptors = [];
|
|
2931
|
+
return PopupModal;
|
|
2932
|
+
}(reactquestion_element_SurveyElementBase));
|
|
2933
|
+
|
|
2934
|
+
|
|
2857
2935
|
// CONCATENATED MODULE: ./packages/survey-react-ui/src/reactSurvey.tsx
|
|
2858
2936
|
var reactSurvey_extends = (undefined && undefined.__extends) || (function () {
|
|
2859
2937
|
var extendStatics = function (d, b) {
|
|
@@ -2892,6 +2970,7 @@ var __assign = (undefined && undefined.__assign) || function () {
|
|
|
2892
2970
|
|
|
2893
2971
|
|
|
2894
2972
|
|
|
2973
|
+
|
|
2895
2974
|
var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
2896
2975
|
reactSurvey_extends(Survey, _super);
|
|
2897
2976
|
function Survey(props) {
|
|
@@ -2992,6 +3071,7 @@ var reactSurvey_Survey = /** @class */ (function (_super) {
|
|
|
2992
3071
|
var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
|
|
2993
3072
|
return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
|
|
2994
3073
|
this.survey.needRenderIcons ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](svgbundle_SvgBundleComponent, null) : null,
|
|
3074
|
+
external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](popup_modal_PopupModal, null),
|
|
2995
3075
|
external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.survey.wrapperFormCss },
|
|
2996
3076
|
backgroundImage,
|
|
2997
3077
|
external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("form", { onSubmit: onSubmit },
|
|
@@ -4565,6 +4645,11 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
|
|
|
4565
4645
|
_super.prototype.componentDidMount.call(this);
|
|
4566
4646
|
this.updateInputDomElement();
|
|
4567
4647
|
};
|
|
4648
|
+
SurveyQuestionDropdownBase.prototype.componentWillUnmount = function () {
|
|
4649
|
+
_super.prototype.componentWillUnmount.call(this);
|
|
4650
|
+
if (this.question.dropdownListModel)
|
|
4651
|
+
this.question.dropdownListModel.focused = false;
|
|
4652
|
+
};
|
|
4568
4653
|
SurveyQuestionDropdownBase.prototype.updateInputDomElement = function () {
|
|
4569
4654
|
if (!!this.inputElement) {
|
|
4570
4655
|
var control = this.inputElement;
|
|
@@ -9330,6 +9415,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
|
|
|
9330
9415
|
|
|
9331
9416
|
|
|
9332
9417
|
|
|
9418
|
+
|
|
9333
9419
|
|
|
9334
9420
|
|
|
9335
9421
|
//Uncomment to include the "date" question type.
|
|
@@ -9339,7 +9425,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
|
|
|
9339
9425
|
|
|
9340
9426
|
|
|
9341
9427
|
|
|
9342
|
-
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.
|
|
9428
|
+
Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.9", "survey-react-ui");
|
|
9343
9429
|
|
|
9344
9430
|
|
|
9345
9431
|
/***/ }),
|