@knovator/pagecreator-admin 0.5.9 → 0.5.10

package/index.cjs

@@ -7,7 +7,6 @@ var fetchUrl = require('@knovator/api');
 var classNames = require('classnames');
 var ReactSelect = require('react-select/async');
 var reactHookForm = require('react-hook-form');
-var JoditEditor = require('jodit-react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var CSSTransition = require('react-transition-group/CSSTransition');
 var reactDropzone = require('react-dropzone');
@@ -20,7 +19,6 @@ 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 JoditEditor__default = /*#__PURE__*/_interopDefaultLegacy(JoditEditor);
 var CSSTransition__default = /*#__PURE__*/_interopDefaultLegacy(CSSTransition);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -3473,38 +3471,11 @@ const SrcSet = ({
   }, error));
 };
 
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-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(JoditEditor__default["default"], {
-    value: value || '',
-    config: {
-      buttons: ['bold', 'italic', 'align', 'brush', 'undo', 'redo']
-    },
-    onBlur: newContent => onChange(newContent)
-  }), error && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "khb_input-error "
-  }, error));
-};
-
 var Input = Object.assign(Input$1, {
   Select,
   ReactSelect: CustomReactSelect,
   Checkbox,
-  SrcSet,
-  HTML: App
+  SrcSet
 });
 
 const PageSearch = () => {
@@ -3923,26 +3894,6 @@ 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':
@@ -3965,10 +3916,12 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
       }
     } else if (schema.Input) {
       input = /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "kms_input-wrapper"
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "kms_input-label"
-      }, schema.label), /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
+        className: classNames__default["default"]('khb_input-wrapper', schema.wrapperClassName)
+      }, schema.label && /*#__PURE__*/React__default["default"].createElement("label", {
+        className: "khb_input-label"
+      }, schema.label, schema.required ? /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "khb_input-label-required"
+      }, "*") : null), /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
         control: control,
         name: schema.accessor,
         rules: schema.validations,
