survey-creator-react 2.5.1 → 2.5.3

package/fesm/ui-preset-editor/index.mjs

@@ -0,0 +1,77 @@
+/*!
+ * SurveyJS Creator v2.5.3
+ * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
+ * Github: https://github.com/surveyjs/survey-creator
+ * License: https://surveyjs.io/Licenses#SurveyCreator
+ */
+
+import * as React from 'react';
+import { ReactElementFactory, SurveyElementBase, Survey, SvgIcon } from 'survey-react-ui';
+import { getLocString } from 'survey-creator-core';
+
+class TabPresetsComponent extends SurveyElementBase {
+    get model() {
+        return this.props.data.model;
+    }
+    get creator() {
+        return this.props.creator;
+    }
+    getStateElement() {
+        return this.model;
+    }
+    renderElement() {
+        const presetsTabClassName = "svc-tab-designer ";
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "svc-flex-column" }, this.creator.showToolbox ? ReactElementFactory.Instance.createElement("svc-toolbox", { model: this.creator }) : null),
+            React.createElement("div", { className: presetsTabClassName },
+                React.createElement(Survey, { model: this.model }))));
+    }
+}
+ReactElementFactory.Instance.registerElement("svc-tab-presets", (props) => {
+    return React.createElement(TabPresetsComponent, props);
+});
+
+class PresetsPropertyGridWrapper extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const model = this.props.model;
+        if (!model)
+            return null;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "sps-launch" },
+                React.createElement("button", { className: "sps-launch__card", onClick: model["showPresets"] },
+                    React.createElement("div", { className: "sps-launch__container" },
+                        React.createElement("div", { className: "sps-launch__text" }, getLocString("presets.plugin.buttonTitle")),
+                        React.createElement("div", { className: "sps-launch__text2" }, getLocString("presets.plugin.buttonDescription"))),
+                    React.createElement("div", { className: "sps-launch__icon" },
+                        React.createElement("div", { className: "sps-launch__chevron-right-16-x-16" },
+                            React.createElement("div", { className: "sps-launch__icon2" },
+                                React.createElement(SvgIcon, { size: "auto", iconName: "chevrondown-24x24" })))))),
+            ReactElementFactory.Instance.createElement("svc-property-grid", { model: model })));
+    }
+}
+ReactElementFactory.Instance.registerElement("svc-presets-property-grid", (props) => {
+    return React.createElement(PresetsPropertyGridWrapper, props);
+});
+
+class PresetsIconItem extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const item = this.props.item;
+        if (!item)
+            return null;
+        return (React.createElement("div", { className: "sps-icon-item", style: { display: "flex" } },
+            React.createElement(SvgIcon, { className: "sps-icon-item__icon", size: "auto", iconName: item.value }),
+            React.createElement("span", { className: "sps-icon-item__text" }, item.title)));
+    }
+}
+ReactElementFactory.Instance.registerElement("svc-presets-icon-item", (props) => {
+    return React.createElement(PresetsIconItem, props);
+});
+
+export { PresetsIconItem, PresetsPropertyGridWrapper, TabPresetsComponent };
+//# sourceMappingURL=index.mjs.map

