@knovator/pagecreator-admin 0.5.4 → 0.5.6

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/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';
+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,25 @@
+export type FormActionTypes = 'ADD' | 'UPDATE' | 'DELETE' | null | '';
+export type TFunc = (key: string) => string;
+export type OptionType = {
+    label: string;
+    value: string;
+};
+export interface PermissionsObj {
+    list: boolean;
+    add: boolean;
+    update: boolean;
+    partialUpdate: boolean;
+    delete: boolean;
+}
+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;
+}

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

@@ -0,0 +1,307 @@
+import React, { MutableRefObject } from 'react';
+import { DropResult } from 'react-beautiful-dnd';
+import { RegisterOptions } from 'react-hook-form';
+import { Routes_Input } from './api';
+import { OptionType, FormActionTypes, PermissionsObj, ObjectType } from './common';
+export interface DNDItemsListProps {
+    onDragEnd: (result: DropResult) => void;
+    items: OptionType[];
+    listCode?: string;
+    formatItem?: (code: string, data: any) => JSX.Element;
+}
+export interface DrawerProps {
+    children?: React.ReactNode;
+    open: boolean;
+    onClose?: () => void;
+    id?: string;
+    name?: string;
+    title?: string;
+}
+export type ButtonTypes = 'primary' | 'secondary' | 'success' | 'danger';
+export type ButtonSizes = 'xs' | 'sm' | 'base' | 'lg';
+export interface ButtonProps {
+    children?: React.ReactNode;
+    type?: ButtonTypes;
+    size?: ButtonSizes;
+    onClick?: () => void;
+    className?: string;
+    disabled?: boolean;
+}
+export interface IconProps {
+    srText?: string;
+    className?: string;
+}
+export type InputSizes = 'xs' | 'sm' | 'base' | 'lg';
+export interface InputProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    type?: string;
+    size?: InputSizes;
+    className?: string;
+    error?: string;
+    errors?: any;
+    required?: boolean;
+    disabled?: boolean;
+    rest?: any;
+    wrapperClassName?: string;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string | number;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    control?: any;
+    register?: any;
+    info?: string;
+}
+export interface CheckboxProps {
+    rest?: any;
+    label?: string;
+    error?: string;
+    className?: string;
+    disabled?: boolean;
+    wrapperClassName?: string;
+    switchClass?: string;
+}
+export interface SelectProps {
+    value?: string | number;
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    label?: string;
+    error?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    className?: string;
+    disabled?: boolean;
+    size?: InputSizes;
+    id?: string;
+    rest?: any;
+    required?: boolean;
+    wrapperClassName?: string;
+}
+export interface ReactSelectProps {
+    onChange?: (opt: OptionType[] | OptionType | null) => void;
+    label?: string;
+    error?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    isMulti?: boolean;
+    required?: boolean;
+    selectedOptions?: {
+        value: string;
+        label: string;
+    }[];
+    isLoading?: boolean;
+    isSearchable?: boolean;
+    placeholder?: string;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    listCode?: string;
+    wrapperClassName?: string;
+    customStyles?: any;
+    loadOptions?: (value?: string, callback?: (options: OptionType[]) => void) => Promise<OptionType[]>;
+    selectKey?: string;
+}
+export interface FormProps {
+    formRef: MutableRefObject<HTMLFormElement | null>;
+}
+export interface InputRendererProps {
+    field: import('react-hook-form').ControllerRenderProps;
+    error?: string;
+    setError: (msg: string) => void;
+    disabled?: boolean;
+}
+export interface WidgetProps {
+    t?: any;
+    loader?: any;
+    routes?: Routes_Input;
+    explicitForm?: boolean;
+    permissions?: PermissionsObj;
+    formatListItem?: (code: string, data: any) => JSX.Element;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    preConfirmDelete?: (data: {
+        row: ObjectType;
+    }) => Promise<boolean>;
+    children?: JSX.Element;
+    reactSelectStyles?: any;
+}
+export interface FormWrapperProps {
+    children: (data: {
+        formState: FormActionTypes | undefined;
+        onClose: () => void;
+        open: boolean;
+    }) => JSX.Element | null;
+}
+export interface FormActionWrapperProps {
+    formRef: MutableRefObject<HTMLFormElement | null>;
+}
+export interface SchemaType extends ReactSelectProps {
+    label?: string;
+    accessor: string;
+    Input?: (props: InputRendererProps) => JSX.Element;
+    validations?: RegisterOptions;
+    editable?: boolean;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect' | 'srcset' | 'color';
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    selectedOptions?: {
+        value: string;
+        label: string;
+    }[];
+    isMulti?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    onChange?: (e: any) => void;
+    show?: boolean;
+    wrapperClassName?: string;
+    switchClass?: string;
+    info?: string;
+    customStyles?: any;
+}
+export interface PageProps {
+    t?: any;
+    loader?: any;
+    explicitForm?: boolean;
+    children?: JSX.Element;
+    permissions?: PermissionsObj;
+    preConfirmDelete?: (data: {
+        row: ObjectType;
+    }) => Promise<boolean>;
+}
+export interface PaginationProps {
+    totalPages: number;
+    totalRecords: number;
+    currentPage: number;
+    pageSize: number;
+    setCurrentPage: (value: number) => void;
+    showingText?: string;
+    pageText?: string;
+    ofText?: string;
+    previousContent?: string | React.ReactNode;
+    nextContent?: string | React.ReactNode;
+}
+export interface ItemsAccordianProps {
+    id: string;
+    show: boolean;
+    title: string;
+    itemsData: any[];
+    widgetId: string;
+    collapseId: string;
+    schema: SchemaType[];
+    itemType: 'Web' | 'Mobile';
+    toggleShow: (status: boolean) => void;
+    onDataSubmit: (state: FormActionTypes, data: any, updateId?: string) => void;
+    onDelete: (id: string) => void;
+    addText?: string;
+    editText?: string;
+    cancelText?: string;
+    deleteText?: string;
+    saveText?: string;
+}
+export interface TabItemProps {
+    showDelete?: boolean;
+    isDisabled?: boolean;
+    deleteTitle: string;
+    onRemoveTab: () => void;
+    register?: any;
+    noButtonText: string;
+    yesButtonText: string;
+}
+export interface TabsProps {
+    activeTab: number;
+    setActiveTab: (value: number) => void;
+    onSubmit?: () => void;
+    control: any;
+    register: any;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    deleteTitle: string;
+    listCode: string;
+    noButtonText: string;
+    yesButtonText: string;
+    itemsPlaceholder?: string;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    isItemsLoading?: boolean;
+    formatItem?: (code: string, data: any) => JSX.Element;
+    onCollectionItemsIndexChange: (index: number, data: DropResult) => void;
+    tabCollectionItems: any[];
+    customStyles?: any;
+    loadOptions?: (value?: string, callback?: (options: OptionType[]) => void) => Promise<OptionType[]>;
+}
+export interface ImageUploadProps {
+    className?: string;
+    text: string | JSX.Element;
+    maxSize: number;
+    imgId?: string | ObjectType;
+    setImgId: (value?: string | null) => void;
+    clearError?: () => void;
+    onError: (msg: string) => void;
+    onImageUpload: (file: File) => Promise<{
+        fileUrl: string;
+        fileId: string;
+        fileUri: string;
+    } | void>;
+    onImageRemove?: (id: string) => Promise<void>;
+    baseUrl: string;
+    error?: string;
+    disabled?: boolean;
+}
+export interface ToggleProps {
+    isChecked?: boolean;
+    disabled?: boolean;
+    onChange?: (status: boolean) => void;
+    switchClass?: string;
+}
+export interface ConfirmPopoverProps {
+    children?: JSX.Element;
+    onConfirm: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    title: string;
+}
+export interface DeleteModalProps {
+    formState: FormActionTypes | undefined;
+    onClose: () => void;
+    itemData: ObjectType;
+    onConfirmDelete: () => void;
+    confirmationRequired?: string;
+    permanentlyDelete?: string;
+    lossOfData?: string;
+    pleaseType?: string;
+    toProceedOrCancel?: string;
+    confirm?: string;
+    typeHerePlaceholder?: string;
+}
+export type CellInputType = (parameters: {
+    row: any;
+    onUpdate?: (row: any) => void;
+}) => JSX.Element | null | string;
+export type TableDataItemFormat = {
+    label: string;
+    dataKey: string;
+    highlight?: boolean;
+    Cell?: CellInputType;
+};
+export interface TableProps {
+    data: any[];
+    dataKeys: TableDataItemFormat[];
+    loading?: boolean;
+    loader?: any;
+    actions?: {
+        edit?: ((data: {
+            [key: string]: any;
+        }) => void) | boolean;
+        delete?: ((data: {
+            [key: string]: any;
+        }) => void) | boolean;
+    };
+}

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

