@bluemarble/bm-components 0.0.15 → 0.0.18

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxProps as MuiCheckboxProps, FormControlLabelProps } from "@mui/material";
 declare type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
 interface CheckboxWithFormik extends MuiCheckboxProps {

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

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren, ReactNode } from "react";
 import { TableCellProps } from "@mui/material";
-export interface ColumnTitleProps<T = Record<string, any>> {
-    name: keyof T | "-";
+export interface ColumnTitleProps {
+    name: string;
     label: string;
     transformer?: (value: string | number | Date) => string;
     sx?: TableCellProps["sx"];

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

@@ -7,7 +7,7 @@ interface CustomTableRowProps extends TableRowProps {
     index?: number;
     rowData?: Record<string, any>;
     onSave?: (props: OnSaveProps) => void;
-    children: React.ReactElement[];
+    children: React.ReactNode;
 }
 export declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
 export {};

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RadioGroupProps } from "@mui/material";
 declare type RadioOptionProps = {
     value: string | number | boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SwitchProps as MuiSwitchProps, FormControlLabelProps } from "@mui/material";
 declare type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
 interface SwitchWithFormik extends MuiSwitchProps {

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

@@ -1,5 +1,4 @@
 export { default as Grid, IFilter, ColumnTitleProps, FilterProps, filterData, Tr, Td, EditableTableCell, } from "./Grid";
-export { GridV2 } from "./GridV2";
 export { Input } from "./Input";
 export { InputMask } from "./InputMask";
 export { Select } from "./Select";

package/dist/index.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import React, { ReactNode, PropsWithChildren, FC } from '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 { TableOptions } from 'react-table';
 import IMask$1 from 'imask';
 
-interface ColumnTitleProps<T = Record<string, any>> {
-    name: keyof T | "-";
+interface ColumnTitleProps {
+    name: string;
     label: string;
     transformer?: (value: string | number | Date) => string;
     sx?: TableCellProps["sx"];
@@ -66,16 +65,12 @@ interface CustomTableRowProps extends TableRowProps {
     index?: number;
     rowData?: Record<string, any>;
     onSave?: (props: OnSaveProps) => void;
-    children: React.ReactElement[];
+    children: React.ReactNode;
 }
 declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
 
 declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
 
-interface GridV2Props<T extends Record<string, unknown>> extends TableOptions<T> {
-}
-declare function GridV2<T extends Record<string, any>>({ columns, data, }: PropsWithChildren<GridV2Props<T>>): JSX.Element;
-
 interface InputProps extends StandardTextFieldProps {
     name: string;
     label: string;
@@ -179,4 +174,4 @@ interface LargeButtonProps extends ButtonProps {
 }
 declare const LargeButton: ({ loading, children, CircularProgressProps, ...rest }: LargeButtonProps) => JSX.Element;
 
-export { Autocomplete, Checkbox, ColumnTitleProps, EditableTableCell, FilterProps, Grid, GridV2, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };
+export { Autocomplete, Checkbox, ColumnTitleProps, EditableTableCell, FilterProps, Grid, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };

package/package.json

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

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

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-import { FormikProps, FormikHelpers } from "formik";
-interface FormProps<T> extends Partial<FormikProps<T>> {
-    children: ReactNode;
-    onSubmit: (fields: T, formikHelpers: FormikHelpers<T>) => void;
-}
-export declare function Form<T>({ children, initialValues, onSubmit, ...props }: FormProps<T>): JSX.Element;
-export {};

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

@@ -1,20 +0,0 @@
-import { MutableRefObject } from "react";
-import { FilterProps } from "../Grid";
-interface useGridResponseOptions<T> {
-    tableData: T[];
-    defaultData: FilterProps[];
-    setDefaultData: MutableRefObject<T[]>;
-    selectedFilters: (options: Array<T>) => void;
-    setSelectedFilters: (options: Array<T>) => void;
-    getAllProps: () => {
-        tableData: T[];
-        defaultData: FilterProps[];
-        setDefaultData: MutableRefObject<T[]>;
-        selectedFilters: (options: Array<T>) => void;
-        setSelectedFilters: (options: Array<T>) => void;
-        getAllProps: (options: FilterProps[]) => void;
-    };
-}
-declare type useGridResponseProps<T> = [Array<T>, useGridResponseOptions<T>];
-export declare function useGrid<T>(): useGridResponseProps<T>;
-export {};

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

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from "react";
-import { TableOptions } from "react-table";
-interface GridV2Props<T extends Record<string, unknown>> extends TableOptions<T> {
-}
-export declare function GridV2<T extends Record<string, any>>({ columns, data, }: PropsWithChildren<GridV2Props<T>>): JSX.Element;
-export {};

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

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

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

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

package/dist/esm/types/playground/src/theme.d.ts

@@ -1 +0,0 @@
-export declare const theme: import("@mui/material").Theme;

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

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

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

@@ -1,20 +0,0 @@
-import { ReactNode } from "react";
-import { Autocomplete as MuiAutocomplete, AutocompleteProps as MuiAutocompleteProps, AutocompleteRenderInputParams } from "@mui/material";
-declare type MuiAutocomplete<T> = Omit<MuiAutocompleteProps<T, boolean, undefined, boolean>, "renderInput">;
-declare type AutocompleteProps<T> = AutocompleteWithoutProps<T> | AutocompleteWithFormikProps<T>;
-interface AutocompleteWithoutProps<T> extends MuiAutocomplete<T> {
-    name?: never;
-    withFormik: false;
-    getOptionValue?: never;
-    label?: string;
-    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
-}
-interface AutocompleteWithFormikProps<T> extends MuiAutocomplete<T> {
-    name: string;
-    withFormik?: true;
-    label?: string;
-    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
-    getOptionValue: (option: T) => string | number;
-}
-export declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): JSX.Element;
-export {};

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

@@ -1,18 +0,0 @@
-import { CheckboxProps as MuiCheckboxProps, FormControlLabelProps } from "@mui/material";
-declare type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
-interface CheckboxWithFormik extends MuiCheckboxProps {
-    name: string;
-    label?: string;
-    withFormik?: true;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-interface CheckboxWithoutFormik extends MuiCheckboxProps {
-    name?: never;
-    label?: string;
-    withFormik: false;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-export declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => JSX.Element;
-export declare const BaseCheckbox: ({ label, FormControlLabelProps, ...props }: Omit<CheckboxWithoutFormik, "withFormik">) => JSX.Element;
-export declare const FormikCheckbox: ({ label, name, FormControlLabelProps, ...props }: Omit<CheckboxWithFormik, "withFormik">) => JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-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/src/components/Grid/EditableTableCell/DefaultInput.d.ts

@@ -1,16 +0,0 @@
-import { TextFieldProps } from "@mui/material";
-import { OnSaveProps } from ".";
-export interface DefaultInputProps {
-    name: string;
-    rowData: Record<string, any>;
-    isEditing: boolean;
-    fullWidth?: boolean;
-    TextFieldProps?: TextFieldProps;
-    type?: TextFieldProps["type"];
-    formatInputDefautvalue?: (value: string) => string;
-    setIsEditing(value: boolean): void;
-    onUpdateValue: (value: string) => void;
-    onSave: (props: OnSaveProps) => void;
-    handleCancelEditing: () => void;
-}
-export declare const DefaultInput: (allProps: DefaultInputProps) => JSX.Element;

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

@@ -1,7 +0,0 @@
-import { DefaultInputProps } from "./DefaultInput";
-import IMask from "imask";
-interface InputMaskProps extends Omit<DefaultInputProps, "onUpdateValue"> {
-    mask: IMask.AnyMaskedOptions;
-}
-export declare const InputMask: (allProps: InputMaskProps) => JSX.Element;
-export {};

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

@@ -1,23 +0,0 @@
-import { TableCellProps, TextFieldProps } from "@mui/material";
-interface EditableTableCellProps extends TableCellProps {
-    name: string;
-    TextFieldProps?: TextFieldProps;
-    type?: TextFieldProps["type"];
-    fullWidth?: boolean;
-    rowData?: Record<string, any>;
-    mask?: IMask.AnyMaskedOptions;
-    bordered?: boolean;
-    rowIndex?: string | number;
-    formatCellValue?: (value: string) => string;
-    formatInputDefautvalue?: (value: string) => string;
-    onSave?: (props: OnSaveProps) => void;
-    onCancel?: () => void;
-}
-export interface OnSaveProps {
-    name: string;
-    event: FocusEvent;
-    value: string;
-    data: Record<string, any>;
-}
-export declare const EditableTableCell: (allProps: EditableTableCellProps) => JSX.Element;
-export {};

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

@@ -1,12 +0,0 @@
-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/src/components/Grid/Grid.d.ts

@@ -1,32 +0,0 @@
-import React, { PropsWithChildren, ReactNode } from "react";
-import { TableCellProps } from "@mui/material";
-export interface ColumnTitleProps<T = {}> {
-    name: keyof T | "-";
-    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/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,13 +0,0 @@
-import React from "react";
-import { TableRowProps } from "@mui/material";
-import { OnSaveProps } from "./EditableTableCell";
-interface CustomTableRowProps extends TableRowProps {
-    striped?: boolean;
-    bordered?: boolean;
-    index?: number;
-    rowData?: Record<string, any>;
-    onSave?: (props: OnSaveProps) => void;
-    children: React.ReactElement[];
-}
-export declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
-export {};

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

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

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

@@ -1,5 +0,0 @@
-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/src/components/Input/index.d.ts

@@ -1,12 +0,0 @@
-import { FC } from "react";
-import { StandardTextFieldProps } from "@mui/material";
-interface InputProps extends StandardTextFieldProps {
-    name: string;
-    label: string;
-    withFormik?: boolean;
-    formik?: any;
-}
-export declare const Input: FC<InputProps>;
-export declare const BaseInput: (props: InputProps) => JSX.Element;
-export declare const FormikInput: FC<InputProps>;
-export {};

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

@@ -1,12 +0,0 @@
-import IMask from "imask";
-import { StandardTextFieldProps } from "@mui/material";
-interface InputMaskProps extends Partial<StandardTextFieldProps> {
-    name: string;
-    label: string;
-    withFormik?: boolean;
-    mask: IMask.AnyMaskedOptions;
-    onChangeValue?: (value: string, unmaskedValue: string) => void;
-}
-export declare function InputMask({ withFormik, ...rest }: InputMaskProps): JSX.Element;
-export declare function FormikInputMask({ mask, defaultValue, name, ...rest }: InputMaskProps): JSX.Element;
-export {};

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

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "@mui/material";
-interface LargeButtonProps extends ButtonProps {
-    loading?: boolean;
-    children: ReactNode;
-}
-export declare const LargeButton: ({ loading, children, ...rest }: LargeButtonProps) => JSX.Element;
-export {};

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

@@ -1,22 +0,0 @@
-import { RadioGroupProps } from "@mui/material";
-declare type RadioOptionProps = {
-    value: string | number | boolean;
-    label: string;
-};
-declare type RadioOptionsProps = RadioWithFormik | RadioWithoutFormik;
-interface RadioWithFormik extends RadioGroupProps {
-    name: string;
-    label?: string;
-    options: RadioOptionProps[];
-    withFormik?: true;
-}
-interface RadioWithoutFormik extends RadioGroupProps {
-    name?: never;
-    label?: string;
-    options: RadioOptionProps[];
-    withFormik: false;
-}
-export declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => JSX.Element;
-export declare const BaseRadio: ({ label, options, ...rest }: Omit<RadioWithoutFormik, "withFormik">) => JSX.Element;
-export declare const FormikRadio: ({ label, name, options, ...rest }: Omit<RadioWithFormik, "withFormik">) => JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import { FC } from "react";
-import { FormControlProps, InputLabelProps, SelectProps as MuiSelectProps } from "@mui/material";
-interface CustomInputLabelProps extends InputLabelProps {
-    size?: "small";
-}
-interface SelectProps extends MuiSelectProps {
-    name: string;
-    label: string;
-    defaultValue?: string;
-    withFormik?: boolean;
-    FormControlProps?: Partial<FormControlProps>;
-    InputLabelProps?: Partial<CustomInputLabelProps>;
-}
-export declare const Select: FC<SelectProps>;
-export declare const BaseSelect: FC<SelectProps>;
-export declare const FormikSelect: FC<SelectProps>;
-export {};

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

@@ -1,18 +0,0 @@
-import { SwitchProps as MuiSwitchProps, FormControlLabelProps } from "@mui/material";
-declare type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
-interface SwitchWithFormik extends MuiSwitchProps {
-    name: string;
-    label?: string;
-    withFormik?: true;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-interface SwitchWithoutFormik extends MuiSwitchProps {
-    name?: never;
-    label?: string;
-    withFormik: false;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-export declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => JSX.Element;
-export declare const BaseSwitch: ({ label, FormControlLabelProps, ...props }: Omit<SwitchWithoutFormik, "withFormik">) => JSX.Element;
-export declare const FormikSwitch: ({ label, name, FormControlLabelProps, ...props }: Omit<SwitchWithFormik, "withFormik">) => JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-export { default as Grid, IFilter, ColumnTitleProps, FilterProps, filterData, Tr, Td, EditableTableCell, } from "./Grid";
-export { Input } from "./Input";
-export { InputMask } from "./InputMask";
-export { Select } from "./Select";
-export { Autocomplete } from "./Autocomplete";
-export { Checkbox } from "./Checkbox";
-export { Switch } from "./Switch";
-export { Radio } from "./Radio";
-export { LargeButton } from "./LargeButton";

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

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