@knovator/pagecreator-admin 1.2.9 → 1.3.1

package/src/lib/components/common/Toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToggleProps } from '../../../types';
+declare const Toggle: ({ isChecked, disabled, onChange, switchClass, }: ToggleProps) => JSX.Element;
+export default Toggle;

package/src/lib/components/common/Toggle/{index.ts → index.d.ts}

@@ -1,3 +1,2 @@
 import Toggle from "./Toggle";
-
 export default Toggle;

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

@@ -0,0 +1,122 @@
+declare const DEFAULT_OFFSET_PAYLOAD = 0;
+declare const DECIMAL_REDIX = 10;
+declare const DEFAULT_CURRENT_PAGE = 1;
+declare const INTERNAL_ERROR_CODE = "INTERNAL_ERROR";
+declare const DEFAULT_LIMIT = 10;
+declare const PAGE_LIMITS: number[];
+declare enum CALLBACK_CODES {
+    'GET_ALL' = "GET_ALL",
+    'GET_SINGLE' = "GET_SINGLE",
+    'CREATE' = "CREATE",
+    'UPDATE' = "UPDATE",
+    'PARTIAL_UPDATE' = "PARTIAL_UPDATE",
+    'DELETE' = "DELETE",
+    'IMAGE_UPLOAD' = "IMAGE_UPLOAD",
+    'IMAGE_REMOVE' = "IMAGE_REMOVE",
+    'INTERNAL' = "INTERNAL"
+}
+declare const CONSTANTS: {
+    EMPTY_REGEX: RegExp;
+    SLUG_REGEX: RegExp;
+    SLUG_REPLACE_REGEX: RegExp;
+};
+declare const DEFAULT_PERMISSIONS: {
+    list: boolean;
+    add: boolean;
+    delete: boolean;
+    partialUpdate: boolean;
+    update: boolean;
+};
+declare const TRANSLATION_PAIRS_COMMON: {
+    confirmationRequired: string;
+    permanentlyDelete: string;
+    lossOfData: string;
+    pleaseType: string;
+    toProceedOrCancel: string;
+    confirm: string;
+    next: string;
+    previous: string;
+    page: string;
+    indicatesRequired: string;
+    cancel: string;
+    yes: string;
+    delete: string;
+    create: string;
+    update: string;
+    showing: string;
+    add: string;
+    of: string;
+    typeHerePlaceholder: string;
+    code: string;
+    codePlaceholder: string;
+    codeRequired: string;
+    name: string;
+    namePlaceholder: string;
+    nameRequired: string;
+    title: string;
+    titlePlaceholder: string;
+    titleRequired: string;
+    active: string;
+    actions: string;
+};
+declare const TRANSLATION_PAIRS_WIDGET: {
+    itemsType: string;
+    itemsTypePlaceholder: string;
+    widgetType: string;
+    widgetTypeRequired: string;
+    color: string;
+    webPerRow: string;
+    webPerRowPlaceholder: string;
+    mobilePerRow: string;
+    mobilePerRowPlaceholder: string;
+    tabletPerRow: string;
+    tabletPerRowPlaceholder: string;
+    mobileItems: string;
+    webItems: string;
+    searchPlaceholder: string;
+    autoPlay: string;
+    addWidgetTitle: string;
+    updateWidgetTitle: string;
+    webPerRowRequired: string;
+    tabletPerRowRequired: string;
+    mobilePerRowRequired: string;
+    tabDeleteTitle: string;
+    widgetTitleInfo: string;
+    minPerRow: string;
+    tabNameRequired: string;
+    subtitle: string;
+    subTitlePlaceholder: string;
+    altText: string;
+    altTextPlaceholder: string;
+    link: string;
+    linkPlaceholder: string;
+    image: string;
+    uploadFile: string;
+    dragDrop: string;
+    allowedFormat: string;
+    srcset: string;
+    screenSizeRequired: string;
+    widthRequired: string;
+    heightRequired: string;
+    minScreenSize: string;
+    minWidth: string;
+    minHeight: string;
+    deleteTitle: string;
+    htmlContent: string;
+    htmlContentPlaceholder: string;
+    htmlContentRequired: string;
+    textContent: string;
+    textContentRequired: string;
+    textContentInfo: string;
+    textContentPlaceholder: string;
+};
+declare const TRANSLATION_PAIRS_PAGE: {
+    widgets: string;
+    slug: string;
+    slugPlaceholder: string;
+    slugRequired: string;
+    addPage: string;
+    updatePage: string;
+    searchPages: string;
+};
+export { CONSTANTS, 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_PAGE, };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PageContextType } from '../types';
+interface PageContextProviderProps extends React.PropsWithChildren, Partial<PageContextType> {
+}
+declare const PageContextProvider: ({ 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, pageTranslations, children, }: PageContextProviderProps) => JSX.Element;
+export declare function usePageState(): PageContextType;
+export default PageContextProvider;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ProviderContextProviderProps, ProviderContextType } from '../types';
+declare const Provider: ({ children, baseUrl, token, translations, onError, onSuccess, onLogout, switchClass, widgetRoutesPrefix, pageRoutesPrefix, }: ProviderContextProviderProps) => JSX.Element;
+export declare function useProviderState(): ProviderContextType;
+export default Provider;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetContextType } from '../types';
+interface WidgetContextProviderProps extends React.PropsWithChildren, Partial<WidgetContextType> {
+}
+declare const WidgetContextProvider: ({ list, languages, 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, widgetTranslations, children, }: WidgetContextProviderProps) => JSX.Element;
+export declare function useWidgetState(): WidgetContextType;
+export default WidgetContextProvider;

