@bluemarble/bm-components 0.0.33 → 0.0.34

package/dist/esm/types/components/BaseGrid/Pagination/index.d.ts

@@ -0,0 +1,11 @@
+declare type GridPaginationProps = {
+    dense: boolean;
+    currentPage: number;
+    totalNumberOfPages: number;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+    onPageChange: (prop: number) => void;
+    setRowsPerPage: (prop: number) => void;
+};
+export declare const GridPagination: ({ currentPage, totalNumberOfPages, onPageChange, rowsPerPageOptions, setRowsPerPage, rowsPerPage, dense, }: GridPaginationProps) => JSX.Element;
+export {};

package/dist/esm/types/components/BaseGrid/index.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from "react";
+import { PaperProps, SxProps, TableBodyProps, TableHeadProps, TableProps } from "@mui/material";
+export interface ColumnsProps {
+    label: string;
+    name?: string;
+    width?: number;
+    sx?: SxProps;
+    canSort?: boolean;
+}
+interface GridProps {
+    columns: ColumnsProps[];
+    children: ReactNode;
+    fixedColumns?: boolean;
+    sortedBy: string;
+    sortedDirection: "asc" | "desc";
+    dense?: boolean;
+    onSortBy: (prop: string) => void;
+    paperProps?: PaperProps;
+    tableProps?: TableProps;
+    tableHeadProps?: TableHeadProps;
+    tableBodyProps?: TableBodyProps;
+    striped?: boolean;
+    bordered?: boolean;
+    currentPage: number;
+    totalNumberOfPages: number;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+}
+export declare function Grid<T>({ columns: columnsData, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, }: GridProps): JSX.Element;
+export {};

package/dist/esm/types/components/hooks/useFilter.d.ts

@@ -0,0 +1,17 @@
+export declare type FilterCompareType = "gte" | "lte" | "lt" | "gt" | "equal" | "in";
+export declare type FilterProps = {
+    id?: string;
+    prop: string;
+    value: unknown;
+    compareType: FilterCompareType;
+};
+export declare function useFilter(): {
+    filters: FilterProps[];
+    filterBy: (newFilter: FilterProps) => void;
+    removeFilter: (prop: string) => void;
+    createFilter: typeof createFilter;
+    clearAllFilters: () => void;
+};
+export declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
+    apply: (item: T) => boolean;
+};

package/dist/esm/types/components/hooks/useGrid.d.ts

@@ -0,0 +1,23 @@
+import { ColumnsProps } from "../BaseGrid";
+import { FilterProps } from "./useFilter";
+interface UseGridProps {
+    columns: ColumnsProps[];
+    filters?: FilterProps[];
+    rowsPerPageOptions?: number[];
+}
+export declare function useGrid<T extends Record<string, any>>({ columns, filters, rowsPerPageOptions, }: UseGridProps): {
+    data: any[];
+    defaultData: T[];
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    sortedBy: string;
+    sortedDirection: "asc" | "desc";
+    columns: ColumnsProps[];
+    currentPage: number;
+    totalNumberOfPages: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+};
+export {};

package/dist/esm/types/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Grid, IFilter, ColumnTitleProps, FilterProps, filterData, Tr, Td, EditableTableCell, } from "./Grid";
+export { default as Grid, IFilter, ColumnTitleProps, filterData, Tr, Td, EditableTableCell, } from "./Grid";
 export { Input } from "./Input";
 export { InputMask } from "./InputMask";
 export { Select } from "./Select";
@@ -8,3 +8,7 @@ export { Switch } from "./Switch";
 export { Radio } from "./Radio";
 export { LargeButton } from "./LargeButton";
 export { TabPanel, getTabProps, TabPanelProps } from "./TabPanel";
