@knovator/pagecreator-admin 0.5.9 → 0.5.11

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 : {};
@@ -1741,7 +1739,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.mobilePerRowRequired': 'Mobile Per Row is required',
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
-  'widget.minPerRow': 'Value must be greater than zero'
+  'widget.minPerRow': 'Value must be greater than zero',
+  'widget.actionsLabel': 'Actions'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1770,7 +1769,8 @@ const TRANSLATION_PAIRS_PAGE = {
   'page.searchPages': 'Search Pages...',
   'page.tableName': 'Name',
   'page.tableCode': 'Code',
-  'page.widgets': 'Widgets'
+  'page.widgets': 'Widgets',
+  'page.actionsLabel': 'Actions'
 };
 
 /* eslint-disable @typescript-eslint/no-empty-function */
@@ -3090,7 +3090,10 @@ const Table = ({
   dataKeys,
   actions,
   loader,
-  loading
+  loading,
+  extraActions,
+  actionsLabel,
+  extraColumns
 }) => {
   const cellItemRenderer = (item, dataKey, index) => {
     if (dataKey.highlight) return /*#__PURE__*/React__default["default"].createElement("th", {
@@ -3122,32 +3125,41 @@ const Table = ({
     scope: "col",
     className: "khb_table-heading",
     key: i
-  }, key.label)), actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) && /*#__PURE__*/React__default["default"].createElement("th", {
+  }, key.label)), Array.isArray(extraColumns) ? extraColumns.map(action => /*#__PURE__*/React__default["default"].createElement("th", {
     scope: "col",
     className: "khb_table-heading"
-  }, "Actions"))), /*#__PURE__*/React__default["default"].createElement("tbody", {
+  }, action.label)) : null, actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) || typeof extraActions === 'function' ? /*#__PURE__*/React__default["default"].createElement("th", {
+    scope: "col",
+    className: "khb_table-heading"
+  }, actionsLabel) : null)), /*#__PURE__*/React__default["default"].createElement("tbody", {
     className: "khb_tbody"
   }, data.length > 0 ? data.map((item, i) => /*#__PURE__*/React__default["default"].createElement("tr", {
     className: "khb_table-row",
     key: item['id'] || item['_id'] || i
-  }, dataKeys.map((key, j) => cellItemRenderer(item, key, j)), actions && /*#__PURE__*/React__default["default"].createElement("td", {
+  }, dataKeys.map((key, j) => cellItemRenderer(item, key, j)), Array.isArray(extraColumns) ? extraColumns.map(column => /*#__PURE__*/React__default["default"].createElement("td", {
+    className: "khb_table-row-data",
+    key: i
+  }, column.Cell(item))) : null, actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) || typeof extraActions === 'function' ? /*#__PURE__*/React__default["default"].createElement("td", {
     className: "khb_table-row-actions"
-  }, actions.edit && typeof actions.edit === 'function' ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }, actions && actions.edit && typeof actions.edit === 'function' ? /*#__PURE__*/React__default["default"].createElement("button", {
     className: "khb_actions-update",
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     onClick: () => actions.edit(item)
-  }, /*#__PURE__*/React__default["default"].createElement(Pencil, null)) : null, actions.delete && typeof actions.delete === 'function' && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, /*#__PURE__*/React__default["default"].createElement(Pencil, null)) : null, actions && actions.delete && typeof actions.delete === 'function' && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "khb_actions-delete",
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     onClick: () => actions.delete(item)
-  }, /*#__PURE__*/React__default["default"].createElement(Trash, null))))) : /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
+  }, /*#__PURE__*/React__default["default"].createElement(Trash, null)), typeof extraActions === 'function' ? extraActions(item) : null) : null)) : /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
     colSpan: ((dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.length) || 0) + 1
   }, "No data found"))))));
 };
 
-const PageTable = () => {
+const PageTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     list,
     onChangeFormState,
@@ -3171,10 +3183,13 @@ const PageTable = () => {
       label: t('page.tableCode'),
       dataKey: 'code'
     }],
+    actionsLabel: t('page.actionsLabel'),
     actions: {
       edit: canUpdate ? onUpdateClick : undefined,
       delete: canDelete ? onDeleteClick : undefined
-    }
+    },
+    extraColumns: extraColumns,
+    extraActions: extraActions
   });
 };
 
