@movable/ui 2.15.1 → 2.15.3

package/lib/components/InkDrawer/InkDrawer.d.ts

@@ -3,10 +3,15 @@ import { BoxProps, DrawerProps, SxProps, Theme } from '@mui/material';
 import { SvgIconTypeMap } from '@mui/material';
 import { OverridableComponent } from '@mui/material/OverridableComponent';
 type DrawerType = 'basic' | 'panel' | 'filter';
+declare const defaultDrawerWidths: {
+    md: number;
+    lg: number;
+    xl: number;
+};
 interface CommonDrawerProps extends DrawerProps {
     drawerType: DrawerType;
     drawerContent: JSX.Element;
-    drawerWidth?: number;
+    drawerWidth?: number | Partial<typeof defaultDrawerWidths>;
     leftOffset?: string;
     bottomContent?: JSX.Element;
     headerLabel?: string;
@@ -24,6 +29,5 @@ interface PanelDrawerProps extends CommonDrawerProps {
     drawerType: 'panel';
 }
 type InkDrawerProps = CollapsibleDrawerProps | PanelDrawerProps;
-export declare const defaultFilterDrawerWidth = 280;
 export declare function InkDrawer(props: PropsWithChildren<InkDrawerProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/InkGridToolBar/ExportButton.d.ts

@@ -0,0 +1,6 @@
+interface IExportButton {
+    loadingExport?: boolean;
+    onClick?: () => void;
+}
+export declare function ExportButton({ onClick, loadingExport }: IExportButton): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkGridToolBar/FiltersButton.d.ts

@@ -0,0 +1,5 @@
+interface IFiltersButton {
+    onClick: () => void;
+}
+export declare function FiltersButton({ onClick }: IFiltersButton): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkGridToolBar/GridToolbarGroup.d.ts

@@ -0,0 +1,7 @@
+export interface IGridToolbarGroupProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: string[];
+    children?: React.ReactNode;
+}
+export declare function GridToolbarGroup({ value, onChange, options, }: IGridToolbarGroupProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/InkGridToolBar/InkGridToolBar.d.ts

@@ -0,0 +1,27 @@
+import { GridColDef, GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
+import { IGridToolbarGroupProps } from './GridToolbarGroup';
+export interface IInkGridToolBarProps {
+    groupingProps?: IGridToolbarGroupProps;
+    showFilterDrawerBtn?: boolean;
+    showQuickFilter?: boolean;
+    showExportButton?: boolean;
+    showFilterButton?: boolean;
+    showDensitySelector?: boolean;
+    showColumnButton?: boolean;
+    onExportClick?: () => void;
+    loadingExport?: boolean;
+    children?: React.ReactNode;
+    columnPickerProps?: {
+        columnData: GridColDef[];
+        handleColumnFilterChange: (columnVisibilityModel: GridColumnVisibilityModel) => void;
+        customGridVisibility: GridColumnVisibilityModel;
+        lockedFields?: string[];
+        hiddenInColumnPicker?: string[];
+    };
+    filterDrawerBtnProps?: {
+        onShowFilterDrawerClick: () => void;
+        filterBtnBadgeContent?: string;
+    };
+    py?: number;
+}
+export declare function InkGridToolBar({ groupingProps, filterDrawerBtnProps, showFilterDrawerBtn, showQuickFilter, showExportButton, showDensitySelector, onExportClick, loadingExport, columnPickerProps, children, py, }: IInkGridToolBarProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/InkGridToolBar/TableFilterColumnPicker.d.ts

@@ -0,0 +1,10 @@
+import { GridColDef, GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
+interface ITableActionsColumnPickerProps {
+    columnData: GridColDef[];
+    handleColumnFilterChange: (columnVisibilityModel: GridColumnVisibilityModel) => void;
+    customGridVisibility: GridColumnVisibilityModel;
+    lockedFields?: string[];
+    hiddenInColumnPicker?: string[];
+}
+export declare function TableFilterColumnPicker({ columnData, handleColumnFilterChange, customGridVisibility, lockedFields, hiddenInColumnPicker, }: ITableActionsColumnPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkGridToolBar/index.d.ts

@@ -0,0 +1 @@
+export { InkGridToolBar } from './InkGridToolBar';

package/lib/components/index.d.ts

@@ -23,3 +23,4 @@ export * from './InkSelect';
 export { InternalUseOnlyLabel, InternalUseOnlyAlert, } from './InternalUseOnlyIndicators';
 export { InkChart } from './InkChart';
 export { InkCard } from './InkCard';
+export { InkGridToolBar } from './InkGridToolBar';

package/lib/index.d.ts

@@ -21,6 +21,8 @@ import { FormControlLabelProps } from '@mui/material/FormControlLabel';
 import { FormGroupProps } from '@mui/material/FormGroup';
 import { FormLabelProps } from '@mui/material/FormLabel';
 import { ForwardRefExoticComponent } from 'react';
+import { GridColDef } from '@mui/x-data-grid-premium';
+import { GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
 import { GridProps } from '@mui/material/Grid';
 import { GridProps as GridProps_2 } from '@mui/material';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -113,7 +115,7 @@ declare interface CollapsibleDrawerProps extends CommonDrawerProps {
 declare interface CommonDrawerProps extends DrawerProps_2 {
     drawerType: DrawerType;
     drawerContent: JSX.Element;
-    drawerWidth?: number;
+    drawerWidth?: number | Partial<typeof defaultDrawerWidths>;
     leftOffset?: string;
     bottomContent?: JSX.Element;
     headerLabel?: string;
@@ -127,6 +129,12 @@ declare type CopiedValue = string | null;
 
 declare type CopyFn = (text: string) => Promise<boolean>;
 
+declare const defaultDrawerWidths: {
+    md: number;
+    lg: number;
+    xl: number;
+};
+
 export declare function DemoComponent({ stringToDisplay }: DemoComponentProps): JSX_2.Element;
 
 declare type DemoComponentProps = {
@@ -205,6 +213,38 @@ declare type IFilterDrawer = DrawerProps & {
     mainProps?: BoxProps;
 };
 
+declare interface IGridToolbarGroupProps {
+    value: string;
+    onChange: (value: string) => void;
+    options: string[];
+    children?: React.ReactNode;
+}
+
+declare interface IInkGridToolBarProps {
+    groupingProps?: IGridToolbarGroupProps;
+    showFilterDrawerBtn?: boolean;
+    showQuickFilter?: boolean;
+    showExportButton?: boolean;
+    showFilterButton?: boolean;
+    showDensitySelector?: boolean;
+    showColumnButton?: boolean;
+    onExportClick?: () => void;
+    loadingExport?: boolean;
+    children?: React.ReactNode;
+    columnPickerProps?: {
+        columnData: GridColDef[];
+        handleColumnFilterChange: (columnVisibilityModel: GridColumnVisibilityModel) => void;
+        customGridVisibility: GridColumnVisibilityModel;
+        lockedFields?: string[];
+        hiddenInColumnPicker?: string[];
+    };
+    filterDrawerBtnProps?: {
+        onShowFilterDrawerClick: () => void;
+        filterBtnBadgeContent?: string;
+    };
+    py?: number;
+}
+
 export declare function IndexLayout({ Header, children, sx, ...containerProps }: IndexLayoutProps): JSX_2.Element;
 
 declare type IndexLayoutProps = GridProps & {
@@ -378,6 +418,8 @@ declare type InkFormTextFieldProps<TFieldValues extends FieldValues, TName exten
     label: string;
 } & UseControllerProps<TFieldValues, TName> & TextFieldProps;
 
+export declare function InkGridToolBar({ groupingProps, filterDrawerBtnProps, showFilterDrawerBtn, showQuickFilter, showExportButton, showDensitySelector, onExportClick, loadingExport, columnPickerProps, children, py, }: IInkGridToolBarProps): JSX_2.Element;
+
 export declare function InkImage({ src, alt, sx, imageSx, fallbackText, ...rest }: InkImageProps): JSX_2.Element;
 
 declare type InkImageProps = BoxProps_2 & {