@movable/ui 3.1.2 → 3.3.0

package/lib/components/InkDataGrid/InkDataGrid.d.ts

@@ -4,9 +4,14 @@ export interface InkDataGridProps extends DataGridPremiumProps {
      * Test selector for automated testing
      */
     testSelector?: string;
+    /**
+     * If true, the column reordering feature is disabled
+     * @default true
+     */
+    disableColumnReorder?: boolean;
 }
 /**
  * InkDataGrid is a customized DataGridPremium component with Movable Ink styling and behavior.
  * It provides automatic height adjustment, hidden column separators, and transparent row hover effects.
  */
-export declare function InkDataGrid({ testSelector, sx, rows, ...rest }: InkDataGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkDataGrid({ testSelector, disableColumnReorder, sx, rows, ...rest }: InkDataGridProps): import("react/jsx-runtime").JSX.Element;

package/lib/index.d.ts

@@ -22,10 +22,9 @@ 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 { 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';
 import { LinkProps } from '@mui/material';
 import { ListItemIconProps } from '@mui/material/ListItemIcon';
@@ -167,8 +166,8 @@ export declare function EightColumnFullContentLayout({ children, itemProps, cont
 
 declare type EightColumnFullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps_2;
-    itemProps?: GridProps_2;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 };
 
 export declare function FiveThreeSplitContentLayout({ leftContent, rightContent, containerProps, leftProps, rightProps, }: FiveThreeSplitContentLayoutProps): JSX_2.Element;
@@ -176,9 +175,9 @@ export declare function FiveThreeSplitContentLayout({ leftContent, rightContent,
 declare type FiveThreeSplitContentLayoutProps = {
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    containerProps?: GridProps_2;
-    leftProps?: GridProps_2;
-    rightProps?: GridProps_2;
+    containerProps?: Grid2Props;
+    leftProps?: Grid2Props;
+    rightProps?: Grid2Props;
 };
 
 export declare const FormSkeletonGrid: ({ skeletonRows, skeletonColumns, }: SkeletonGridType) => JSX_2.Element;
@@ -265,7 +264,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;
 };
@@ -379,7 +378,7 @@ declare type InkChipPropType = {
  * InkDataGrid is a customized DataGridPremium component with Movable Ink styling and behavior.
  * It provides automatic height adjustment, hidden column separators, and transparent row hover effects.
  */
-export declare function InkDataGrid({ testSelector, sx, rows, ...rest }: InkDataGridProps): JSX_2.Element;
+export declare function InkDataGrid({ testSelector, disableColumnReorder, sx, rows, ...rest }: InkDataGridProps): JSX_2.Element;
 
 /**
  * InkDataGridEmpty displays an empty state grid with skeleton rows.
@@ -403,6 +402,11 @@ export declare interface InkDataGridProps extends DataGridPremiumProps {
      * Test selector for automated testing
      */
     testSelector?: string;
+    /**
+     * If true, the column reordering feature is disabled
+     * @default true
+     */
+    disableColumnReorder?: boolean;
 }
 
 export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): JSX_2.Element;
@@ -802,10 +806,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;
@@ -879,8 +883,8 @@ declare type PanelWithPaperContentLayoutProps = React.PropsWithChildren<{
     children: React.ReactNode;
     wrapperProps?: BoxProps;
     panelProps?: BoxProps;
-    containerProps?: GridProps_2;
-    itemProps?: GridProps_2;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 }>;
 
 declare type PrimaryButtonType = ButtonProps & {
@@ -893,9 +897,9 @@ export declare function SevenThreeSplitContentLayout({ leftContent, rightContent
 declare type SevenThreeSplitContentLayoutProps = {
     leftContent: React.ReactNode;
     rightContent: React.ReactNode;
-    containerProps?: GridProps_2;
-    leftProps?: GridProps_2;
-    rightProps?: GridProps_2;
+    containerProps?: Grid2Props;
+    leftProps?: Grid2Props;
+    rightProps?: Grid2Props;
 };
 
 declare type SkeletonGridType = {
@@ -909,8 +913,8 @@ export declare function TenColumnFullContentLayout({ children, itemProps, contai
 
 declare type TenColumnFullContentLayoutProps = {
     children: React.ReactNode;
-    containerProps?: GridProps_2;
-    itemProps?: GridProps_2;
+    containerProps?: Grid2Props;
+    itemProps?: Grid2Props;
 };
 
 export declare function useCopyToClipboard(): [CopiedValue, CopyFn];
@@ -919,10 +923,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 { }