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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-react",
3
- "version": "1.12.4",
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.4",
33
- "survey-react-ui": "1.12.4",
34
- "survey-creator-core": "1.12.4"
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": {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.12.4
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
- var className = this.creator.isMobileView ? "sv-mobile-side-bar" : "";
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
- var className = "svc-tabbed-menu-item";
1696
- if (item.active)
1697
- className += " svc-tabbed-menu-item--selected";
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.dispose();
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
- if (!!this.rootRef.current) {
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.dispose();
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, id: this.props.page.id, onClick: function (e) {
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
- return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page__content-actions" },
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.modelValue) {
2043
- this.modelValue.dispose();
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.rootElement = this.rootRef.current;
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
- if (this.model) {
2141
- this.model.dispose();
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
- 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 },
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: !this.model.renderedIsVisible ? "none" : "" };
3454
- var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
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: className, style: { display: !this.model.hasVisiblePages ? "none" : "" } },
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", { ref: this.containerRef, style: style, className: "svc-side-bar__container" },
3465
- headerArea,
3466
- react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items)),
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.onMouseOver(item, event);
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.4");
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.4"), "survey-creator-react");
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
  /******/ })()