@kingteza/crud-component 1.0.4 → 1.0.5

package/dist/components/common/text-field/index.d.ts

@@ -0,0 +1,5 @@
+import { default as NumberTextField } from './NumberField';
+import { default as PhoneField } from './PhoneNumberField';
+import { default as TextField } from './TextField';
+import { default as TextAreaComponent } from './TextArea';
+export { NumberTextField, PhoneField, TextField, TextAreaComponent };

package/dist/components/common/tooltip/TooltipComponent.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren, ReactElement } from 'react';
+declare const TooltipComponent: FC<PropsWithChildren<{
+    title?: ReactElement;
+}>>;
+export default TooltipComponent;

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

@@ -0,0 +1,2 @@
+import { default as TooltipComponent } from './TooltipComponent';
+export { TooltipComponent };

package/dist/components/common/wizard/WizardResult.d.ts

@@ -0,0 +1,16 @@
+import { default as React, FC, PropsWithChildren } from 'react';
+declare const WizardResult: FC<{
+    onRetry?: (_: undefined, __: undefined, retry: true) => void;
+    onClickBack?: () => void;
+    loading: boolean;
+    error: any;
+    success: boolean;
+    successTitle?: string;
+    successMessage?: string;
+    errorTitle?: string;
+    errorMessage?: string | (() => string | undefined);
+    loadingTitle?: string;
+    loadingMessage?: string;
+    errorChildren?: React.ReactNode;
+} & PropsWithChildren>;
+export default WizardResult;

package/dist/components/common/wizard/WizardViewForm.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactElement } from 'react';
+interface WizardViewFormProps {
+    pages: {
+        hidden?: boolean;
+        icon?: React.ReactNode;
+        title: string;
+        component: (func: {
+            forward: (value?: any, submit?: boolean, isRetry?: boolean) => void;
+            backward: () => void;
+        }, formSubmissionData: any[], isActive: boolean) => ReactElement;
+    }[];
+    labelPlacement?: "vertical" | "horizontal";
+    initPosition?: number;
+    onSubmit?: (val: (any | undefined)[], combinedValue: any) => void;
+    type?: "default" | "navigation" | "inline";
+    className?: string;
+    progressDot?: boolean;
+    pageStyle?: React.CSSProperties;
+}
+export interface WizardViewFormRef {
+    gotTo: (index: number) => void;
+}
+declare const WizardViewForm: React.ForwardRefExoticComponent<WizardViewFormProps & React.RefAttributes<WizardViewFormRef>>;
+export default WizardViewForm;

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

@@ -0,0 +1,3 @@
+import { default as WizardResult } from './WizardResult';
+import { default as WizardViewForm } from './WizardViewForm';
+export { WizardResult, WizardViewForm };

package/dist/components/crud/CrudComponent.d.ts