+export { ColumnsProps, Grid as BaseGrid } from "./BaseGrid";
+export { useGrid } from "./hooks/useGrid";
+export { FilterCompareType, FilterProps, createFilter, useFilter, } from "./hooks/useFilter";
+export { useEvent } from "./hooks/useEvent";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React, { ReactNode, FC } from 'react';
-import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps } from '@mui/material';
+import { TableCellProps, TextFieldProps, TableRowProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps } from '@mui/material';
 import IMask$1 from 'imask';
 
 interface ColumnTitleProps {
@@ -9,18 +9,18 @@ interface ColumnTitleProps {
     transformer?: (value: string | number | Date) => string;
     sx?: TableCellProps["sx"];
 }
-interface FilterProps {
+interface FilterProps$1 {
     column: string;
     value: string;
     transformer?: (value: string | number | Date) => string;
 }
-declare type IFilter = FilterProps;
-interface GridProps<T> {
+declare type IFilter = FilterProps$1;
+interface GridProps$1<T> {
     columnTitles: ColumnTitleProps[];
     defaultData: T[];
     tableData: T[];
-    selectedFilters: FilterProps[];
-    setSelectedFilters(value: FilterProps[]): void;
+    selectedFilters: FilterProps$1[];
+    setSelectedFilters(value: FilterProps$1[]): void;
     setTableData(value: T[]): void;
     updateFilters(value: Record<string, any>[]): void;
     rowOptions?: number[];
@@ -32,9 +32,9 @@ interface GridProps<T> {
     noFilters?: boolean;
     primaryKey?: string;
 }
-declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps<ObjectType>>) => JSX.Element;
+declare const Grid$1: <ObjectType>(props: React.PropsWithChildren<GridProps$1<ObjectType>>) => JSX.Element;
 
-declare function filterData<T>(filters: FilterProps[], defaultData: {
+declare function filterData<T>(filters: FilterProps$1[], defaultData: {
     current: T[];
 }): T[];
 
@@ -194,4 +194,75 @@ interface TabPanelProps {
 }
 declare const TabPanel: (props: TabPanelProps) => JSX.Element;
 
-export { Autocomplete, Checkbox, ColumnTitleProps, EditableTableCell, FilterProps, Grid, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, TabPanel, TabPanelProps, Td, Tr, filterData, getTabProps };
+interface ColumnsProps {
+    label: string;
+    name?: string;
+    width?: number;
+    sx?: SxProps;
+    canSort?: boolean;
+}
+interface GridProps {
+    columns: ColumnsProps[];
+    children: ReactNode;
+    fixedColumns?: boolean;
+    sortedBy: string;
+    sortedDirection: "asc" | "desc";
+    dense?: boolean;
+    onSortBy: (prop: string) => void;
+    paperProps?: PaperProps;
+    tableProps?: TableProps;
+    tableHeadProps?: TableHeadProps;
+    tableBodyProps?: TableBodyProps;
+    striped?: boolean;
+    bordered?: boolean;
+    currentPage: number;
+    totalNumberOfPages: number;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+}
+declare function Grid<T>({ columns: columnsData, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, }: GridProps): JSX.Element;
+
+declare type FilterCompareType = "gte" | "lte" | "lt" | "gt" | "equal" | "in";
+declare type FilterProps = {
+    id?: string;
+    prop: string;
+    value: unknown;
+    compareType: FilterCompareType;
+};
+declare function useFilter(): {
+    filters: FilterProps[];
+    filterBy: (newFilter: FilterProps) => void;
+    removeFilter: (prop: string) => void;
+    createFilter: typeof createFilter;
+    clearAllFilters: () => void;
+};
+declare function createFilter<T extends Record<string, any>>(filters: FilterProps[]): {
+    apply: (item: T) => boolean;
+};
+
+interface UseGridProps {
+    columns: ColumnsProps[];
+    filters?: FilterProps[];
+    rowsPerPageOptions?: number[];
+}
+declare function useGrid<T extends Record<string, any>>({ columns, filters, rowsPerPageOptions, }: UseGridProps): {
+    data: any[];
+    defaultData: T[];
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    sortedBy: string;
+    sortedDirection: "asc" | "desc";
+    columns: ColumnsProps[];
+    currentPage: number;
+    totalNumberOfPages: number;
+    onPageChange: (pageNumber: number) => void;
+    setRowsPerPage: (rows: number) => void;
+    rowsPerPageOptions: number[];
+    rowsPerPage: number;
+};
+
+declare function useEvent(event: keyof WindowEventMap, handler: (ev: any) => void, passive?: boolean): void;
+
+export { Autocomplete, Grid as BaseGrid, Checkbox, ColumnTitleProps, ColumnsProps, EditableTableCell, FilterCompareType, FilterProps, Grid$1 as Grid, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, TabPanel, TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bluemarble/bm-components",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "description": "BM components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",