proje-react-panel 1.0.17 → 1.1.0

package/dist/components/Counter.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CounterProps {
+    image: React.ReactNode;
+    text: string;
+    targetNumber: number;
+    duration?: number;
+}
+export declare function Counter({ image, text, targetNumber, duration }: CounterProps): React.JSX.Element;
+export {};

package/dist/components/DetailsPage.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AnyClass } from '../types/AnyClass';
+interface DetailsPageProps<T extends AnyClass> {
+    model: new (...args: any[]) => T;
+}
+export declare function DetailsPage<T extends AnyClass>({ model }: DetailsPageProps<T>): React.JSX.Element;
+export {};

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import React, { Component, ErrorInfo, ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+}
+export {};

package/dist/components/ErrorComponent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function ErrorComponent({ error }: {
+    error: unknown | Response;
+}): React.JSX.Element;

package/dist/components/LoadingScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function LoadingScreen(): React.JSX.Element;

package/dist/components/Login.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type OnLogin = {
+    login: (username: string, password: string) => Promise<LoginResponse>;
+};
+interface LoginResponse {
+    user: any;
+    token: string;
+}
+interface LoginProps {
+    onLogin: OnLogin;
+}
+export declare function Login({ onLogin }: LoginProps): React.JSX.Element;
+export {};

package/dist/components/Panel.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { InitPanelOptions } from '../types/initPanelOptions';
 type AppProps = {
     children: React.ReactNode;
-    init: () => InitPanelOptions;
 };
-export declare function Panel({ children, init }: AppProps): React.JSX.Element;
+export declare function Panel({ children }: AppProps): React.JSX.Element;
 export {};

package/dist/components/components/Checkbox.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { InputOptions } from '../../decorators/form/Input';
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    id: string;
+    input: InputOptions;
 }
-export declare function Checkbox({ id, ...props }: CheckboxProps): React.JSX.Element;
+export declare function Checkbox({ input, ...props }: CheckboxProps): React.JSX.Element;
 export {};

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

@@ -8,6 +8,10 @@ interface FormFieldProps {
         message?: string;
     };
     baseName?: string;
+    onSelectPreloader?: (inputOptions: InputOptions) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
 }
-export declare function FormField({ input, register, error, baseName }: 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>;
     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, getDetailsData, redirectBackOnSuccess, }: 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/Label.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-interface LabelProps {
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     htmlFor: string;
     label?: string;
     fieldName: string;
+    children?: React.ReactNode;
 }
-export declare function Label({ htmlFor, label, fieldName }: LabelProps): React.JSX.Element;
+export declare function Label({ label, fieldName, children, ...props }: LabelProps): 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/ListPage.d.ts

@@ -13,7 +13,7 @@ export interface PaginatedResponse<T> {
 }
 export type GetDataForList<T> = (params: GetDataParams) => Promise<PaginatedResponse<T>>;
 export declare function ListPage<T extends AnyClass>({ model, getData, onRemoveItem, customHeader, }: {
-    model: T;
+    model: any;
     getData: GetDataForList<T>;
     customHeader?: React.ReactNode;
     onRemoveItem?: (item: T) => Promise<void>;

package/dist/components/form/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputConfiguration } from '../../decorators/form/Input';
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    input: InputConfiguration;
+}
+export declare function Checkbox({ input, ...props }: CheckboxProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { InputConfiguration } from '../../decorators/form/Input';
+import { UseFormRegister } from 'react-hook-form';
+interface FormFieldProps {
+    input: InputConfiguration;
+    register: UseFormRegister<any>;
+    error?: {
+        message?: string;
+    };
+    baseName?: string;
+    onSelectPreloader?: (inputOptions: InputConfiguration) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+}
+export declare function FormField({ input, register, error, baseName, onSelectPreloader }: FormFieldProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
+export interface FormPageProps<T extends AnyClass> {
+    model: AnyClassConstructor<T>;
+}
+export declare function FormPage<T extends AnyClass>({ model }: FormPageProps<T>): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputConfiguration } from '../../decorators/form/Input';
+import { FormConfiguration } from '../../decorators/form/Form';
+import { AnyClass } from '../../types/AnyClass';
+interface InnerFormProps<T extends AnyClass> {
+    inputs: InputConfiguration[];
+    formClass: FormConfiguration<T>;
+}
+export declare function InnerForm<T extends AnyClass>({ inputs, formClass }: InnerFormProps<T>): React.JSX.Element;
+export {};

package/dist/components/form/Label.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    htmlFor: string;
+    label?: string;
+    fieldName: string;
+    children?: React.ReactNode;
+}
+export declare function Label({ label, fieldName, children, ...props }: LabelProps): React.JSX.Element;
+export {};

