survey-creator-react 1.12.4 → 1.12.6
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 +4 -4
- package/survey-creator-react.js +67 -73
- package/survey-creator-react.js.map +1 -1
- package/survey-creator-react.min.js +1 -1
- package/survey-creator-react.min.js.LICENSE.txt +1 -1
- package/typings/SurveyCreator.d.ts +1 -1
- package/typings/TabbedMenu.d.ts +4 -4
- package/typings/adorners/Page.d.ts +1 -1
- package/typings/adorners/Question.d.ts +1 -3
- package/typings/toolbox/ToolboxItem.d.ts +9 -3
- package/typings/toolbox/ToolboxItemGroup.d.ts +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "survey-creator-react",
|
|
3
|
-
"version": "1.12.
|
|
3
|
+
"version": "1.12.6",
|
|
4
4
|
"description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Survey",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"ace-builds": "^1.4.12",
|
|
30
30
|
"react": "^16.5.0 || ^17.0.1 || ^18.1.0",
|
|
31
31
|
"react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0",
|
|
32
|
-
"survey-core": "1.12.
|
|
33
|
-
"survey-react-ui": "1.12.
|
|
34
|
-
"survey-creator-core": "1.12.
|
|
32
|
+
"survey-core": "1.12.6",
|
|
33
|
+
"survey-react-ui": "1.12.6",
|
|
34
|
+
"survey-creator-core": "1.12.6"
|
|
35
35
|
},
|
|
36
36
|
"peerDependenciesMeta": {
|
|
37
37
|
"ace-builds": {
|
package/survey-creator-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator React v1.12.
|
|
2
|
+
* SurveyJS Creator React v1.12.6
|
|
3
3
|
* (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
@@ -196,9 +196,6 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
196
196
|
};
|
|
197
197
|
ImageItemValueAdornerComponent.prototype.render = function () {
|
|
198
198
|
var _this = this;
|
|
199
|
-
// if (this.model.question.isDragged) {
|
|
200
|
-
// return null;
|
|
201
|
-
// }
|
|
202
199
|
this.model.item = this.props.item;
|
|
203
200
|
var isNew = !this.props.question.isItemInList(this.props.item);
|
|
204
201
|
this.model.isNew = isNew;
|
|
@@ -309,9 +306,6 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
|
|
|
309
306
|
};
|
|
310
307
|
ItemValueAdornerComponent.prototype.render = function () {
|
|
311
308
|
var _this = this;
|
|
312
|
-
// if (this.model.question.isDragged) {
|
|
313
|
-
// return null;
|
|
314
|
-
// }
|
|
315
309
|
this.model.item = this.props.item;
|
|
316
310
|
var button = this.model.allowAdd ? ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: function () {
|
|
317
311
|
_this.model.add(_this.model);
|
|
@@ -1476,8 +1470,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
|
|
|
1476
1470
|
};
|
|
1477
1471
|
SurveyCreatorComponent.prototype.renderSidebar = function () {
|
|
1478
1472
|
if (!!this.creator.sidebar) {
|
|
1479
|
-
|
|
1480
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar })));
|
|
1473
|
+
return survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar });
|
|
1481
1474
|
}
|
|
1482
1475
|
else {
|
|
1483
1476
|
return null;
|
|
@@ -1692,16 +1685,9 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
|
|
|
1692
1685
|
};
|
|
1693
1686
|
TabbedMenuItemComponent.prototype.render = function () {
|
|
1694
1687
|
var item = this.item;
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
className
|
|
1698
|
-
if (item.enabled !== undefined && !item.enabled)
|
|
1699
|
-
className += " svc-tabbed-menu-item--disabled";
|
|
1700
|
-
var titleClassName = "svc-text svc-tabbed-menu-item__text svc-text--normal";
|
|
1701
|
-
if (item.active)
|
|
1702
|
-
titleClassName += " svc-text--bold";
|
|
1703
|
-
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function () { return item.action(item); } },
|
|
1704
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: titleClassName }, item.title))));
|
|
1688
|
+
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.getRootCss(), onClick: function () { return item.action(item); } },
|
|
1689
|
+
item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: item.getTitleCss() }, item.title) : null,
|
|
1690
|
+
item.hasIcon ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
|
|
1705
1691
|
};
|
|
1706
1692
|
return TabbedMenuItemComponent;
|
|
1707
1693
|
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
|
|
@@ -1752,9 +1738,6 @@ var CellQuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
1752
1738
|
return ["question", "componentData"];
|
|
1753
1739
|
};
|
|
1754
1740
|
CellQuestionAdornerComponent.prototype.render = function () {
|
|
1755
|
-
if (this.model.isDragged) {
|
|
1756
|
-
return null;
|
|
1757
|
-
}
|
|
1758
1741
|
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
1759
1742
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
|
|
1760
1743
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
|
|
@@ -1807,9 +1790,6 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
|
|
|
1807
1790
|
return this.model;
|
|
1808
1791
|
};
|
|
1809
1792
|
CellQuestionDropdownAdornerComponent.prototype.render = function () {
|
|
1810
|
-
if (this.model.isDragged) {
|
|
1811
|
-
return null;
|
|
1812
|
-
}
|
|
1813
1793
|
var question = this.props.question;
|
|
1814
1794
|
var textStyle = this.props.question.textStyle;
|
|
1815
1795
|
return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
|
|
@@ -1870,16 +1850,12 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
1870
1850
|
}
|
|
1871
1851
|
CreatorSurveyPageComponent.prototype.createModel = function (props) {
|
|
1872
1852
|
if (this.model) {
|
|
1873
|
-
this.model.
|
|
1853
|
+
this.model.attachToUI(props.page, this.rootRef.current);
|
|
1874
1854
|
}
|
|
1875
1855
|
this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_4__.PageAdorner(props.creator, props.page);
|
|
1876
1856
|
};
|
|
1877
1857
|
CreatorSurveyPageComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
1878
|
-
var _a;
|
|
1879
1858
|
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
1880
|
-
if (!!((_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current)) {
|
|
1881
|
-
this.model.rootElement = this.rootRef.current;
|
|
1882
|
-
}
|
|
1883
1859
|
};
|
|
1884
1860
|
CreatorSurveyPageComponent.prototype.getUpdatedModelProps = function () {
|
|
1885
1861
|
return ["creator", "page"];
|
|
@@ -1889,13 +1865,11 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
1889
1865
|
};
|
|
1890
1866
|
CreatorSurveyPageComponent.prototype.componentDidMount = function () {
|
|
1891
1867
|
_super.prototype.componentDidMount.call(this);
|
|
1892
|
-
|
|
1893
|
-
this.model.rootElement = this.rootRef.current;
|
|
1894
|
-
}
|
|
1868
|
+
this.model.attachToUI(this.props.page, this.rootRef.current);
|
|
1895
1869
|
};
|
|
1896
1870
|
CreatorSurveyPageComponent.prototype.componentWillUnmount = function () {
|
|
1897
1871
|
_super.prototype.componentWillUnmount.call(this);
|
|
1898
|
-
this.model.
|
|
1872
|
+
this.model.detachFromUI();
|
|
1899
1873
|
};
|
|
1900
1874
|
CreatorSurveyPageComponent.prototype.canRender = function () {
|
|
1901
1875
|
return (!!this.model &&
|
|
@@ -1907,9 +1881,11 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
1907
1881
|
var _this = this;
|
|
1908
1882
|
if (!this.props.page)
|
|
1909
1883
|
return null;
|
|
1910
|
-
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-page__content " + this.model.css,
|
|
1884
|
+
return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, id: this.props.page.id, "data-sv-drop-target-survey-page": this.model.dropTargetName, className: "svc-page__content " + this.model.css, onClick: function (e) {
|
|
1911
1885
|
return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_5__.ReactMouseEvent(e));
|
|
1912
1886
|
}, onDoubleClick: function (e) { return _this.model.dblclick(e.nativeEvent); }, onMouseLeave: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
|
|
1887
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
|
|
1888
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
|
|
1913
1889
|
this.renderHeader(),
|
|
1914
1890
|
this.renderContent(),
|
|
1915
1891
|
this.renderPlaceholder(),
|
|
@@ -1926,8 +1902,15 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
|
|
|
1926
1902
|
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
|
|
1927
1903
|
};
|
|
1928
1904
|
CreatorSurveyPageComponent.prototype.renderHeader = function () {
|
|
1929
|
-
|
|
1905
|
+
var _this = this;
|
|
1906
|
+
var actions = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page__content-actions" },
|
|
1930
1907
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.actionContainer })));
|
|
1908
|
+
if (this.model.isGhost || !this.model.allowDragging) {
|
|
1909
|
+
return actions;
|
|
1910
|
+
}
|
|
1911
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drag-area", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
|
|
1912
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-question__drag-element", size: 24, iconName: "icon-drag-area-indicator_24x16" }),
|
|
1913
|
+
actions));
|
|
1931
1914
|
};
|
|
1932
1915
|
CreatorSurveyPageComponent.prototype.renderFooter = function () {
|
|
1933
1916
|
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.footerActionsBar });
|
|
@@ -2039,10 +2022,12 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2039
2022
|
return _this;
|
|
2040
2023
|
}
|
|
2041
2024
|
QuestionAdornerComponent.prototype.createModel = function (props) {
|
|
2042
|
-
if (this.
|
|
2043
|
-
this.
|
|
2025
|
+
if (this.model) {
|
|
2026
|
+
this.model.attachToUI(props.question, this.rootRef.current);
|
|
2027
|
+
}
|
|
2028
|
+
else {
|
|
2029
|
+
this.modelValue = this.createQuestionViewModel(props);
|
|
2044
2030
|
}
|
|
2045
|
-
this.modelValue = this.createQuestionViewModel(props);
|
|
2046
2031
|
};
|
|
2047
2032
|
QuestionAdornerComponent.prototype.createQuestionViewModel = function (props) {
|
|
2048
2033
|
return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.QuestionAdornerViewModel(props.componentData, props.question, null);
|
|
@@ -2060,9 +2045,6 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2060
2045
|
QuestionAdornerComponent.prototype.getStateElement = function () {
|
|
2061
2046
|
return this.model;
|
|
2062
2047
|
};
|
|
2063
|
-
QuestionAdornerComponent.prototype.canRender = function () {
|
|
2064
|
-
return _super.prototype.canRender.call(this) && !this.model.isDragged;
|
|
2065
|
-
};
|
|
2066
2048
|
QuestionAdornerComponent.prototype.renderElement = function () {
|
|
2067
2049
|
var _this = this;
|
|
2068
2050
|
var allowInteractions = this.model.element
|
|
@@ -2119,14 +2101,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2119
2101
|
};
|
|
2120
2102
|
QuestionAdornerComponent.prototype.componentDidMount = function () {
|
|
2121
2103
|
_super.prototype.componentDidMount.call(this);
|
|
2122
|
-
this.model.
|
|
2123
|
-
};
|
|
2124
|
-
QuestionAdornerComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
2125
|
-
var _a;
|
|
2126
|
-
_super.prototype.componentDidUpdate.call(this, prevProps, prevState);
|
|
2127
|
-
if (((_a = this.rootRef) === null || _a === void 0 ? void 0 : _a.current) && this.modelValue) {
|
|
2128
|
-
this.modelValue.rootElement = this.rootRef.current;
|
|
2129
|
-
}
|
|
2104
|
+
this.model.attachToUI(this.props.question, this.rootRef.current);
|
|
2130
2105
|
};
|
|
2131
2106
|
QuestionAdornerComponent.prototype.renderElementPlaceholder = function () {
|
|
2132
2107
|
if (!this.model.isEmptyElement) {
|
|
@@ -2137,9 +2112,8 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
|
|
|
2137
2112
|
react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
|
|
2138
2113
|
};
|
|
2139
2114
|
QuestionAdornerComponent.prototype.componentWillUnmount = function () {
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
}
|
|
2115
|
+
_super.prototype.componentWillUnmount.call(this);
|
|
2116
|
+
this.model.detachFromUI();
|
|
2143
2117
|
};
|
|
2144
2118
|
return QuestionAdornerComponent;
|
|
2145
2119
|
}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
|
|
@@ -2696,12 +2670,13 @@ var SurveyQuestionBooleanSwitch = /** @class */ (function (_super) {
|
|
|
2696
2670
|
}
|
|
2697
2671
|
SurveyQuestionBooleanSwitch.prototype.renderElement = function () {
|
|
2698
2672
|
var _this = this;
|
|
2673
|
+
var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.value ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-required": this.questionBase.ariaRequired, "aria-label": this.questionBase.ariaLabel, "aria-invalid": this.questionBase.ariaInvalid, "aria-errormessage": this.questionBase.ariaErrormessage },
|
|
2674
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2675
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left" })),
|
|
2676
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2677
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right" }))), this.questionBase, { processEsc: false });
|
|
2699
2678
|
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch", onClick: function () { return _this.questionBase.value = !_this.questionBase.value; } },
|
|
2700
|
-
|
|
2701
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2702
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left" })),
|
|
2703
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2704
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right" }))),
|
|
2679
|
+
button,
|
|
2705
2680
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__caption" },
|
|
2706
2681
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-boolean-switch__title" }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase.renderLocString(this.questionBase.locTitle)))));
|
|
2707
2682
|
};
|
|
@@ -3450,20 +3425,21 @@ var SidebarComponent = /** @class */ (function (_super) {
|
|
|
3450
3425
|
};
|
|
3451
3426
|
SidebarComponent.prototype.renderElement = function () {
|
|
3452
3427
|
var _this = this;
|
|
3453
|
-
var style = { display:
|
|
3454
|
-
var
|
|
3428
|
+
var style = { display: this.model.renderRoot ? "" : "none" };
|
|
3429
|
+
var containerStyle = { display: this.model.renderContainer ? "" : "none" };
|
|
3455
3430
|
var items = this.model.pages.map(function (page) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarPage, { page: page, key: page.id }); });
|
|
3456
3431
|
var headerArea = survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(this.model.header.component, { model: this.model.header.componentModel });
|
|
3457
3432
|
var sideArea = null;
|
|
3458
3433
|
if (this.model.sideAreaComponentName) {
|
|
3459
3434
|
sideArea = survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName, { model: this.model.sideAreaComponentData });
|
|
3460
3435
|
}
|
|
3461
|
-
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className:
|
|
3462
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); } }),
|
|
3436
|
+
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.rootCss, style: style },
|
|
3437
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); }, style: containerStyle }),
|
|
3463
3438
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row svc-side-bar__wrapper" },
|
|
3464
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
|
|
3465
|
-
|
|
3466
|
-
|
|
3439
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-wrapper", style: containerStyle },
|
|
3440
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.containerRef, className: "svc-side-bar__container" },
|
|
3441
|
+
headerArea,
|
|
3442
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items))),
|
|
3467
3443
|
sideArea)));
|
|
3468
3444
|
};
|
|
3469
3445
|
return SidebarComponent;
|
|
@@ -4971,6 +4947,7 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
|
|
|
4971
4947
|
item: item,
|
|
4972
4948
|
creator: this.creator,
|
|
4973
4949
|
parentModel: this.creator.toolbox,
|
|
4950
|
+
model: this.model,
|
|
4974
4951
|
isCompact: this.isCompact
|
|
4975
4952
|
});
|
|
4976
4953
|
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.css, key: item.id },
|
|
@@ -4979,7 +4956,7 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
|
|
|
4979
4956
|
event.persist();
|
|
4980
4957
|
_this.model.onPointerDown(event);
|
|
4981
4958
|
}, onMouseOver: function (event) {
|
|
4982
|
-
_this.model.
|
|
4959
|
+
_this.model.onMouseOverTool(item, event);
|
|
4983
4960
|
}, onMouseLeave: function (event) {
|
|
4984
4961
|
_this.model.onMouseLeave(item, event);
|
|
4985
4962
|
} }, itemComponent)));
|
|
@@ -4992,10 +4969,6 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
|
|
|
4992
4969
|
function SurveyCreatorToolboxItem(props) {
|
|
4993
4970
|
return _super.call(this, props) || this;
|
|
4994
4971
|
}
|
|
4995
|
-
SurveyCreatorToolboxItem.prototype.createModel = function (props) {
|
|
4996
|
-
var toolboxItem = props.item;
|
|
4997
|
-
this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__.ToolboxToolViewModel(toolboxItem, props.creator, props.parentModel);
|
|
4998
|
-
};
|
|
4999
4972
|
SurveyCreatorToolboxItem.prototype.getUpdatedModelProps = function () {
|
|
5000
4973
|
return ["creator", "item"];
|
|
5001
4974
|
};
|
|
@@ -5013,6 +4986,13 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
|
|
|
5013
4986
|
enumerable: false,
|
|
5014
4987
|
configurable: true
|
|
5015
4988
|
});
|
|
4989
|
+
Object.defineProperty(SurveyCreatorToolboxItem.prototype, "model", {
|
|
4990
|
+
get: function () {
|
|
4991
|
+
return this.props.model;
|
|
4992
|
+
},
|
|
4993
|
+
enumerable: false,
|
|
4994
|
+
configurable: true
|
|
4995
|
+
});
|
|
5016
4996
|
SurveyCreatorToolboxItem.prototype.getStateElement = function () {
|
|
5017
4997
|
return this.model;
|
|
5018
4998
|
};
|
|
@@ -5077,6 +5057,13 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
|
|
|
5077
5057
|
enumerable: false,
|
|
5078
5058
|
configurable: true
|
|
5079
5059
|
});
|
|
5060
|
+
Object.defineProperty(SurveyCreatorToolboxItemGroup.prototype, "model", {
|
|
5061
|
+
get: function () {
|
|
5062
|
+
return this.props.model;
|
|
5063
|
+
},
|
|
5064
|
+
enumerable: false,
|
|
5065
|
+
configurable: true
|
|
5066
|
+
});
|
|
5080
5067
|
Object.defineProperty(SurveyCreatorToolboxItemGroup.prototype, "creator", {
|
|
5081
5068
|
get: function () {
|
|
5082
5069
|
return this.props.creator;
|
|
@@ -5102,8 +5089,11 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
|
|
|
5102
5089
|
return this.item;
|
|
5103
5090
|
};
|
|
5104
5091
|
SurveyCreatorToolboxItemGroup.prototype.render = function () {
|
|
5092
|
+
var _this = this;
|
|
5105
5093
|
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
|
|
5106
|
-
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, parentModel: this.parentModel, isCompact: this.isCompact }),
|
|
5094
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, model: this.model, parentModel: this.parentModel, isCompact: this.isCompact }),
|
|
5095
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__item-submenu-button", onMouseOver: function (event) { return _this.model.onMouseOver(_this.item, event); }, onMouseLeave: function (event) { return _this.model.onMouseLeave(_this.item, event); } },
|
|
5096
|
+
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: this.item.subitemsButtonIcon })),
|
|
5107
5097
|
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea }));
|
|
5108
5098
|
};
|
|
5109
5099
|
return SurveyCreatorToolboxItemGroup;
|
|
@@ -5300,6 +5290,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_survey_react_ui__;
|
|
|
5300
5290
|
/******/
|
|
5301
5291
|
/************************************************************************/
|
|
5302
5292
|
var __webpack_exports__ = {};
|
|
5293
|
+
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
|
|
5294
|
+
(() => {
|
|
5303
5295
|
/*!******************************!*\
|
|
5304
5296
|
!*** ./src/entries/index.ts ***!
|
|
5305
5297
|
\******************************/
|
|
@@ -5450,7 +5442,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
5450
5442
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! survey-core */ "survey-core");
|
|
5451
5443
|
/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_64__);
|
|
5452
5444
|
var Version;
|
|
5453
|
-
Version = "".concat("1.12.
|
|
5445
|
+
Version = "".concat("1.12.6");
|
|
5454
5446
|
// import "@survey/creator/survey-creator-core.css";
|
|
5455
5447
|
|
|
5456
5448
|
|
|
@@ -5524,7 +5516,9 @@ Version = "".concat("1.12.4");
|
|
|
5524
5516
|
|
|
5525
5517
|
|
|
5526
5518
|
|
|
5527
|
-
(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.
|
|
5519
|
+
(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.6"), "survey-creator-react");
|
|
5520
|
+
|
|
5521
|
+
})();
|
|
5528
5522
|
|
|
5529
5523
|
/******/ return __webpack_exports__;
|
|
5530
5524
|
/******/ })()
|