survey-creator-react 1.9.100 → 1.9.101

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.
Files changed (6) hide show
  1. package/index.html +6 -0
  2. package/package.json +4 -4
  3. package/survey-creator-react.js +45 -28
  4. package/survey-creator-react.js.map +1 -1
  5. package/survey-creator-react.min.js +2 -2
  6. package/typings/tabs/JsonEditorTextarea.d.ts +9 -1
package/index.html CHANGED
@@ -23,6 +23,12 @@
23
23
  <link rel="stylesheet" type="text/css" href="../node_modules/survey-creator-core/survey-creator-core.css" />
24
24
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
25
25
  <!-- <link rel="stylesheet" type="text/css" href="../build/survey-creator-react.css" /> -->
26
+ <!--
27
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ace.min.js" type="text/javascript"
28
+ charset="utf-8"></script>
29
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/ext-language_tools.js" type="text/javascript"
30
+ charset="utf-8"></script>
31
+ -->
26
32
  </head>
27
33
 
28
34
  <body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-react",
3
- "version": "1.9.100",
3
+ "version": "1.9.101",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -34,9 +34,9 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "survey-core": "1.9.100",
38
- "survey-react-ui": "1.9.100",
39
- "survey-creator-core": "1.9.100",
37
+ "survey-core": "1.9.101",
38
+ "survey-react-ui": "1.9.101",
39
+ "survey-creator-core": "1.9.101",
40
40
  "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
41
41
  "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
42
42
  },
package/survey-creator-react.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator React v1.9.100
2
+ * SurveyJS Creator React v1.9.101
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -641,7 +641,7 @@ var SurveyNavigation = /** @class */ (function (_super) {
641
641
  : this.survey.isShowProgressBarOnBottom;
642
642
  };
643
643
  SurveyNavigation.prototype.renderElement = function () {
644
- return survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement("sv-progress-" + this.survey.progressBarType.toLowerCase(), { survey: this.survey, css: this.survey.css, isTop: this.isTop });
644
+ return survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.createElement(this.survey.getProgressTypeComponent(), { survey: this.survey, css: this.survey.css, isTop: this.isTop });
645
645
  };
646
646
  return SurveyNavigation;
647
647
  }(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__["SurveyElementBase"]));
@@ -1538,13 +1538,11 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
1538
1538
  });
1539
1539
  SurveyCreatorComponent.prototype.componentDidMount = function () {
1540
1540
  _super.prototype.componentDidMount.call(this);
1541
- this.creator.initKeyboardShortcuts(this.rootNode.current);
1542
- this.creator.initResponsivityManager(this.rootNode.current);
1541
+ this.creator.setRootElement(this.rootNode.current);
1543
1542
  };
1544
1543
  SurveyCreatorComponent.prototype.componentWillUnmount = function () {
1545
1544
  _super.prototype.componentWillUnmount.call(this);
1546
- this.creator.removeKeyboardShortcuts(this.rootNode.current);
1547
- this.creator.resetResponsivityManager();
1545
+ this.creator.unsubscribeRootElement();
1548
1546
  };
1549
1547
  SurveyCreatorComponent.prototype.renderElement = function () {
1550
1548
  var creator = this.props.creator;
@@ -3018,7 +3016,7 @@ var __spreadArrays = function () {
3018
3016
  /*!******************************!*\
3019
3017
  !*** ./src/entries/index.ts ***!
3020
3018
  \******************************/
3021
- /*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionCarrayForwardBanner, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
3019
+ /*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionCarrayForwardBanner, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, SurveyQuestionFileEditor, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
3022
3020
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3023
3021
 
3024
3022
  "use strict";
@@ -3141,6 +3139,8 @@ __webpack_require__.r(__webpack_exports__);
3141
3139
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabJsonEditorAceComponent", function() { return _tabs_JsonEditorAce__WEBPACK_IMPORTED_MODULE_35__["TabJsonEditorAceComponent"]; });
3142
3140
 
3143
3141
  /* harmony import */ var _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../tabs/JsonEditorTextarea */ "./src/tabs/JsonEditorTextarea.tsx");
3142
+ /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabJsonEditorErrorsComponent", function() { return _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_36__["TabJsonEditorErrorsComponent"]; });
3143
+
3144
3144
  /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TabJsonEditorTextareaComponent", function() { return _tabs_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_36__["TabJsonEditorTextareaComponent"]; });
3145
3145
 
3146
3146
  /* harmony import */ var _tabs_Logic__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../tabs/Logic */ "./src/tabs/Logic.tsx");
@@ -3206,7 +3206,7 @@ __webpack_require__.r(__webpack_exports__);
3206
3206
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! survey-core */ "survey-core");
3207
3207
  /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_50___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_50__);
3208
3208
  var Version;
3209
- Version = "".concat("1.9.100");
3209
+ Version = "".concat("1.9.101");
3210
3210
  // import "@survey/creator/survey-creator-core.css";
3211
3211
 
3212
3212
 
@@ -3266,7 +3266,7 @@ Version = "".concat("1.9.100");
3266
3266
 
3267
3267
 
3268
3268
 