@@ -6851,7 +6804,8 @@ const constants = {
   tabCollectionItemsAccessor: 'collectionItems'
 };
 const WidgetForm = ({
-  formRef
+  formRef,
+  customInputs
 }) => {
   const {
     register,
@@ -7095,13 +7049,14 @@ const WidgetForm = ({
     label: `${t('widget.widgetTitle')}`,
     accessor: 'widgetTitle',
     required: true,
-    type: 'html',
+    type: customInputs && customInputs['widgetTitle'] ? undefined : 'text',
     onInput: handleCapitalize,
     placeholder: t('widget.widgetTitlePlaceholder'),
     validations: {
       required: t('widget.widgetTitleRequired')
     },
-    info: t('widget.widgetTitleInfo')
+    info: t('widget.widgetTitleInfo'),
+    Input: customInputs && customInputs['widgetTitle'] ? customInputs['widgetTitle'] : undefined
   }, {
     label: `${t('widget.widgetType')}`,
     required: true,

package/index.css

@@ -918,9 +918,6 @@ video {
 .uppercase {
   text-transform: uppercase;
 }
-.italic {
-  font-style: italic;
-}
 .leading-6 {
   line-height: 1.5rem;
 }

package/index.js

@@ -3,7 +3,6 @@ import fetchUrl, { setAPIConfig } from '@knovator/api';
 import classNames from 'classnames';
 import ReactSelect from 'react-select/async';
 import { useFieldArray, useForm, Controller } from 'react-hook-form';
-import JoditEditor from 'jodit-react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import CSSTransition from 'react-transition-group/CSSTransition';
 import { useDropzone } from 'react-dropzone';
@@ -3460,38 +3459,11 @@ const SrcSet = ({
   }, error));
 };
 
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-const App = ({
-  label,
-  wrapperClassName,
-  required,
-  value,
-  error,
-  onChange
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('khb_input-wrapper', wrapperClassName)
-  }, label && /*#__PURE__*/React.createElement("label", {
-    className: "khb_input-label"
-  }, label, required ? /*#__PURE__*/React.createElement("span", {
-    className: "khb_input-label-required"
-  }, "*") : null), /*#__PURE__*/React.createElement(JoditEditor, {
-    value: value || '',
-    config: {
-      buttons: ['bold', 'italic', 'align', 'brush', 'undo', 'redo']
-    },
-    onBlur: newContent => onChange(newContent)
-  }), error && /*#__PURE__*/React.createElement("p", {
-    className: "khb_input-error "
-  }, error));
-};
-
 var Input = Object.assign(Input$1, {
   Select,
   ReactSelect: CustomReactSelect,
   Checkbox,
-  SrcSet,
-  HTML: App
+  SrcSet
 });
 
 const PageSearch = () => {
@@ -3910,26 +3882,6 @@ const SimpleForm = /*#__PURE__*/forwardRef(({
             }
           });
           break;
-        case 'html':
-          input = /*#__PURE__*/React.createElement(Controller, {
-            control: control,
-            name: schema.accessor,
-            rules: schema.validations,
-            render: ({
-              field
-            }) => {
-              var _a, _b;
-              return /*#__PURE__*/React.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':
@@ -3952,10 +3904,12 @@ const SimpleForm = /*#__PURE__*/forwardRef(({
       }
     } else if (schema.Input) {
       input = /*#__PURE__*/React.createElement("div", {
-        className: "kms_input-wrapper"
-      }, /*#__PURE__*/React.createElement("label", {
-        className: "kms_input-label"
-      }, schema.label), /*#__PURE__*/React.createElement(Controller, {
+        className: classNames('khb_input-wrapper', schema.wrapperClassName)
+      }, schema.label && /*#__PURE__*/React.createElement("label", {
+        className: "khb_input-label"
+      }, schema.label, schema.required ? /*#__PURE__*/React.createElement("span", {
+        className: "khb_input-label-required"
+      }, "*") : null), /*#__PURE__*/React.createElement(Controller, {
         control: control,
         name: schema.accessor,
         rules: schema.validations,
@@ -6838,7 +6792,8 @@ const constants = {
   tabCollectionItemsAccessor: 'collectionItems'
 };
 const WidgetForm = ({
-  formRef
+  formRef,
+  customInputs
 }) => {
   const {
     register,
@@ -7082,13 +7037,14 @@ const WidgetForm = ({
     label: `${t('widget.widgetTitle')}`,
     accessor: 'widgetTitle',
     required: true,
-    type: 'html',
+    type: customInputs && customInputs['widgetTitle'] ? undefined : 'text',
     onInput: handleCapitalize,
     placeholder: t('widget.widgetTitlePlaceholder'),
     validations: {
       required: t('widget.widgetTitleRequired')
     },
-    info: t('widget.widgetTitleInfo')
+    info: t('widget.widgetTitleInfo'),
+    Input: customInputs && customInputs['widgetTitle'] ? customInputs['widgetTitle'] : undefined
   }, {
     label: `${t('widget.widgetType')}`,
     required: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.5.9",
+  "version": "0.5.10",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",
@@ -9,8 +9,7 @@
     "react-dropzone": "^14.2.2",
     "react-select": "^5.4.0",
     "react-tabs": "^6.0.0",
-    "react-tiny-popover": "^7.2.0",
-    "jodit-react": "^1.3.32"
+    "react-tiny-popover": "^7.2.0"
   },
   "peerDependencies": {
     "react": "^18 | ^17",

package/src/lib/components/Widget/Form/WidgetForm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { FormProps } from '../../../types';
-declare const WidgetForm: ({ formRef }: FormProps) => JSX.Element | null;
+declare const WidgetForm: ({ formRef, customInputs }: FormProps) => JSX.Element | null;
 export default WidgetForm;

package/src/lib/components/common/Input/index.d.ts

@@ -3,12 +3,10 @@ import Checkbox from "./Checkbox";
 import Select from "./Select";
 import ReactSelect from "./ReactSelect";
 import SrcSet from './SrcSet';
-import HTMLEditor from './HTMLEditor';
-declare const _default: (({ label, id, placeholder, type, size, required, error, className, disabled, rest, onInput, onBlur, value, info, onChange, wrapperClassName, }: import("../../../types").InputProps) => JSX.Element) & {
+declare const _default: (({ label, id, placeholder, type, size, required, error, className, disabled, rest, onInput, onBlur, value, onChange, wrapperClassName, }: import("../../../types").InputProps) => JSX.Element) & {
     Select: typeof Select;
     ReactSelect: typeof ReactSelect;
     Checkbox: typeof Checkbox;
     SrcSet: typeof SrcSet;
-    HTML: typeof HTMLEditor;
 };
 export default _default;

package/src/lib/types/components.d.ts

@@ -117,8 +117,14 @@ export interface ReactSelectProps {
     loadOptions?: (value?: string, callback?: (options: OptionType[]) => void) => Promise<OptionType[]>;
     selectKey?: string;
 }
+export interface CustomInputType {
+    field: import('react-hook-form').ControllerRenderProps;
+    error?: string;
+    setError: (msg: string) => void;
+}
 export interface FormProps {
     formRef: MutableRefObject<HTMLFormElement | null>;
+    customInputs?: Record<string, (props: InputRendererProps) => JSX.Element>;
 }
 export interface InputRendererProps {
     field: import('react-hook-form').ControllerRenderProps;

package/src/lib/components/common/Input/HTMLEditor.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { HTMLEditorProps } from '../../../types';
-declare const App: ({ label, wrapperClassName, required, value, error, onChange, }: HTMLEditorProps) => JSX.Element;
-export default App;