package/fesm/ui-preset-editor/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/ui-preset-editor/Presets.tsx","../../../src/ui-preset-editor/PresetsPropertyGrid.tsx","../../../src/ui-preset-editor/PresetsIconItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Base, SurveyModel } from \"survey-core\";\nimport {\n  ReactElementFactory,\n  Survey,\n  SurveyElementBase,\n} from \"survey-react-ui\";\nimport { SurveyCreatorModel } from \"survey-creator-core\";\ninterface ITabPresetsComponentProps {\n  data: any;\n  creator: SurveyCreatorModel;\n}\n\nexport class TabPresetsComponent extends SurveyElementBase<ITabPresetsComponentProps, any> {\n  private get model(): SurveyModel {\n    return this.props.data.model;\n  }\n  protected get creator(): SurveyCreatorModel {\n    return this.props.creator;\n  }\n\n  protected getStateElement(): Base {\n    return this.model;\n  }\n\n  renderElement(): React.JSX.Element {\n    const presetsTabClassName = \"svc-tab-designer \";\n\n    return (\n      <React.Fragment>\n        <div className=\"svc-flex-column\">\n          {this.creator.showToolbox ? ReactElementFactory.Instance.createElement(\"svc-toolbox\", { model: this.creator }) : null}\n        </div>\n        <div className={presetsTabClassName}>\n          <Survey model={this.model} />\n        </div>\n      </React.Fragment>\n    );\n  }\n}\n\nReactElementFactory.Instance.registerElement(\"svc-tab-presets\", (props) => {\n  return React.createElement(\n    TabPresetsComponent,\n    props as ITabPresetsComponentProps\n  );\n});\n","import * as React from \"react\";\nimport {\n  ReactElementFactory,\n  SvgIcon,\n} from \"survey-react-ui\";\nimport { getLocString, PropertyGridViewModel } from \"survey-creator-core\";\ninterface IPresetsPropertyGridWrapperProps {\n  model: PropertyGridViewModel;\n}\nexport class PresetsPropertyGridWrapper extends React.Component<IPresetsPropertyGridWrapperProps, any> {\n  constructor(props: IPresetsPropertyGridWrapperProps) {\n    super(props);\n  }\n  render() {\n    const model = this.props.model;\n    if (!model) return null;\n\n    return (\n      <React.Fragment>\n        <div className=\"sps-launch\">\n          <button className=\"sps-launch__card\"\n            onClick={ model[\"showPresets\"] }\n          >\n            <div className=\"sps-launch__container\">\n              <div className=\"sps-launch__text\">{getLocString(\"presets.plugin.buttonTitle\")}</div>\n              <div className=\"sps-launch__text2\">{getLocString(\"presets.plugin.buttonDescription\")}</div>\n            </div>\n            <div className=\"sps-launch__icon\">\n              <div className=\"sps-launch__chevron-right-16-x-16\">\n                <div className=\"sps-launch__icon2\">\n                  <SvgIcon size={\"auto\"} iconName={\"chevrondown-24x24\"}></SvgIcon>\n                </div>\n              </div>\n            </div>\n          </button>\n        </div>\n        { ReactElementFactory.Instance.createElement(\"svc-property-grid\", { model: model })}\n      </React.Fragment>\n    );\n  }\n}\n\nReactElementFactory.Instance.registerElement(\"svc-presets-property-grid\", (props) => {\n  return React.createElement(PresetsPropertyGridWrapper, props as IPresetsPropertyGridWrapperProps);\n});\n","import * as React from \"react\";\nimport { ItemValue } from \"survey-core\";\nimport {\n  ReactElementFactory,\n  SvgIcon,\n} from \"survey-react-ui\";\ninterface IPresetsIconItemProps {\n  item: ItemValue;\n}\nexport class PresetsIconItem extends React.Component<IPresetsIconItemProps, any> {\n  constructor(props: IPresetsIconItemProps) {\n    super(props);\n  }\n  render() {\n    const item = this.props.item;\n    if (!item) return null;\n\n    return (\n      <div className=\"sps-icon-item\"\n        style={{ display: \"flex\" }}>\n        <SvgIcon className=\"sps-icon-item__icon\" size=\"auto\" iconName={item.value} />\n        <span className=\"sps-icon-item__text\">{item.title}</span>\n      </div>\n    );\n  }\n}\n\nReactElementFactory.Instance.registerElement(\"svc-presets-icon-item\", (props) => {\n  return React.createElement(PresetsIconItem, props as IPresetsIconItemProps);\n});\n"],"names":[],"mappings":"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"}

package/index.html

@@ -18,14 +18,15 @@
   <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-creator-core/themes/index.js"></script>
