@bluemarble/bm-components 0.0.25 → 0.0.28

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

@@ -3,6 +3,7 @@ import { StandardTextFieldProps } from "@mui/material";
 interface InputProps extends StandardTextFieldProps {
     name: string;
     label: string;
+    shrink?: boolean;
     withFormik?: boolean;
 }
 export declare const Input: FC<InputProps>;

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

@@ -5,5 +5,5 @@ interface LargeButtonProps extends ButtonProps {
     children: ReactNode;
     CircularProgressProps?: CircularProgressProps;
 }
-export declare const LargeButton: ({ loading, children, CircularProgressProps, ...rest }: LargeButtonProps) => JSX.Element;
+export declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => JSX.Element;
 export {};

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare function getTabProps(index: string): {
+    id: string;
+    "aria-controls": string;
+};
+export interface TabPanelProps {
+    children: React.ReactNode;
+    value: number;
+    index: number;
+}
+export declare const TabPanel: (props: TabPanelProps) => JSX.Element;

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

@@ -7,6 +7,4 @@ export { Checkbox } from "./Checkbox";
 export { Switch } from "./Switch";
 export { Radio } from "./Radio";
 export { LargeButton } from "./LargeButton";
-export { EditableGrid } from "./EditableGrid";
-export { useEditableGrid } from "./hooks/useEditableGrid";
-export { useEvent } from "./hooks/useEvent";
+export { TabPanel, getTabProps, TabPanelProps } from "./TabPanel";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="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, BaseTextFieldProps } 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 } from '@mui/material';
 import IMask$1 from 'imask';
 
 interface ColumnTitleProps {
@@ -74,6 +74,7 @@ declare const Td: React.MemoExoticComponent<({ children, ...props }: TableCellPr
 interface InputProps extends StandardTextFieldProps {
     name: string;
     label: string;
+    shrink?: boolean;
     withFormik?: boolean;
 }
 declare const Input: FC<InputProps>;
@@ -179,92 +180,17 @@ interface LargeButtonProps extends ButtonProps {
     children: ReactNode;
     CircularProgressProps?: CircularProgressProps;
 }
-declare const LargeButton: ({ loading, children, CircularProgressProps, ...rest }: LargeButtonProps) => JSX.Element;
+declare const LargeButton: ({ loading, children, CircularProgressProps, sx, ...rest }: LargeButtonProps) => JSX.Element;
 
-interface InputSelectCellProps {
-    options: any[];
-    label: string;
-    value: string;
-    setCanSave: (value: boolean) => void;
-    onInputChange: (value: string) => void;
-    currentValue?: string;
-}
-
-interface GridInputProps extends BaseTextFieldProps {
-    onDefaultValue?: (value: string) => string;
-}
-
-interface onSaveOptions<T> {
-    prop: keyof T;
-    newValue: string;
+declare function getTabProps(index: string): {
+    id: string;
+    "aria-controls": string;
+};
+interface TabPanelProps {
+    children: React.ReactNode;
+    value: number;
     index: number;
 }
-interface ColumnsProps<T> {
-    id?: string | number;
-    name: keyof T | "";
-    label: string;
-    visible?: boolean;
-    type?: GridInputProps["type"] | "select" | "autocomplete";
-    inputProps?: GridInputProps;
-    select?: Omit<InputSelectCellProps, "setCanSave" | "onInputChange">;
-    formatLabelValue?: (value: string) => string;
-    required?: boolean;
-    TableCellProps?: TableCellProps;
-    newRow?: {
-        defaultValue?: string;
-    };
-}
-interface EditableGridProps<T> {
-    columns: ColumnsProps<T>[];
-    data: Array<T>;
-    primaryKey: keyof T;
-    focusedIndex: {
-        x: number;
-        y: number;
-    };
-    isEditing: boolean;
-    bordered?: boolean;
-    onSave: (item: T, options: onSaveOptions<T>) => void;
-    setFocusedIndex: (props: {
-        x: number;
-        y: number;
-    }) => void;
-    setIsEditing: (value: boolean) => void;
-    canEditTable: boolean;
-    setCanEditTable: (value: boolean) => void;
-    selectedRows: number[];
-    setSelectedRows: (value: number[]) => void;
-    checkbox?: boolean;
-    checkMultiple?: boolean;
-    onSaveNewRow?: (newRow: T) => void;
-    canInsertNewRow: boolean;
-    setCanInsertNewRow: (value: boolean) => void;
-}
-declare function EditableGrid<T extends Record<string, any>>({ columns, data, primaryKey, onSave, setFocusedIndex, setIsEditing, focusedIndex, isEditing, bordered, canEditTable, setCanEditTable, selectedRows, setSelectedRows, checkbox, checkMultiple, onSaveNewRow, canInsertNewRow, }: EditableGridProps<T>): JSX.Element;
-
-declare type useEditableGridResponseProps<T> = {
-    data: Array<T>;
-    focusedIndex: {
-        x: number;
-        y: number;
-    };
-    isEditing: boolean;
-    setData: (props: Array<T>) => void;
-    setIsEditing: (value: boolean) => void;
-    setFocusedIndex: (props: {
-        x: number;
-        y: number;
-    }) => void;
-    onSave: (newItem: T, props: onSaveOptions<T>) => void;
-    canEditTable: boolean;
-    setCanEditTable: (value: boolean) => void;
-    selectedRows: number[];
-    setSelectedRows: (value: number[]) => void;
-    canInsertNewRow: boolean;
-    setCanInsertNewRow: (value: boolean) => void;
-};
-declare function useEditableGrid<T>(): useEditableGridResponseProps<T>;
-
-declare function useEvent(event: keyof WindowEventMap, handler: (ev: any) => void, passive?: boolean): void;
+declare const TabPanel: (props: TabPanelProps) => JSX.Element;
 
-export { Autocomplete, Checkbox, ColumnTitleProps, EditableGrid, EditableTableCell, FilterProps, Grid, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData, useEditableGrid, useEvent };
+export { Autocomplete, Checkbox, ColumnTitleProps, EditableTableCell, FilterProps, Grid, IFilter, Input, InputMask, LargeButton, Radio, Select, Switch, TabPanel, TabPanelProps, Td, Tr, filterData, getTabProps };

package/package.json

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