@knovator/pagecreator-admin 0.0.1

package/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/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/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/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/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/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/lib/types/api.d.ts

@@ -0,0 +1,29 @@
+export declare type ACTION_TYPES = 'IMAGE_UPLOAD' | 'IMAGE_REMOVE' | 'CREATE' | 'LIST' | 'DELETE' | 'UPDATE' | 'TILES' | 'PARTIAL_UPDATE' | 'WIDGET_TYPES' | 'SELECTION_TYPES' | 'COLLECTION_DATA';
+export declare type API_TYPE = {
+    url: string;
+    method: string;
+};
+export declare type API_INPUT_TYPE = {
+    prefix: string;
+    id?: string;
+};
+export declare type Routes_Input = {
+    [K in ACTION_TYPES]?: (data: API_INPUT_TYPE) => API_TYPE;
+};
+export declare type WidgetType = {
+    value: string;
+    label: string;
+};
+export declare type SelectionType = {
+    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;
+}

package/lib/types/common.d.ts

@@ -0,0 +1,20 @@
+export declare type FormActionTypes = 'ADD' | 'UPDATE' | 'DELETE' | null | '';
+export declare type TFunc = (key: string) => string;
+export declare type OptionType = {
+    label: string;
+    value: string;
+};
+export interface PermissionsObj {
+    list: boolean;
+    add: boolean;
+    update: boolean;
+    partialUpdate: boolean;
+    delete: boolean;
+}
+export declare type ObjectType = {
+    [key: string]: string;
+};
+export declare type CombineObjectType = {
+    [key: string]: string | boolean | number | string[] | null | ObjectType;
+};
+export declare type ValuesType = string | boolean | number | string[];

package/lib/types/components.d.ts

@@ -0,0 +1,257 @@
+/// <reference types="react" />
+import { DropResult } from 'react-beautiful-dnd';
+import { RegisterOptions } from 'react-hook-form';
+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 declare type ButtonTypes = 'primary' | 'secondary' | 'success' | 'danger';
+export declare 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 declare type InputSizes = 'xs' | 'sm' | 'base' | 'lg';
+export interface InputProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    type?: string;
+    size?: InputSizes;
+    className?: string;
+    error?: string;
+    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;
+}
+export interface CheckboxProps {
+    rest?: any;
+    label?: string;
+    error?: string;
+    className?: string;
+    disabled?: boolean;
+    wrapperClassName?: 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;
+    onSearch?: (text: string) => void;
+    placeholder?: string;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+    listCode?: string;
+    wrapperClassName?: string;
+}
+export interface SchemaType extends ReactSelectProps {
+    label?: string;
+    accessor: string;
+    Input?: (props: InputRendererProps) => JSX.Element;
+    validations?: import('react-hook-form').RegisterOptions;
+    editable?: boolean;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: 'text' | 'number' | 'select' | 'checkbox' | 'textarea' | 'file' | 'url' | 'ReactSelect';
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    selectedOptions?: {
+        value: string;
+        label: string;
+    }[];
+    isMulti?: boolean;
+    defaultValue?: string | number | boolean;
+    placeholder?: string;
+    required?: boolean;
+    onChange?: (e: any) => void;
+    show?: boolean;
+    wrapperClassName?: string;
+}
+export interface FormProps {
+    open: boolean;
+    onClose: () => void;
+    formState: FormActionTypes | undefined;
+}
+export interface InputRendererProps {
+    field: import('react-hook-form').ControllerRenderProps;
+    error?: string;
+    setError: (msg: string) => void;
+    disabled?: boolean;
+}
+export interface WidgetProps {
+    t?: any;
+    loader?: any;
+    permissions?: PermissionsObj;
+    formatListItem?: (code: string, data: any) => JSX.Element;
+    formatOptionLabel?: (code: string, data: any) => JSX.Element;
+}
+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';
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    selectedOptions?: {
+        value: string;
+        label: string;
+    }[];
+    isMulti?: boolean;
+    defaultValue?: string | number | boolean;
+    placeholder?: string;
+    required?: boolean;
+    onChange?: (e: any) => void;
+    show?: boolean;
+    wrapperClassName?: string;
+}
+export interface PageProps {
+    t?: any;
+    loader?: any;
+    permissions?: PermissionsObj;
+}
+export interface PaginationProps {
+    totalPages: number;
+    totalRecords: number;
+    currentPage: number;
+    pageSize: number;
+    setCurrentPage: (value: number) => void;
+    showingText?: string;
+    pageText?: string;
+    ofText?: string;
+}
+export interface TileItemsAccordianProps {
+    id: string;
+    show: boolean;
+    title: string;
+    tilesData: any[];
+    widgetId: string;
+    collapseId: string;
+    schema: SchemaType[];
+    tileType: '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 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;
+}
+export interface DeleteModalProps {
+    formState: FormActionTypes | undefined;
+    onClose: () => void;
+    itemData: ObjectType;
+    onConfirmDelete: () => void;
+    permanentlyDelete?: string;
+    lossOfData?: string;
+    pleaseType?: string;
+    toProceedOrCancel?: string;
+    confirm?: string;
+}
+export declare type CellInputType = (parameters: {
+    row: any;
+    onUpdate?: (row: any) => void;
+}) => JSX.Element | null | string;
+export declare 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;
+        delete?: (data: {
+            [key: string]: any;
+        }) => void;
+    };
+}

package/lib/types/context.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { SelectionType, WidgetType } 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;
+    onLogout: () => void;
+    widgetRoutesPrefix: string;
+    tilesRoutesPrefix: string;
+    pageRoutesPrefix: string;
+}
+export interface ProviderContextProviderProps extends React.PropsWithChildren, Omit<ProviderContextType, 'onError' | 'onSuccess' | 'onLogout' | 'widgetRoutesPrefix' | 'tilesRoutesPrefix' | 'pageRoutesPrefix'> {
+    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;
+    widgetRoutesPrefix?: string;
+    tilesRoutesPrefix?: 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;
+    onDeleteTile: (id: string) => void;
+    getWidgets: (searchText: string) => void;
+    onImageUpload: (file: File) => Promise<{
+        fileUrl: string;
+        fileId: string;
+        fileUri: string;
+    } | void>;
+    onImageRemove: (id: string) => Promise<void>;
+    widgetTypes: WidgetType[];
+    selectionTypes: SelectionType[];
+    getCollectionData: (collectionName: string, search?: 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>;
+    tilesList: any[];
+    tilesLoading: boolean;
+    onTileFormSubmit: (state: FormActionTypes, data: any) => void;
+}
+export interface PageContextType {
+    t: (key: string) => string;
+    list: any[];
+    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/lib/types/index.d.ts

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

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@knovator/pagecreator-admin",
+  "version": "0.0.1",
+  "dependencies": {
+    "classnames": "^2.3.1",
+    "react-beautiful-dnd": "^13.1.0",
+    "react-transition-group": "^4.4.5",
+    "react-hook-form": "^7.34.2",
+    "react-dropzone": "^14.2.2",
+    "react-select": "^5.4.0"
+  },
+  "peerDependencies": {
+    "@knovator/api": "^0.0.10",
+    "react": "*"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:knovator/pagecreator.git"
+  },
+  "keywords": [
+    "pagecreator",
+    "pagebuilder",
+    "knovator",
+    "chavda-bhavik"
+  ],
+  "author": "knovator (https://knovator.com/)",
+  "files": [
+    "lib",
+    "package.json",
+    "README.md",
+    "style.css",
+    "index.d.ts",
+    "index.js"
+  ],
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./index.d.ts"
+}