-  <script src="./node_modules/survey-creator-core/presets/index.js"></script>
+  <script src="./node_modules/survey-creator-core/ui-presets/index.js"></script>
+  <script src="./node_modules/survey-creator-core/ui-preset-editor/index.js"></script>
   <script src="./node_modules/survey-creator-core/themes/test.js"></script>
   <script src="./node_modules/survey-creator-core/survey-creator-core.i18n.min.js"></script>
-  <script src="./node_modules/survey-creator-core/presets/i18n/index.js"></script>
+  <script src="./node_modules/survey-creator-core/ui-preset-editor/i18n/index.js"></script>
 
   <!--<script src="./build/survey-creator-react.js"></script>-->
-  <script src="./build/survey-creator-react-presets.js"></script>
-  <link rel="stylesheet" type="text/css" href="./node_modules/survey-creator-core/presets/index.css">
+
+  <link rel="stylesheet" type="text/css" href="./node_modules/survey-creator-core/ui-preset-editor/index.css">
   </link>
   <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/survey-core.css" />
   <!-- <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/modern.css" /> -->
@@ -42,7 +43,8 @@
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root" style="position: fixed; top: 0px; left: 0; right: 0; bottom: 0;"></div>
-<script defer src="survey-creator-react-presets.js"></script></body>
+<script defer src="survey-creator-react.js"></script></body>
+<script defer src="./build/ui-preset-editor/index.js"></script>
 <script src="index.js" type="text/babel"></script>
 
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "description": "A white-label drag-and-drop form builder for React that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your React app.",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -49,15 +49,20 @@
       "types": "./typings/entries/index.d.ts",
       "import": "./fesm/survey-creator-react.mjs",
       "require": "./survey-creator-react.js"
+    },
+    "./ui-preset-editor": {
+      "types": "./typings/entries/presets.d.ts",
+      "import": "./fesm/ui-preset-editor/index.mjs",
+      "require": "./ui-preset-editor/index.js"
     }
   },
   "peerDependencies": {
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
-    "survey-core": "2.5.1",
-    "survey-react-ui": "2.5.1",
-    "survey-creator-core": "2.5.1"
+    "survey-core": "2.5.3",
+    "survey-react-ui": "2.5.3",
+    "survey-creator-core": "2.5.3"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.5.1
+ * SurveyJS Creator React v2.5.3
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/licensing
@@ -2750,6 +2750,44 @@ survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.regist
 });
 
 
+/***/ }),
+
+/***/ "./src/components/ComponentContainer.tsx":
+/*!***********************************************!*\
+  !*** ./src/components/ComponentContainer.tsx ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ComponentContainer: () => (/* binding */ ComponentContainer)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+var ComponentContainer = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(ComponentContainer, _super);
+    function ComponentContainer(props) {
+        return _super.call(this, props) || this;
+    }
+    ComponentContainer.prototype.render = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-component-container" }, this.props.model.elements.map(function (element, index) {
+            return survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(element.componentName, { model: element.componentData, key: index });
+        })));
+    };
+    return ComponentContainer;
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
+
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-component-container", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ComponentContainer, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/components/Search.tsx":
@@ -3283,6 +3321,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AdaptiveToolbox: () => (/* reexport safe */ _toolbox_AdaptiveToolbox__WEBPACK_IMPORTED_MODULE_26__.AdaptiveToolbox),
 /* harmony export */   CellQuestionAdornerComponent: () => (/* reexport safe */ _adorners_CellQuestion__WEBPACK_IMPORTED_MODULE_10__.CellQuestionAdornerComponent),
 /* harmony export */   CellQuestionDropdownAdornerComponent: () => (/* reexport safe */ _adorners_CellQuestionDropdown__WEBPACK_IMPORTED_MODULE_11__.CellQuestionDropdownAdornerComponent),
