@knovator/pagecreator-admin 0.5.6 → 0.5.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",
@@ -9,7 +9,9 @@
     "react-dropzone": "^14.2.2",
     "react-select": "^5.4.0",
     "react-tabs": "^6.0.0",
-    "react-tiny-popover": "^7.2.0"
+    "react-tiny-popover": "^7.2.0",
+    "suneditor": "^2.44.3",
+    "suneditor-react": "^3.4.1"
   },
   "peerDependencies": {
     "react": "^18 | ^17",

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

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

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

@@ -3,10 +3,12 @@ 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, 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/constants/common.d.ts

@@ -80,6 +80,7 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.mobilePerRowRequired': string;
     'widget.tabDeleteTitle': string;
     'widget.widgetTitleInfo': string;
+    'widget.minPerRow': string;
 };
 declare const TRANSLATION_PAIRS_ITEM: {
     'item.title': string;

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

@@ -2,6 +2,6 @@ import React from 'react';
 import { PageContextType } from '../types';
 interface PageContextProviderProps extends React.PropsWithChildren, Partial<PageContextType> {
 }
-declare const PageContextProvider: ({ t, list, widgets, formState, closeForm, getPages, loading, getWidgets, onChangeFormState, onPageFormSubmit, canAdd, canUpdate, selectedWidgets, setSelectedWidgets, onChangeWidgetSequence, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, columns, data, canDelete, loader, children, }: PageContextProviderProps) => JSX.Element;
+declare const PageContextProvider: ({ t, searchText, changeSearch, list, widgets, formState, closeForm, getPages, loading, getWidgets, onChangeFormState, onPageFormSubmit, canAdd, canUpdate, selectedWidgets, setSelectedWidgets, onChangeWidgetSequence, currentPage, limits, pageSize, setCurrentPage, setPageSize, totalPages, totalRecords, canList, columns, data, canDelete, loader, children, }: PageContextProviderProps) => JSX.Element;
 export declare function usePageState(): PageContextType;
 export default PageContextProvider;

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, 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, 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/usePage.d.ts

@@ -13,11 +13,13 @@ declare const usePage: ({ routes, defaultLimit, canList, preConfirmDelete, }: Us
     getPages: (search?: string) => Promise<void>;
     loading: boolean;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    searchText: string;
+    changeSearch: (value: string) => void;
     pageSize: number;
     totalPages: number;
     currentPage: number;
     totalRecords: number;
-    setCurrentPage: (value: number) => void;
+    setCurrentPage: (page: number) => void;
     setPageSize: (value: number) => void;
     widgets: ObjectType[];
     itemData: any;

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

@@ -4,24 +4,12 @@ interface UsePaginationProps {
 }
 declare const usePagination: ({ defaultLimit }: UsePaginationProps) => {
     pageSize: number;
+    currentPageRef: import("react").MutableRefObject<number>;
+    limitRef: import("react").MutableRefObject<number>;
+    offsetRef: import("react").MutableRefObject<number>;
+    searchRef: import("react").MutableRefObject<string>;
     setPageSize: (value: number) => void;
-    currentPage: number;
     changeSearch: (value: string) => void;
-    filter: {
-        search: string;
-        offset: number;
-        limit: number;
-    };
     setCurrentPage: (value: number) => void;
-    defaultApiPayload: {
-        search: string;
-        offset: number;
-        limit: number;
-    };
-    setFilter: import("react").Dispatch<import("react").SetStateAction<{
-        search: string;
-        offset: number;
-        limit: number;
-    }>>;
 };
 export default usePagination;

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

@@ -18,11 +18,12 @@ declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, }:
     getWidgets: (search?: string) => Promise<void>;
     loading: boolean;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    searchText: string;
     pageSize: number;
     totalPages: number;
     currentPage: number;
     totalRecords: number;
-    setCurrentPage: (value: number) => void;
+    setCurrentPage: (page: number) => void;
     setPageSize: (value: number) => void;
     formState: FormActionTypes | undefined;
     itemData: ObjectType | null;
@@ -40,6 +41,7 @@ declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, }:
     onImageRemove: (id: string) => Promise<void>;
     itemsTypes: ItemsType[];
     widgetTypes: WidgetType[];
+    changeSearch: (value: string) => void;
     collectionDataLoading: boolean;
     getCollectionData: (collectionName: string, search?: string, callback?: ((data: any) => void) | undefined, collectionItems?: string[]) => Promise<void>;
     collectionData: any[];

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

@@ -53,6 +53,17 @@ export interface InputProps {
     register?: any;
     info?: string;
 }
+export interface HTMLEditorProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    wrapperClassName?: string;
+    onChange: (value: string) => void;
+    onInput?: (e: any) => void;
+    required?: boolean;
+    error?: string;
+}
 export interface CheckboxProps {
     rest?: any;
     label?: string;
@@ -146,7 +157,7 @@ export interface SchemaType extends ReactSelectProps {
     validations?: RegisterOptions;
     editable?: boolean;
     onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect' | 'srcset' | 'color';
+    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect' | 'srcset' | 'color' | 'html';
     options?: {
         value: string;
         label: string;

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

@@ -24,6 +24,8 @@ export interface ProviderContextProviderProps extends React.PropsWithChildren, O
 export interface WidgetContextType {
     t: (key: string) => string;
     list: any[];
+    searchText?: string;
+    changeSearch: (str: string) => void;
     formState: FormActionTypes | undefined;
     closeForm: () => void;
     onWidgetFormSubmit: (data: any) => void;
@@ -33,7 +35,7 @@ export interface WidgetContextType {
     canAdd: boolean;
     canUpdate: boolean;
     onDeleteItem: (id: string) => void;
-    getWidgets: (searchText: string) => void;
+    getWidgets: (searchText?: string) => void;
     onImageUpload: (file: File) => Promise<{
         fileUrl: string;
         fileId: string;
@@ -70,6 +72,8 @@ export interface WidgetContextType {
 export interface PageContextType {
     t: (key: string) => string;
     list: any[];
+    searchText: string;
+    changeSearch: (val: string) => void;
     getWidgets: (callback?: (data: any) => void) => void;
     formState: FormActionTypes | undefined;
     closeForm: () => void;