@knovator/pagecreator-admin 0.5.10 → 0.5.11

package/index.cjs

@@ -1739,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',
@@ -1768,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 */
@@ -3088,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", {
@@ -3120,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,
@@ -3169,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
   });
 };
 
@@ -4557,7 +4574,8 @@ const useWidget = ({
   canList: _canList = true,
   defaultLimit,
   routes,
-  preConfirmDelete
+  preConfirmDelete,
+  imageBaseUrl
 }) => {
   const [list, setList] = React.useState([]);
   const [itemsList, setItemsList] = React.useState({
@@ -4954,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);
@@ -6107,6 +6125,7 @@ const WidgetContextProvider = ({
   t: _t = () => '',
   // Form
   list: _list = [],
+  imageBaseUrl: _imageBaseUrl = '',
   searchText: _searchText = '',
   changeSearch: _changeSearch = () => {},
   formState: _formState = '',
@@ -6158,6 +6177,7 @@ const WidgetContextProvider = ({
       t: _t,
       // Form
       list: _list,
+      imageBaseUrl: _imageBaseUrl,
       closeForm: _closeForm,
       formState: _formState,
       loading: _loading,
@@ -6229,7 +6249,10 @@ const Toggle = ({
   }));
 };
 
-const WidgetTable = () => {
+const WidgetTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     switchClass
   } = useProviderState();
@@ -6275,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
@@ -6846,7 +6872,8 @@ const WidgetForm = ({
     collectionDataLoading,
     formatListItem,
     formatOptionLabel,
-    reactSelectStyles
+    reactSelectStyles,
+    imageBaseUrl
   } = useWidgetState();
   const callerRef = React.useRef(null);
   const [activeTab, setActiveTab] = React.useState(0);
@@ -7191,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"
@@ -7398,6 +7425,7 @@ const Widget = ({
   routes,
   loader,
   explicitForm: _explicitForm = false,
+  imageBaseUrl,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   permissions: _permissions = {},
@@ -7444,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.js

@@ -1727,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',
@@ -1756,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 */
@@ -3076,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", {
@@ -3108,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,
@@ -3157,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
   });
 };
 
@@ -4545,7 +4562,8 @@ const useWidget = ({
   canList: _canList = true,
   defaultLimit,
   routes,
-  preConfirmDelete
+  preConfirmDelete,
+  imageBaseUrl
 }) => {
   const [list, setList] = useState([]);
   const [itemsList, setItemsList] = useState({
@@ -4942,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);
@@ -6095,6 +6113,7 @@ const WidgetContextProvider = ({
   t: _t = () => '',
   // Form
   list: _list = [],
+  imageBaseUrl: _imageBaseUrl = '',
   searchText: _searchText = '',
   changeSearch: _changeSearch = () => {},
   formState: _formState = '',
@@ -6146,6 +6165,7 @@ const WidgetContextProvider = ({
       t: _t,
       // Form
       list: _list,
+      imageBaseUrl: _imageBaseUrl,
       closeForm: _closeForm,
       formState: _formState,
       loading: _loading,
@@ -6217,7 +6237,10 @@ const Toggle = ({
   }));
 };
 
-const WidgetTable = () => {
+const WidgetTable = ({
+  extraActions,
+  extraColumns
+}) => {
   const {
     switchClass
   } = useProviderState();
@@ -6263,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
@@ -6834,7 +6860,8 @@ const WidgetForm = ({
     collectionDataLoading,
     formatListItem,
     formatOptionLabel,
-    reactSelectStyles
+    reactSelectStyles,
+    imageBaseUrl
   } = useWidgetState();
   const callerRef = useRef(null);
   const [activeTab, setActiveTab] = useState(0);
@@ -7179,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"
@@ -7386,6 +7413,7 @@ const Widget = ({
   routes,
   loader,
   explicitForm: _explicitForm = false,
+  imageBaseUrl,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   permissions: _permissions = {},
@@ -7432,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.10",
+  "version": "0.5.11",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

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/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/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

@@ -145,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: {
@@ -321,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;