package/src/lib/helper/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const paginationDataGatter: (data: any) => any;
+export declare const dataGatter: (data: any) => any;
+export declare const capitalizeFirstLetter: (string?: string) => string;
+export declare const changeToCode: (string?: string) => string;
+export declare const changeToSlug: (string?: string) => string;
+export declare const isObject: (data: any) => boolean;
+export declare const isString: (data: any) => boolean;
+export declare const isArray: (data: any) => boolean;
+export declare const isEmpty: (data: any) => boolean;
+export declare const build_path: (...args: string[]) => string;

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { FormActionTypes, ObjectType, OptionType, Routes_Input } from '../types';
+interface UsePageProps {
+    canList?: boolean;
+    defaultLimit: number;
+    routes?: Routes_Input;
+    preConfirmDelete?: (data: {
+        row: ObjectType;
+    }) => Promise<boolean>;
+}
+declare const usePage: ({ routes, defaultLimit, canList, preConfirmDelete, }: UsePageProps) => {
+    list: ObjectType[];
+    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: (page: number) => void;
+    setPageSize: (value: number) => void;
+    widgets: ObjectType[];
+    itemData: any;
+    formState: FormActionTypes | undefined;
+    getWidgets: (search?: string, collectionItems?: string[], callback?: ((data: any) => void) | undefined) => Promise<void>;
+    onCloseForm: () => void;
+    widgetsLoading: boolean;
+    selectedWidgets: OptionType[];
+    setSelectedWidgets: import("react").Dispatch<import("react").SetStateAction<OptionType[]>>;
+    onPageFormSubmit: (data: ObjectType) => Promise<void>;
+    onChangeFormState: (state: FormActionTypes, data?: any) => void;
+    onCofirmDeletePage: () => Promise<void>;
+    onChangeWidgetSequence: (sourceIndex: number, destinationIndex: number) => void;
+};
+export default usePage;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface UsePaginationProps {
+    defaultLimit?: number;
+}
+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;
+    changeSearch: (value: string) => void;
+    setCurrentPage: (value: number) => void;
+};
+export default usePagination;

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

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { Routes_Input, WidgetType, ItemsType } from '../types';
+import { FormActionTypes, ObjectType, LanguageType } from '../types/common';
+interface UseWidgetProps {
+    canList?: boolean;
+    defaultLimit: number;
+    routes?: Routes_Input;
+    preConfirmDelete?: (data: {
+        row: ObjectType;
+    }) => Promise<boolean>;
+    imageBaseUrl?: string;
+}
+declare const useWidget: ({ canList, defaultLimit, routes, preConfirmDelete, imageBaseUrl, }: UseWidgetProps) => {
+    list: ObjectType[];
+    getWidgets: (search?: string) => Promise<void>;
+    loading: boolean;
+    languages: LanguageType[];
+    setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    searchText: string;
+    pageSize: number;
+    totalPages: number;
+    currentPage: number;
+    totalRecords: number;
+    setCurrentPage: (page: number) => void;
+    setPageSize: (value: number) => void;
+    formState: FormActionTypes | undefined;
+    itemData: ObjectType | null;
+    onChangeFormState: (state: FormActionTypes, data?: ObjectType) => Promise<void>;
+    onCloseForm: () => void;
+    onWidgetFormSubmit: (data: ObjectType) => Promise<void>;
+    onCofirmDeleteWidget: () => Promise<void>;
+    onPartialUpdateWidget: (data: ObjectType, id: string) => Promise<void>;
+    onImageUpload: (file: File) => Promise<{
+        fileUrl: string;
+        fileId: string;
+        fileUri: string;
+    } | void>;
+    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[];
+};
+export default useWidget;

