@bluemarble/bm-components 0.0.2

package/dist/esm/types/components/Grid/Filters.d.ts

@@ -0,0 +1,12 @@
+import { FC, MutableRefObject, ReactNode } from "react";
+interface FiltersProps {
+    selectedFilters: Record<string, any>[];
+    handleCloseFilter: (item: any) => void;
+    customButtons: ReactNode;
+    noFilterButtons?: boolean;
+    searchAnchorEl: MutableRefObject<HTMLElement | null>;
+    setOpenSearch: (value: boolean) => void;
+    setAnchorEl: (item: HTMLElement) => void;
+}
+export declare const FiltersBar: FC<FiltersProps>;
+export {};

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

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren, ReactNode } from "react";
+export interface ColumnTitleProps {
+    name: string;
+    label: string;
+    transformer?: (value: string | number | Date) => string;
+}
+export interface FilterProps {
+    column: string;
+    value: string;
+    transformer?: (value: string | number | Date) => string;
+}
+export declare type IFilter = FilterProps;
+export interface GridProps<T> {
+    columnTitles: ColumnTitleProps[];
+    defaultData: T[];
+    tableData: T[];
+    selectedFilters: FilterProps[];
+    setSelectedFilters(value: FilterProps[]): void;
+    setTableData(value: T[]): void;
+    updateFilters(value: Record<string, any>[]): void;
+    rowOptions?: number[];
+    footer?: ReactNode;
+    customButtons?: ReactNode;
+    isLoading?: boolean;
+    noFilterButtons?: boolean;
+    noPagination?: boolean;
+}
+declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps<ObjectType>>) => JSX.Element;
+export default Grid;

package/dist/esm/types/components/Grid/Header.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ColumnTitleProps } from "./Grid";
+interface GridHeaderProps {
+    titles?: ColumnTitleProps[];
+    orderBy: string;
+    order: 'desc' | 'asc' | undefined;
+    setOrder(value: string | undefined): void;
+    setOrderBy(value: string): void;
+}
+export declare const GridHeader: ({ setOrder, setOrderBy, order, orderBy, titles }: GridHeaderProps) => JSX.Element;
+export {};

package/dist/esm/types/components/Grid/Td.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TableCellProps } from "@mui/material";
+export declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;

package/dist/esm/types/components/Grid/Tr.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TableRowProps } from "@mui/material";
+interface CustomTableRowProps extends TableRowProps {
+    striped?: boolean;
+}
+export declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
+export {};

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

@@ -0,0 +1,5 @@
+export { default } from './Grid';
+export { ColumnTitleProps, IFilter, FilterProps } from './Grid';
+export { filterData } from './utils';
+export { Tr } from './Tr';
+export { Td } from './Td';

package/dist/esm/types/components/Grid/utils.d.ts

@@ -0,0 +1,5 @@
+import { FilterProps } from "./Grid";
+export declare function filterData<T>(filters: FilterProps[], defaultData: {
+    current: T[];
+}): T[];
+export declare function getPropertyValue(obj: Record<string, any>, property: string): string;

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

@@ -0,0 +1 @@
+export { default as Grid, IFilter, ColumnTitleProps, FilterProps, filterData, Tr, Td } from "./Grid";

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

@@ -0,0 +1 @@
+export * from "./components";

package/dist/esm/types/src/components/Grid/Grid.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement } from 'react';
+export interface ColumnTitleProps {
+    name: string;
+    label: string;
+}
+export interface FilterProps {
+    column: string;
+    value: string;
+    transformer?: (value: string | number | Date) => string;
+}
+export declare type IFilter = FilterProps;
+export interface GridProps {
+    columnTitles: ColumnTitleProps[];
+    children: ReactElement;
+    defaultData: Record<string, any>[];
+    tableData: Record<string, any>[];
+    selectedFilters: FilterProps[];
+    setSelectedFilters(value: FilterProps[]): void;
+    setTableData(value: Record<string, any>[]): void;
+    updateFilters(value: Record<string, any>[]): void;
+    rowOptions?: number[];
+    footer?: ReactElement;
+    customButtons?: ReactElement;
+    isLoading?: boolean;
+}
+declare const Grid: (props: GridProps) => JSX.Element;
+export default Grid;

