@bluemarble/bm-components 0.0.70 → 0.0.72

package/dist/index.d.ts

@@ -3,296 +3,296 @@ 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, SxProps, PaperProps, TableProps, TableHeadProps, TableBodyProps, ModalProps as ModalProps$1, DialogProps } from '@mui/material';
 import IMask$1 from 'imask';
 
-interface ColumnTitleProps {
-    name: string;
-    label: string;
-    transformer?: (value: string | number | Date) => string;
-    sx?: TableCellProps['sx'];
-}
-interface FilterProps$1 {
-    column: string;
-    value: string;
-    transformer?: (value: string | number | Date) => string;
-}
-declare type IFilter = FilterProps$1;
-interface GridProps$1<T> {
-    columnTitles: ColumnTitleProps[];
-    defaultData: T[];
-    tableData: T[];
-    selectedFilters: FilterProps$1[];
-    setSelectedFilters(value: FilterProps$1[]): void;
-    setTableData(value: T[]): void;
-    updateFilters(value: Record<string, any>[]): void;
-    rowOptions?: number[];
-    footer?: ReactNode;
-    customButtons?: ReactNode;
-    isLoading?: boolean;
-    noFilterButtons?: boolean;
-    noPagination?: boolean;
-    noFilters?: boolean;
-    primaryKey?: string;
-}
+interface ColumnTitleProps {
+    name: string;
+    label: string;
+    transformer?: (value: string | number | Date) => string;
+    sx?: TableCellProps['sx'];
+}
+interface FilterProps$1 {
+    column: string;
+    value: string;
+    transformer?: (value: string | number | Date) => string;
+}
+declare type IFilter = FilterProps$1;
+interface GridProps$1<T> {
+    columnTitles: ColumnTitleProps[];
+    defaultData: T[];
+    tableData: T[];
+    selectedFilters: FilterProps$1[];
+    setSelectedFilters(value: FilterProps$1[]): void;
+    setTableData(value: T[]): void;
+    updateFilters(value: Record<string, any>[]): void;
+    rowOptions?: number[];
+    footer?: ReactNode;
+    customButtons?: ReactNode;
+    isLoading?: boolean;
+    noFilterButtons?: boolean;
+    noPagination?: boolean;
+    noFilters?: boolean;
+    primaryKey?: string;
+}
 declare const Grid: <ObjectType>(props: React.PropsWithChildren<GridProps$1<ObjectType>>) => JSX.Element;
 
-declare function filterData<T>(filters: FilterProps$1[], defaultData: {
-    current: T[];
+declare function filterData<T>(filters: FilterProps$1[], defaultData: {
+    current: T[];
 }): T[];
 
-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;
-}
-interface OnSaveProps {
-    name: string;
-    event: FocusEvent;
-    value: string;
-    data: Record<string, any>;
-}
+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;
+}
+interface OnSaveProps {
+    name: string;
+    event: FocusEvent;
+    value: string;
+    data: Record<string, any>;
+}
 declare const EditableTableCell: (allProps: EditableTableCellProps) => JSX.Element;
 
-interface CustomTableRowProps extends TableRowProps {
-    striped?: boolean;
-    bordered?: boolean;
-    index?: number;
-    rowData?: Record<string, any>;
-    onSave?: (props: OnSaveProps) => void;
-    children: React.ReactNode;
-}
+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) => JSX.Element>;
 
 declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
 
-interface InputProps extends StandardTextFieldProps {
-    name: string;
-    label: string;
-    shrink?: boolean;
-    withFormik?: boolean;
-}
+interface InputProps extends StandardTextFieldProps {
+    name: string;
+    label: string;
+    shrink?: boolean;
+    withFormik?: boolean;
+}
 declare const Input: FC<InputProps>;
 
-interface InputMaskProps extends Partial<StandardTextFieldProps> {
-    name: string;
-    label: string;
-    withFormik?: boolean;
-    mask: IMask$1.AnyMaskedOptions;
-    onChangeValue?: (value: string, unmaskedValue: string) => void;
-}
+interface InputMaskProps extends Partial<StandardTextFieldProps> {
+    name: string;
+    label: string;
+    withFormik?: boolean;
+    mask: IMask$1.AnyMaskedOptions;
+    onChangeValue?: (value: string, unmaskedValue: string) => void;
+}
 declare function InputMask({ withFormik, ...rest }: InputMaskProps): JSX.Element;
 
