@knovator/pagecreator-admin 0.8.2 → 0.8.4

package/index.cjs

@@ -1716,7 +1716,8 @@ const TRANSLATION_PAIRS_COMMON = {
   cancelButtonText: 'Cancel',
   yesButtonText: 'Yes',
   deleteButtonText: 'Delete',
-  saveButtonText: 'Save',
+  createButtonText: 'Create',
+  updateButtonText: 'Update',
   showing: 'Showing',
   of: 'of',
   typeHerePlaceholder: 'Type Here'
@@ -4360,7 +4361,8 @@ const PageFormActions = ({
     loading,
     canAdd,
     canUpdate,
-    t
+    t,
+    formState
   } = usePageState();
   const onSubmitClick = e => {
     var _a;
@@ -4379,7 +4381,7 @@ const PageFormActions = ({
   if (!canAdd && !canUpdate) return null;
   return /*#__PURE__*/React__default["default"].createElement(FormActions, {
     loading: loading,
-    primaryLabel: t('saveButtonText'),
+    primaryLabel: formState === 'ADD' ? t('createButtonText') : t('updateButtonText'),
     onPrimaryButtonClick: onSubmitClick,
     onSecondaryButtonClick: closeForm,
     secondaryLabel: t('cancelButtonText')
@@ -6021,6 +6023,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 +6070,8 @@ const WidgetContextProvider = ({
       columns: _columns,
       data: _data,
       canDelete: _canDelete,
-      loader: _loader
+      loader: _loader,
+      imageMaxSize: _imageMaxSize
     }
   }, children);
 };
@@ -6312,7 +6316,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 +6443,8 @@ const ItemsAccordian = ({
     onImageUpload,
     onImageRemove,
     t,
-    imageBaseUrl
+    imageBaseUrl,
+    imageMaxSize
   } = useWidgetState();
   const [itemsShow, setItemsShow] = React.useState([]);
   const {
@@ -6561,7 +6566,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
@@ -7253,7 +7258,8 @@ const WidgetFormActions = ({
     loading,
     canAdd,
     canUpdate,
-    t
+    t,
+    formState
   } = useWidgetState();
   const onSubmitClick = e => {
     var _a;
@@ -7272,7 +7278,7 @@ const WidgetFormActions = ({
   if (!canAdd && !canUpdate) return null;
   return /*#__PURE__*/React__default["default"].createElement(FormActions, {
     loading: loading,
-    primaryLabel: t('saveButtonText'),
+    primaryLabel: formState === 'ADD' ? t('createButtonText') : t('updateButtonText'),
     onPrimaryButtonClick: onSubmitClick,
     onSecondaryButtonClick: closeForm,
     secondaryLabel: t('cancelButtonText')
@@ -7305,6 +7311,7 @@ const Widget = ({
   preConfirmDelete,
   formatListItem,
   formatOptionLabel,
+  imageMaxSize,
   children
 }) => {
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
@@ -7378,7 +7385,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

@@ -1704,7 +1704,8 @@ const TRANSLATION_PAIRS_COMMON = {
   cancelButtonText: 'Cancel',
   yesButtonText: 'Yes',
   deleteButtonText: 'Delete',
-  saveButtonText: 'Save',
+  createButtonText: 'Create',
+  updateButtonText: 'Update',
   showing: 'Showing',
   of: 'of',
   typeHerePlaceholder: 'Type Here'
@@ -4348,7 +4349,8 @@ const PageFormActions = ({
     loading,
     canAdd,
     canUpdate,
-    t
+    t,
+    formState
   } = usePageState();
   const onSubmitClick = e => {
     var _a;
@@ -4367,7 +4369,7 @@ const PageFormActions = ({
   if (!canAdd && !canUpdate) return null;
   return /*#__PURE__*/React.createElement(FormActions, {
     loading: loading,
-    primaryLabel: t('saveButtonText'),
+    primaryLabel: formState === 'ADD' ? t('createButtonText') : t('updateButtonText'),
     onPrimaryButtonClick: onSubmitClick,
     onSecondaryButtonClick: closeForm,
     secondaryLabel: t('cancelButtonText')
@@ -6009,6 +6011,7 @@ const WidgetContextProvider = ({
   loader: _loader = /*#__PURE__*/React.createElement("span", null),
   onPartialUpdateWidget: _onPartialUpdateWidget = () => Promise.resolve(),
   reactSelectStyles: _reactSelectStyles = {},
+  imageMaxSize: _imageMaxSize = 10485760,
   // other
   children
 }) => {
@@ -6055,7 +6058,8 @@ const WidgetContextProvider = ({
       columns: _columns,
       data: _data,
       canDelete: _canDelete,
-      loader: _loader
+      loader: _loader,
+      imageMaxSize: _imageMaxSize
     }
   }, children);
 };
@@ -6300,7 +6304,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 +6431,8 @@ const ItemsAccordian = ({
     onImageUpload,
     onImageRemove,
     t,
-    imageBaseUrl
+    imageBaseUrl,
+    imageMaxSize
   } = useWidgetState();
   const [itemsShow, setItemsShow] = useState([]);
   const {
@@ -6549,7 +6554,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
@@ -7241,7 +7246,8 @@ const WidgetFormActions = ({
     loading,
     canAdd,
     canUpdate,
-    t
+    t,
+    formState
   } = useWidgetState();
   const onSubmitClick = e => {
     var _a;
@@ -7260,7 +7266,7 @@ const WidgetFormActions = ({
   if (!canAdd && !canUpdate) return null;
   return /*#__PURE__*/React.createElement(FormActions, {
     loading: loading,
-    primaryLabel: t('saveButtonText'),
+    primaryLabel: formState === 'ADD' ? t('createButtonText') : t('updateButtonText'),
     onPrimaryButtonClick: onSubmitClick,
     onSecondaryButtonClick: closeForm,
     secondaryLabel: t('cancelButtonText')
@@ -7293,6 +7299,7 @@ const Widget = ({
   preConfirmDelete,
   formatListItem,
   formatOptionLabel,
+  imageMaxSize,
   children
 }) => {
   const derivedPermissions = Object.assign(DEFAULT_PERMISSIONS, _permissions);
@@ -7366,7 +7373,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.4",
   "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/constants/common.d.ts

@@ -45,7 +45,8 @@ declare const TRANSLATION_PAIRS_COMMON: {
     cancelButtonText: string;
     yesButtonText: string;
     deleteButtonText: string;
-    saveButtonText: string;
+    createButtonText: string;
+    updateButtonText: string;
     showing: string;
     of: string;
     typeHerePlaceholder: string;

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;