proje-react-panel 1.0.15 → 1.0.17-test-8

package/.vscode/launch.json

@@ -12,6 +12,16 @@
       "runtimeArgs": ["build"],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Run Example Dev Server",
+      "runtimeExecutable": "yarn",
+      "runtimeArgs": ["dev"],
+      "cwd": "${workspaceFolder}/examples",
+      "console": "integratedTerminal",
+      "internalConsoleOptions": "neverOpen"
     }
   ]
 }

package/dist/components/components/FormField.d.ts

@@ -7,6 +7,11 @@ interface FormFieldProps {
     error?: {
         message?: string;
     };
+    baseName?: string;
+    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
 }
-export declare function FormField({ input, register, error }: FormFieldProps): React.JSX.Element;
+export declare function FormField({ input, register, error, baseName, onSelectPreloader }: FormFieldProps): React.JSX.Element;
 export {};

package/dist/components/components/InnerForm.d.ts

@@ -1,12 +1,17 @@
 import React from 'react';
+import { InputOptions } from '../../decorators/form/Input';
 import { FormOptions } from '../../decorators/form/FormOptions';
-import { AnyClass } from '../../types/AnyClass';
 import { OnSubmitFN, GetDetailsDataFN } from '../pages/FormPage';
-interface InnerFormProps<T extends AnyClass> {
+interface InnerFormProps<T> {
     formOptions: FormOptions;
     onSubmit: OnSubmitFN<T>;
-    redirect?: string;
     getDetailsData?: GetDetailsDataFN<T>;
+    redirectBackOnSuccess?: boolean;
+    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+    type?: 'json' | 'formData';
 }
-export declare function InnerForm<T extends AnyClass>({ formOptions, onSubmit, redirect, getDetailsData, }: InnerFormProps<T>): React.JSX.Element;
+export declare function InnerForm<T>({ formOptions, onSubmit, getDetailsData, redirectBackOnSuccess, onSelectPreloader, type, }: InnerFormProps<T>): React.JSX.Element;
 export {};

package/dist/components/components/Uploader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputOptions } from '../../decorators/form/Input';
+interface UploaderProps {
+    input: InputOptions;
+    maxLength?: number;
+}
+export declare function Uploader({ input, maxLength }: UploaderProps): React.JSX.Element;
+export {};

package/dist/components/components/index.d.ts

@@ -2,7 +2,7 @@ export { InnerForm } from './InnerForm';
 export { FormField } from './FormField';
 export { LoadingScreen } from './LoadingScreen';
 export { Counter } from './Counter';
-export { ImageUploader } from './ImageUploader';
+export { Uploader } from './Uploader';
 export { ErrorComponent } from './ErrorComponent';
 export { Label } from './Label';
 export { ErrorBoundary } from './ErrorBoundary';

package/dist/components/components/list/Datagrid.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ListData } from '../../../decorators/list/ListData';
+interface DatagridProps<T> {
+    data: T[];
+    listData: ListData<T>;
+    onRemoveItem?: (item: T) => Promise<void>;
+}
+export declare function Datagrid<T>({ data, listData, onRemoveItem }: DatagridProps<T>): React.JSX.Element;
+export {};

package/dist/components/components/list/EmptyList.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmptyList: React.FC;

package/dist/components/components/list/FilterPopup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ListData } from '../../../decorators/list/ListData';
+interface FilterPopupProps<T> {
+    isOpen: boolean;
+    onClose: () => void;
+    onApplyFilters: (filters: Record<string, string>) => void;
+    listData: ListData<T>;
+    activeFilters?: Record<string, string>;
+}
+export declare function FilterPopup<T>({ isOpen, onClose, onApplyFilters, listData, activeFilters, }: FilterPopupProps<T>): React.ReactElement | null;
+export {};

package/dist/components/components/list/ListPage.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AnyClass } from '../../../types/AnyClass';
+export interface GetDataParams {
+    page?: number;
+    limit?: number;
+    filters?: Record<string, any>;
+}
+export interface PaginatedResponse<T> {
+    data: T[];
+    total: number;
+    page: number;
+    limit: number;
+}
+export type GetDataForList<T> = (params: GetDataParams) => Promise<PaginatedResponse<T>>;
+export declare function ListPage<T extends AnyClass>({ model, getData, onRemoveItem, customHeader, }: {
+    model: any;
+    getData: GetDataForList<T>;
+    customHeader?: React.ReactNode;
+    onRemoveItem?: (item: T) => Promise<void>;
+}): React.JSX.Element;

package/dist/components/components/list/Pagination.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface PaginationProps {
+    pagination: {
+        total: number;
+        page: number;
+        limit: number;
+    };
+    onPageChange: (page: number) => void;
+}
+export declare function Pagination({ pagination, onPageChange }: PaginationProps): React.JSX.Element | null;
+export {};

package/dist/components/list/Datagrid.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
-import { CellOptions } from '../../decorators/list/Cell';
-interface ListProps<T> {
+import { ListData } from '../../decorators/list/ListData';
+interface ListProps<T extends {
+    id: string;
+}> {
     data: T[];
-    cells: CellOptions[];
+    listData: ListData;
 }
-export declare function Datagrid<T>({ data, cells }: ListProps<T>): React.JSX.Element;
+export declare function Datagrid<T extends {
+    id: string;
+}>({ data, listData }: ListProps<T>): React.JSX.Element;
 export {};

package/dist/components/list/EmptyList.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EmptyList: React.FC;

package/dist/components/list/FilterPopup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CellOptions } from '../../decorators/list/Cell';
+interface FilterPopupProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onApplyFilters: (filters: any) => void;
+    fields: CellOptions[];
+}
+export declare const FilterPopup: React.FC<FilterPopupProps>;
+export {};