@@ -3473,38 +3488,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 +3911,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 +3933,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,
@@ -4604,7 +4574,8 @@ const useWidget = ({
   canList: _canList = true,
   defaultLimit,
   routes,
-  preConfirmDelete
+  preConfirmDelete,
+  imageBaseUrl
 }) => {
   const [list, setList] = React.useState([]);
   const [itemsList, setItemsList] = React.useState({
@@ -5001,7 +4972,7 @@ const useWidget = ({
         const responseData = (response === null || response === void 0 ? void 0 : response.data[0]) || (response === null || response === void 0 ? void 0 : response.data);
         return {
           fileId: (responseData === null || responseData === void 0 ? void 0 : responseData._id) || (responseData === null || responseData === void 0 ? void 0 : responseData.id),
-          fileUrl: build_path(baseUrl, responseData === null || responseData === void 0 ? void 0 : responseData.uri),
+          fileUrl: build_path(imageBaseUrl ? imageBaseUrl : baseUrl, responseData === null || responseData === void 0 ? void 0 : responseData.uri),
           fileUri: responseData === null || responseData === void 0 ? void 0 : responseData.uri
         };
       } else onError(CALLBACK_CODES.IMAGE_REMOVE, response.code, response.message);
@@ -6154,6 +6125,7 @@ const WidgetContextProvider = ({
   t: _t = () => '',
   // Form
   list: _list = [],
+  imageBaseUrl: _imageBaseUrl = '',
   searchText: _searchText = '',
   changeSearch: _changeSearch = () => {},
   formState: _formState = '',
@@ -6205,6 +6177,7 @@ const WidgetContextProvider = ({
       t: _t,
       // Form
       list: _list,
+      imageBaseUrl: _imageBaseUrl,
       closeForm: _closeForm,
       formState: _formState,
       loading: _loading,
@@ -6276,7 +6249,10 @@ const Toggle = ({
   }));
 };
 
-const WidgetTable = () => {
+const WidgetTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     switchClass
   } = useProviderState();
@@ -6322,6 +6298,9 @@ const WidgetTable = () => {
     loader: loader,
     loading: loading,
     dataKeys: dataKeys,
+    actionsLabel: t('widget.actionsLabel'),
+    extraColumns: extraColumns,
+    extraActions: extraActions,
     actions: {
       edit: canUpdate ? onUpdateClick : false,
       delete: canDelete ? onDeleteClick : false
@@ -6851,7 +6830,8 @@ const constants = {
   tabCollectionItemsAccessor: 'collectionItems'
 };
 const WidgetForm = ({
-  formRef
+  formRef,
+  customInputs
 }) => {
   const {
     register,
@@ -6892,7 +6872,8 @@ const WidgetForm = ({
     collectionDataLoading,
     formatListItem,
     formatOptionLabel,
-    reactSelectStyles
+    reactSelectStyles,
+    imageBaseUrl
   } = useWidgetState();
   const callerRef = React.useRef(null);
   const [activeTab, setActiveTab] = React.useState(0);
@@ -7095,13 +7076,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,
@@ -7236,7 +7218,7 @@ const WidgetForm = ({
       setImgId: value => {
         field.onChange(value);
       },
-      baseUrl: baseUrl,
+      baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       disabled: disabled,
       text: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "khb_img-text-wrapper"
@@ -7443,6 +7425,7 @@ const Widget = ({
   routes,
   loader,
   explicitForm: _explicitForm = false,
+  imageBaseUrl,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   permissions: _permissions = {},
@@ -7489,11 +7472,13 @@ const Widget = ({
     canList: derivedPermissions.list,
     routes,
     defaultLimit: 10,
-    preConfirmDelete
+    preConfirmDelete,
+    imageBaseUrl
   });
   return /*#__PURE__*/React__default["default"].createElement(WidgetContextProvider, {
     loading: loading,
     list: list,
+    imageBaseUrl: imageBaseUrl,
     onChangeFormState: onChangeFormState,
     t: derivedT,
     searchText: searchText,

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';
@@ -1728,7 +1727,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.mobilePerRowRequired': 'Mobile Per Row is required',
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
-  'widget.minPerRow': 'Value must be greater than zero'
+  'widget.minPerRow': 'Value must be greater than zero',
+  'widget.actionsLabel': 'Actions'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1757,7 +1757,8 @@ const TRANSLATION_PAIRS_PAGE = {
   'page.searchPages': 'Search Pages...',
   'page.tableName': 'Name',
   'page.tableCode': 'Code',
-  'page.widgets': 'Widgets'
+  'page.widgets': 'Widgets',
+  'page.actionsLabel': 'Actions'
 };
 
 /* eslint-disable @typescript-eslint/no-empty-function */
@@ -3077,7 +3078,10 @@ const Table = ({
   dataKeys,
   actions,
   loader,
-  loading
+  loading,
+  extraActions,
+  actionsLabel,
+  extraColumns
 }) => {
   const cellItemRenderer = (item, dataKey, index) => {
     if (dataKey.highlight) return /*#__PURE__*/React.createElement("th", {
@@ -3109,32 +3113,41 @@ const Table = ({
     scope: "col",
     className: "khb_table-heading",
     key: i
-  }, key.label)), actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) && /*#__PURE__*/React.createElement("th", {
+  }, key.label)), Array.isArray(extraColumns) ? extraColumns.map(action => /*#__PURE__*/React.createElement("th", {
     scope: "col",
     className: "khb_table-heading"
-  }, "Actions"))), /*#__PURE__*/React.createElement("tbody", {
+  }, action.label)) : null, actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) || typeof extraActions === 'function' ? /*#__PURE__*/React.createElement("th", {
+    scope: "col",
+    className: "khb_table-heading"
+  }, actionsLabel) : null)), /*#__PURE__*/React.createElement("tbody", {
     className: "khb_tbody"
   }, data.length > 0 ? data.map((item, i) => /*#__PURE__*/React.createElement("tr", {
     className: "khb_table-row",
     key: item['id'] || item['_id'] || i
-  }, dataKeys.map((key, j) => cellItemRenderer(item, key, j)), actions && /*#__PURE__*/React.createElement("td", {
+  }, dataKeys.map((key, j) => cellItemRenderer(item, key, j)), Array.isArray(extraColumns) ? extraColumns.map(column => /*#__PURE__*/React.createElement("td", {
+    className: "khb_table-row-data",
+    key: i
+  }, column.Cell(item))) : null, actions && ((actions === null || actions === void 0 ? void 0 : actions.edit) || (actions === null || actions === void 0 ? void 0 : actions.delete)) || typeof extraActions === 'function' ? /*#__PURE__*/React.createElement("td", {
     className: "khb_table-row-actions"
-  }, actions.edit && typeof actions.edit === 'function' ? /*#__PURE__*/React.createElement("button", {
+  }, actions && actions.edit && typeof actions.edit === 'function' ? /*#__PURE__*/React.createElement("button", {
     className: "khb_actions-update",
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     onClick: () => actions.edit(item)
-  }, /*#__PURE__*/React.createElement(Pencil, null)) : null, actions.delete && typeof actions.delete === 'function' && /*#__PURE__*/React.createElement("button", {
+  }, /*#__PURE__*/React.createElement(Pencil, null)) : null, actions && actions.delete && typeof actions.delete === 'function' && /*#__PURE__*/React.createElement("button", {
     className: "khb_actions-delete",
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     onClick: () => actions.delete(item)
-  }, /*#__PURE__*/React.createElement(Trash, null))))) : /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+  }, /*#__PURE__*/React.createElement(Trash, null)), typeof extraActions === 'function' ? extraActions(item) : null) : null)) : /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
     colSpan: ((dataKeys === null || dataKeys === void 0 ? void 0 : dataKeys.length) || 0) + 1
   }, "No data found"))))));
 };
 
-const PageTable = () => {
+const PageTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     list,
     onChangeFormState,
@@ -3158,10 +3171,13 @@ const PageTable = () => {
       label: t('page.tableCode'),
       dataKey: 'code'
     }],
+    actionsLabel: t('page.actionsLabel'),
     actions: {
       edit: canUpdate ? onUpdateClick : undefined,
       delete: canDelete ? onDeleteClick : undefined
-    }
+    },
+    extraColumns: extraColumns,
+    extraActions: extraActions
   });
 };
 