@@ -0,0 +1,237 @@
+import { ColorPickerProps } from 'antd';
+import { Rule } from 'antd/es/form';
+import { FormInstance } from 'antd/lib';
+import { Dayjs } from 'dayjs';
+import { default as React, ReactElement } from 'react';
+import { default as IdProps } from 'types/Id';
+import { CrudSearchComponentProps } from './CrudSearchComponent';
+import { FileCrudField } from './FileCrudField';
+import { ImageCrudField } from './ImageCrudField';
+import { CrudImportProps } from './import/CrudImportComponent';
+import { SelectTagRenderProps } from 'components/common/select/SelectComponent';
+export type SelectFieldItem = {
+    key?: string | number;
+    value: string | number;
+    disabled?: boolean;
+};
+export interface InitialCrudField<T> {
+    label: string;
+    updatingValue?: T;
+    render?: (value: any, obj: T, index: number) => any;
+    required?: boolean;
+    updatable?: boolean;
+    fieldTooltip?: string;
+    hideInTable?: boolean;
+    hideInDescList?: boolean;
+    readonly?: boolean;
+    fieldClassName?: string;
+    halign?: "right" | "left";
+    /**
+     * Indicates the fields is visible or not
+     */
+    hidden?: boolean;
+    width?: number | string;
+    name: keyof T | (string | number)[];
+    rules?: Rule[];
+    grid?: CrudFieldGrid;
+    report?: {
+        searchable?: boolean;
+        sortable?: boolean;
+        defaultSort?: boolean | "ASC" | "DESC";
+        lock?: boolean;
+        alreadySelected?: boolean;
+        customRender?: (form: FormInstance<any>) => ReactElement;
+    };
+    customFormFieldRender?: (form: FormInstance<T>, props: InitialCrudField<T>) => React.ReactElement;
+    importProps?: {
+        extraFields?: string[];
+        hidden?: boolean;
+    };
+    hideLabel?: boolean;
+}
+export type CrudFieldGrid = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    xxl?: number;
+};
+export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends InitialCrudField<T> {
+    type: "select";
+    placeholder?: string;
+    /**
+     * @default true
+     */
+    allowClear?: boolean;
+    /**
+     * Used when the type is 'select'
+     */
+    innerFieldId?: string;
+    innerFieldLabel?: string;
+    /**
+     * Used when the type is 'select'
+     */
+    items: ItemType[];
+    tagRender?: SelectTagRenderProps;
+    /**
+     * Whether the search should be highlighted
+     */
+    highlightSearch?: boolean;
+    /**
+     * Used when the type is 'select'
+     */
+    loading?: boolean;
+    /**
+     * Used when the type is 'select'
+     */
+    onSearch?: (keyword: any, form: FormInstance<T>, record: T | undefined) => void;
+    /**
+     * Used when the type is 'select'. Wether the result should refresh if the search value is changed.
+     */
+    searchOnType?: boolean;
+    multiple?: boolean;
+    report?: InitialCrudField<T>["report"] & {
+        multiple?: boolean;
+    };
+    onChange?: (value: any, form: FormInstance<T>) => void;
+    onSet?: (value: any | any[], items: SelectFieldItem[], form: FormInstance<T>) => void;
+}
+export interface EnumCrudField<T> extends InitialCrudField<T> {
+    type: "enum";
+    placeholder?: string;
+    enum: object | object[];
+    radio?: boolean;
+    translation?: object;
+    multiple?: boolean;
+    tagRender?: SelectTagRenderProps;
+    onChange?: (value: any, form: FormInstance<T>) => void;
+    onSearch?: (keyword: any, form: FormInstance<T>) => void;
+}
+export interface ObjectCrudField<T> extends InitialCrudField<T> {
+    type: "object";
+    render: (value: any, obj: T, index: number) => any;
+    translation?: object;
+}
+export interface TextBasedFieldProps<T> extends InitialCrudField<T> {
+    placeholder?: string;
+    type: "text" | "time" | "email" | "password";
+    onChange?: (value: string, form: FormInstance<T>) => void;
+}
+export interface TextAreaBasedFieldProps<T> extends InitialCrudField<T> {
+    placeholder?: string;
+    type: "textarea";
+    rows?: number;
+    cols?: number;
+    /**
+     * number of lines to show. If false will not show truncated
+     * @default 2
+     */
+    truncated?: boolean | number;
+    onChange?: (value: string, form: FormInstance<T>) => void;
+}
+export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "placeholder"> {
+    type: "color";
+    innerProps?: ColorPickerProps;
+}
+export interface CheckboxBasedFieldProps<T> extends InitialCrudField<T> {
+    type: "checkbox";
+    onChange?: (value: boolean, form: FormInstance<T>) => void;
+}
+export interface NumberBasedFieldProps<T> extends InitialCrudField<T> {
+    type: "number";
+    placeholder?: string;
+    allowMinus?: boolean;
+    /**
+     * If it is number field making this true will convert the value to comma separated number field
+     */
+    formatted?: boolean;
+    int?: boolean;
+    onChange?: (value: number, form: FormInstance<T>) => void;
+}
+export interface DateBasedFieldProps<T> extends InitialCrudField<T> {
+    type: "date";
+    format?: string;
+    placeholder?: string;
+    /**
+     * If it is number field making this true will convert the value to comma separated number field
+     */
+    formatTime?: boolean;
+    range?: boolean;
+    disableToday?: boolean;
+    disabledFutureDays?: boolean;
+    disabledPastDays?: boolean;
+    report?: InitialCrudField<T>["report"] & {
+        range?: boolean;
+        required?: boolean;
+    };
+    onChange?: (value: Dayjs | undefined, form: FormInstance<T>) => void;
+}
+export interface TimeBasedFieldProps<T> extends InitialCrudField<T> {
+    type: "time";
+    placeholder?: string;
+    use12Hours?: boolean;
+    range?: boolean;
+    format?: "h:mm:ss" | "h:mm:ss A" | "h:mm" | "h:mm A" | "mm" | "h" | "h A";
+    disableCurrent?: boolean;
+    disabledFuture?: boolean;
+    disabledPast?: boolean;
+    report?: InitialCrudField<T>["report"] & {
+        range?: boolean;
+    };
+    onChange?: (value: Dayjs | undefined, form: FormInstance<T>) => void;
+}
+export type CrudPurpose = "new" | "clone" | "update";
+export type GetFormFieldOptions = {
+    onChange?: (value: any) => void;
+    render?: (component: React.JSX.Element) => React.ReactElement;
+};
+export type FormBuilderFunc0<T> = (name: keyof T, options?: GetFormFieldOptions) => ReactElement;
+export type FormBuilderFunc<T> = (i: FormBuilderFunc0<T>, otherUtils: {
+    isAnyFieldHidden: (...name: Array<keyof T>) => boolean;
+    isAllFieldsHidden: (...name: Array<keyof T>) => boolean;
+}) => ReactElement;
+export type CrudFieldProps<T> = SelectCrudField<T> | TextBasedFieldProps<T> | TextAreaBasedFieldProps<T> | ImageCrudField<T> | EnumCrudField<T> | DateBasedFieldProps<T> | TimeBasedFieldProps<T> | ObjectCrudField<T> | NumberBasedFieldProps<T> | CheckboxBasedFieldProps<T> | ColorPickerFieldProps<T> | FileCrudField<T>;
+export type CrudPaginateProps = false | {
+    page?: number;
+    setPage?: (page: number, pageSize?: number) => void;
+    pageSize?: number;
+    count?: number;
+};
+export type CrudWizardProp<T> = {
+    title: string;
+    fields: Array<keyof T>;
+    icon?: ReactElement;
+    formBuilder?: FormBuilderFunc<T>;
+    grid?: boolean;
+};
+export type CrudComponentProps<T, FormType = T> = {
+    fields: CrudFieldProps<T>[];
+    data: T[] | undefined;
+    idField?: string;
+    grid?: boolean;
+    onPrint?: () => void;
+    printing?: boolean;
+    onCreate?: (t: FormType) => Promise<any>;
+    onHide?: (id: any) => Promise<any>;
+    onDelete?: (id: any) => Promise<any>;
+    onUpdate?: (t: FormType & IdProps) => Promise<any>;
+    loadingData?: boolean;
+    isCreating?: boolean;
+    isHiding?: boolean;
+    isDeleting?: boolean;
+    isUpdating?: boolean;
+    viewable?: boolean | keyof T;
+    extraAction?: (t: T) => ReactElement;
+    paginateProps?: CrudPaginateProps;
+    formBuilder?: FormBuilderFunc<T>;
+    minusHeight?: string;
+    cloneable?: boolean;
+    fullWidthModal?: boolean;
+    wizard?: CrudWizardProp<T>[];
+    extraView?: (t: T) => React.ReactElement;
+    importable?: CrudImportProps<T>;
+    onClickNew?: () => void;
+} & CrudSearchComponentProps<T, FormType>;
+declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+export default CrudComponent;

