react-admin-crud-manager 1.1.0 → 1.1.1

package/dist/types/OptionalSnackbarProvider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface OptionalSnackbarProviderProps {
+    children: React.ReactNode;
+}
+export default function OptionalSnackbarProvider({ children }: OptionalSnackbarProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    variant?: string;
+    color?: string;
+    size?: string;
+    fullWidth?: boolean;
+    children: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/types/components/Chip/Chip.d.ts

@@ -0,0 +1,8 @@
+interface ChipProps {
+    label: string;
+    variant?: string;
+    color?: string;
+    className?: string;
+}
+declare const Chip: ({ label, variant, color, className, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/types/components/CrudPage.d.ts

@@ -0,0 +1,213 @@
+import React, { type ReactNode } from "react";
+interface CrudPageProps {
+    config: Config;
+}
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    color?: string;
+}
+interface ActionButton {
+    type: string;
+    label: string;
+    color?: string;
+    variant?: string;
+    onClick?: (event?: React.MouseEvent, item?: any) => void | Promise<void>;
+}
+interface MenuAction {
+    title: string;
+    type: string;
+    variant?: string;
+    icon?: ReactNode;
+}
+interface TableHead {
+    key: string;
+    title?: string;
+    type?: string;
+    imageKey?: string;
+    titleKey?: string;
+    subtitleKey?: string;
+    onClickDetails?: boolean;
+    variant?: string;
+    chipOptions?: Option[];
+    defaultColor?: string;
+    className?: string;
+    format?: string;
+    menuList?: MenuAction[];
+}
+interface FormField {
+    key: string;
+    label?: string;
+    type?: string;
+    options?: any[];
+    placeholder?: string;
+    rows?: number;
+    inputClass?: string;
+    search?: boolean;
+    accept?: string;
+    text?: string;
+    required?: boolean;
+    minLength?: number;
+    dragDrop?: boolean;
+    parentClass?: string;
+    countriesList?: boolean;
+    defaultCountry?: string;
+    multiple?: boolean;
+    dropdownMaxHeight?: number;
+    editorKey?: string;
+    fontFamily?: string;
+    disabled?: boolean;
+    negativeNumberAllow?: boolean;
+    defaultValue?: any;
+    renderCondition?: (formData: Record<string, any>) => boolean;
+    pattern?: string;
+    renderType?: string;
+    cropImage?: boolean;
+    aspectRatio?: number;
+    dependencyKey?: string;
+    mask?: string;
+    maskApplyOnValue?: boolean;
+    maxSize?: number;
+    [key: string]: any;
+}
+interface ViewField {
+    key?: string;
+    label?: string;
+    type?: string;
+    imageKey?: string;
+    titleKey?: string;
+    subtitleKey?: string;
+    blockClass?: string;
+    icon?: ReactNode;
+    variant?: string;
+    chipOptions?: Option[];
+    defaultColor?: string;
+    className?: string;
+    format?: string;
+}
+interface SearchConfig {
+    enabled?: boolean;
+    useServerSideSearch?: boolean;
+    searchKeys?: string[];
+}
+interface PaginationConfig {
+    enabled?: boolean;
+    useServerSidePagination?: boolean;
+}
+interface FilterConfig {
+    enabled?: boolean;
+    useServerSideFilters?: boolean;
+}
+interface SortChangePayload {
+    value: string;
+    option: {
+        value: string;
+        label: string;
+        key: string;
+        order: string;
+        type?: string;
+    } | null;
+    key: string;
+    order: string;
+    type: string;
+}
+interface SortConfig {
+    enabled?: boolean;
+    useServerSideSorting?: boolean;
+    options?: Array<{
+        value: string;
+        label: string;
+        key: string;
+        order: string;
+        type?: string;
+    }>;
+    fields?: string[];
+    defaultValue?: string;
+    autoGenerate?: boolean;
+    clearLabel?: string;
+    onChange?: (payload: SortChangePayload) => void;
+}
+interface TableConfig {
+    table_head: TableHead[];
+    search?: SearchConfig;
+    pagination?: PaginationConfig;
+    filter?: FilterConfig;
+    sort?: SortConfig;
+}
+interface ModalConfig {
+    addModal?: {
+        title: string;
+        size?: string;
+        formClass?: string;
+        formFields?: FormField[];
+        handleSubmit: (formData: Record<string, any>) => Promise<{
+            newObject: any;
+            message?: string;
+        }>;
+        actionButtons?: ActionButton[];
+        icon?: ReactNode;
+    };
+    editModal?: {
+        title: string;
+        size?: string;
+        formClass?: string;
+        formFields?: FormField[];
+        handleSubmit: (formData: Record<string, any>, item: any) => Promise<{
+            newObject: any;
+            targetObject: any;
+            message?: string;
+        }>;
+        actionButtons?: ActionButton[];
+        icon?: ReactNode;
+    };
+    deleteModal?: {
+        title: string;
+        size?: string;
+        confirmText?: string;
+        referenceKey?: string;
+        actionButtons?: ActionButton[];
+        action: (item: any) => Promise<{
+            targetObject: any;
+        } | null>;
+        icon?: ReactNode;
+    };
+    viewModal?: {
+        title: string;
+        size?: string;
+        component?: React.ComponentType<{
+            data: any;
+        }>;
+        fields?: ViewField[];
+        footer?: {
+            cancelButton?: boolean;
+            cancelText?: string;
+        };
+        icon?: ReactNode;
+    };
+}
+interface FilterConfigProps {
+    fields?: FormField[];
+}
+interface Config {
+    title: string;
+    description?: string;
+    buttonText?: string;
+    fetchData: (params: {
+        search: string;
+        rows_per_page: number;
+        current_page: number;
+        sort_by: string;
+        sort_order: string;
+        [key: string]: any;
+    }) => Promise<{
+        data: any[];
+        pagination: any;
+    }>;
+    fetchRowDetails?: (item: any) => Promise<any>;
+    isStaticData?: boolean;
+    tableConfig: TableConfig;
+    modalConfig?: ModalConfig;
+    filterConfig?: FilterConfigProps;
+}
+declare const CrudPage: React.FC<CrudPageProps>;
+export default CrudPage;

package/dist/types/components/Details/Details.d.ts

@@ -0,0 +1,12 @@
+interface DetailsProps {
+    data: Record<string, any> | null;
+    config: {
+        fields?: Array<Record<string, any>>;
+        containerClass?: string;
+    };
+    fetchRowDetails?: (payload: Record<string, any>) => Promise<{
+        data: Record<string, any>;
+    }>;
+}
+export default function Details({ data, config, fetchRowDetails, }: DetailsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Details/components/CardGroup.d.ts

@@ -0,0 +1,6 @@
+interface CardGroupProps {
+    col: Record<string, any>;
+    data: Record<string, any>;
+}
+declare const CardGroup: ({ col, data }: CardGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default CardGroup;

package/dist/types/components/Details/components/DetailRow.d.ts

@@ -0,0 +1,6 @@
+interface DetailRowProps {
+    col: Record<string, any>;
+    data: Record<string, any>;
+}
+declare const DetailRow: ({ col, data }: DetailRowProps) => import("react/jsx-runtime").JSX.Element;
+export default DetailRow;

package/dist/types/components/Details/components/GroupRow.d.ts

@@ -0,0 +1,6 @@
+interface GroupRowProps {
+    col: Record<string, any>;
+    data: Record<string, any>;
+}
+declare const GroupRow: ({ col, data }: GroupRowProps) => import("react/jsx-runtime").JSX.Element;
+export default GroupRow;

package/dist/types/components/Filter/FilterDrawer.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type FieldConfig } from "../Form/components/RenderFields";
+interface FilterConfig {
+    component: React.ComponentType<{
+        filters: Record<string, any>;
+        onFilterChange: (key: string, value: any) => void;
+    }>;
+    fields: FieldConfig[];
+}
+interface FilterDrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    config: FilterConfig;
+    onApply: (filters: Record<string, any>) => void;
+}
+declare const FilterDrawer: ({ isOpen, onClose, config, onApply, }: FilterDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterDrawer;

package/dist/types/components/Form/Form.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface FormField {
+    key: string;
+    [key: string]: any;
+}
+interface FormConfig {
+    formClass?: string;
+    formFields?: FormField[];
+}
+interface FormProps {
+    config: FormConfig;
+    onSubmit: (data: Record<string, any>) => void;
+    initialData: Record<string, any> | null;
+    fetchRowDetails?: (item: Record<string, any>) => Promise<{
+        data: Record<string, any>;
+    }>;
+    type: "add" | "edit" | string;
+    loading?: boolean;
+}
+declare const Form: React.FC<FormProps>;
+export default Form;

package/dist/types/components/Form/components/AudioPicker.d.ts

@@ -0,0 +1,18 @@
+type MediaValue = File | {
+    file?: File;
+    preview?: string;
+} | string | null;
+interface AudioPickerProps {
+    label?: string;
+    value: MediaValue;
+    onChange: (file: File | null) => void;
+    required?: boolean;
+    accept?: string;
+    id: string;
+    dragDrop?: boolean;
+    name: string;
+    parentClass?: string;
+    maxSize?: number;
+}
+declare const AudioPicker: ({ label, value, onChange, required, accept, id, dragDrop, name, parentClass, maxSize, }: AudioPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default AudioPicker;

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

@@ -0,0 +1,19 @@
+interface CheckboxOption {
+    label: string;
+    value: any;
+    disabled?: boolean;
+}
+interface CheckboxProps {
+    name: string;
+    label?: string;
+    options: CheckboxOption[];
+    value: any;
+    onChange: (value: any, name?: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    parentClass?: string;
+    className?: string;
+    multiSelect?: boolean;
+}
+declare const Checkbox: ({ name, label, options, value, onChange, disabled, required, parentClass, className, multiSelect, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/types/components/Form/components/ImageCropperModal.d.ts

@@ -0,0 +1,12 @@
+interface ImageCropperModalProps {
+    isOpen: boolean;
+    imageSrc: string;
+    fileType?: string;
+    fileName?: string;
+    aspect?: number;
+    title?: string;
+    onClose: () => void;
+    onApply: (file: File) => void;
+}
+declare const ImageCropperModal: ({ isOpen, imageSrc, fileType, fileName, aspect, title, onClose, onApply, }: ImageCropperModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ImageCropperModal;

package/dist/types/components/Form/components/ImagePicker.d.ts

@@ -0,0 +1,19 @@
+type ImageValue = File | {
+    file?: File;
+    preview?: string;
+} | string | null;
+interface ImagePickerProps {
+    label?: string;
+    value: ImageValue;
+    onChange: (file: File | null) => void;
+    required?: boolean;
+    accept?: string;
+    aspect?: number | string;
+    id: string;
+    dragDrop?: boolean;
+    cropImage?: boolean;
+    name: string;
+    parentClass?: string;
+}
+declare const ImagePicker: ({ label, value, onChange, required, accept, aspect, id, dragDrop, cropImage, name, parentClass, }: ImagePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagePicker;

package/dist/types/components/Form/components/Input.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    value: any;
+    required: boolean;
+    parentClass?: string;
+    className?: string;
+    type: string;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    negativeNumberAllow?: boolean;
+    defaultValue?: any;
+    field: Record<string, any>;
+    onChange: (value: any) => void;
+    mask?: string;
+    maskApplyOnValue?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/types/components/Form/components/InputLabel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface InputLabelProps {
+    label: React.ReactNode;
+    required?: boolean;
+    infoText?: string;
+}
+export default function InputLabel({ label, required, infoText, }: InputLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Form/components/PhoneInput.d.ts

@@ -0,0 +1,15 @@
+interface PhoneInputProps {
+    label?: string;
+    value: string;
+    name: string;
+    parentClass?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    search?: boolean;
+    countriesList?: boolean;
+    defaultCountry?: string;
+}
+export default function PhoneInput({ label, value, name, parentClass, onChange, disabled, required, placeholder, search, countriesList, defaultCountry, }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Form/components/Radio.d.ts

@@ -0,0 +1,17 @@
+interface RadioOption {
+    label: string;
+    value: any;
+}
+interface RadioProps {
+    value: any;
+    onChange: (value: any) => void;
+    text?: string;
+    options: RadioOption[];
+    label?: string;
+    required?: boolean;
+    name: string;
+    disabled?: boolean;
+    parentClass?: string;
+}
+declare const Radio: ({ value, onChange, text, options, label, required, name, disabled, parentClass, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/dist/types/components/Form/components/RenderFields.d.ts

@@ -0,0 +1,42 @@
+export interface FieldConfig {
+    key: string;
+    label?: string;
+    type?: string;
+    options?: any[];
+    placeholder?: string;
+    rows?: number;
+    inputClass?: string;
+    search?: boolean;
+    accept?: string;
+    text?: string;
+    required?: boolean;
+    minLength?: number;
+    dragDrop?: boolean;
+    parentClass?: string;
+    countriesList?: boolean;
+    defaultCountry?: string;
+    multiple?: boolean;
+    dropdownMaxHeight?: number;
+    editorKey?: string;
+    fontFamily?: string;
+    disabled?: boolean;
+    negativeNumberAllow?: boolean;
+    defaultValue?: any;
+    renderCondition?: (formData: Record<string, any>) => boolean;
+    pattern?: string;
+    renderType?: string;
+    cropImage?: boolean;
+    aspectRatio?: number;
+    dependencyKey?: string;
+    mask?: string;
+    maskApplyOnValue?: boolean;
+    maxSize?: number;
+    [key: string]: any;
+}
+interface RenderFieldsProps {
+    field: FieldConfig;
+    formData: Record<string, any>;
+    handleChange: (key: string, value: any) => void;
+}
+declare const RenderFields: ({ field, formData, handleChange }: RenderFieldsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default RenderFields;

package/dist/types/components/Form/components/Select.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface SelectOption {
+    label: string;
+    value: any;
+}
+interface SelectProps {
+    options: SelectOption[] | ((formData: Record<string, any>) => Promise<SelectOption[]> | SelectOption[]);
+    value: any;
+    defaultValue?: any;
+    onChange: (value: any) => void;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    search?: boolean;
+    label?: React.ReactNode;
+    required?: boolean;
+    name: string;
+    parentClass?: string;
+    multiple?: boolean;
+    dropdownMaxHeight?: string | number;
+    formData: Record<string, any>;
+    dependencyKey?: string;
+}
+declare const Select: ({ options, value, defaultValue, onChange, placeholder, className, disabled, search, label, required, name, parentClass, multiple, dropdownMaxHeight, formData, dependencyKey, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/types/components/Form/components/Switch.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface SwitchProps {
+    label?: React.ReactNode;
+    required?: boolean;
+    parentClass?: string;
+    className?: string;
+    value: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    name: string;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export { Switch };

package/dist/types/components/Form/components/TextArea.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: React.ReactNode;
+    required?: boolean;
+    parentClass?: string;
+    className?: string;
+}
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/types/components/Form/components/TinyEditor.d.ts

@@ -0,0 +1,20 @@
+interface TinyEditorProps {
+    editorKey: string;
+    value: string;
+    onChange: (content: string) => void;
+    label?: string;
+    required?: boolean;
+    placeholder?: string;
+    parentClass?: string;
+    height?: number;
+    inline?: boolean;
+    disabled?: boolean;
+    plugins?: string[];
+    toolbar?: string;
+    menubar?: boolean;
+    fontFamily?: string;
+    initConfig?: Record<string, any>;
+    imageUploadHandler?: (blobInfo: any) => Promise<string>;
+}
+declare const TinyEditor: ({ editorKey, value, onChange, label, required, placeholder, parentClass, height, inline, disabled, plugins, toolbar, menubar, fontFamily, initConfig, imageUploadHandler, }: TinyEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default TinyEditor;

package/dist/types/components/Form/components/VideoPicker.d.ts

@@ -0,0 +1,18 @@
+type MediaValue = File | {
+    file?: File;
+    preview?: string;
+} | string | null;
+interface VideoPickerProps {
+    label: string;
+    value: MediaValue;
+    onChange: (file: File | null) => void;
+    required?: boolean;
+    accept?: string;
+    id: string;
+    dragDrop?: boolean;
+    name: string;
+    parentClass?: string;
+    maxSize?: number;
+}
+declare const VideoPicker: ({ label, value, onChange, required, accept, id, dragDrop, name, parentClass, maxSize, }: VideoPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoPicker;

package/dist/types/components/Loader/Spinner.d.ts

@@ -0,0 +1,7 @@
+interface SpinnerProps {
+    size?: string;
+    className?: string;
+    color?: string;
+}
+declare const Spinner: ({ size, className, color, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/dist/types/components/Modal/Modal.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+interface ActionButton {
+    type?: string;
+    variant?: string;
+    color?: string;
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+    onClick?: (e?: React.MouseEvent, selectedItem?: any) => Promise<any> | any;
+}
+interface ModalProps {
+    isOpen: boolean;
+    onClose: (resp?: any) => void;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    children: React.ReactNode;
+    size?: string;
+    actionButtons?: ActionButton[];
+    footerConfig?: any;
+    onFormSubmit?: (e?: any) => void;
+    onCancel?: () => void;
+    loadingBtn?: boolean;
+    loading?: boolean;
+    executeFunction?: (...args: any[]) => void;
+    selectedItem?: any;
+}
+declare const Modal: ({ isOpen, onClose, icon, title, children, size, actionButtons, onFormSubmit, loadingBtn, executeFunction, selectedItem, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Modal;

package/dist/types/components/Table/Table.d.ts

@@ -0,0 +1,10 @@
+interface TableProps {
+    config: Record<string, any>;
+    setShowAdd: (value: boolean) => void;
+    title: string;
+    buttonText?: string;
+    description?: string;
+    showAddButton?: boolean;
+}
+declare const Table: ({ config, setShowAdd, title, buttonText, description, showAddButton, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export default Table;

package/dist/types/components/Table/components/ImagePreview.d.ts

@@ -0,0 +1,8 @@
+interface ImagePreviewProps {
+    src: string;
+    alt?: string;
+    isOpen: boolean;
+    setIsOpen: (value: boolean) => void;
+}
+declare const ImagePreview: ({ src, alt, isOpen, setIsOpen, }: ImagePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagePreview;

package/dist/types/components/Table/components/SortDropdown.d.ts

@@ -0,0 +1,13 @@
+interface SortOption {
+    value: string;
+    label: string;
+    [key: string]: any;
+}
+interface SortDropdownProps {
+    options: SortOption[];
+    value: string;
+    onChange: (value: string, option: SortOption | null) => void;
+    clearLabel?: string;
+}
+declare const SortDropdown: ({ options, value, onChange, clearLabel, }: SortDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SortDropdown;

package/dist/types/components/Table/components/TableSkeleton.d.ts

@@ -0,0 +1,6 @@
+interface TableSkeletonProps {
+    rows: number;
+    columns: number;
+}
+declare const TableSkeleton: ({ rows, columns }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default TableSkeleton;