@@ -3460,38 +3476,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 +3899,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 +3921,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,
@@ -4591,7 +4562,8 @@ const useWidget = ({
   canList: _canList = true,
   defaultLimit,
   routes,
-  preConfirmDelete
+  preConfirmDelete,
+  imageBaseUrl
 }) => {
   const [list, setList] = useState([]);
   const [itemsList, setItemsList] = useState({
@@ -4988,7 +4960,7 @@ const useWidget = ({
         const responseData = (response === null || response === void 0 ? void 0 : response.data[0]) || (response === null || response === void 0 ? void 0 : response.data);
         return {
           fileId: (responseData === null || responseData === void 0 ? void 0 : responseData._id) || (responseData === null || responseData === void 0 ? void 0 : responseData.id),
-          fileUrl: build_path(baseUrl, responseData === null || responseData === void 0 ? void 0 : responseData.uri),
+          fileUrl: build_path(imageBaseUrl ? imageBaseUrl : baseUrl, responseData === null || responseData === void 0 ? void 0 : responseData.uri),
           fileUri: responseData === null || responseData === void 0 ? void 0 : responseData.uri
         };
       } else onError(CALLBACK_CODES.IMAGE_REMOVE, response.code, response.message);
@@ -6141,6 +6113,7 @@ const WidgetContextProvider = ({
   t: _t = () => '',
   // Form
   list: _list = [],
+  imageBaseUrl: _imageBaseUrl = '',
   searchText: _searchText = '',
   changeSearch: _changeSearch = () => {},
   formState: _formState = '',
@@ -6192,6 +6165,7 @@ const WidgetContextProvider = ({
       t: _t,
       // Form
       list: _list,
+      imageBaseUrl: _imageBaseUrl,
       closeForm: _closeForm,
       formState: _formState,
       loading: _loading,
@@ -6263,7 +6237,10 @@ const Toggle = ({
   }));
 };
 
-const WidgetTable = () => {
+const WidgetTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     switchClass
   } = useProviderState();
@@ -6309,6 +6286,9 @@ const WidgetTable = () => {
     loader: loader,
     loading: loading,
     dataKeys: dataKeys,
+    actionsLabel: t('widget.actionsLabel'),
+    extraColumns: extraColumns,
+    extraActions: extraActions,
     actions: {
       edit: canUpdate ? onUpdateClick : false,
       delete: canDelete ? onDeleteClick : false
@@ -6838,7 +6818,8 @@ const constants = {
   tabCollectionItemsAccessor: 'collectionItems'
 };
 const WidgetForm = ({
-  formRef
+  formRef,
+  customInputs
 }) => {
   const {
     register,
@@ -6879,7 +6860,8 @@ const WidgetForm = ({
     collectionDataLoading,
     formatListItem,
     formatOptionLabel,
-    reactSelectStyles
+    reactSelectStyles,
+    imageBaseUrl
   } = useWidgetState();
   const callerRef = useRef(null);
   const [activeTab, setActiveTab] = useState(0);
@@ -7082,13 +7064,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,
@@ -7223,7 +7206,7 @@ const WidgetForm = ({
       setImgId: value => {
         field.onChange(value);
       },
-      baseUrl: baseUrl,
+      baseUrl: imageBaseUrl ? imageBaseUrl : baseUrl,
       disabled: disabled,
       text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "khb_img-text-wrapper"
@@ -7430,6 +7413,7 @@ const Widget = ({
   routes,
   loader,
   explicitForm: _explicitForm = false,
+  imageBaseUrl,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   permissions: _permissions = {},
@@ -7476,11 +7460,13 @@ const Widget = ({
     canList: derivedPermissions.list,
     routes,
     defaultLimit: 10,
-    preConfirmDelete
+    preConfirmDelete,
+    imageBaseUrl
   });
   return /*#__PURE__*/React.createElement(WidgetContextProvider, {
     loading: loading,
     list: list,
+    imageBaseUrl: imageBaseUrl,
     onChangeFormState: onChangeFormState,
     t: derivedT,
     searchText: searchText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "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/Page/Table/PageTable.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const PageTable: () => JSX.Element;
+import { DerivedTableProps } from '../../../types';
+declare const PageTable: ({ extraActions, extraColumns }: DerivedTableProps) => JSX.Element;
 export default PageTable;

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/Widget/Table/WidgetTable.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
-declare const WidgetTable: () => JSX.Element;
+import { DerivedTableProps } from '../../../types';
+declare const WidgetTable: ({ extraActions, extraColumns }: DerivedTableProps) => JSX.Element;
 export default WidgetTable;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { WidgetProps } from '../../../types';
 declare const Widget: {
-    ({ t, routes, loader, explicitForm, permissions, preConfirmDelete, formatListItem, formatOptionLabel, children, }: WidgetProps): JSX.Element;
-    Table: () => JSX.Element;
-    Form: ({ formRef }: import("../../../types").FormProps) => JSX.Element | null;
+    ({ t, routes, loader, explicitForm, imageBaseUrl, permissions, preConfirmDelete, formatListItem, formatOptionLabel, children, }: WidgetProps): JSX.Element;
+    Table: ({ extraActions, extraColumns }: import("../../../types").DerivedTableProps) => JSX.Element;
+    Form: ({ formRef, customInputs }: import("../../../types").FormProps) => JSX.Element | null;
     AddButton: () => JSX.Element;
     Search: () => JSX.Element;
     Pagination: () => JSX.Element;

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/components/common/Table/Table.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TableProps } from '../../../types';
-declare const Table: ({ data, dataKeys, actions, loader, loading }: TableProps) => JSX.Element;
+declare const Table: ({ data, dataKeys, actions, loader, loading, extraActions, actionsLabel, extraColumns, }: TableProps) => JSX.Element;
 export default Table;

package/src/lib/constants/common.d.ts

@@ -81,6 +81,7 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.tabDeleteTitle': string;
     'widget.widgetTitleInfo': string;
     'widget.minPerRow': string;
+    'widget.actionsLabel': string;
 };
 declare const TRANSLATION_PAIRS_ITEM: {
     'item.title': string;
@@ -110,5 +111,6 @@ declare const TRANSLATION_PAIRS_PAGE: {
     'page.tableName': string;
     'page.tableCode': string;
     'page.widgets': string;
+    'page.actionsLabel': string;
 };
 export { CALLBACK_CODES, DECIMAL_REDIX, DEFAULT_CURRENT_PAGE, DEFAULT_OFFSET_PAYLOAD, INTERNAL_ERROR_CODE, DEFAULT_PERMISSIONS, TRANSLATION_PAIRS_COMMON, DEFAULT_LIMIT, PAGE_LIMITS, TRANSLATION_PAIRS_WIDGET, TRANSLATION_PAIRS_ITEM, TRANSLATION_PAIRS_PAGE, };

package/src/lib/context/WidgetContext.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { WidgetContextType } from '../types';
 interface WidgetContextProviderProps extends React.PropsWithChildren, Partial<WidgetContextType> {
 }
-declare const WidgetContextProvider: ({ t, list, searchText, changeSearch, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteItem, getWidgets, onImageUpload, onImageRemove, itemsTypes, widgetTypes, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, webItems, mobileItems, itemsLoading, onItemFormSubmit, reactSelectStyles, children, }: WidgetContextProviderProps) => JSX.Element;
+declare const WidgetContextProvider: ({ t, list, imageBaseUrl, searchText, changeSearch, formState, closeForm, loading, onChangeFormState, onWidgetFormSubmit, updateData, canAdd, canUpdate, onDeleteItem, getWidgets, onImageUpload, onImageRemove, itemsTypes, widgetTypes, getCollectionData, collectionDataLoading, collectionData, formatListItem, formatOptionLabel, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, canPartialUpdate, columns, data, canDelete, loader, onPartialUpdateWidget, webItems, mobileItems, itemsLoading, onItemFormSubmit, reactSelectStyles, children, }: WidgetContextProviderProps) => JSX.Element;
 export declare function useWidgetState(): WidgetContextType;
 export default WidgetContextProvider;

package/src/lib/hooks/useWidget.d.ts

@@ -8,12 +8,13 @@ interface UseWidgetProps {
     preConfirmDelete?: (data: {
         row: ObjectType;
     }) => Promise<boolean>;
+    imageBaseUrl?: string;
 }
 interface ItemsList {
     web: ObjectType[];
     mobile: ObjectType[];
 }
-declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, }: UseWidgetProps) => {
+declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, imageBaseUrl }: UseWidgetProps) => {
     list: ObjectType[];
     getWidgets: (search?: string) => Promise<void>;
     loading: boolean;

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;
@@ -139,6 +145,16 @@ export interface WidgetProps {
     }) => Promise<boolean>;
     children?: JSX.Element;
     reactSelectStyles?: any;
+    imageBaseUrl?: string;
+}
+export interface DerivedTableProps {
+    extraActions?: (item: any) => JSX.Element;
+    extraColumns?: [
+        {
+            label: string;
+            Cell: (item: any) => JSX.Element;
+        }
+    ];
 }
 export interface FormWrapperProps {
     children: (data: {
@@ -315,4 +331,12 @@ export interface TableProps {
             [key: string]: any;
         }) => void) | boolean;
     };
+    actionsLabel: string;
+    extraActions?: (item: any) => JSX.Element;
+    extraColumns?: [
+        {
+            label: string;
+            Cell: (item: any) => JSX.Element;
+        }
+    ];
 }

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

@@ -68,6 +68,7 @@ export interface WidgetContextType {
     itemsLoading: boolean;
     onItemFormSubmit: (state: FormActionTypes, data: any) => void;
     reactSelectStyles?: any;
+    imageBaseUrl?: string;
 }
 export interface PageContextType {
     t: (key: string) => string;

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;