mobigrid-module 1.1.3 → 1.1.5
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +43 -0
- package/package.json +1 -1
- package/dist/components/CustomTable/CustomTable.d.ts +0 -8
- package/dist/components/CustomTable/Pagination.d.ts +0 -8
- package/dist/components/Icon.d.ts +0 -6
- package/dist/components/InvalidConfig.d.ts +0 -2
- package/dist/components/Layout/PageHeader.d.ts +0 -13
- package/dist/components/LoadingConfig.d.ts +0 -2
- package/dist/components/ui/alert.d.ts +0 -8
- package/dist/components/ui/button.d.ts +0 -11
- package/dist/components/ui/calendar.d.ts +0 -8
- package/dist/components/ui/date-picker-with-range.d.ts +0 -7
- package/dist/components/ui/dialog.d.ts +0 -19
- package/dist/components/ui/input.d.ts +0 -3
- package/dist/components/ui/pagination.d.ts +0 -28
- package/dist/components/ui/popover.d.ts +0 -7
- package/dist/components/ui/select.d.ts +0 -13
- package/dist/components/ui/sonner.d.ts +0 -5
- package/dist/components/ui/table.d.ts +0 -10
- package/dist/index.d.ts +0 -9
- package/dist/index.esm.js +0 -70
- package/dist/index.esm.js.map +0 -1
- package/dist/index.js +0 -70
- package/dist/index.js.map +0 -1
- package/dist/index.tsx +0 -70
- package/dist/index.tsx.map +0 -1
- package/dist/lib/utils.d.ts +0 -2
- package/dist/vite.config.d.ts +0 -2
package/README.md
ADDED
@@ -0,0 +1,43 @@
|
|
1
|
+
# mobigrid-module
|
2
|
+
|
3
|
+
A flexible and customizable data table interface module with advanced filtering, column management, and action handling capabilities.
|
4
|
+
|
5
|
+
## Configuration Structure
|
6
|
+
|
7
|
+
The configuration object defines the structure and behavior of a data table interface. It includes filters, columns, actions, and other settings.
|
8
|
+
|
9
|
+
### Main Properties
|
10
|
+
|
11
|
+
- **title**: The title of the configuration
|
12
|
+
- **data_url**: API endpoint for fetching data
|
13
|
+
- **Filters**: Array of filter groups for data filtering
|
14
|
+
- **columns**: Defines the table columns and their properties
|
15
|
+
- **extractColumns**: Columns used for data export
|
16
|
+
- **detailsColumns**: Columns shown in detail view
|
17
|
+
|
18
|
+
### Filter Types
|
19
|
+
|
20
|
+
- **Select**: Dropdown with options (static or dynamic from urlSource)
|
21
|
+
- **Text**: Basic text input
|
22
|
+
- **Date**: Date picker input
|
23
|
+
- **Export**: Export functionality
|
24
|
+
- **Button**: Action buttons (e.g., search)
|
25
|
+
|
26
|
+
### Column Properties
|
27
|
+
|
28
|
+
- **title**: Column header text
|
29
|
+
- **key**: Data field identifier
|
30
|
+
- **type**: Data type (date, money, dropdown, etc.)
|
31
|
+
- **pattern**: Format pattern (for dates)
|
32
|
+
- **actions**: Available actions for dropdown columns
|
33
|
+
|
34
|
+
### Additional Settings
|
35
|
+
|
36
|
+
- **max_diff**: Maximum difference value
|
37
|
+
- **pagesNum**: Number of pages
|
38
|
+
- **service_path**: Service implementation path
|
39
|
+
- **authorized_profiles**: Allowed user profile IDs
|
40
|
+
- **modal_size**: Size of modal windows
|
41
|
+
- **components**: Required component names
|
42
|
+
|
43
|
+
## Example Configuration
|
package/package.json
CHANGED
@@ -1,8 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
interface PaginationProps {
|
3
|
-
currentPage: number;
|
4
|
-
totalPages: number;
|
5
|
-
onPageChange: (page: number) => void;
|
6
|
-
}
|
7
|
-
export default function ({ currentPage, totalPages, onPageChange, }: PaginationProps): React.JSX.Element;
|
8
|
-
export {};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
interface PageHeaderProps {
|
3
|
-
title: string;
|
4
|
-
filters: any;
|
5
|
-
configFilters: any;
|
6
|
-
setFilters: (filters: any) => void;
|
7
|
-
onSearch: () => void;
|
8
|
-
count: number;
|
9
|
-
isLoading: boolean;
|
10
|
-
setCurrentPage: (page: number) => void;
|
11
|
-
}
|
12
|
-
export declare function PageHeader({ title, filters, setFilters, configFilters, onSearch, count, isLoading, setCurrentPage, }: PageHeaderProps): React.JSX.Element;
|
13
|
-
export {};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import { type VariantProps } from "class-variance-authority";
|
3
|
-
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
4
|
-
variant?: "default" | "destructive" | null | undefined;
|
5
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
|
6
|
-
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
7
|
-
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
8
|
-
export { Alert, AlertTitle, AlertDescription };
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import { type VariantProps } from "class-variance-authority";
|
3
|
-
declare const buttonVariants: (props?: ({
|
4
|
-
variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
5
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
6
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
7
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
8
|
-
asChild?: boolean;
|
9
|
-
}
|
10
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
11
|
-
export { Button, buttonVariants };
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import { DayPicker } from "react-day-picker";
|
3
|
-
export type CalendarProps = React.ComponentProps<typeof DayPicker>;
|
4
|
-
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
|
5
|
-
declare namespace Calendar {
|
6
|
-
var displayName: string;
|
7
|
-
}
|
8
|
-
export { Calendar };
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import { DateRange } from "react-day-picker";
|
3
|
-
export declare function DatePickerWithRange({ className, dateFrom, dateTo, handleDateChange, }: React.HTMLAttributes<HTMLDivElement> & {
|
4
|
-
dateFrom?: Date;
|
5
|
-
dateTo?: Date;
|
6
|
-
handleDateChange?: (range: DateRange | undefined) => void;
|
7
|
-
}): React.JSX.Element;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
3
|
-
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
4
|
-
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
5
|
-
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
6
|
-
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
7
|
-
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
8
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
9
|
-
declare const DialogHeader: {
|
10
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
11
|
-
displayName: string;
|
12
|
-
};
|
13
|
-
declare const DialogFooter: {
|
14
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
15
|
-
displayName: string;
|
16
|
-
};
|
17
|
-
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
18
|
-
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
19
|
-
export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import { ButtonProps } from "./button";
|
3
|
-
declare const Pagination: {
|
4
|
-
({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
|
5
|
-
displayName: string;
|
6
|
-
};
|
7
|
-
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
8
|
-
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
9
|
-
type PaginationLinkProps = {
|
10
|
-
isActive?: boolean;
|
11
|
-
} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
|
12
|
-
declare const PaginationLink: {
|
13
|
-
({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
|
14
|
-
displayName: string;
|
15
|
-
};
|
16
|
-
declare const PaginationPrevious: {
|
17
|
-
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
|
18
|
-
displayName: string;
|
19
|
-
};
|
20
|
-
declare const PaginationNext: {
|
21
|
-
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
|
22
|
-
displayName: string;
|
23
|
-
};
|
24
|
-
declare const PaginationEllipsis: {
|
25
|
-
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
26
|
-
displayName: string;
|
27
|
-
};
|
28
|
-
export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
3
|
-
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
4
|
-
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
5
|
-
declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
|
6
|
-
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
7
|
-
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
import * as SelectPrimitive from "@radix-ui/react-select";
|
3
|
-
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
4
|
-
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
-
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
6
|
-
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
7
|
-
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
8
|
-
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
9
|
-
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
10
|
-
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
11
|
-
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
12
|
-
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
13
|
-
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import * as React from "react";
|
2
|
-
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
3
|
-
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
4
|
-
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
5
|
-
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
6
|
-
declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
7
|
-
declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
8
|
-
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
9
|
-
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
10
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
package/dist/index.d.ts
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
interface ContainerProps {
|
3
|
-
configUrl: string;
|
4
|
-
preJsUrl: string;
|
5
|
-
itemsPerPage?: number;
|
6
|
-
children?: React.ReactNode;
|
7
|
-
}
|
8
|
-
declare const MobigridModule: ({ configUrl, preJsUrl, itemsPerPage, children, }: ContainerProps) => React.JSX.Element;
|
9
|
-
export { MobigridModule as default };
|