package/dist/esm/types/src/components/Grid/Header.d.ts

@@ -0,0 +1,10 @@
+import { ColumnTitleProps } from "./Grid";
+interface GridHeaderProps {
+    titles?: ColumnTitleProps[];
+    orderBy: string;
+    order: 'desc' | 'asc' | undefined;
+    setOrder(value: string | undefined): void;
+    setOrderBy(value: string): void;
+}
+export declare const GridHeader: ({ setOrder, setOrderBy, order, orderBy, titles }: GridHeaderProps) => JSX.Element;
+export {};

package/dist/esm/types/src/components/Grid/Td.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableCellProps } from '@mui/material';
+export declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;

package/dist/esm/types/src/components/Grid/Tr.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableRowProps } from '@mui/material';
+export declare const Tr: React.MemoExoticComponent<({ children, ...props }: TableRowProps) => JSX.Element>;

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

@@ -0,0 +1,5 @@
+export { default } from './Grid';
+export { ColumnTitleProps, IFilter, FilterProps } from './Grid';
+export { filterData } from './utils';
+export { Tr } from './Tr';
+export { Td } from './Td';

package/dist/esm/types/src/components/Grid/utils.d.ts

@@ -0,0 +1,5 @@
+import { FilterProps } from "./Grid";
+export declare function filterData(filters: FilterProps[], defaultData: {
+    current: Record<string, any>[];
+}): Record<string, any>[];
+export declare function getPropertyValue(obj: Record<string, any>, property: string): string;

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

@@ -0,0 +1 @@
+export { default as Grid, IFilter, ColumnTitleProps, FilterProps, filterData, Tr, Td } from "./Grid";

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

@@ -0,0 +1 @@
+export * from "./components";

package/dist/esm/types/tests/src/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): JSX.Element;
+export default App;

package/dist/esm/types/tests/src/main.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+import { TableRowProps, TableCellProps } from '@mui/material';
+
+interface ColumnTitleProps {
+    name: string;
+    label: string;
+    transformer?: (value: string | number | Date) => string;
+}
+interface FilterProps {
+    column: string;
+    value: string;
+    transformer?: (value: string | number | Date) => string;
+}
+declare type IFilter = FilterProps;
+interface GridProps<T> {
+    columnTitles: ColumnTitleProps[];
+    defaultData: T[];
+    tableData: T[];
+    selectedFilters: FilterProps[];
+    setSelectedFilters(value: FilterProps[]): void;
+    setTableData(value: T[]): void;
+    updateFilters(value: Record<string, any>[]): void;
+    rowOptions?: number[];
+    footer?: ReactNode;
+    customButtons?: ReactNode;
+    isLoading?: boolean;
+    noFilterButtons?: boolean;
+    noPagination?: boolean;
+}
+declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps<ObjectType>>) => JSX.Element;
+
+declare function filterData<T>(filters: FilterProps[], defaultData: {
+    current: T[];
+}): T[];
+
+interface CustomTableRowProps extends TableRowProps {
+    striped?: boolean;
+}
+declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
+
+declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
+
+export { ColumnTitleProps, FilterProps, Grid, IFilter, Td, Tr, filterData };

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@bluemarble/bm-components",
+  "version": "0.0.2",
+  "description": "BM components",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "rollup": "rollup -c"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {},
+  "peerDependencies": {
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "@mui/material": "^5.5.3",
+    "react": "^17.0.2",
+    "react-icons": "^4.3.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-typescript": "^8.3.1",
+    "@types/react": "^17.0.43",
+    "eslint": "^8.12.0",
+    "prettier": "^2.6.2",
+    "rollup": "^2.70.1",
+    "rollup-plugin-dts": "^4.2.0",
+    "typescript": "^4.6.3"
+  }
+}