@movable/ui 4.0.4-five.0 → 4.1.0

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

@@ -24,6 +24,8 @@ interface CollapsibleDrawerProps extends CommonDrawerProps {
     drawerType: 'basic' | 'filter';
     isOpen: boolean;
     handleDrawerClose: () => void;
+    closeIcon?: string;
+    closeTooltipText?: string;
 }
 interface PanelDrawerProps extends CommonDrawerProps {
     drawerType: 'panel';

package/lib/components/InkTextField/InkTextField.d.ts

@@ -2,9 +2,9 @@ import { TextFieldProps } from '@mui/material/TextField';
 export type InkTextFieldProps = TextFieldProps & {
     name: string;
 };
-declare const InkTextField: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & {
+declare const InkTextField: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & {
     name: string;
-}, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & {
+}, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & {
     name: string;
 }, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & {
     name: string;

package/lib/index.d.ts

@@ -29,9 +29,10 @@ import { FormControlLabelProps } from '@mui/material/FormControlLabel';
 import { FormGroupProps } from '@mui/material/FormGroup';
 import { FormLabelProps } from '@mui/material/FormLabel';
 import { ForwardRefExoticComponent } from 'react';
+import { Grid2Props } from '@mui/material/Grid2';
+import { Grid2Props as Grid2Props_2 } from '@mui/material';
 import { GridColDef } from '@mui/x-data-grid-premium';
 import { GridColumnVisibilityModel } from '@mui/x-data-grid-premium';
-import { GridProps } from '@mui/material/Grid';
 import { GridRenderCellParams } from '@mui/x-data-grid-premium';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LinkProps } from '@mui/material';
@@ -92,11 +93,11 @@ declare type ActionType = {
 };
 
 declare type BaseContentLayoutProps = {
-    containerProps?: GridProps;
+    containerProps?: Grid2Props_2;
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    leftProps?: GridProps;
-    rightProps?: GridProps;
+    leftProps?: Grid2Props_2;
+    rightProps?: Grid2Props_2;
 };
 
 declare type BaseProps = {
@@ -134,6 +135,8 @@ declare interface CollapsibleDrawerProps extends CommonDrawerProps {
     drawerType: 'basic' | 'filter';
     isOpen: boolean;
     handleDrawerClose: () => void;
+    closeIcon?: string;
+    closeTooltipText?: string;
 }
 
 declare interface CommonDrawerProps extends DrawerProps_2 {
@@ -213,8 +216,8 @@ export declare function EightColumnFullContentLayout({ children, itemProps, cont
 
 declare type EightColumnFullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps;
-    itemProps?: GridProps;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 };
 
 export declare function FiveThreeSplitContentLayout({ leftContent, rightContent, containerProps, leftProps, rightProps, }: FiveThreeSplitContentLayoutProps): JSX_2.Element;
@@ -222,9 +225,9 @@ export declare function FiveThreeSplitContentLayout({ leftContent, rightContent,
 declare type FiveThreeSplitContentLayoutProps = {
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    containerProps?: GridProps;
-    leftProps?: GridProps;
-    rightProps?: GridProps;
+    containerProps?: Grid2Props;
+    leftProps?: Grid2Props;
+    rightProps?: Grid2Props;
 };
 
 export declare const FormSkeletonGrid: ({ skeletonRows, skeletonColumns, }: SkeletonGridType) => JSX_2.Element;
@@ -234,9 +237,9 @@ export declare function FourEightSplitContentLayout({ leftContent, rightContent,
 declare type FourEightSplitContentLayoutProps = {
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    containerProps?: GridProps;
-    leftProps?: GridProps;
-    rightProps?: GridProps;
+    containerProps?: Grid2Props_2;
+    leftProps?: Grid2Props_2;
+    rightProps?: Grid2Props_2;
 };
 
 export declare function FullContentLayout({ children, itemProps, containerProps, }: FullContentLayoutProps): JSX_2.Element;
@@ -251,8 +254,8 @@ declare class FullContentLayoutPageObject_2 {
 
 declare type FullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps;
-    itemProps?: GridProps;
+    containerProps?: Grid2Props_2;
+    itemProps?: Grid2Props_2;
 };
 
 declare type HeaderLink = {
@@ -322,7 +325,7 @@ declare interface IInkGridToolBarProps {
 
 export declare function IndexLayout({ Header, children, sx, ...containerProps }: IndexLayoutProps): JSX_2.Element;
 
-declare type IndexLayoutProps = GridProps & {
+declare type IndexLayoutProps = Grid2Props & {
     Header: JSX.Element;
     children: React.ReactNode;
 };
@@ -916,9 +919,9 @@ export declare type InkSwitchProps = {
     formControlLabelProps?: FormControlLabelProps;
 } & SwitchProps;
 
-export declare const InkTextField: ForwardRefExoticComponent<(Omit<FilledTextFieldProps & {
+export declare const InkTextField: ForwardRefExoticComponent<(Omit<OutlinedTextFieldProps & {
 name: string;
-}, "ref"> | Omit<OutlinedTextFieldProps & {
+}, "ref"> | Omit<FilledTextFieldProps & {
 name: string;
 }, "ref"> | Omit<StandardTextFieldProps & {
 name: string;
@@ -1052,10 +1055,10 @@ declare type IPageWrapperProps = {
     description?: string;
 };
 
-declare type LayoutDetailsProps = GridProps & {
+declare type LayoutDetailsProps = Grid2Props & {
     Header: JSX.Element;
     children: React.ReactNode;
-    itemProps?: GridProps;
+    itemProps?: Grid2Props;
 };
 
 export declare function LinkBreadcrumbs({ breadcrumbs }: BreadcrumbProps): JSX_2.Element;
@@ -1164,8 +1167,8 @@ declare type PanelWithPaperContentLayoutProps = React.PropsWithChildren<{
     children: React.ReactNode;
     wrapperProps?: BoxProps;
     panelProps?: BoxProps;
-    containerProps?: GridProps;
-    itemProps?: GridProps;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 }>;
 
 declare type PrimaryButtonType = ButtonProps & {
@@ -1198,9 +1201,9 @@ export declare function SevenThreeSplitContentLayout({ leftContent, rightContent
 declare type SevenThreeSplitContentLayoutProps = {
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    containerProps?: GridProps;
-    leftProps?: GridProps;
-    rightProps?: GridProps;
+    containerProps?: Grid2Props;
+    leftProps?: Grid2Props;
+    rightProps?: Grid2Props;
 };
 
 declare type SimpleCardProps = BaseProps & {
@@ -1232,16 +1235,16 @@ export declare function TenColumnFullContentLayout({ children, itemProps, contai
 
 declare type TenColumnFullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps;
-    itemProps?: GridProps;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 };
 
 export declare function TwelveColumnFullContentLayout({ children, containerProps, itemProps, }: TwelveColumnFullContentLayoutProps): JSX_2.Element;
 
 declare type TwelveColumnFullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps;
-    itemProps?: GridProps;
+    containerProps?: Grid2Props_2;
+    itemProps?: Grid2Props_2;
 };
 
 export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
@@ -1250,10 +1253,10 @@ declare type VariantType = 'page' | 'paper' | 'search' | 'data';
 
 export declare function WorkflowLayout({ Header, children, sx, itemProps, ...rest }: WorkflowLayoutProps): JSX_2.Element;
 
-declare type WorkflowLayoutProps = GridProps & {
+declare type WorkflowLayoutProps = Grid2Props & {
     Header: JSX.Element;
     children: React.ReactNode;
-    itemProps?: GridProps;
+    itemProps?: Grid2Props;
 };
 
 export { }