survey-creator-react 1.11.14 → 1.12.1

package/index.html

@@ -13,9 +13,10 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
 
   <script src="./node_modules/survey-core/survey.core.js"></script>
+  <script src="./node_modules/survey-core/survey.i18n.min.js"></script>
+  <script src="./node_modules/survey-core/themes/index.js"></script>
   <script src="./node_modules/survey-react-ui/survey-react-ui.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.js"></script>
-  <script src="./node_modules/survey-core/survey.i18n.min.js"></script>
 
   <!--<script src="./build/survey-creator-react.js"></script>-->
   <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/defaultV2.css" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.11.14",
+  "version": "1.12.1",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -29,9 +29,9 @@
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0",
-    "survey-core": "1.11.14",
-    "survey-react-ui": "1.11.14",
-    "survey-creator-core": "1.11.14"
+    "survey-core": "1.12.1",
+    "survey-react-ui": "1.12.1",
+    "survey-creator-core": "1.12.1"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.11.14
+ * SurveyJS Creator React v1.12.1
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -208,11 +208,12 @@ __webpack_require__.r(__webpack_exports__);
 
 var ItemValueAdornerComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(ItemValueAdornerComponent, _super);
-    function ItemValueAdornerComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function ItemValueAdornerComponent(props) {
+        var _this = _super.call(this, props) || this;
         _this.onBlur = function (event) {
             _this.model.onFocusOut(event.nativeEvent);
         };
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2__.createRef();
         return _this;
     }
     ItemValueAdornerComponent.prototype.createModel = function (props) {
@@ -224,6 +225,21 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
     ItemValueAdornerComponent.prototype.getStateElement = function () {
         return this.model;
     };
+    ItemValueAdornerComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        this.props.item.setRootElement(this.rootRef.current);
+        if (prevProps.item !== this.props.item && prevProps.item) {
+            prevProps.item.setRootElement(undefined);
+        }
+    };
+    ItemValueAdornerComponent.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.props.item.setRootElement(this.rootRef.current);
+    };
+    ItemValueAdornerComponent.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.props.item.setRootElement(undefined);
+    };
     ItemValueAdornerComponent.prototype.render = function () {
         var _this = this;
         // if (this.model.question.isDragged) {
@@ -241,7 +257,7 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
             this.model.allowRemove ? (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__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
                 react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-wrapper" +
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, className: "svc-item-value-wrapper" +
                 (this.model.allowAdd ? " svc-item-value--new" : "") +
                 (this.model.isDragging ? " svc-item-value--dragging" : "") +
                 (this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
@@ -1277,7 +1293,7 @@ var SidebarComponent = /** @class */ (function (_super) {
     };
     SidebarComponent.prototype.renderElement = function () {
         var _this = this;
-        var style = { display: !this.model.visible ? "none" : "" };
+        var style = { display: !this.model.renderedIsVisible ? "none" : "" };
         var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
         var items = this.model.tabs.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarTab, { item: item, key: item.id }); });
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, style: { display: !this.model.hasVisibleTabs ? "none" : "" } },
@@ -1518,8 +1534,8 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
         var counter = this.baseModel.showCharacterCounter ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: this.className },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__content" },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__border", onClick: this.edit },
-                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-string-editor__button svc-string-editor__button--edit", size: 16, iconName: "icon-edit" })),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--hover", onClick: this.edit }),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--focus", onClick: this.edit }),
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__input" },
                     control,
                     react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
@@ -1610,7 +1626,6 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
         var creator = this.props.creator;
         if (creator.isCreatorDisposed)
             return null;
-        var creatorClassName = "svc-creator" + (this.props.creator.isMobileView ? " svc-creator--mobile" : "") + (this.props.creator.isTouch ? " svc-creator--touch" : "");
         var areaClassName = "svc-full-container svc-creator__area svc-flex-column" + (this.props.creator.haveCommercialLicense ? "" : " svc-creator__area--with-banner");
         var contentWrapperClassName = "svc-creator__content-wrapper svc-flex-row" + (this.props.creator.isMobileView ? " svc-creator__content-wrapper--footer-toolbar" : "");
         var fullContainerClassName = "svc-flex-row svc-full-container" + (" svc-creator__side-bar--" + this.creator.sidebarLocation);
@@ -1621,7 +1636,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
         }
         //AM: width unrecognized by react
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.creator.getRootCss(), ref: this.rootNode, style: this.style },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgBundleComponent, null),
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: areaClassName },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: fullContainerClassName },
@@ -2299,7 +2314,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var allowInteractions = this.model.element
             .isInteractiveDesignElement;
         var content = this.renderContent(allowInteractions);
-        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseLeave: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
     };
     QuestionAdornerComponent.prototype.disableTabStop = function () {
         return true;
@@ -2309,6 +2324,10 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var content = this.renderElementContent();
         //if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
         return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__.ReactMouseEvent(e)); } },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--left" }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--right" }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
             allowInteractions ? this.renderHeader() : null,
             content,
             this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
@@ -2829,7 +2848,10 @@ var RowWrapper = /** @class */ (function (_super) {
         return this.model;
     };
     RowWrapper.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses }, this.props.element));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--top" }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }),
+            this.props.element));
     };
     return RowWrapper;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
@@ -4237,7 +4259,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         var placeholder = this.toolbox.showPlaceholder ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__scroller", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__scroller sv-drag-target-skipped", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
                     search,
                     placeholder,
                     react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.showInSingleCategory) ?
@@ -4964,7 +4986,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_57__);
 var Version;
-Version = "".concat("1.11.14");
+Version = "".concat("1.12.1");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5031,7 +5053,7 @@ Version = "".concat("1.11.14");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.11.14"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.12.1"), "survey-creator-react");
 
 /******/ 	return __webpack_exports__;
 /******/ })()