-interface CustomInputLabelProps extends InputLabelProps {
-    size?: 'small';
-}
-interface SelectProps extends SelectProps$1 {
-    name: string;
-    label: string;
-    defaultValue?: string;
-    withFormik?: boolean;
-    FormControlProps?: Partial<FormControlProps>;
-    InputLabelProps?: Partial<CustomInputLabelProps>;
-}
+interface CustomInputLabelProps extends InputLabelProps {
+    size?: 'small';
+}
+interface SelectProps extends SelectProps$1 {
+    name: string;
+    label: string;
+    defaultValue?: string;
+    withFormik?: boolean;
+    FormControlProps?: Partial<FormControlProps>;
+    InputLabelProps?: Partial<CustomInputLabelProps>;
+}
 declare const Select: FC<SelectProps>;
 
-declare type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
-interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
-    name?: never;
-    withFormik: false;
-    getOptionValue?: never;
-    label?: string;
-    getOptionLabel: (option: T) => string;
-    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
-}
-interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
-    name: string;
-    withFormik?: true;
-    label?: string;
-    option?: {
-        label?: keyof T;
-        value?: keyof T;
-        key?: string;
-    };
-    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
-    getOptionLabel?: (option: T) => string;
-    getOptionValue?: (option: T) => string | number;
-}
-declare type AutocompleteProps<T> = AutocompleteWithoutProps<T> | AutocompleteWithFormikProps<T>;
+declare type MuiAutocompleteBaseProps<T> = Omit<AutocompleteProps$1<T, boolean, undefined, boolean>, 'renderInput' | 'getOptionLabel'>;
+interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
+    name?: never;
+    withFormik: false;
+    getOptionValue?: never;
+    label?: string;
+    getOptionLabel: (option: T) => string;
+    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
+}
+interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
+    name: string;
+    withFormik?: true;
+    label?: string;
+    option?: {
+        label?: keyof T;
+        value?: keyof T;
+        key?: string;
+    };
+    renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
+    getOptionLabel?: (option: T) => string;
+    getOptionValue?: (option: T) => string | number;
+}
+declare type AutocompleteProps<T> = AutocompleteWithoutProps<T> | AutocompleteWithFormikProps<T>;
 declare function Autocomplete<T>({ withFormik, name, getOptionValue, ...rest }: AutocompleteProps<T>): JSX.Element;
 