@@ -0,0 +1,98 @@
+/// <reference types="react" />
+import { WidgetType, ItemsType } from './api';
+import { FormActionTypes, OptionType } from './common';
+export interface ProviderContextType {
+    baseUrl: string;
+    token: string | (() => Promise<string>);
+    onError: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
+    onSuccess: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
+    switchClass: string;
+    onLogout: () => void;
+    widgetRoutesPrefix: string;
+    itemsRoutesPrefix: string;
+    pageRoutesPrefix: string;
+}
+export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'itemsRoutesPrefix' | 'pageRoutesPrefix' | 'switchClass'> {
+    onError?: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
+    onSuccess?: (callback_code: import('../constants/common').CALLBACK_CODES, code: string, message: string) => void;
+    onLogout?: () => void;
+    switchClass?: string;
+    widgetRoutesPrefix?: string;
+    itemsRoutesPrefix?: string;
+    pageRoutesPrefix?: string;
+}
+export interface WidgetContextType {
+    t: (key: string) => string;
+    list: any[];
+    formState: FormActionTypes | undefined;
+    closeForm: () => void;
+    onWidgetFormSubmit: (data: any) => void;
+    onChangeFormState: (status: FormActionTypes, data?: any) => void;
+    updateData: any;
+    loading: boolean;
+    canAdd: boolean;
+    canUpdate: boolean;
+    onDeleteItem: (id: string) => void;
+    getWidgets: (searchText: string) => void;
+    onImageUpload: (file: File) => Promise<{
+        fileUrl: string;
+        fileId: string;
+        fileUri: string;
+    } | void>;
+    onImageRemove: (id: string) => Promise<void>;
+    itemsTypes: ItemsType[];
+    widgetTypes: WidgetType[];
+    getCollectionData: (collectionName: string, search?: string, callback?: (options: OptionType[]) => void, collectionItems?: string[]) => Promise<void>;
+    collectionDataLoading: boolean;
+    collectionData: any[];
+    formatListItem?: (code: string, data: any) => JSX.Element;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    currentPage: number;
+    setCurrentPage: (page: number) => void;
+    totalPages: number;
+    pageSize: number;
+    setPageSize: (size: number) => void;
+    totalRecords: number;
+    limits: number[];
+    canList: boolean;
+    canPartialUpdate: boolean;
+    columns: any[];
+    data: any;
+    loader?: JSX.Element;
+    canDelete?: boolean;
+    onPartialUpdateWidget: (data: any, id: string) => Promise<void>;
+    webItems: any[];
+    mobileItems: any[];
+    itemsLoading: boolean;
+    onItemFormSubmit: (state: FormActionTypes, data: any) => void;
+    reactSelectStyles?: any;
+}
+export interface PageContextType {
+    t: (key: string) => string;
+    list: any[];
+    getWidgets: (callback?: (data: any) => void) => void;
+    formState: FormActionTypes | undefined;
+    closeForm: () => void;
+    onPageFormSubmit: (data: any) => void;
+    onChangeFormState: (status: FormActionTypes, data?: any) => void;
+    loading: boolean;
+    canAdd: boolean;
+    canUpdate: boolean;
+    widgets: any[];
+    selectedWidgets: OptionType[];
+    setSelectedWidgets: (widgets: OptionType[]) => void;
+    onChangeWidgetSequence: (souceIndex: number, destinationIndex: number) => void;
+    getPages: (searchText: string) => void;
+    currentPage: number;
+    setCurrentPage: (page: number) => void;
+    totalPages: number;
+    pageSize: number;
+    setPageSize: (size: number) => void;
+    totalRecords: number;
+    limits: number[];
+    canList: boolean;
+    columns: any[];
+    data: any;
+    loader?: JSX.Element;
+    canDelete?: boolean;
+}

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

@@ -0,0 +1,4 @@
+export * from './api';
+export * from './components';
+export * from './common';
+export * from './context';