+/* harmony export */   ComponentContainer: () => (/* reexport safe */ _components_ComponentContainer__WEBPACK_IMPORTED_MODULE_54__.ComponentContainer),
 /* harmony export */   CreatorSurveyPageComponent: () => (/* reexport safe */ _adorners_Page__WEBPACK_IMPORTED_MODULE_12__.CreatorSurveyPageComponent),
 /* harmony export */   ImageItemValueAdornerComponent: () => (/* reexport safe */ _ImageItemValueWrapper__WEBPACK_IMPORTED_MODULE_19__.ImageItemValueAdornerComponent),
 /* harmony export */   ItemValueAdornerComponent: () => (/* reexport safe */ _ItemValueWrapper__WEBPACK_IMPORTED_MODULE_18__.ItemValueAdornerComponent),
@@ -3290,7 +3329,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MatrixCellAdornerComponent: () => (/* reexport safe */ _MatrixCellWrapper__WEBPACK_IMPORTED_MODULE_20__.MatrixCellAdornerComponent),
 /* harmony export */   PanelAdornerComponent: () => (/* reexport safe */ _adorners_Panel__WEBPACK_IMPORTED_MODULE_13__.PanelAdornerComponent),
 /* harmony export */   PropertyGridComponent: () => (/* reexport safe */ _side_bar_PropertyGrid__WEBPACK_IMPORTED_MODULE_52__.PropertyGridComponent),
-/* harmony export */   PropertyGridEditorCollection: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.PropertyGridEditorCollection),
+/* harmony export */   PropertyGridEditorCollection: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.PropertyGridEditorCollection),
 /* harmony export */   PropertyGridPlaceholderComponent: () => (/* reexport safe */ _side_bar_PropertyGridPlaceholder__WEBPACK_IMPORTED_MODULE_46__.PropertyGridPlaceholderComponent),
 /* harmony export */   QuestionAdornerComponent: () => (/* reexport safe */ _adorners_Question__WEBPACK_IMPORTED_MODULE_2__.QuestionAdornerComponent),
 /* harmony export */   QuestionBanner: () => (/* reexport safe */ _adorners_QuestionBanner__WEBPACK_IMPORTED_MODULE_5__.QuestionBanner),
@@ -3315,21 +3354,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SurveyCreatorToolboxTool: () => (/* reexport safe */ _toolbox_ToolboxItem__WEBPACK_IMPORTED_MODULE_22__.SurveyCreatorToolboxTool),
 /* harmony export */   SurveyElementEmbeddedSurvey: () => (/* reexport safe */ _QuestionEmbeddedSurvey__WEBPACK_IMPORTED_MODULE_16__.SurveyElementEmbeddedSurvey),
 /* harmony export */   SurveyLocStringEditor: () => (/* reexport safe */ _StringEditor__WEBPACK_IMPORTED_MODULE_38__.SurveyLocStringEditor),
-/* harmony export */   SurveyLogic: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.SurveyLogic),
+/* harmony export */   SurveyLogic: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.SurveyLogic),
 /* harmony export */   SurveyLogicOpertor: () => (/* reexport safe */ _tabs_logic_operator__WEBPACK_IMPORTED_MODULE_40__.SurveyLogicOpertor),
-/* harmony export */   SurveyLogicUI: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.SurveyLogicUI),
+/* harmony export */   SurveyLogicUI: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.SurveyLogicUI),
 /* harmony export */   SurveyNavigation: () => (/* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_28__.SurveyNavigation),
-/* harmony export */   SurveyQuestionBooleanSwitch: () => (/* reexport safe */ _custom_questions_BooleanSwitch__WEBPACK_IMPORTED_MODULE_61__.SurveyQuestionBooleanSwitch),
-/* harmony export */   SurveyQuestionColor: () => (/* reexport safe */ _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_58__.SurveyQuestionColor),
-/* harmony export */   SurveyQuestionEditorDefinition: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.SurveyQuestionEditorDefinition),
-/* harmony export */   SurveyQuestionFileEditor: () => (/* reexport safe */ _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_59__.SurveyQuestionFileEditor),
+/* harmony export */   SurveyQuestionBooleanSwitch: () => (/* reexport safe */ _custom_questions_BooleanSwitch__WEBPACK_IMPORTED_MODULE_62__.SurveyQuestionBooleanSwitch),
+/* harmony export */   SurveyQuestionColor: () => (/* reexport safe */ _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_59__.SurveyQuestionColor),
+/* harmony export */   SurveyQuestionEditorDefinition: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.SurveyQuestionEditorDefinition),
+/* harmony export */   SurveyQuestionFileEditor: () => (/* reexport safe */ _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_60__.SurveyQuestionFileEditor),
 /* harmony export */   SurveyQuestionLinkValue: () => (/* reexport safe */ _QuestionLinkValue__WEBPACK_IMPORTED_MODULE_15__.SurveyQuestionLinkValue),
