@bluemarble/bm-components 0.0.3 → 0.0.6

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

@@ -0,0 +1,8 @@
+import { ColumnTitleProps } from "./Grid";
+interface AutoCreatedRows {
+    columns: ColumnTitleProps[];
+    tableData: any[];
+    primaryKey: string;
+}
+export declare const AutoCreatedRows: ({ tableData, columns, primaryKey, }: AutoCreatedRows) => JSX.Element;
+export {};

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

@@ -1,12 +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 {};
+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

@@ -1,29 +1,32 @@
-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;
+import React, { PropsWithChildren, ReactNode } from "react";
+import { TableCellProps } from "@mui/material";
+export interface ColumnTitleProps {
+    name: string;
+    label: string;
+    transformer?: (value: string | number | Date) => string;
+    sx?: TableCellProps["sx"];
+}
+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;
+    primaryKey?: string;
+}
+declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps<ObjectType>>) => JSX.Element;
+export default Grid;

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

@@ -1,11 +1,10 @@
-/// <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 {};
+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

@@ -1,3 +1,21 @@
-import React from "react";
-import { TableCellProps } from "@mui/material";
-export declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
+import React, { FocusEvent } from "react";
+import { TableCellProps, TextFieldProps } from "@mui/material";
+import IMask from "imask";
+interface EditableTableCellProps extends TableCellProps {
+    name: string;
+    TextFieldProps?: TextFieldProps;
+    type?: TextFieldProps["type"];
+    fullWidth?: boolean;
+    data?: Record<string, any>;
+    mask?: IMask.AnyMaskedOptions;
+    onSave: (props: OnSaveProps) => void;
+}
+interface OnSaveProps {
+    name: string;
+    event: FocusEvent;
+    value: string;
+    data: Record<string, any>;
+}
+export declare const EditableTableCell: (allProps: EditableTableCellProps) => JSX.Element;
+export declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
+export {};

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

@@ -1,7 +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 {};
+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

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

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

@@ -1,5 +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;
+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

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

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

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

package/dist/index.d.ts

@@ -1,43 +1,62 @@
-import React, { ReactNode } from 'react';
-import { TableRowProps, TableCellProps } from '@mui/material';
+import React, { ReactNode, FocusEvent } from 'react';
+import { TableCellProps, TableRowProps, TextFieldProps } from '@mui/material';
+import IMask from 'imask';
 
-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;
-}
+interface ColumnTitleProps {
+    name: string;
+    label: string;
+    transformer?: (value: string | number | Date) => string;
+    sx?: TableCellProps["sx"];
+}
+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;
+    primaryKey?: string;
+}
 declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps<ObjectType>>) => JSX.Element;
 
-declare function filterData<T>(filters: FilterProps[], defaultData: {
-    current: T[];
+declare function filterData<T>(filters: FilterProps[], defaultData: {
+    current: T[];
 }): T[];
 
-interface CustomTableRowProps extends TableRowProps {
-    striped?: boolean;
-}
+interface CustomTableRowProps extends TableRowProps {
+    striped?: boolean;
+}
 declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
 
+interface EditableTableCellProps extends TableCellProps {
+    name: string;
+    TextFieldProps?: TextFieldProps;
+    type?: TextFieldProps["type"];
+    fullWidth?: boolean;
+    data?: Record<string, any>;
+    mask?: IMask.AnyMaskedOptions;
+    onSave: (props: OnSaveProps) => void;
+}
+interface OnSaveProps {
+    name: string;
+    event: FocusEvent;
+    value: string;
+    data: Record<string, any>;
+}
+declare const EditableTableCell: (allProps: EditableTableCellProps) => JSX.Element;
 declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
 
-export { ColumnTitleProps, FilterProps, Grid, IFilter, Td, Tr, filterData };
+export { ColumnTitleProps, EditableTableCell, FilterProps, Grid, IFilter, Td, Tr, filterData };

package/package.json

@@ -1,36 +1,38 @@
-{
-  "name": "@bluemarble/bm-components",
-  "version": "0.0.3",
-  "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"
-  }
-}
+{
+  "name": "@bluemarble/bm-components",
+  "version": "0.0.6",
+  "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.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@mui/material": "^5.4.0",
+    "react": "^17.0.2",
+    "react-icons": "^4.3.1",
+    "imask": "^6.4.2",
+    "react-imask": "^6.4.2"
+  },
+  "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"
+  }
+}

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

@@ -1,27 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

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

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

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

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

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

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

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

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

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