@movable/ui 3.2.0 → 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

@@ -378,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.
@@ -402,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;

package/lib/index.mjs

@@ -21636,13 +21636,13 @@ function wO({ groupingProps: e, filterDrawerBtnProps: t, showFilterDrawerBtn: n
     ".MuiInput-root:after": { borderBottom: "none" }
   }, "data-cy": "grid-tool-bar-quick-filter" }), n && t && p.jsx(qp, { badgeContent: t.filterBtnBadgeContent, color: "primary", "data-cy": "grid-tool-bar-filter-badge", children: p.jsx(OS, { onClick: t.onShowFilterDrawerClick }) })] }), p.jsxs(Oe, { direction: "row", spacing: 1, children: [a && p.jsx(xf, {}), c && p.jsx(kS, { columnData: c.columnData, handleColumnFilterChange: c.handleColumnFilterChange, customGridVisibility: c.customGridVisibility, lockedFields: c.lockedFields, hiddenInColumnPicker: c.hiddenInColumnPicker }), i && p.jsx(Tf, {}), m !== void 0 && h && g && p.jsx(RS, { value: m, onChange: h, options: g }), s && p.jsx(ES, { onClick: s, loadingExport: l })] })] }), u] }) });
 }
-function SO({ testSelector: e = "", sx: t, rows: n, ...o }) {
-  return p.jsx(Gc, { "data-test-ink-data-grid": e, rows: n, sx: {
-    ...t,
+function SO({ testSelector: e = "", disableColumnReorder: t = !0, sx: n, rows: o, ...i }) {
+  return p.jsx(Gc, { "data-test-ink-data-grid": e, rows: o, disableColumnReorder: t, sx: {
+    ...n,
     ".MuiDataGrid-virtualScroller": {
-      display: n && n.length ? "block" : "none"
+      display: o && o.length ? "block" : "none"
     }
-  }, ...o });
+  }, ...i });
 }
 const PS = [{ id: 0 }, { id: 1 }, { id: 2 }];
 function EO({ testSelector: e = "", emptyColumns: t }) {