@knovator/pagecreator-admin 0.5.7 → 0.5.8

package/index.cjs

@@ -7,6 +7,7 @@ var fetchUrl = require('@knovator/api');
 var classNames = require('classnames');
 var ReactSelect = require('react-select/async');
 var reactHookForm = require('react-hook-form');
+var SunEditor = require('suneditor-react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var CSSTransition = require('react-transition-group/CSSTransition');
 var reactDropzone = require('react-dropzone');
@@ -19,6 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var fetchUrl__default = /*#__PURE__*/_interopDefaultLegacy(fetchUrl);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var ReactSelect__default = /*#__PURE__*/_interopDefaultLegacy(ReactSelect);
+var SunEditor__default = /*#__PURE__*/_interopDefaultLegacy(SunEditor);
 var CSSTransition__default = /*#__PURE__*/_interopDefaultLegacy(CSSTransition);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1710,7 +1712,7 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.nameRequired': 'Name is required',
   'widget.widgetTitle': 'Widget Title',
   'widget.widgetTitlePlaceholder': 'Enter Widget Title',
-  'widget.widgetTitleRequired': 'Section Widget is required',
+  'widget.widgetTitleRequired': 'Widget Title is required',
   'widget.itemsType': 'Items Type',
   'widget.itemsTypePlaceholder': 'Select Items Type',
   'widget.widgetType': 'Widget Type',
@@ -3471,11 +3473,38 @@ const SrcSet = ({
   }, error));
 };
 
+const App = ({
+  label,
+  wrapperClassName,
+  required,
+  value,
+  error,
+  onChange
+}) => {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]('khb_input-wrapper', wrapperClassName)
+  }, label && /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "khb_input-label"
+  }, label, required ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "khb_input-label-required"
+  }, "*") : null), /*#__PURE__*/React__default["default"].createElement(SunEditor__default["default"], {
+    setContents: value,
+    onChange: onChange,
+    setOptions: {
+      defaultStyle: 'font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; font-size: 0.875rem;',
+      buttonList: [['undo', 'redo', 'align'], ['bold', 'underline', 'italic', 'strike', 'subscript', 'superscript'], ['fontColor', 'hiliteColor'], ['removeFormat']]
+    }
+  }), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "khb_input-error "
+  }, error));
+};
+
 var Input = Object.assign(Input$1, {
   Select,
   ReactSelect: CustomReactSelect,
   Checkbox,
-  SrcSet
+  SrcSet,
+  HTML: App
 });
 
 const PageSearch = () => {
@@ -3894,6 +3923,26 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
             }
           });
           break;
+        case 'html':
+          input = /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
+            control: control,
+            name: schema.accessor,
+            rules: schema.validations,
+            render: ({
+              field
+            }) => {
+              var _a, _b;
+              return /*#__PURE__*/React__default["default"].createElement(Input.HTML, {
+                label: schema.label,
+                error: (_b = (_a = errors[schema.accessor]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.toString(),
+                onInput: schema.onInput,
+                required: schema.required,
+                value: field.value,
+                onChange: field.onChange
+              });
+            }
+          });
+          break;
         case 'text':
         case 'number':
         case 'url':
@@ -7046,7 +7095,7 @@ const WidgetForm = ({
     label: `${t('widget.widgetTitle')}`,
     accessor: 'widgetTitle',
     required: true,
-    type: 'text',
+    type: 'html',
     onInput: handleCapitalize,
     placeholder: t('widget.widgetTitlePlaceholder'),
     validations: {