survey-js-ui 2.0.0-rc.2 → 2.0.0-rc.4

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 (11) hide show
  1. package/index.html +1 -1
  2. package/package.json +2 -2
  3. package/survey-js-ui.js +49 -32
  4. package/survey-js-ui.js.map +1 -1
  5. package/survey-js-ui.min.js +1 -1
  6. package/survey-js-ui.min.js.LICENSE.txt +1 -1
  7. package/typings/survey-react-ui/src/components/header.d.ts +2 -0
  8. package/typings/survey-react-ui/src/element-factory.d.ts +0 -1
  9. package/typings/survey-react-ui/src/element-header.d.ts +5 -2
  10. package/typings/survey-react-ui/src/reactquestion_factory.d.ts +0 -1
  11. package/typings/survey-react-ui/src/reactsurveymodel.d.ts +0 -1
package/index.html CHANGED
@@ -5,7 +5,7 @@
5
5
  <title>Welcome to UI</title>
6
6
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
7
7
  <meta name="viewport" content="width=device-width, initial-scale=1" />
8
- <link rel="stylesheet" href="../node_modules/survey-core/default.css" />
8
+ <link rel="stylesheet" href="../node_modules/survey-core/survey-core.css" />
9
9
  <script src="./node_modules/survey-core/survey.core.js"></script>
10
10
  </head>
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-js-ui",
3
- "version": "2.0.0-rc.2",
3
+ "version": "2.0.0-rc.4",
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",
@@ -23,7 +23,7 @@
23
23
  "typings": "./typings/survey-js-ui/entries/index.d.ts",
24
24
  "dependencies": {},
25
25
  "peerDependencies": {
26
- "survey-core": "2.0.0-rc.2",
26
+ "survey-core": "2.0.0-rc.4",
27
27
  "@types/react-dom": "*",
28
28
  "@types/react": "*"
29
29
  }