package/src/lib/icons/chevronDown.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const ChevronDown: ({ srText, className }: IconProps) => JSX.Element;
+export default ChevronDown;

package/src/lib/icons/chevronLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const ChevronLeft: ({ srText }: IconProps) => JSX.Element;
+export default ChevronLeft;

package/src/lib/icons/chevronRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const ChevronRight: ({ srText }: IconProps) => JSX.Element;
+export default ChevronRight;

package/src/lib/icons/chevronUp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const ChevronUp: ({ srText, className }: IconProps) => JSX.Element;
+export default ChevronUp;

package/src/lib/icons/close.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Close: ({ srText, className }: IconProps) => JSX.Element;
+export default Close;

package/src/lib/icons/pencil.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Pencil: ({ srText, className }: IconProps) => JSX.Element;
+export default Pencil;

package/src/lib/icons/plus.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Plus: ({ srText, className }: IconProps) => JSX.Element;
+export default Plus;

package/src/lib/icons/settings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Settings: ({ srText, className }: IconProps) => JSX.Element;
+export default Settings;

package/src/lib/icons/trash.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from '../types';
+declare const Trash: ({ srText, className }: IconProps) => JSX.Element;
+export default Trash;

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

@@ -0,0 +1,34 @@
+export type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'ITEM' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA' | 'GET_ONE' | 'LANGUAGES';
+export type API_TYPE = {
+    url: string;
+    method: string;
+};
+export type API_INPUT_TYPE = {
+    prefix: string;
+    id?: string;
+};
+export type Routes_Input = {
+    [K in ACTION_TYPES]?: (data: API_INPUT_TYPE) => API_TYPE;
+};
+export type ItemsType = {
+    value: string;
+    label: string;
+};
+export type WidgetType = {
+    value: string;
+    label: string;
+};
+export interface BaseAPIProps {
+    config?: any;
+    baseUrl: string;
+    token: string | (() => Promise<string>);
+    data?: any;
+    url: string;
+    method: string;
+    onError?: (error: Error) => void;
+}
+export interface ResponseType {
+    message: string;
+    code: 'SUCCESS' | 'FAILED';
+    data: any;
+}

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

@@ -0,0 +1,30 @@
+export type FormActionTypes = 'ADD' | 'UPDATE' | 'DELETE' | null | '';
+export type TFunc = (key: string) => string;
+export type OptionType = {
+    label: string;
+    value: string;
+    code?: string;
+};
+export interface PermissionsObj {
+    list: boolean;
+    add: boolean;
+    update: boolean;
+    partialUpdate: boolean;
+    delete: boolean;
+}
+export type LanguageType = {
+    name: string;
+    code: string;
+};
+export type ObjectType = {
+    [key: string]: string;
+};
+export type CombineObjectType = {
+    [key: string]: string | boolean | number | string[] | null | Record<string | number, CombineObjectType> | CombineObjectType | CombineObjectType[];
+};
+export type ValuesType = string | boolean | number | string[];
+export interface SrcSetItem {
+    screenSize: number | string;
+    width: number | string;
+    height: number | string;
+}