@knovator/pagecreator-admin 0.8.2 → 0.8.3

package/index.cjs

@@ -6021,6 +6021,7 @@ const WidgetContextProvider = ({
   loader: _loader = /*#__PURE__*/React__default["default"].createElement("span", null),
   onPartialUpdateWidget: _onPartialUpdateWidget = () => Promise.resolve(),
   reactSelectStyles: _reactSelectStyles = {},
+  imageMaxSize: _imageMaxSize = 10485760,
   // other
   children
 }) => {
@@ -6067,7 +6068,8 @@ const WidgetContextProvider = ({
       columns: _columns,
       data: _data,
       canDelete: _canDelete,
-      loader: _loader
+      loader: _loader,
+      imageMaxSize: _imageMaxSize
     }
   }, children);
 };
@@ -6312,7 +6314,7 @@ const ImageUpload = ({
       try {
         if (typeof clearError === 'function') clearError();
         if ((acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.length) > 0) {
-          const regex = /\.(png|jpeg|jpg|webp|svg)$/gi;
+          const regex = /\.(png|jpeg|jpg|webp|svg|gif)$/gi;
           const files = acceptedFiles.filter(file => regex.test(file.name));
           if (files[0]) {
             const response = yield onImageUpload(files[0]);
@@ -6439,7 +6441,8 @@ const ItemsAccordian = ({
     onImageUpload,
     onImageRemove,
     t,
-    imageBaseUrl
+    imageBaseUrl,
+    imageMaxSize
   } = useWidgetState();
   const [itemsShow, setItemsShow] = React.useState([]);
   const {
@@ -6561,7 +6564,7 @@ const ItemsAccordian = ({
         return /*#__PURE__*/React__default["default"].createElement(ImageUpload$1, {
           imgId: field.value,
           clearError: () => clearError(`${name}.${index}.img`),
-          maxSize: 10485760,
+          maxSize: imageMaxSize,
           onError: msg => setError(`${name}.${index}.img`, {
             type: 'custom',
             message: msg
@@ -7305,6 +7308,7 @@ const Widget = ({
   preConfirmDelete,
   formatListItem,
   formatOptionLabel,
+  imageMaxSize,
   children
 }) => {
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
@@ -7378,7 +7382,8 @@ const Widget = ({
     canUpdate: derivedPermissions.update,
     canPartialUpdate: derivedPermissions.partialUpdate,
     formState: formState,
-    closeForm: onCloseForm
+    closeForm: onCloseForm,
+    imageMaxSize: imageMaxSize
   }, children ? children : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AddButton, null), /*#__PURE__*/React__default["default"].createElement(WidgetSearch, null), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "khb_table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(WidgetTable, null), /*#__PURE__*/React__default["default"].createElement(WidgetPagination, null))), !_explicitForm && /*#__PURE__*/React__default["default"].createElement(Drawer, {

package/index.js

@@ -6009,6 +6009,7 @@ const WidgetContextProvider = ({
   loader: _loader = /*#__PURE__*/React.createElement("span", null),
   onPartialUpdateWidget: _onPartialUpdateWidget = () => Promise.resolve(),
   reactSelectStyles: _reactSelectStyles = {},
+  imageMaxSize: _imageMaxSize = 10485760,
   // other
   children
 }) => {
@@ -6055,7 +6056,8 @@ const WidgetContextProvider = ({
       columns: _columns,
       data: _data,
       canDelete: _canDelete,
-      loader: _loader
+      loader: _loader,
+      imageMaxSize: _imageMaxSize
     }
   }, children);
 };
@@ -6300,7 +6302,7 @@ const ImageUpload = ({
       try {
         if (typeof clearError === 'function') clearError();
         if ((acceptedFiles === null || acceptedFiles === void 0 ? void 0 : acceptedFiles.length) > 0) {
-          const regex = /\.(png|jpeg|jpg|webp|svg)$/gi;
+          const regex = /\.(png|jpeg|jpg|webp|svg|gif)$/gi;
           const files = acceptedFiles.filter(file => regex.test(file.name));
           if (files[0]) {
             const response = yield onImageUpload(files[0]);
@@ -6427,7 +6429,8 @@ const ItemsAccordian = ({
     onImageUpload,
     onImageRemove,
     t,
-    imageBaseUrl
+    imageBaseUrl,
+    imageMaxSize
   } = useWidgetState();
   const [itemsShow, setItemsShow] = useState([]);
   const {
@@ -6549,7 +6552,7 @@ const ItemsAccordian = ({
         return /*#__PURE__*/React.createElement(ImageUpload$1, {
           imgId: field.value,
           clearError: () => clearError(`${name}.${index}.img`),
-          maxSize: 10485760,
+          maxSize: imageMaxSize,
           onError: msg => setError(`${name}.${index}.img`, {
             type: 'custom',
             message: msg
@@ -7293,6 +7296,7 @@ const Widget = ({
   preConfirmDelete,
   formatListItem,
   formatOptionLabel,
+  imageMaxSize,
   children
 }) => {
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
@@ -7366,7 +7370,8 @@ const Widget = ({
     canUpdate: derivedPermissions.update,
     canPartialUpdate: derivedPermissions.partialUpdate,
     formState: formState,
-    closeForm: onCloseForm
+    closeForm: onCloseForm,
+    imageMaxSize: imageMaxSize
   }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AddButton, null), /*#__PURE__*/React.createElement(WidgetSearch, null), /*#__PURE__*/React.createElement("div", {
     className: "khb_table-wrapper"
   }, /*#__PURE__*/React.createElement(WidgetTable, null), /*#__PURE__*/React.createElement(WidgetPagination, null))), !_explicitForm && /*#__PURE__*/React.createElement(Drawer, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

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

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

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, 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, 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, reactSelectStyles, imageMaxSize, children, }: WidgetContextProviderProps) => JSX.Element;
 export declare function useWidgetState(): WidgetContextType;
 export default WidgetContextProvider;

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

@@ -149,6 +149,7 @@ export interface WidgetProps {
     children?: JSX.Element;
     reactSelectStyles?: any;
     imageBaseUrl?: string;
+    imageMaxSize?: number;
 }
 export interface DerivedTableProps {
     extraActions?: (item: any) => JSX.Element;

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

@@ -64,6 +64,7 @@ export interface WidgetContextType {
     onPartialUpdateWidget: (data: any, id: string) => Promise<void>;
     reactSelectStyles?: any;
     imageBaseUrl?: string;
+    imageMaxSize: number;
 }
 export interface PageContextType {
     t: (key: string) => string;