@movable/ui 3.0.0 → 3.1.0

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

@@ -0,0 +1,9 @@
+import { GridColDef } from '@mui/x-data-grid-premium';
+/**
+ * Creates empty column definitions with skeleton loading placeholders.
+ * Used to maintain grid structure while showing loading state.
+ *
+ * @param columns - The original column definitions to create empty versions of
+ * @returns Array of column definitions with skeleton renderCell functions
+ */
+export declare function createEmptyColumns(columns: GridColDef[]): GridColDef[];

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

@@ -0,0 +1,12 @@
+import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
+export interface InkDataGridProps extends DataGridPremiumProps {
+    /**
+     * Test selector for automated testing
+     */
+    testSelector?: string;
+}
+/**
+ * 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;

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

@@ -0,0 +1,16 @@
+import { GridColDef } from '@mui/x-data-grid-premium';
+export interface InkDataGridEmptyProps {
+    /**
+     * Test selector for automated testing
+     */
+    testSelector?: string;
+    /**
+     * Column definitions to display in the empty state grid
+     */
+    emptyColumns: GridColDef[];
+}
+/**
+ * InkDataGridEmpty displays an empty state grid with skeleton rows.
+ * Used to show the grid structure while data is loading.
+ */
+export declare function InkDataGridEmpty({ testSelector, emptyColumns, }: InkDataGridEmptyProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { InkDataGrid, type InkDataGridProps } from './InkDataGrid';
+export { InkDataGridEmpty, type InkDataGridEmptyProps, } from './InkDataGridEmpty';
+export { createEmptyColumns } from './CreateEmptyColumns';

package/lib/components/index.d.ts

@@ -24,3 +24,4 @@ export { InternalUseOnlyLabel, InternalUseOnlyAlert, } from './InternalUseOnlyIn
 export { InkChart } from './InkChart';
 export { InkCard } from './InkCard';
 export { InkGridToolBar } from './InkGridToolBar';
+export { InkDataGrid, InkDataGridEmpty, createEmptyColumns, type InkDataGridProps, type InkDataGridEmptyProps, } from './InkDataGrid';

package/lib/index.d.ts

@@ -11,6 +11,7 @@ import { CheckboxProps } from '@mui/material';
 import { CheckboxProps as CheckboxProps_2 } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material';
 import { CustomContentProps } from 'notistack';
+import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
 import type { DialogProps } from '@mui/material/Dialog';
 import { DrawerProps } from '@mui/material/Drawer';
 import { DrawerProps as DrawerProps_2 } from '@mui/material';
@@ -129,6 +130,15 @@ declare type CopiedValue = string | null;
 
 declare type CopyFn = (text: string) => Promise<boolean>;
 
+/**
+ * Creates empty column definitions with skeleton loading placeholders.
+ * Used to maintain grid structure while showing loading state.
+ *
+ * @param columns - The original column definitions to create empty versions of
+ * @returns Array of column definitions with skeleton renderCell functions
+ */
+export declare function createEmptyColumns(columns: GridColDef[]): GridColDef[];
+
 declare const defaultDrawerWidths: {
     md: number;
     lg: number;
@@ -364,6 +374,36 @@ declare type InkChipPropType = {
     truncation?: 'end' | 'middle';
 };
 
+/**
+ * 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;
+
+/**
+ * InkDataGridEmpty displays an empty state grid with skeleton rows.
+ * Used to show the grid structure while data is loading.
+ */
+export declare function InkDataGridEmpty({ testSelector, emptyColumns, }: InkDataGridEmptyProps): JSX_2.Element;
+
+export declare interface InkDataGridEmptyProps {
+    /**
+     * Test selector for automated testing
+     */
+    testSelector?: string;
+    /**
+     * Column definitions to display in the empty state grid
+     */
+    emptyColumns: GridColDef[];
+}
+
+export declare interface InkDataGridProps extends DataGridPremiumProps {
+    /**
+     * Test selector for automated testing
+     */
+    testSelector?: string;
+}
+
 export declare function InkDialog({ Title, Content, Actions, onClose, hideCloseButton, ActionsProp, ...props }: InkDialogProps): JSX_2.Element;
 
 export declare const inkDialog: InkDialogPageObject;