-declare type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
-interface CheckboxWithFormik extends CheckboxProps$1 {
-    name: string;
-    label?: string;
-    withFormik?: true;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-interface CheckboxWithoutFormik extends CheckboxProps$1 {
-    name?: never;
-    label?: string;
-    withFormik: false;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
+declare type CheckboxProps = CheckboxWithFormik | CheckboxWithoutFormik;
+interface CheckboxWithFormik extends CheckboxProps$1 {
+    name: string;
+    label?: string;
+    withFormik?: true;
+    FormControlLabelProps?: Partial<FormControlLabelProps>;
+}
+interface CheckboxWithoutFormik extends CheckboxProps$1 {
+    name?: never;
+    label?: string;
+    withFormik: false;
+    FormControlLabelProps?: Partial<FormControlLabelProps>;
+}
 declare const Checkbox: ({ withFormik, name, ...props }: CheckboxProps) => JSX.Element;
 
-declare type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
-interface SwitchWithFormik extends SwitchProps$1 {
-    name: string;
-    label?: string;
-    withFormik?: true;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
-interface SwitchWithoutFormik extends SwitchProps$1 {
-    name?: never;
-    label?: string;
-    withFormik: false;
-    FormControlLabelProps?: Partial<FormControlLabelProps>;
-}
+declare type SwitchProps = SwitchWithFormik | SwitchWithoutFormik;
+interface SwitchWithFormik extends SwitchProps$1 {
+    name: string;
+    label?: string;
+    withFormik?: true;
+    FormControlLabelProps?: Partial<FormControlLabelProps>;
+}
+interface SwitchWithoutFormik extends SwitchProps$1 {
+    name?: never;
+    label?: string;
+    withFormik: false;
+    FormControlLabelProps?: Partial<FormControlLabelProps>;
+}
 declare const Switch: ({ withFormik, name, ...props }: SwitchProps) => JSX.Element;
 
-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;
-}
+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;
+}
 declare const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => JSX.Element;
 
-interface LargeButtonProps extends ButtonProps {
-    loading?: boolean;
-    children: ReactNode;
-    CircularProgressProps?: CircularProgressProps;
-}
+interface LargeButtonProps extends ButtonProps {
+    loading?: boolean;
+    children: ReactNode;
+    CircularProgressProps?: CircularProgressProps;
+}
 declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => JSX.Element;
 
-declare function getTabProps(index: string): {
-    id: string;
-    'aria-controls': string;
-};
-interface TabPanelProps {
-    children: React.ReactNode;
-    value: number;
-    index: number;
-}
+declare function getTabProps(index: string): {
+    id: string;
+    'aria-controls': string;
+};
+interface TabPanelProps {
+    children: React.ReactNode;
+    value: number;
+    index: number;
+}
 declare const TabPanel: (props: TabPanelProps) => JSX.Element;
 
-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;
-}
+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 BaseGrid({ columns, 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;
+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[];
-    set: (data: T[]) => void;
-    onSortBy: (prop: string) => void;
-    sortedBy: string;
-    defaultData: T[];
-    sortedDirection: "desc" | "asc";
-    columns: ColumnsProps[];
-    currentPage: number;
-    totalNumberOfPages: number;
-    onPageChange: (pageNumber: number) => void;
-    setRowsPerPage: (rows: number) => void;
-    rowsPerPageOptions: number[];
-    rowsPerPage: number;
+interface UseGridProps {
+    columns: ColumnsProps[];
+    filters?: FilterProps[];
+    rowsPerPageOptions?: number[];
+}
+declare function useGrid<T extends Record<string, any>>({ columns, filters, rowsPerPageOptions }: UseGridProps): {
+    data: any[];
+    set: (data: T[]) => void;
+    onSortBy: (prop: string) => void;
+    sortedBy: string;
+    defaultData: T[];
+    sortedDirection: "desc" | "asc";
+    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;
 
-declare function useLoading<T = string>(): {
-    isLoading: (prop: T) => boolean;
-    setLoading: (prop: T, remove?: boolean) => void;
+declare function useLoading<T = string>(): {
+    isLoading: (prop: T) => boolean;
+    setLoading: (prop: T, remove?: boolean) => void;
 };
 
-declare type ModalProps = {
-    open: boolean;
-    onClose: () => void;
-} & ModalProps$1;
+declare type ModalProps = {
+    open: boolean;
+    onClose: () => void;
+} & ModalProps$1;
 declare const Modal: ({ open, onClose, ...rest }: ModalProps) => JSX.Element;
 
-declare function GetInputLabel<T, K extends T[number]['name']>(columns: T): (columnName: K) => {
-    label: any;
-    name: any;
+declare function GetInputLabel<T, K extends T[number]['name']>(columns: T): (columnName: K) => {
+    label: any;
+    name: any;
 };
 
-interface DialogOptionsProps {
-    label: string;
-    focus?: boolean;
-    cb(label: string): void;
-}
-interface DialogCustomProps extends DialogProps {
-    open: boolean;
-    title: string;
-    body: string;
-    options: DialogOptionsProps[];
-    loading: boolean;
-}
+interface DialogOptionsProps {
+    label: string;
+    focus?: boolean;
+    cb(label: string): void;
+}
+interface DialogCustomProps extends DialogProps {
+    open: boolean;
+    title: string;
+    body: string;
+    options: DialogOptionsProps[];
+    loading: boolean;
+}
 declare const Dialog: ({ open, title, loading, body, options, ...rest }: DialogCustomProps) => JSX.Element;
 
 export { Autocomplete, BaseGrid, Checkbox, ColumnTitleProps, ColumnsProps, Dialog, EditableTableCell, FilterCompareType, FilterProps, GetInputLabel, Grid, IFilter, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, TabPanelProps, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid, useLoading };

package/package.json

@@ -1,45 +1,45 @@
-{
-  "name": "@bluemarble/bm-components",
-  "version": "0.0.70",
-  "description": "BM components",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "rollup": "rollup -c",
-    "deploy": "rollup -c && npm publish"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "imask": "^6.4.2",
-    "moment": "^2.29.4",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
-    "react-icons": "^4.3.1",
-    "react-imask": "^6.4.2"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.7.1",
-    "@emotion/styled": "^11.6.0",
-    "@mui/material": "^5.4.0",
-    "formik": "^2.2.9"
-  },
-  "devDependencies": {
-    "@rollup/plugin-babel": "^5.3.1",
-    "@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",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "typescript": "^4.6.3"
-  }
-}
+{
+  "name": "@bluemarble/bm-components",
+  "version": "0.0.72",
+  "description": "BM components",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "rollup": "rollup -c",
+    "deploy": "rollup -c && npm publish"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "imask": "^6.4.2",
+    "moment": "^2.29.4",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "react-icons": "^4.3.1",
+    "react-imask": "^6.4.2"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.7.1",
+    "@emotion/styled": "^11.6.0",
+    "@mui/material": "^5.4.0",
+    "formik": "^2.2.9"
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^5.3.1",
+    "@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",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "typescript": "^4.6.3"
+  }
+}