package/survey-js-ui.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v2.0.0-rc.2
2
+ * surveyjs - Survey JavaScript library v2.0.0-rc.4
3
3
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
23
23
  /***/ (function(module) {
24
24
 
25
25
  /*!
26
- * surveyjs - Survey JavaScript library v2.0.0-rc.2
26
+ * surveyjs - Survey JavaScript library v2.0.0-rc.4
27
27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
28
28
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
29
29
  */
@@ -381,7 +381,7 @@ module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\
381
381
  \*****************************************/
382
382
  /***/ ((module) => {
383
383
 
384
- module.exports = "<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19679_369428)\"><path opacity=\"0.1\" d=\"M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z\" fill=\"black\" fill-opacity=\"0.91\"></path><path d=\"M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z\" fill=\"#19B394\"></path></g><defs><clipPath id=\"clip0_19679_369428\"><rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(8 8)\"></rect></clipPath></defs></svg>"
384
+ module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19679_369428)\"><path opacity=\"0.1\" d=\"M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z\" fill=\"black\" fill-opacity=\"0.91\"></path><path d=\"M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z\"></path></g><defs><clipPath id=\"clip0_19679_369428\"><rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(8 8)\"></rect></clipPath></defs></svg>"
385
385
 
386
386
  /***/ }),
387
387
 
@@ -629,7 +629,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
629
629
  /*!************************************!*\
630
630
  !*** ./src/images-v1/ sync \.svg$ ***!
631
631
  \************************************/
632
- /***/ ((module, __unused_webpack_exports, __nested_webpack_require_45372__) => {
632
+ /***/ ((module, __unused_webpack_exports, __nested_webpack_require_45353__) => {
633
633
 
634
634
  var map = {
635
635
  "./ModernBooleanCheckChecked.svg": "./src/images-v1/ModernBooleanCheckChecked.svg",
@@ -696,10 +696,10 @@ var map = {
696
696
 
697
697
  function webpackContext(req) {
698
698
  var id = webpackContextResolve(req);
699
- return __nested_webpack_require_45372__(id);
699
+ return __nested_webpack_require_45353__(id);
700
700
  }
701
701
  function webpackContextResolve(req) {
702
- if(!__nested_webpack_require_45372__.o(map, req)) {
702
+ if(!__nested_webpack_require_45353__.o(map, req)) {
703
703
  var e = new Error("Cannot find module '" + req + "'");
704
704
  e.code = 'MODULE_NOT_FOUND';
705
705
  throw e;
@@ -721,7 +721,7 @@ webpackContext.id = "./src/images-v1 sync recursive \\.svg$";
721
721
  /******/ var __webpack_module_cache__ = {};
722
722
  /******/
723
723
  /******/ // The require function
724
- /******/ function __nested_webpack_require_49976__(moduleId) {
724
+ /******/ function __nested_webpack_require_49957__(moduleId) {
725
725
  /******/ // Check if module is in cache
726
726
  /******/ var cachedModule = __webpack_module_cache__[moduleId];
727
727
  /******/ if (cachedModule !== undefined) {
@@ -735,7 +735,7 @@ webpackContext.id = "./src/images-v1 sync recursive \\.svg$";
735
735
  /******/ };
736
736
  /******/
737
737
  /******/ // Execute the module function
738
- /******/ __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_49976__);
738
+ /******/ __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_49957__);
739
739
  /******/
740
740
  /******/ // Return the exports of the module
741
741
  /******/ return module.exports;
@@ -745,9 +745,9 @@ webpackContext.id = "./src/images-v1 sync recursive \\.svg$";
745
745
  /******/ /* webpack/runtime/define property getters */
746
746
  /******/ (() => {
747
747
  /******/ // define getter functions for harmony exports
748
- /******/ __nested_webpack_require_49976__.d = (exports, definition) => {
748
+ /******/ __nested_webpack_require_49957__.d = (exports, definition) => {
749
749
  /******/ for(var key in definition) {
750
- /******/ if(__nested_webpack_require_49976__.o(definition, key) && !__nested_webpack_require_49976__.o(exports, key)) {
750
+ /******/ if(__nested_webpack_require_49957__.o(definition, key) && !__nested_webpack_require_49957__.o(exports, key)) {
751
751
  /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
752
752
  /******/ }
753
753
  /******/ }
@@ -756,13 +756,13 @@ webpackContext.id = "./src/images-v1 sync recursive \\.svg$";
756
756
  /******/
757
757
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
758
758
  /******/ (() => {
759
- /******/ __nested_webpack_require_49976__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
759
+ /******/ __nested_webpack_require_49957__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
760
760
  /******/ })();
761
761
  /******/
762
762
  /******/ /* webpack/runtime/make namespace object */
763
763
  /******/ (() => {
764
764
  /******/ // define __esModule on exports
765
- /******/ __nested_webpack_require_49976__.r = (exports) => {
765
+ /******/ __nested_webpack_require_49957__.r = (exports) => {
766
766
  /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
767
767
  /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
768
768
  /******/ }
@@ -778,11 +778,13 @@ var __nested_webpack_exports__ = {};
778
778
  /*!************************!*\
779
779
  !*** ./src/iconsV1.ts ***!
780
780
  \************************/
781
- __nested_webpack_require_49976__.r(__nested_webpack_exports__);
782
- /* harmony export */ __nested_webpack_require_49976__.d(__nested_webpack_exports__, {
781
+ __nested_webpack_require_49957__.r(__nested_webpack_exports__);
782
+ /* harmony export */ __nested_webpack_require_49957__.d(__nested_webpack_exports__, {
783
783
  /* harmony export */ icons: () => (/* binding */ icons)
784
784
  /* harmony export */ });
785
- var path = __nested_webpack_require_49976__("./src/images-v1 sync recursive \\.svg$");
785
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
786
+ //@ts-ignore
787
+ var path = __nested_webpack_require_49957__("./src/images-v1 sync recursive \\.svg$");
786
788
  var icons = {};
787
789
  path.keys().forEach(function (key) {
788
790
  icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -806,7 +808,7 @@ path.keys().forEach(function (key) {
806
808
  /***/ (function(module) {
807
809
 
808
810
  /*!
809
- * surveyjs - Survey JavaScript library v2.0.0-rc.2
811
+ * surveyjs - Survey JavaScript library v2.0.0-rc.4
810
812
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
811
813
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
812
814
  */
@@ -1164,7 +1166,7 @@ module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\
1164
1166
  \*****************************************/
1165
1167
  /***/ ((module) => {
1166
1168
 
1167
- module.exports = "<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19679_369428)\"><path opacity=\"0.1\" d=\"M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z\" fill=\"black\" fill-opacity=\"0.91\"></path><path d=\"M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z\" fill=\"#19B394\"></path></g><defs><clipPath id=\"clip0_19679_369428\"><rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(8 8)\"></rect></clipPath></defs></svg>"
1169
+ module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_19679_369428)\"><path opacity=\"0.1\" d=\"M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z\" fill=\"black\" fill-opacity=\"0.91\"></path><path d=\"M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z\"></path></g><defs><clipPath id=\"clip0_19679_369428\"><rect width=\"32\" height=\"32\" fill=\"white\" transform=\"translate(8 8)\"></rect></clipPath></defs></svg>"
1168
1170
 
1169
1171
  /***/ }),
1170
1172
 
@@ -1412,7 +1414,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
1412
1414
  /*!************************************!*\
1413
1415
  !*** ./src/images-v2/ sync \.svg$ ***!
1414
1416
  \************************************/
1415
- /***/ ((module, __unused_webpack_exports, __nested_webpack_require_57753__) => {
1417
+ /***/ ((module, __unused_webpack_exports, __nested_webpack_require_57734__) => {
1416
1418
 
1417
1419
  var map = {
1418
1420
  "./ModernBooleanCheckChecked.svg": "./src/images-v2/ModernBooleanCheckChecked.svg",
@@ -1479,10 +1481,10 @@ var map = {
1479
1481
 
1480
1482
  function webpackContext(req) {
1481
1483
  var id = webpackContextResolve(req);
1482
- return __nested_webpack_require_57753__(id);
1484
+ return __nested_webpack_require_57734__(id);
1483
1485
  }
1484
1486
  function webpackContextResolve(req) {
1485
- if(!__nested_webpack_require_57753__.o(map, req)) {
1487
+ if(!__nested_webpack_require_57734__.o(map, req)) {
1486
1488
  var e = new Error("Cannot find module '" + req + "'");
1487
1489
  e.code = 'MODULE_NOT_FOUND';
1488
1490
  throw e;
@@ -1504,7 +1506,7 @@ webpackContext.id = "./src/images-v2 sync recursive \\.svg$";
1504
1506
  /******/ var __webpack_module_cache__ = {};
1505
1507
  /******/
1506
1508
  /******/ // The require function
1507
- /******/ function __nested_webpack_require_62357__(moduleId) {
1509
+ /******/ function __nested_webpack_require_62338__(moduleId) {
1508
1510
  /******/ // Check if module is in cache
1509
1511
  /******/ var cachedModule = __webpack_module_cache__[moduleId];
1510
1512
  /******/ if (cachedModule !== undefined) {
@@ -1518,7 +1520,7 @@ webpackContext.id = "./src/images-v2 sync recursive \\.svg$";
1518
1520
  /******/ };
1519
1521
  /******/
1520
1522
  /******/ // Execute the module function
1521
- /******/ __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_62357__);
1523
+ /******/ __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_62338__);
1522
1524
  /******/
1523
1525
  /******/ // Return the exports of the module
1524
1526
  /******/ return module.exports;
@@ -1528,9 +1530,9 @@ webpackContext.id = "./src/images-v2 sync recursive \\.svg$";
1528
1530
  /******/ /* webpack/runtime/define property getters */
1529
1531
  /******/ (() => {
1530
1532
  /******/ // define getter functions for harmony exports
1531
- /******/ __nested_webpack_require_62357__.d = (exports, definition) => {
1533
+ /******/ __nested_webpack_require_62338__.d = (exports, definition) => {
1532
1534
  /******/ for(var key in definition) {
1533
- /******/ if(__nested_webpack_require_62357__.o(definition, key) && !__nested_webpack_require_62357__.o(exports, key)) {
1535
+ /******/ if(__nested_webpack_require_62338__.o(definition, key) && !__nested_webpack_require_62338__.o(exports, key)) {
1534
1536
  /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
1535
1537
  /******/ }
1536
1538
  /******/ }
@@ -1539,13 +1541,13 @@ webpackContext.id = "./src/images-v2 sync recursive \\.svg$";
1539
1541
  /******/
1540
1542
  /******/ /* webpack/runtime/hasOwnProperty shorthand */
1541
1543
  /******/ (() => {
1542
- /******/ __nested_webpack_require_62357__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
1544
+ /******/ __nested_webpack_require_62338__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
1543
1545
  /******/ })();
1544
1546
  /******/
1545
1547
  /******/ /* webpack/runtime/make namespace object */
1546
1548
  /******/ (() => {
1547
1549
  /******/ // define __esModule on exports
1548
- /******/ __nested_webpack_require_62357__.r = (exports) => {
1550
+ /******/ __nested_webpack_require_62338__.r = (exports) => {
1549
1551
  /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
1550
1552
  /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
1551
1553
  /******/ }
@@ -1561,11 +1563,13 @@ var __nested_webpack_exports__ = {};
1561
1563
  /*!************************!*\
1562
1564
  !*** ./src/iconsV2.ts ***!
1563
1565
  \************************/
1564
- __nested_webpack_require_62357__.r(__nested_webpack_exports__);
1565
- /* harmony export */ __nested_webpack_require_62357__.d(__nested_webpack_exports__, {
1566
+ __nested_webpack_require_62338__.r(__nested_webpack_exports__);
1567
+ /* harmony export */ __nested_webpack_require_62338__.d(__nested_webpack_exports__, {
1566
1568
  /* harmony export */ icons: () => (/* binding */ icons)
1567
1569
  /* harmony export */ });
1568
- var path = __nested_webpack_require_62357__("./src/images-v2 sync recursive \\.svg$");
1570
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
1571
+ //@ts-ignore
1572
+ var path = __nested_webpack_require_62338__("./src/images-v2 sync recursive \\.svg$");
1569
1573
  var icons = {};
1570
1574
  path.keys().forEach(function (key) {
1571
1575
  icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -3214,6 +3218,14 @@ var Header = /** @class */ (function (_super) {
3214
3218
  this.model.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement("div", { style: this.model.backgroundImageStyle, className: this.model.backgroundImageClasses }) : null,
3215
3219
  headerContent));
3216
3220
  };
3221
+ Header.prototype.componentDidMount = function () {
3222
+ _super.prototype.componentDidMount.call(this);
3223
+ this.model.processResponsiveness();
3224
+ };
3225
+ Header.prototype.componentDidUpdate = function (prevProps, prevState) {
3226
+ _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
3227
+ this.model.processResponsiveness();
3228
+ };
3217
3229
  return Header;
3218
3230
  }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.SurveyElementBase));
3219
3231
 
@@ -6200,7 +6212,10 @@ var SurveyElementHeader = /** @class */ (function (_super) {
6200
6212
  enumerable: false,
6201
6213
  configurable: true
6202
6214
  });
6203
- SurveyElementHeader.prototype.render = function () {
6215
+ SurveyElementHeader.prototype.getRenderedElements = function () {
6216
+ return [this.element];
6217
+ };
6218
+ SurveyElementHeader.prototype.renderElement = function () {
6204
6219
  var element = this.element;
6205
6220
  var title = element.hasTitle ? (react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_components_title_title_element__WEBPACK_IMPORTED_MODULE_3__.TitleElement, { element: element })) : null;
6206
6221
  var description = element.hasDescriptionUnderTitle
@@ -6217,7 +6232,7 @@ var SurveyElementHeader = /** @class */ (function (_super) {
6217
6232
  additionalTitleToolbarElement));
6218
6233
  };
6219
6234
  return SurveyElementHeader;
6220
- }(react__WEBPACK_IMPORTED_MODULE_0__["default"].Component));
6235
+ }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_4__.SurveyElementBase));
6221
6236
 
6222
6237
 
6223
6238
 
@@ -11093,6 +11108,8 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
11093
11108
  var navV2 = this.renderNavigatorV2();
11094
11109
  var noEntriesPlaceholder = this.renderPlaceholder();
11095
11110
  return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.root },
11111
+ this.question.hasTabbedMenu ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getTabsContainerCss() },
11112
+ react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_4__.SurveyActionBar, { model: this.question.tabbedMenu })) : null,
11096
11113
  noEntriesPlaceholder,
11097
11114
  navTop,
11098
11115
  react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.panelsContainer }, panels),
@@ -13187,7 +13204,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
13187
13204
 
13188
13205
 
13189
13206
 
13190
- (0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.0-rc.2"), "survey-js-ui");
13207
+ (0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.0-rc.4"), "survey-js-ui");
13191
13208
 
13192
13209
  })();
13193
13210