@bluemarble/bm-components 0.0.6 → 0.0.9

package/dist/index.d.ts

@@ -1,9 +1,11 @@
-import React, { ReactNode, FocusEvent } from 'react';
-import { TableCellProps, TableRowProps, TextFieldProps } from '@mui/material';
-import IMask from 'imask';
+/// <reference types="react" />
+import React, { ReactNode, PropsWithChildren, 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 } from '@mui/material';
+import { TableOptions } from 'react-table';
+import IMask$1 from 'imask';
 
-interface ColumnTitleProps {
-    name: string;
+interface ColumnTitleProps<T = {}> {
+    name: keyof T | "-";
     label: string;
     transformer?: (value: string | number | Date) => string;
     sx?: TableCellProps["sx"];
@@ -36,19 +38,19 @@ 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>;
-
 interface EditableTableCellProps extends TableCellProps {
     name: string;
     TextFieldProps?: TextFieldProps;
     type?: TextFieldProps["type"];
     fullWidth?: boolean;
-    data?: Record<string, any>;
+    rowData?: Record<string, any>;
     mask?: IMask.AnyMaskedOptions;
-    onSave: (props: OnSaveProps) => void;
+    bordered?: boolean;
+    rowIndex?: string | number;
+    formatCellValue?: (value: string) => string;
+    formatInputDefautvalue?: (value: string) => string;
+    onSave?: (props: OnSaveProps) => void;
+    onCancel?: () => void;
 }
 interface OnSaveProps {
     name: string;
@@ -56,7 +58,124 @@ interface OnSaveProps {
     value: string;
     data: Record<string, any>;
 }
-declare const EditableTableCell: (allProps: EditableTableCellProps) => JSX.Element;
+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.ReactElement[];
+}
+declare const Tr: React.MemoExoticComponent<(props: CustomTableRowProps) => JSX.Element>;
+
 declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellProps) => JSX.Element>;
 
-export { ColumnTitleProps, EditableTableCell, FilterProps, Grid, IFilter, Td, Tr, filterData };
+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;
+    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;
+}
+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>;
+}
+declare const Select: FC<SelectProps>;
+
+declare type MuiAutocomplete<T> = Omit<AutocompleteProps$1<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;
+}
+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 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 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 const Radio: ({ name, withFormik, ...rest }: RadioOptionsProps) => JSX.Element;
+
+interface LargeButtonProps extends ButtonProps {
+    loading?: boolean;
+    children: ReactNode;
+}
+declare const LargeButton: ({ loading, children, ...rest }: LargeButtonProps) => JSX.Element;
+
+export { Autocomplete, Checkbox, ColumnTitleProps, EditableTableCell, FilterProps, Grid, GridV2, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bluemarble/bm-components",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "BM components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -14,25 +14,32 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "dependencies": {},
+  "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",
-    "react": "^17.0.2",
-    "react-icons": "^4.3.1",
-    "imask": "^6.4.2",
-    "react-imask": "^6.4.2"
+    "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",
+    "@types/react-table": "^7.7.12",
     "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"
   }
 }