package/dist/components/form/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/layout/Layout.d.ts

@@ -1,12 +1,11 @@
-import React from "react";
-import { ScreenCreatorData } from "../../types/ScreenCreatorData";
+import React from 'react';
 export declare function Layout<IconType>({ children, menu, getIcons, logout, }: {
     children?: React.ReactNode;
-    menu?: (screens: Record<string, ScreenCreatorData>) => {
+    menu?: () => {
         name: string;
         path: string;
         iconType: IconType;
     }[];
     getIcons?: (iconType: IconType) => React.ReactNode;
-    logout?: () => void;
+    logout?: (type: 'redirect' | 'logout') => void;
 }): React.JSX.Element;

package/dist/components/layout/SideBar.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { ScreenCreatorData } from '../../types/ScreenCreatorData';
-type GetMenuFunction<IconType> = (screens: Record<string, ScreenCreatorData>) => {
+type GetMenuFunction<IconType> = () => {
     name: string;
     path: string;
     iconType: IconType;
@@ -9,6 +8,6 @@ type GetIconsFunction<IconType> = (iconType: IconType) => React.ReactNode;
 export declare function SideBar<IconType>({ menu, getIcons, onLogout, }: {
     menu?: GetMenuFunction<IconType>;
     getIcons?: GetIconsFunction<IconType>;
-    onLogout?: () => void;
+    onLogout?: (type: 'redirect' | 'logout') => void;
 }): React.JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AnyClass } from '../../types/AnyClass';
+interface CellFieldProps<T extends AnyClass> {
+    cellOptions: any;
+    item: T;
+    value: any;
+}
+export declare function CellField<T extends AnyClass>({ cellOptions, item, value }: CellFieldProps<T>): React.JSX.Element;
+export {};

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

@@ -1,12 +1,10 @@
 import React from 'react';
-import { ListData } from '../../decorators/list/ListData';
-interface ListProps<T extends {
-    id: string;
-}> {
+import { ListPageMeta } from '../../decorators/list/getListPageMeta';
+import { AnyClass } from '../../types/AnyClass';
+interface DatagridProps<T extends AnyClass> {
     data: T[];
-    listData: ListData;
+    listPageMeta: ListPageMeta<T>;
+    onRemoveItem?: (item: T) => Promise<void>;
 }
-export declare function Datagrid<T extends {
-    id: string;
-}>({ data, listData }: ListProps<T>): React.JSX.Element;
+export declare function Datagrid<T extends AnyClass>({ data, listPageMeta, onRemoveItem, }: DatagridProps<T>): React.JSX.Element;
 export {};

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

@@ -1,10 +1,12 @@
 import React from 'react';
-import { CellOptions } from '../../decorators/list/Cell';
-interface FilterPopupProps {
+import { ListPageMeta } from '../../decorators/list/getListPageMeta';
+import { AnyClass } from '../../types/AnyClass';
+interface FilterPopupProps<T extends AnyClass> {
     isOpen: boolean;
     onClose: () => void;
-    onApplyFilters: (filters: any) => void;
-    fields: CellOptions[];
+    onApplyFilters: (filters: Record<string, string>) => void;
+    listPageMeta: ListPageMeta<T>;
+    activeFilters?: Record<string, string>;
 }
-export declare const FilterPopup: React.FC<FilterPopupProps>;
+export declare function FilterPopup<T extends AnyClass>({ isOpen, onClose, onApplyFilters, listPageMeta, activeFilters, }: FilterPopupProps<T>): React.ReactElement | null;
 export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AnyClass } from '../../types/AnyClass';
+import { ListPageMeta } from '../../decorators/list/getListPageMeta';
+interface ListHeaderProps<T extends AnyClass> {
+    listPageMeta: ListPageMeta<T>;
+    filtered: boolean;
+    onFilterClick: () => void;
+    customHeader?: React.ReactNode;
+}
+export declare function ListHeader<T extends AnyClass>({ listPageMeta, filtered, onFilterClick, customHeader, }: ListHeaderProps<T>): React.JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
+export declare function ListPage<T extends AnyClass>({ model, customHeader, }: {
+    model: AnyClassConstructor<T>;
+    customHeader?: React.ReactNode;
+}): React.JSX.Element;

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

@@ -1,12 +1,18 @@
 import React from 'react';
 import { AnyClass } from '../../types/AnyClass';
+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, redirectBackOnSuccess, ...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/decorators/details/Details.d.ts

@@ -0,0 +1,11 @@
+import 'reflect-metadata';
+import { AnyClass } from '../../types/AnyClass';
+export type GetDetailsDataFN<T> = (param: Record<string, string>) => Promise<T>;
+interface DetailsOptions<T extends AnyClass> {
+    getDetailsData: GetDetailsDataFN<T>;
+}
+export interface DetailsConfiguration<T extends AnyClass> extends DetailsOptions<T> {
+}
+export declare function Details<T extends AnyClass>(options?: DetailsOptions<T>): ClassDecorator;
+export declare function getDetailsConfiguration<T extends AnyClass>(entityClass: T): DetailsConfiguration<T>;
+export {};

package/dist/decorators/details/DetailsItem.d.ts

@@ -0,0 +1,11 @@
+import 'reflect-metadata';
+import { AnyClass } from '../../types/AnyClass';
+interface DetailsItemOptions {
+    name?: string;
+}
+export interface DetailsItemConfiguration extends DetailsItemOptions {
+    name: string;
+}
+export declare function DetailsItem(options?: DetailsItemOptions): PropertyDecorator;
+export declare function getDetailsItemFields<T extends AnyClass>(entityClass: T): DetailsItemConfiguration[];
+export {};

package/dist/decorators/details/getDetailsPageMeta.d.ts

@@ -0,0 +1,8 @@
+import { AnyClass } from '../../types/AnyClass';
+import { DetailsItemConfiguration } from './DetailsItem';
+import { DetailsConfiguration } from './Details';
+export interface DetailsPageMeta<T extends AnyClass> {
+    class: DetailsConfiguration<T>;
+    items: DetailsItemConfiguration[];
+}
+export declare function getDetailsPageMeta<T extends AnyClass>(entityClass: T): DetailsPageMeta<T>;

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

@@ -1,6 +1,22 @@
-import "reflect-metadata";
-import { AnyClass } from "../../types/AnyClass";
-export interface FormConfiguration {
+import 'reflect-metadata';
+import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
+import { GetDetailsDataFN } from '../details/Details';
+import { InputConfiguration } from './Input';
+export type OnSubmitFN<T> = (data: T | FormData) => Promise<T | FormData>;
+interface FormOptions<T extends AnyClass> {
+    onSubmit: OnSubmitFN<T>;
+    getDetailsData?: GetDetailsDataFN<T>;
+    onSelectPreloader?: (inputOptions: InputConfiguration) => Promise<{
+        label: string;
+        value: string;
+    }[]>;
+    redirectBackOnSuccess?: boolean;
+    type?: 'json' | 'formData';
 }
-export declare function FormDecorator(options?: FormConfiguration): ClassDecorator;
-export declare function getFormConfiguration(entityClass: AnyClass): FormConfiguration | undefined;
+export interface FormConfiguration<T extends AnyClass> extends FormOptions<T> {
+    redirectBackOnSuccess: boolean;
+    type: 'json' | 'formData';
+}
+export declare function Form<T extends AnyClass>(options?: FormOptions<T>): ClassDecorator;
+export declare function getFormConfiguration<T extends AnyClass, K extends AnyClassConstructor<T>>(entityClass: K): FormConfiguration<T>;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import { AnyClass, AnyClassConstructor } from '../../types/AnyClass';
+import { InputConfiguration } from './Input';
+import { FormConfiguration } from './Form';
+import { Resolver } from 'react-hook-form';
+export interface FormPageMeta<T extends AnyClass> {
+    resolver: Resolver<T>;
+    class: FormConfiguration<T>;
+    inputs: InputConfiguration[];
+}
+export declare function getFormPageMeta<T extends AnyClass, K extends AnyClassConstructor<T>>(entityClass: K): FormPageMeta<T>;

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

@@ -1,4 +1,5 @@
 import 'reflect-metadata';
+import { AnyClass } from '../../types/AnyClass';
 export declare const CELL_KEY: unique symbol;
 interface Filter {
     type: 'string' | 'number' | 'date' | 'static-select';
@@ -10,12 +11,23 @@ export interface StaticSelectFilter extends Filter {
         label: string;
     }[];
 }
+export type CellTypes = 'string' | 'date' | 'number' | 'boolean' | 'uuid';
+export type ExtendedCellTypes = CellTypes | 'image';
 export interface CellOptions {
     name?: string;
     title?: string;
-    type?: 'string' | 'date' | 'image' | 'number';
+    type?: CellTypes;
     placeHolder?: string;
     filter?: Filter | StaticSelectFilter;
 }
+export interface ExtendedCellOptions extends Omit<CellOptions, 'type'> {
+    type?: ExtendedCellTypes;
+}
+export interface CellConfiguration extends Omit<CellOptions, 'type'> {
+    name: string;
+    type: ExtendedCellTypes;
+}
 export declare function Cell(options?: CellOptions): PropertyDecorator;
+export declare function ExtendedCell(options?: ExtendedCellOptions): PropertyDecorator;
+export declare function getCellFields<T extends AnyClass>(entityClass: T): CellConfiguration[];
 export {};

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

@@ -1,4 +1,17 @@
 import 'reflect-metadata';
+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 interface ListHeaderOptions {
     title?: string;
     create?: {
@@ -17,11 +30,15 @@ export interface ListCellOptions<T> {
     };
     delete?: {
         label: string;
+        onRemoveItem?: (item: T) => Promise<void>;
     };
 }
 export interface ListOptions<T> {
+    getData: GetDataForList<T>;
     headers?: ListHeaderOptions;
     cells?: ((item: T) => ListCellOptions<T>) | ListCellOptions<T>;
 }
+export interface ListConfiguration<T> extends ListOptions<T> {
+}
 export declare function List<T>(options?: ListOptions<T> | ((item: T) => ListOptions<T>)): ClassDecorator;
-export declare function getClassListData<T>(entityClass: T): ListOptions<T> | undefined;
+export declare function getListConfiguration<T extends AnyClass>(entityClass: T): ListConfiguration<T>;

package/dist/decorators/list/cells/ImageCell.d.ts

@@ -0,0 +1,9 @@
+import 'reflect-metadata';
+import { CellConfiguration, CellOptions } from '../Cell';
+export interface ImageCellOptions extends CellOptions {
+    baseUrl: string;
+}
+export interface ImageCellConfiguration extends CellConfiguration {
+    type: 'image';
+}
+export declare function ImageCell(options?: ImageCellOptions): PropertyDecorator;

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

@@ -0,0 +1,8 @@
+import { AnyClass } from '../../types/AnyClass';
+import { CellConfiguration } from './Cell';
+import { ListConfiguration } from './List';
+export interface ListPageMeta<T extends AnyClass> {
+    class: ListConfiguration<T>;
+    cells: CellConfiguration[];
+}
+export declare function getListPageMeta<T extends AnyClass>(entityClass: T): ListPageMeta<T>;