-/* harmony export */   SurveyQuestionSpinEditor: () => (/* reexport safe */ _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_56__.SurveyQuestionSpinEditor),
-/* harmony export */   SurveyQuestionTextWithReset: () => (/* reexport safe */ _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_60__.SurveyQuestionTextWithReset),
+/* harmony export */   SurveyQuestionSpinEditor: () => (/* reexport safe */ _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_57__.SurveyQuestionSpinEditor),
+/* harmony export */   SurveyQuestionTextWithReset: () => (/* reexport safe */ _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_61__.SurveyQuestionTextWithReset),
 /* harmony export */   SurveyResults: () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_21__.SurveyResults),
 /* harmony export */   SurveyResultsByRow: () => (/* reexport safe */ _Results__WEBPACK_IMPORTED_MODULE_21__.SurveyResultsByRow),
 /* harmony export */   SurveySimulator: () => (/* reexport safe */ _tabs_SurveySimulator__WEBPACK_IMPORTED_MODULE_49__.SurveySimulator),
-/* harmony export */   SwitcherComponent: () => (/* reexport safe */ _Switcher__WEBPACK_IMPORTED_MODULE_54__.SwitcherComponent),
+/* harmony export */   SwitcherComponent: () => (/* reexport safe */ _Switcher__WEBPACK_IMPORTED_MODULE_55__.SwitcherComponent),
 /* harmony export */   TabButtonComponent: () => (/* reexport safe */ _side_bar_TabButton__WEBPACK_IMPORTED_MODULE_30__.TabButtonComponent),
 /* harmony export */   TabDesignerComponent: () => (/* reexport safe */ _tabs_Designer__WEBPACK_IMPORTED_MODULE_41__.TabDesignerComponent),
 /* harmony export */   TabJsonEditorAceComponent: () => (/* reexport safe */ _tabs_JsonEditorAce__WEBPACK_IMPORTED_MODULE_42__.TabJsonEditorAceComponent),
@@ -3344,14 +3383,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TabbedMenuComponent: () => (/* reexport safe */ _TabbedMenu__WEBPACK_IMPORTED_MODULE_27__.TabbedMenuComponent),
 /* harmony export */   TabbedMenuItemComponent: () => (/* reexport safe */ _TabbedMenu__WEBPACK_IMPORTED_MODULE_27__.TabbedMenuItemComponent),
 /* harmony export */   ToolboxList: () => (/* reexport safe */ _toolbox_ToolboxList__WEBPACK_IMPORTED_MODULE_25__.ToolboxList),
-/* harmony export */   ToolboxToolViewModel: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.ToolboxToolViewModel),
+/* harmony export */   ToolboxToolViewModel: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.ToolboxToolViewModel),
 /* harmony export */   TranslateFromAction: () => (/* reexport safe */ _tabs_translation_TranslateFromAction__WEBPACK_IMPORTED_MODULE_36__.TranslateFromAction),
 /* harmony export */   TranslationLineSkeleton: () => (/* reexport safe */ _tabs_translation_TranslationLineSkeleton__WEBPACK_IMPORTED_MODULE_35__.TranslationLineSkeleton),
 /* harmony export */   Version: () => (/* binding */ Version),