3269
- Object(survey_core__WEBPACK_IMPORTED_MODULE_50__["checkLibraryVersion"])("".concat("1.9.100"), "survey-creator-react");
3269
+ Object(survey_core__WEBPACK_IMPORTED_MODULE_50__["checkLibraryVersion"])("".concat("1.9.101"), "survey-creator-react");
3270
3270
 
3271
3271
 
3272
3272
  /***/ }),
@@ -3603,6 +3603,8 @@ __webpack_require__.r(__webpack_exports__);
3603
3603
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
3604
3604
  /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
3605
3605
  /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
3606
+ /* harmony import */ var _JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./JsonEditorTextarea */ "./src/tabs/JsonEditorTextarea.tsx");
3607
+
3606
3608
 
3607
3609
 
3608
3610
 
@@ -3627,9 +3629,11 @@ var TabJsonEditorAceComponent = /** @class */ (function (_super) {
3627
3629
  this.model.init(ace.edit(this.aceEditorrRef.current));
3628
3630
  };
3629
3631
  TabJsonEditorAceComponent.prototype.renderElement = function () {
3632
+ var errors = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_3__["TabJsonEditorErrorsComponent"], { data: this.model });
3630
3633
  return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-creator-tab__content" },
3631
3634
  react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__content" },
3632
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }))));
3635
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
3636
+ errors)));
3633
3637
  };
3634
3638
  return TabJsonEditorAceComponent;
3635
3639
  }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
@@ -3645,11 +3649,12 @@ survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.reg
3645
3649
  /*!*****************************************!*\
3646
3650
  !*** ./src/tabs/JsonEditorTextarea.tsx ***!
3647
3651
  \*****************************************/
3648
- /*! exports provided: TabJsonEditorTextareaComponent */
3652
+ /*! exports provided: TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent */
3649
3653
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
3650
3654
 
3651
3655
  "use strict";
3652
3656
  __webpack_require__.r(__webpack_exports__);
3657
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabJsonEditorErrorsComponent", function() { return TabJsonEditorErrorsComponent; });
3653
3658
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TabJsonEditorTextareaComponent", function() { return TabJsonEditorTextareaComponent; });
3654
3659
  /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
3655
3660
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
@@ -3659,12 +3664,32 @@ __webpack_require__.r(__webpack_exports__);
3659
3664
 
3660
3665
 
3661
3666
 
3667
+ var TabJsonEditorErrorsComponent = /** @class */ (function (_super) {
3668
+ Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabJsonEditorErrorsComponent, _super);
3669
+ function TabJsonEditorErrorsComponent() {
3670
+ return _super !== null && _super.apply(this, arguments) || this;
3671
+ }
3672
+ TabJsonEditorErrorsComponent.prototype.getStateElement = function () {
3673
+ return this.model;
3674
+ };
3675
+ Object.defineProperty(TabJsonEditorErrorsComponent.prototype, "model", {
3676
+ get: function () {
3677
+ return this.props.data;
3678
+ },
3679
+ enumerable: false,
3680
+ configurable: true
3681
+ });
3682
+ TabJsonEditorErrorsComponent.prototype.renderElement = function () {
3683
+ return react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
3684
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["List"], { model: this.model.errorList }));
3685
+ };
3686
+ return TabJsonEditorErrorsComponent;
3687
+ }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
3688
+
3662
3689
  var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
3663
3690
  Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TabJsonEditorTextareaComponent, _super);
3664
3691
  function TabJsonEditorTextareaComponent(props) {
3665
- var _this = _super.call(this, props) || this;
3666
- _this.model.canShowErrors = false;
3667
- return _this;
3692
+ return _super.call(this, props) || this;
3668
3693
  }
3669
3694
  TabJsonEditorTextareaComponent.prototype.getStateElement = function () {
3670
3695
  return this.model;
@@ -3678,24 +3703,16 @@ var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
3678
3703
  });
3679
3704
  TabJsonEditorTextareaComponent.prototype.renderElement = function () {
3680
3705
  var _this = this;
3681
- var errors = [];
3682
- var key = 1;
3683
- var userFriendlyErrors = this.model.userFriendlyErrors;
3684
- for (var i = 0; i < userFriendlyErrors.length; i++) {
3685
- errors.push(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { key: key },
3686
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("b", null, "Error: ")));
3687
- key++;
3688
- errors.push(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", { key: key }, userFriendlyErrors[i]));
3689
- key++;
3690
- }
3706
+ var setControl = function (el) {
3707
+ _this.model.textElement = el;
3708
+ };
3709
+ var errors = react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(TabJsonEditorErrorsComponent, { data: this.model });
3691
3710
  return (react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-creator-tab__content" },
3692
3711
  react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__content" },
3693
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("textarea", { className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: function (e) {
3712
+ react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("textarea", { ref: function (input) { return (setControl(input)); }, className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: function (e) {
3694
3713
  return (_this.model.text = e.target.value);
3695
3714
  }, onKeyDown: function (e) { return _this.model.checkKey(e, e); }, disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
3696
- errors.length > 0 &&
3697
- react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("button", { type: "button", className: "svc-json-editor-tab__errros_button", onClick: function () { return _this.model.toggleErrors(); } }, this.model.errorButtonText),
3698
- this.model.canShowErrors && react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-json-editor-tab__content-errors" }, errors))));
3715
+ errors)));
3699
3716
  };
3700
3717
  return TabJsonEditorTextareaComponent;
3701
3718
  }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));