package/dist/components/crud/CrudField.d.ts

@@ -0,0 +1,4 @@
+import { ColorPickerFieldProps, CrudFieldProps, SelectCrudField } from './CrudComponent';
+export default function CrudField<T>(props0: CrudFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectCrudFieldComponent<T>(props: SelectCrudField<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ColorCrudFieldComponent<T>(props: ColorPickerFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/crud/CrudForm.d.ts

@@ -0,0 +1,14 @@
+import { FormInstance } from 'antd';
+import { CrudFieldProps, CrudPurpose, FormBuilderFunc } from './CrudComponent';
+export interface CurdFormFieldsProps<T> {
+    onDeleteFile?: (e: any) => void;
+    onUploadFile?: (e: any) => void;
+    grid?: boolean;
+    formBuilder?: FormBuilderFunc<T>;
+    fields: CrudFieldProps<T>[];
+    purpose?: CrudPurpose;
+}
+export declare function CrudForm<T>({ form, purpose, ...props }: CurdFormFieldsProps<T> & {
+    form: FormInstance;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function CrudFormFields<T>({ fields, formBuilder, grid, onDeleteFile, onUploadFile, purpose, }: CurdFormFieldsProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/crud/CrudFormWizard.d.ts

@@ -0,0 +1,14 @@
+import { CrudFieldProps, CrudPurpose, CrudWizardProp } from './CrudComponent';
+export interface CrudFormWizardProps<T> {
+    onDeleteFile?: (e: any) => void;
+    onUploadFile?: (e: any) => void;
+    fields: CrudFieldProps<T>[];
+    purpose?: CrudPurpose;
+    wizard?: CrudWizardProp<T>[];
+    className?: string;
+    onSave: (e: T) => void;
+    updatingValue?: T;
+    submitting?: boolean;
+}
+declare function CrudFormWizard<T>({ fields, className, onDeleteFile, onUploadFile, purpose, wizard, updatingValue, onSave, submitting, }: CrudFormWizardProps<T>): import("react/jsx-runtime").JSX.Element;
+export default CrudFormWizard;

package/dist/components/crud/CrudReportComponent.d.ts

@@ -0,0 +1,44 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { FormInstance } from 'antd/lib';
+import { default as React, ReactElement } from 'react';
+import { CrudFieldProps, CrudPaginateProps } from './CrudComponent';
+export type CrudReportSubmitForm<T> = {
+    sortBy: {
+        field: keyof T;
+        sort: "ASC" | "DESC";
+    }[];
+    showFields: string[];
+} & T;
+export type SearchOnlyFields<F> = CrudFieldProps<F> & {
+    hideInTable: true;
+};
+export type ReportCrudFields<T, F> = CrudFieldProps<T> | SearchOnlyFields<F>;
+export interface CrudReportComponentProps<T_Data, F_Search> {
+    summary?: React.ReactNode;
+    fields: ReportCrudFields<T_Data, F_Search>[];
+    onSubmit: (value: CrudReportSubmitForm<F_Search>) => void;
+    data: T_Data[];
+    idField?: string;
+    loadingData?: boolean;
+    size?: SizeType;
+    paginateProps?: CrudPaginateProps;
+    onClickPrint?: (props: {
+        fields: CrudFieldProps<T_Data>[] & {
+            render: (value: any, obj: T_Data, index: number) => any;
+        }[];
+        data: T_Data[];
+        tableId: string;
+    }) => void;
+    onClickExcelExport?: (props: {
+        fields: CrudFieldProps<T_Data>[] & {
+            render: (value: any, obj: T_Data, index: number) => any;
+        }[];
+        data: T_Data[];
+        tableId: string;
+    }) => void;
+    minusHeight?: string;
+    extraSearchFields?: (form: FormInstance<any>) => ReactElement;
+    searchOnMount?: boolean;
+}
+declare function CrudReportComponent<T, F = T>({ fields, data, idField, loadingData, onSubmit, paginateProps, size, onClickPrint, onClickExcelExport, minusHeight, extraSearchFields, searchOnMount, summary, }: CrudReportComponentProps<T, F>): import("react/jsx-runtime").JSX.Element;
+export default CrudReportComponent;

package/dist/components/crud/CrudSearchComponent.d.ts

@@ -0,0 +1,21 @@
+import { ColProps } from 'antd/lib';
+import { CrudFieldProps } from './CrudComponent';
+export type CrudSearchOption<T> = {
+    required?: boolean;
+} & ({
+    type: "text";
+    name: keyof T;
+} | {
+    type: "select";
+    name: keyof T;
+    multiple?: boolean;
+});
+export interface CrudSearchComponentProps<T, FormType> {
+    searchFields?: Array<keyof T | CrudSearchOption<T>>;
+    fields: CrudFieldProps<T>[];
+    searchOnChange?: boolean;
+    searchDefaultValues?: FormType;
+    onSearch?: (values: Partial<FormType>) => void;
+    searchFieldsCustomColumnProps?: ColProps[];
+}
+export default function CrudSearchComponent<T, FormType>({ searchFields, fields, searchOnChange, onSearch, searchDefaultValues, searchFieldsCustomColumnProps, }: CrudSearchComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;

package/dist/components/crud/FileCrudField.d.ts

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { InitialCrudField } from './CrudComponent';
+import { FileDownloadProvider, FileUploadProvider } from './ImageCrudField';
+export interface FileCrudField<T> extends _FileCrudField<T> {
+    type: "file";
+}
+export interface _FileCrudField<T> extends InitialCrudField<T> {
+    provider: FileUploadProvider;
+    onUploading?: (isUploading: boolean) => void;
+    onRemoved?: () => void;
+    fieldClassName?: string;
+    accept?: string;
+    maxCount?: number;
+    block?: boolean;
+}
+export default function FileCrudFieldComponent<T>({ name, label, required, provider, onUploading, onRemoved, fieldClassName, accept, rules, maxCount, block, ...props }: _FileCrudField<T>): import("react/jsx-runtime").JSX.Element;
+export declare const FileCrudCellValue: FC<{
+    value: string;
+    provider: FileDownloadProvider;
+}>;
+export declare const FileCellValue: FC<{
+    url: string;
+    mimeType?: string | null;
+    fileName: string;
+}>;

package/dist/components/crud/ImageCrudField.d.ts

@@ -0,0 +1,38 @@
+import { UploadListType } from 'antd/es/upload/interface';
+import { UploadFile } from 'antd/lib';
+import { FC } from 'react';
+import { InitialCrudField } from './CrudComponent';
+export interface _ImageCrudField<T> extends InitialCrudField<T> {
+    provider: FileUploadProvider;
+    onUploading?: (isUploading: boolean) => void;
+    onRemoved?: () => void;
+    aspectRatio?: number;
+    fieldClassName?: string;
+    listType?: UploadListType;
+}
+export interface ImageCrudField<T> extends _ImageCrudField<T> {
+    type: "image";
+}
+export declare abstract class FileDownloadProvider {
+    abstract getRealUrl(filePath?: string): Promise<string>;
+}
+export declare abstract class FileUploadProvider extends FileDownloadProvider {
+    rootPath: string;
+    subPath: string;
+    constructor(rootPath?: string, subPath?: string);
+    cloneFilePath(filePath: string): string;
+    abstract getInitialPath(): Promise<string>;
+    abstract upload(file: UploadFile<any>, filePath: string): Promise<string>;
+    abstract delete(filePath: string): Promise<boolean>;
+    abstract clone(filePath: string): Promise<string>;
+    abstract getRealUrl(filePath: string): Promise<string>;
+    generateFileName(initialFileName: string): string;
+}
+export default function ImageCrudFieldComponent<T>({ name, label, required, provider, onUploading, aspectRatio, onRemoved, fieldClassName, hideLabel, listType, }: _ImageCrudField<T>): import("react/jsx-runtime").JSX.Element;
+export declare const ImageCrudCellValue: FC<{
+    value: string;
+    provider: FileDownloadProvider;
+}>;
+export declare const ImageCellValue: FC<{
+    url: string;
+}>;

package/dist/components/crud/import/CrudImportButton.d.ts

@@ -0,0 +1,3 @@
+import { CrudImportComponentProps } from './CrudImportComponent';
+declare function CrudImportButton<T>(props: CrudImportComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default CrudImportButton;

package/dist/components/crud/import/CrudImportComponent.d.ts

@@ -0,0 +1,14 @@
+import { CrudFieldProps } from '../CrudComponent';
+import { DialogProps } from 'types/DialogComponentProp';
+export interface CrudImportComponentProps<T> {
+    fields: CrudFieldProps<T>[];
+    importProps: CrudImportProps<T>;
+}
+export interface CrudImportProps<T> {
+    name: string;
+    onClickImport: (data: Array<T | any>, progressCallback: (progress: number) => void) => Promise<{
+        importJobId: string;
+    }>;
+}
+declare function CrudImportComponent<T>({ onCloseMethod, open, fields, importProps, }: DialogProps<never, boolean> & CrudImportComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default CrudImportComponent;

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

@@ -0,0 +1,15 @@
+export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudPaginateProps, CrudPurpose, CrudWizardProp, DateBasedFieldProps, EnumCrudField, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, SelectCrudField, SelectFieldItem, TextAreaBasedFieldProps, TextBasedFieldProps, TimeBasedFieldProps, } from './CrudComponent';
+export { default as CrudComponent } from './CrudComponent';
+export { default as CrudField, ColorCrudFieldComponent, SelectCrudFieldComponent, } from './CrudField';
+export { CrudForm, CrudFormFields } from './CrudForm';
+export type { CurdFormFieldsProps } from './CrudForm';
+export { default as CrudFormWizard } from './CrudFormWizard';
+export type { CrudFormWizardProps } from './CrudFormWizard';
+export type { CrudReportComponentProps, CrudReportSubmitForm, ReportCrudFields, SearchOnlyFields, } from './CrudReportComponent';
+export { default as CrudReportComponent } from './CrudReportComponent';
+export { default as CrudSearchComponent } from './CrudSearchComponent';
+export type { CrudSearchComponentProps, CrudSearchOption, } from './CrudSearchComponent';
+export { default as ImageCrudField, FileDownloadProvider, FileUploadProvider, ImageCellValue, ImageCrudCellValue, } from './ImageCrudField';
+export type { ImageCrudField as ImageCrudFieldProps } from './ImageCrudField';
+export { default as FileCrudField, FileCellValue, FileCrudCellValue, } from './FileCrudField';
+export type { FileCrudField as FileCrudFieldProps } from './FileCrudField';

package/dist/components/crud/view/CrudDecListView.d.ts

@@ -0,0 +1,14 @@
+import { Breakpoint } from 'antd';
+import { default as React } from 'react';
+import { CrudFieldProps } from '../CrudComponent';
+export type DescListColumn = number | Partial<Record<Breakpoint, number>> | undefined;
+export interface CrudDecListViewProps<T> {
+    fields: CrudFieldProps<T>[];
+    data: T | undefined;
+    className?: string;
+    descListColumn?: DescListColumn;
+    layout?: "horizontal" | "vertical";
+    action?: React.JSX.Element;
+    keepEmptyValues?: boolean;
+}
+export declare function CrudDecListView<T>({ className, fields, data, descListColumn, layout, action, keepEmptyValues, }: CrudDecListViewProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/crud/view/CrudViewer.d.ts

@@ -0,0 +1,43 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { ExpandableConfig } from 'antd/es/table/interface';
+import { TableProps } from 'antd/lib';
+import { default as React, ReactElement } from 'react';
+import { default as IdProps } from 'types/Id';
+import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
+import { CrudSearchComponentProps } from '../CrudSearchComponent';
+import { DescListColumn } from './CrudDecListView';
+export type CrudViewerProps<T, FormType> = {
+    fields: CrudFieldProps<T>[];
+    decListLayout?: "horizontal" | "vertical";
+    viewable?: boolean | keyof T;
+    paginateProps?: CrudPaginateProps;
+    onDelete?: (id: any) => Promise<any>;
+    confirmDeleting?: boolean;
+    confirmHiding?: boolean;
+    onHide?: (id: any) => Promise<any>;
+    onUpdate?: (t: FormType & IdProps) => Promise<any>;
+    onExport?: (t: T) => Promise<any>;
+    data: T[] | undefined;
+    extraAction?: (t: T) => ReactElement | undefined | ReactElement[];
+    onClickUpdate?: (t: T) => void;
+    closeViewOnClickUpdate?: boolean;
+    isHiding?: boolean;
+    isDeleting?: boolean;
+    idField?: string;
+    loadingData?: boolean;
+    minusHeight?: string;
+    scroll?: TableProps<T>["scroll"];
+    className?: string;
+    bordered?: boolean;
+    size?: SizeType;
+    onClickClone?: (t: T) => Promise<any>;
+    onClickRefresh?: () => void;
+    expandable?: ExpandableConfig<T>;
+    descListColumn?: DescListColumn;
+    extraView?: (t: T) => React.ReactElement;
+    scrollToTop?: boolean;
+    rowClassName?: TableProps<T>["rowClassName"];
+    actionWidth?: string | number;
+} & CrudSearchComponentProps<T, FormType>;
+declare function CrudViewer<T, FormType = T>({ idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+export default CrudViewer;

package/dist/components/crud/view/CrudViewerUtil.d.ts

@@ -0,0 +1,2 @@
+import { CrudFieldProps } from 'components/crud/CrudComponent';
+export declare function getRendererValueCrudViewer<T>({ type, render, ...props }: CrudFieldProps<T>): (value: any, obj: T, index: number) => any;

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

@@ -0,0 +1,5 @@
+export { CrudDecListView } from './CrudDecListView';
+export type { CrudDecListViewProps, DescListColumn } from './CrudDecListView';
+export { default as CrudViewer } from './CrudViewer';
+export type { CrudViewerProps } from './CrudViewer';
+export { getRendererValueCrudViewer } from './CrudViewerUtil';

package/dist/context/WindowDimension.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    isDesktop: boolean;
+    isMobile: boolean;
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./src/locale/hooks/translation-constants.cjs"),o=require("./src/locale/index.cjs"),C=require("./src/components/crud/CrudComponent.cjs"),r=require("./src/components/crud/CrudField.cjs"),i=require("./src/components/crud/CrudFormWizard.cjs"),n=require("./src/components/crud/CrudReportComponent.cjs"),t=require("./src/components/crud/CrudSearchComponent.cjs"),d=require("./src/components/crud/CrudForm.cjs"),l=require("./src/components/crud/FileCrudField.cjs"),e=require("./src/components/crud/ImageCrudField.cjs");exports.TRANSLATION_NAMESPACE=u.TRANSLATION_NAMESPACE;exports.setupI18n=o.setupI18n;exports.updateTranslations=o.updateTranslations;exports.CrudComponent=C;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=i;exports.CrudReportComponent=n;exports.CrudSearchComponent=t;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.FileCellValue=l.FileCellValue;exports.FileCrudCellValue=l.FileCrudCellValue;exports.FileCrudField=l.default;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;

package/dist/index.d.ts

@@ -1,63 +1,4 @@
-import { RcFile } from 'antd/lib/upload';
-import { Rule } from 'antd/lib/form';
-
-export declare const DateUtil: {
-    formatDateTime: (d?: Date) => string;
-    formatDate: (d?: Date) => string;
-    formatDateTimeWithSecond: (d?: Date) => string;
-    formatTime: (d?: Date, format?: string) => string;
-};
-
-declare type ImageDataReturn = {
-    data: string;
-    type: 'png' | 'jpeg' | 'jpg';
-    width: number;
-    height: number;
-} | null;
-
-export declare const ImageUtil: ImageUtl;
-
-declare class ImageUtl {
-    resizeImage(file: RcFile): Promise<RcFile>;
-    getImageData(uriOrBase64: string): Promise<ImageDataReturn>;
-    getImageData0(uriOrBase64: string): Promise<ImageDataReturn>;
-}
-
-export declare const NumberUtil: {
-    toInt: typeof toInt;
-    round: typeof round;
-    toMoney: typeof toMoney;
-    randInt: typeof randInt;
-    withoutNan: typeof withoutNan;
-    removeTrailingZeros: typeof removeTrailingZeros;
-    roundNoNan: typeof roundNoNan;
-};
-
-declare function randInt(max?: number): number;
-
-declare function removeTrailingZeros(num?: number): number;
-
-declare function round(num?: number, pow?: number): number;
-
-declare function roundNoNan(num?: number, pow?: number): number | undefined;
-
-declare function toInt(num?: number, formatted?: boolean): string;
-
-declare function toMoney(num?: number): string;
-
-export declare const ValidationUtil: {
-    percentageValidation: () => Rule[];
-    required: (modelName: string) => {
-        required: boolean;
-        message: string;
-    }[];
-    maxValidation: (max: number) => Rule[];
-    passwordValidation: () => Rule[];
-    nicValidation: () => Rule[];
-    phoneValidation: (modelName: string) => Rule[];
-    positiveNumberValidation: () => Rule[];
-};
-
-declare function withoutNan(value: number): number;
-
-export { }
+export { TRANSLATION_NAMESPACE } from './locale/hooks/translation-constants';
+export { setupI18n, updateTranslations } from './locale';
+export { ColorCrudFieldComponent, CrudComponent, CrudField, CrudForm, CrudFormFields, CrudFormWizard, CrudReportComponent, CrudSearchComponent, FileCellValue, FileCrudCellValue, FileCrudField, FileDownloadProvider, FileUploadProvider, ImageCellValue, ImageCrudCellValue, ImageCrudField, SelectCrudFieldComponent, } from './components/crud';
+export type { CheckboxBasedFieldProps, ColorPickerFieldProps, CrudComponentProps, CrudFieldGrid, CrudFieldProps, CrudFormWizardProps, CrudPaginateProps, CrudPurpose, CrudReportComponentProps, CrudReportSubmitForm, CrudSearchComponentProps, CrudSearchOption, CrudWizardProp, CurdFormFieldsProps, DateBasedFieldProps, EnumCrudField, FileCrudFieldProps, FormBuilderFunc, FormBuilderFunc0, GetFormFieldOptions, ImageCrudFieldProps, InitialCrudField, NumberBasedFieldProps, ObjectCrudField, ReportCrudFields, SearchOnlyFields, SelectCrudField, SelectFieldItem, TextAreaBasedFieldProps, TextBasedFieldProps, TimeBasedFieldProps, } from './components/crud';