package/dist/components/pages/FormPage.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
 import { AnyClass } from '../../types/AnyClass';
-export type GetDetailsDataFN<T> = (param: string) => Promise<T>;
+import { InputOptions } from '../../decorators/form/Input';
+export type GetDetailsDataFN<T> = (param: Record<string, string>) => Promise<T>;
 export type OnSubmitFN<T> = (data: T) => Promise<T>;
 export interface FormPageProps<T extends AnyClass> {
-    model: T;
+    model: any;
     getDetailsData?: GetDetailsDataFN<T>;
     redirect?: string;
     onSubmit: OnSubmitFN<T>;
+    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+    redirectBackOnSuccess?: boolean;
+    type?: 'json' | 'formData';
 }
-export declare function FormPage<T extends AnyClass>({ model, getDetailsData, onSubmit, redirect, ...rest }: FormPageProps<T>): React.JSX.Element;
+export declare function FormPage<T extends AnyClass>({ model, getDetailsData, onSubmit, redirect, onSelectPreloader, redirectBackOnSuccess, type, ...rest }: FormPageProps<T>): React.JSX.Element;

package/dist/components/pages/ListPage.d.ts

@@ -3,6 +3,7 @@ import { AnyClass } from '../../types/AnyClass';
 export interface PaginationParams {
     page?: number;
     limit?: number;
+    filters?: Record<string, any>;
 }
 export interface PaginatedResponse<T> {
     data: T[];
@@ -10,7 +11,7 @@ export interface PaginatedResponse<T> {
     page: number;
     limit: number;
 }
-export type GetDataForList<T> = ({ page, }: PaginationParams) => PaginatedResponse<T> | Promise<PaginatedResponse<T>>;
+export type GetDataForList<T> = (params: PaginationParams) => Promise<PaginatedResponse<T>>;
 export declare function ListPage<T extends AnyClass>({ model, getData, }: {
     model: T;
     getData: GetDataForList<T>;

package/dist/decorators/form/Input.d.ts

@@ -1,13 +1,18 @@
 import 'reflect-metadata';
 import { AnyClass } from '../../types/AnyClass';
 export interface InputOptions {
+    type?: 'input' | 'select' | 'textarea' | 'file-upload' | 'checkbox' | 'hidden' | 'nested';
+    inputType?: 'text' | 'email' | 'tel' | 'password' | 'number' | 'date';
     name?: string;
     label?: string;
     placeholder?: string;
-    inputType?: 'text' | 'email' | 'tel' | 'password' | 'number' | 'date';
-    type?: 'input' | 'select' | 'textarea' | 'file-upload' | 'checkbox' | 'hidden';
-    selectOptions?: string[];
     cancelPasswordValidationOnEdit?: boolean;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    optionsPreload?: boolean;
+    nestedFields?: InputOptions[];
 }
 export declare function Input(options?: InputOptions): PropertyDecorator;
 export declare function getInputFields<T extends AnyClass>(entityClass: T): InputOptions[];

package/dist/decorators/list/Cell.d.ts

@@ -1,9 +1,21 @@
-import "reflect-metadata";
+import 'reflect-metadata';
 export declare const CELL_KEY: unique symbol;
+interface Filter {
+    type: 'string' | 'number' | 'date' | 'static-select';
+}
+export interface StaticSelectFilter extends Filter {
+    type: 'static-select';
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
 export interface CellOptions {
     name?: string;
     title?: string;
-    type?: "string" | "date" | "image";
+    type?: 'string' | 'date' | 'image' | 'number';
     placeHolder?: string;
+    filter?: Filter | StaticSelectFilter;
 }
 export declare function Cell(options?: CellOptions): PropertyDecorator;
+export {};

package/dist/decorators/list/List.d.ts

@@ -1,5 +1,27 @@
-import "reflect-metadata";
-export interface ListOptions {
+import 'reflect-metadata';
+export interface ListHeaderOptions {
+    title?: string;
+    create?: {
+        path: string;
+        label: string;
+    };
 }
-export declare function List(options?: ListOptions): ClassDecorator;
-export declare function getClassListData(entityClass: any): ListOptions | undefined;
+export interface ListCellOptions<T> {
+    details?: {
+        path: string;
+        label: string;
+    };
+    edit?: {
+        path: string;
+        label: string;
+    };
+    delete?: {
+        label: string;
+    };
+}
+export interface ListOptions<T> {
+    headers?: ListHeaderOptions;
+    cells?: ((item: T) => ListCellOptions<T>) | ListCellOptions<T>;
+}
+export declare function List<T>(options?: ListOptions<T> | ((item: T) => ListOptions<T>)): ClassDecorator;
+export declare function getClassListData<T>(entityClass: T): ListOptions<T> | undefined;

package/dist/decorators/list/ListData.d.ts

@@ -1,6 +1,6 @@
-import { ListOptions } from "./List";
-import { CellOptions } from "./Cell";
-export interface ListData {
-    list?: ListOptions;
+import { ListOptions } from './List';
+import { CellOptions } from './Cell';
+export interface ListData<T> {
+    list?: ListOptions<T>;
     cells: CellOptions[];
 }

package/dist/decorators/list/getListFields.d.ts

@@ -1,2 +1,2 @@
-import { ListData } from "./ListData";
-export declare function getListFields<T>(entityClass: T): ListData;
+import { ListData } from './ListData';
+export declare function getListFields<T>(entityClass: T): ListData<T>;