@bluemarble/bm-components 0.2.1 → 0.2.3

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import React, { ReactNode, FC } from 'react';
 import * as _mui_material 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, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { ZodTypeDef, ZodSchema } from 'zod';
@@ -41,6 +42,10 @@ declare function filterData<T>(filters: FilterProps$1[], defaultData: {
     current: T[];
 }): T[];
 
+declare const Tr: _mui_material_OverridableComponent.OverridableComponent<_mui_material.TableRowTypeMap<{}, "tr">>;
+
+declare const Td: typeof TableCell;
+
 interface EditableTableCellProps extends TableCellProps {
     name: string;
     TextFieldProps?: TextFieldProps;
@@ -63,18 +68,6 @@ interface OnSaveProps {
 }
 declare const EditableTableCell: (allProps: EditableTableCellProps) => React.JSX.Element;
 
-interface CustomTableRowProps extends TableRowProps {
-    striped?: boolean;
-    bordered?: boolean;
-    index?: number;
-    rowData?: Record<string, any>;
-    onSave?: (props: OnSaveProps) => void;
-    children: React.ReactNode;
-}
-declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => React.JSX.Element>;
-
-declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => React.JSX.Element>;
-
 interface InputProps extends StandardTextFieldProps {
     name: string;
     label: string;
@@ -96,15 +89,17 @@ declare function InputMask({ withFormik, ...rest }: InputMaskProps): React.JSX.E
 interface CustomInputLabelProps extends InputLabelProps {
     size?: 'small';
 }
-interface SelectProps<T = unknown> extends SelectProps$1<T, 'outlined'> {
+type MuiSelectPropsWithouVariant<T> = Omit<SelectProps$1<T>, 'variant'>;
+type SelectProps<T> = MuiSelectPropsWithouVariant<T> & {
     name: string;
     label: string;
     withFormik?: boolean;
+    variant?: SelectProps$1<T>['variant'];
     FormControlProps?: Partial<FormControlProps>;
     InputLabelProps?: Partial<CustomInputLabelProps>;
     helperText?: string;
-}
-declare const Select: FC<SelectProps>;
+};
+declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React.JSX.Element;
 
 type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
 interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
@@ -198,11 +193,11 @@ interface TabPanelProps {
 }
 declare const TabPanel: (props: TabPanelProps) => React.JSX.Element;
 
-interface ColumnsProps {
+interface ColumnsProps<T extends object = Theme> {
     label: string;
     name?: string;
     width?: number;
-    sx?: SxProps;
+    sx?: SxProps<T>;
     canSort?: boolean;
     children?: ReactNode;
 }
@@ -236,7 +231,8 @@ declare function BaseGrid({ columns, children, paperProps, tableBodyProps, table
 type ModalProps = {
     open: boolean;
     onClose: () => void;
-} & ModalProps$1;
+    children: React.ReactNode;
+} & Omit<ModalProps$1, 'children'>;
 declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React.JSX.Element;
 
 declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
@@ -263,27 +259,27 @@ declare class HttpError extends Error {
     constructor(status: number, message: any);
 }
 
-type PossibleMethods = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
-type HandlerProps = (req: NextApiRequest & {
-    user?: number;
+type PossibleMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+type HandlerProps<UserKeyType> = (req: NextApiRequest & {
+    user?: UserKeyType;
 }, res: NextApiResponse) => Promise<any>;
-type MethodProps = Partial<Record<PossibleMethods, HandlerProps>>;
-type MiddlewaresProps = ((handler: HandlerProps) => HandlerProps)[];
-type ConstructorProps = {
-    middlewares?: MiddlewaresProps;
+type MethodProps<T> = Partial<Record<PossibleMethods, HandlerProps<T>>>;
+type MiddlewaresProps<T> = ((handler: HandlerProps<T>) => HandlerProps<T>)[];
+type ConstructorProps<T> = {
+    middlewares?: MiddlewaresProps<T>;
     onFinally: (req: NextApiRequest) => Promise<void>;
 };
-declare class ApiHelper {
-    middlewares: MiddlewaresProps;
+declare class ApiHelper<T> {
+    middlewares: MiddlewaresProps<T>;
     private onFinally;
-    constructor(props?: ConstructorProps);
+    constructor(props?: ConstructorProps<T>);
     setMiddlewares(middlewares: any[]): this;
-    createMethods(methods: MethodProps): (req: NextApiRequest, res: NextApiResponse) => Promise<void | NextApiResponse<any>>;
+    createMethods(methods: MethodProps<T>): (req: NextApiRequest, res: NextApiResponse) => Promise<void | NextApiResponse<any>>;
     static parserErrorWrapper<Output, Def extends ZodTypeDef, Input>(body: Record<string, any>, parser: ZodSchema<Output, Def, Input>): Output;
     static parseQueyFilters<T extends Record<string, any>>(filters: T): T;
     static create({ onFinally }: {
         onFinally: any;
-    }): ApiHelper;
+    }): ApiHelper<unknown>;
 }
 
 type Methods = 'get' | 'post' | 'put' | 'delete' | 'patch' | 'options';
@@ -334,7 +330,7 @@ declare function useGrid<T extends Record<string, any>>({ columns, filters, sear
     sortedBy: string;
     defaultData: T[];
     sortedDirection: "desc" | "asc";
-    columns: ColumnsProps[];
+    columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
     onPageChange: (pageNumber: number) => void;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, FC } from 'react';
 import * as _mui_material 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, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import { TableCellProps, TableCell, TextFieldProps, StandardTextFieldProps, SelectProps as SelectProps$1, FormControlProps, InputLabelProps, AutocompleteRenderInputParams, AutocompleteProps as AutocompleteProps$1, CheckboxProps as CheckboxProps$1, FormControlLabelProps, SwitchProps as SwitchProps$1, RadioGroupProps, ButtonProps, CircularProgressProps, Theme, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps, AlertColor } from '@mui/material';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import IMask$1 from 'imask';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { ZodTypeDef, ZodSchema } from 'zod';
@@ -41,6 +42,10 @@ declare function filterData<T>(filters: FilterProps$1[], defaultData: {
     current: T[];
 }): T[];
 
+declare const Tr: _mui_material_OverridableComponent.OverridableComponent<_mui_material.TableRowTypeMap<{}, "tr">>;
+
+declare const Td: typeof TableCell;
+
 interface EditableTableCellProps extends TableCellProps {
     name: string;
     TextFieldProps?: TextFieldProps;
@@ -63,18 +68,6 @@ interface OnSaveProps {
 }
 declare const EditableTableCell: (allProps: EditableTableCellProps) => React.JSX.Element;
 
-interface CustomTableRowProps extends TableRowProps {
-    striped?: boolean;
-    bordered?: boolean;
-    index?: number;
-    rowData?: Record<string, any>;
-    onSave?: (props: OnSaveProps) => void;
-    children: React.ReactNode;
-}
-declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => React.JSX.Element>;
-
-declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => React.JSX.Element>;
-
 interface InputProps extends StandardTextFieldProps {
     name: string;
     label: string;
@@ -96,15 +89,17 @@ declare function InputMask({ withFormik, ...rest }: InputMaskProps): React.JSX.E
 interface CustomInputLabelProps extends InputLabelProps {
     size?: 'small';
 }
-interface SelectProps<T = unknown> extends SelectProps$1<T, 'outlined'> {
+type MuiSelectPropsWithouVariant<T> = Omit<SelectProps$1<T>, 'variant'>;
+type SelectProps<T> = MuiSelectPropsWithouVariant<T> & {
     name: string;
     label: string;
     withFormik?: boolean;
+    variant?: SelectProps$1<T>['variant'];
     FormControlProps?: Partial<FormControlProps>;
     InputLabelProps?: Partial<CustomInputLabelProps>;
     helperText?: string;
-}
-declare const Select: FC<SelectProps>;
+};
+declare function Select<T>({ withFormik, ...rest }: SelectProps<T>): React.JSX.Element;
 
 type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
 interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
@@ -198,11 +193,11 @@ interface TabPanelProps {
 }
 declare const TabPanel: (props: TabPanelProps) => React.JSX.Element;
 
-interface ColumnsProps {
+interface ColumnsProps<T extends object = Theme> {
     label: string;
     name?: string;
     width?: number;
-    sx?: SxProps;
+    sx?: SxProps<T>;
     canSort?: boolean;
     children?: ReactNode;
 }
@@ -236,7 +231,8 @@ declare function BaseGrid({ columns, children, paperProps, tableBodyProps, table
 type ModalProps = {
     open: boolean;
     onClose: () => void;
-} & ModalProps$1;
+    children: React.ReactNode;
+} & Omit<ModalProps$1, 'children'>;
 declare const Modal: ({ open, onClose, ...rest }: ModalProps) => React.JSX.Element;
 
 declare function GetInputLabel<T extends Array<Record<string, any>>, K extends T[number]['name']>(columns: T): (columnName: K) => {
@@ -263,27 +259,27 @@ declare class HttpError extends Error {
     constructor(status: number, message: any);
 }
 
-type PossibleMethods = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
-type HandlerProps = (req: NextApiRequest & {
-    user?: number;
+type PossibleMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+type HandlerProps<UserKeyType> = (req: NextApiRequest & {
+    user?: UserKeyType;
 }, res: NextApiResponse) => Promise<any>;
-type MethodProps = Partial<Record<PossibleMethods, HandlerProps>>;
-type MiddlewaresProps = ((handler: HandlerProps) => HandlerProps)[];
-type ConstructorProps = {
-    middlewares?: MiddlewaresProps;
+type MethodProps<T> = Partial<Record<PossibleMethods, HandlerProps<T>>>;
+type MiddlewaresProps<T> = ((handler: HandlerProps<T>) => HandlerProps<T>)[];
+type ConstructorProps<T> = {
+    middlewares?: MiddlewaresProps<T>;
     onFinally: (req: NextApiRequest) => Promise<void>;
 };
-declare class ApiHelper {
-    middlewares: MiddlewaresProps;
+declare class ApiHelper<T> {
+    middlewares: MiddlewaresProps<T>;
     private onFinally;
-    constructor(props?: ConstructorProps);
+    constructor(props?: ConstructorProps<T>);
     setMiddlewares(middlewares: any[]): this;
-    createMethods(methods: MethodProps): (req: NextApiRequest, res: NextApiResponse) => Promise<void | NextApiResponse<any>>;
+    createMethods(methods: MethodProps<T>): (req: NextApiRequest, res: NextApiResponse) => Promise<void | NextApiResponse<any>>;
     static parserErrorWrapper<Output, Def extends ZodTypeDef, Input>(body: Record<string, any>, parser: ZodSchema<Output, Def, Input>): Output;
     static parseQueyFilters<T extends Record<string, any>>(filters: T): T;
     static create({ onFinally }: {
         onFinally: any;
-    }): ApiHelper;
+    }): ApiHelper<unknown>;
 }
 
 type Methods = 'get' | 'post' | 'put' | 'delete' | 'patch' | 'options';
@@ -334,7 +330,7 @@ declare function useGrid<T extends Record<string, any>>({ columns, filters, sear
     sortedBy: string;
     defaultData: T[];
     sortedDirection: "desc" | "asc";
-    columns: ColumnsProps[];
+    columns: ColumnsProps<_mui_material.Theme>[];
     currentPage: number;
     totalNumberOfPages: number;
     onPageChange: (pageNumber: number) => void;

package/dist/index.js

@@ -2554,34 +2554,11 @@ function getPropertyValue(obj, property) {
 
 // src/components/Grid/Td.tsx
 
-
-var CustomTableCell = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ React2.default.createElement(_material.TableCell, __spreadValues({}, props), children);
-};
-var Td = _react.memo.call(void 0, CustomTableCell);
+var Td = _material.TableCell;
 
 // src/components/Grid/Tr.tsx
 
-
-var CustomTableRow = (props) => {
-  const _a = props, { children, sx, striped = true, bordered = void 0 } = _a, rest = __objRest(_a, ["children", "sx", "striped", "bordered"]);
-  return /* @__PURE__ */ React2.default.createElement(
-    _material.TableRow,
-    __spreadValues({
-      sx: __spreadValues({
-        "&:nth-of-type(even)": { bgcolor: striped ? "action.selected" : "" }
-      }, sx)
-    }, rest),
-    React2.default.Children.map(
-      children,
-      (child) => React2.default.cloneElement(child, {
-        bordered
-      })
-    )
-  );
-};
-var Tr = _react.memo.call(void 0, CustomTableRow);
+var Tr = _material.TableRow;
 
 // src/components/Grid/AutoCreatedRows.tsx
 var AutoCreatedRows = ({
@@ -3300,14 +3277,14 @@ function FormikInputMask(_a) {
 
 
 var CustomInputLabel = _material.InputLabel;
-var Select = (_a) => {
+function Select(_a) {
   var _b = _a, { withFormik = true } = _b, rest = __objRest(_b, ["withFormik"]);
   if (withFormik)
     return /* @__PURE__ */ React2.default.createElement(FormikSelect, __spreadValues({}, rest));
   else
     return /* @__PURE__ */ React2.default.createElement(BaseSelect, __spreadValues({}, rest));
-};
-var BaseSelect = (_a) => {
+}
+function BaseSelect(_a) {
   var _b = _a, {
     name,
     label,
@@ -3332,8 +3309,8 @@ var BaseSelect = (_a) => {
     }, rest),
     children
   ));
-};
-var FormikSelect = (_a) => {
+}
+function FormikSelect(_a) {
   var _b = _a, {
     name,
     label,
@@ -3366,7 +3343,7 @@ var FormikSelect = (_a) => {
     }),
     children
   ), /* @__PURE__ */ React2.default.createElement(_material.FormHelperText, null, helperText || (meta == null ? void 0 : meta.error)));
-};
+}
 
 // src/components/Autocomplete/index.tsx
 
@@ -3911,7 +3888,7 @@ function BaseGrid({
 
 var Modal = (_a) => {
   var _b = _a, { open, onClose } = _b, rest = __objRest(_b, ["open", "onClose"]);
-  return /* @__PURE__ */ React2.default.createElement(_material.Modal, __spreadValues({ open, onClose, disableEnforceFocus: true }, rest), /* @__PURE__ */ React2.default.createElement(
+  return /* @__PURE__ */ React2.default.createElement(_material.Modal, __spreadValues({ open, onClose }, rest), /* @__PURE__ */ React2.default.createElement(
     _material.Box,
     {
       sx: {