mobigrid-module 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 };
|