-/* harmony export */   editorLocalization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.editorLocalization),
-/* harmony export */   localization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.localization),
-/* harmony export */   settings: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.settings),
-/* harmony export */   svgBundle: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_62__.svgBundle)
+/* harmony export */   editorLocalization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.editorLocalization),
+/* harmony export */   localization: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.localization),
+/* harmony export */   settings: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.settings),
+/* harmony export */   svgBundle: () => (/* reexport safe */ survey_creator_core__WEBPACK_IMPORTED_MODULE_63__.svgBundle)
 /* harmony export */ });
 /* harmony import */ var _SurveyCreator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../SurveyCreator */ "./src/SurveyCreator.tsx");
 /* harmony import */ var _adorners_Row__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../adorners/Row */ "./src/adorners/Row.tsx");
@@ -3407,20 +3446,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _side_bar_ObjectSelector__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../side-bar/ObjectSelector */ "./src/side-bar/ObjectSelector.tsx");
 /* harmony import */ var _side_bar_PropertyGrid__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../side-bar/PropertyGrid */ "./src/side-bar/PropertyGrid.tsx");
 /* harmony import */ var _components_Search__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../components/Search */ "./src/components/Search.tsx");
-/* harmony import */ var _Switcher__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../Switcher */ "./src/Switcher.tsx");
-/* harmony import */ var _tabs_JsonErrorItem__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../tabs/JsonErrorItem */ "./src/tabs/JsonErrorItem.tsx");
-/* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
-/* harmony import */ var _custom_questions_ColorItem__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../custom-questions/ColorItem */ "./src/custom-questions/ColorItem.tsx");
-/* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
-/* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
-/* harmony import */ var _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../custom-questions/TextWithResetQuestion */ "./src/custom-questions/TextWithResetQuestion.tsx");
-/* harmony import */ var _custom_questions_BooleanSwitch__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../custom-questions/BooleanSwitch */ "./src/custom-questions/BooleanSwitch.tsx");
-/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
-/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_62___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_62__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_63__);
+/* harmony import */ var _components_ComponentContainer__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../components/ComponentContainer */ "./src/components/ComponentContainer.tsx");
+/* harmony import */ var _Switcher__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../Switcher */ "./src/Switcher.tsx");
+/* harmony import */ var _tabs_JsonErrorItem__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../tabs/JsonErrorItem */ "./src/tabs/JsonErrorItem.tsx");
+/* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
+/* harmony import */ var _custom_questions_ColorItem__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../custom-questions/ColorItem */ "./src/custom-questions/ColorItem.tsx");
+/* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
+/* harmony import */ var _custom_questions_FileEditQuestion__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../custom-questions/FileEditQuestion */ "./src/custom-questions/FileEditQuestion.tsx");
+/* harmony import */ var _custom_questions_TextWithResetQuestion__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../custom-questions/TextWithResetQuestion */ "./src/custom-questions/TextWithResetQuestion.tsx");
+/* harmony import */ var _custom_questions_BooleanSwitch__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../custom-questions/BooleanSwitch */ "./src/custom-questions/BooleanSwitch.tsx");
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_63__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_64__);
 var Version;
-Version = "".concat("2.5.1");
+Version = "".concat("2.5.3");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3476,6 +3516,7 @@ Version = "".concat("2.5.1");
 
 
 
+
 
 
 //custom questions
@@ -3492,7 +3533,7 @@ Version = "".concat("2.5.1");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.5.1"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("2.5.3"), "survey-creator-react");
 
 
 /***/ }),
@@ -5686,6 +5727,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   AdaptiveToolbox: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.AdaptiveToolbox),
 /* harmony export */   CellQuestionAdornerComponent: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.CellQuestionAdornerComponent),
 /* harmony export */   CellQuestionDropdownAdornerComponent: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.CellQuestionDropdownAdornerComponent),
+/* harmony export */   ComponentContainer: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.ComponentContainer),
 /* harmony export */   CreatorSurveyPageComponent: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.CreatorSurveyPageComponent),
 /* harmony export */   ImageItemValueAdornerComponent: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.ImageItemValueAdornerComponent),
 /* harmony export */   ItemValueAdornerComponent: () => (/* reexport safe */ _index_wc__WEBPACK_IMPORTED_MODULE_0__.ItemValueAdornerComponent),