react-survey-builder 1.0.18 → 1.0.19

package/lib/index.js

@@ -92,7 +92,8 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
   }, {
     key: "render",
     value: function render() {
-      var _this$props$surveyNam,
+      var _this$props$editSurve,
+        _this$props$surveyNam,
         _this2 = this,
         _this$props$saveSurve;
       var toolbarProps = {
@@ -132,14 +133,18 @@ var ReactSurveyBuilder = exports.ReactSurveyBuilder = /*#__PURE__*/function (_Re
         saveAlways: this.props.saveAlways
       })), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         md: 3
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: this.props.surveyToolbarClassName
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, (_this$props$surveyNam = this.props.surveyName) !== null && _this$props$surveyNam !== void 0 ? _this$props$surveyNam : 'Preview')), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
+      }, (_this$props$editSurve = this.props.editSurveyBlock) !== null && _this$props$editSurve !== void 0 ? _this$props$editSurve : /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", null, (_this$props$surveyNam = this.props.surveyName) !== null && _this$props$surveyNam !== void 0 ? _this$props$surveyNam : 'Preview')), !!!this.props.saveAlways && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
         variant: "primary",
         onClick: function onClick() {
           _this2.saveFormData();
         }
-      }, (_this$props$saveSurve = this.props.saveSurveyName) !== null && _this$props$saveSurve !== void 0 ? _this$props$saveSurve : 'Save Survey')), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
+      }, (_this$props$saveSurve = this.props.saveSurveyName) !== null && _this$props$saveSurve !== void 0 ? _this$props$saveSurve : 'Save Survey')), this.props.previewSurveyBlock ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "border border-light border-3 p-3 d-grid gap-1 mb-3"
+      }, this.props.previewSurveyBlock) : null), /*#__PURE__*/_react["default"].createElement(_toolbar["default"], (0, _extends2["default"])({}, toolbarProps, {
         customItems: this.props.customToolbarItems
       }))))))));
     }

package/lib/language-provider/locales/en-us.json

@@ -50,7 +50,7 @@
 	"place-holder-tag-1": "Place holder option 1",
 	"place-holder-tag-2": "Place holder option 2",
 	"place-holder-tag-3": "Place holder option 3",
-	"toolbox": "Toolbox",
+	"toolbox": "Survey Blocks Toolbox",
 	"header-text": "Header Text",
 	"label": "Label",
 	"paragraph": "Paragraph",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-survey-builder",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "A complete survey builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",

package/types/index.d.ts

@@ -128,6 +128,9 @@ export type ToolbarItem = {
 export interface SurveyBuilderProps {
   surveyName?: string;
   saveSurveyName?: string;
+  editSurveyBlock?: React.ReactNode;
+  previewSurveyBlock?: React.ReactNode;
+  surveyToolbarClassName?: string;
   toolbarItems?: ToolbarItem[];
   files?: any[];
   url?: string;