@infinite-table/infinite-react 4.3.6 → 4.3.7

package/index.d.ts

@@ -632,7 +632,13 @@ declare type InfiniteTableColumn<DATA_TYPE> = {
     field?: KeyOfNoSymbol<DATA_TYPE>;
     valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
     defaultSortable?: InfiniteTableColumnSortable<DATA_TYPE>;
-    draggable?: boolean;
+    /**
+     * Whether the column is draggable by default.
+     *
+     * This prop overrides the top-level columnDefaultDraggable prop, but is
+     * overridden by the top-level draggableColumns prop.
+     */
+    defaultDraggable?: boolean;
     resizable?: boolean;
     shouldAcceptEdit?: (params: InfiniteTablePropOnEditAcceptedParams<DATA_TYPE>) => boolean | Error | Promise<boolean | Error>;
     contentFocusable?: InfiniteTableColumnContentFocusable<DATA_TYPE>;
@@ -1460,7 +1466,8 @@ interface InfiniteTableMappedState<T> {
     columnDefaultWidth: NonUndefined<InfiniteTableProps<T>['columnDefaultWidth']>;
     columnDefaultFlex: InfiniteTableProps<T>['columnDefaultFlex'];
     columnCssEllipsis: NonUndefined<InfiniteTableProps<T>['columnCssEllipsis']>;
-    draggableColumns: NonUndefined<InfiniteTableProps<T>['draggableColumns']>;
+    draggableColumns: InfiniteTableProps<T>['draggableColumns'];
+    columnDefaultDraggable: InfiniteTableProps<T>['columnDefaultDraggable'];
     sortable: InfiniteTableProps<T>['sortable'];
     hideEmptyGroupColumns: NonUndefined<InfiniteTableProps<T>['hideEmptyGroupColumns']>;
     hideColumnWhenGrouped: NonUndefined<InfiniteTableProps<T>['hideColumnWhenGrouped']>;
@@ -4783,7 +4790,7 @@ declare type InfiniteTableColumnType<T> = {
     defaultHiddenWhenGroupedBy?: InfiniteTableColumn<T>['defaultHiddenWhenGroupedBy'];
     header?: InfiniteTableColumn<T>['header'];
     comparer?: InfiniteTableColumn<T>['comparer'];
-    draggable?: InfiniteTableColumn<T>['draggable'];
+    draggable?: InfiniteTableColumn<T>['defaultDraggable'];
     resizable?: InfiniteTableColumn<T>['resizable'];
     align?: InfiniteTableColumn<T>['align'];
     headerAlign?: InfiniteTableColumn<T>['headerAlign'];
@@ -4942,6 +4949,7 @@ interface InfiniteTableApi<T> {
     getSortingForColumn: (columnId: string) => SortDir | null;
     getColumnApi: (columnId: string) => InfiniteTableColumnApi<T> | null;
     setVisibilityForColumn: (columnId: string, visible: boolean) => void;
+    setVisibilityForColumnGroup: (columnGroupId: string, visible: boolean) => void;
     getVisibleColumnsCount: () => number;
     scrollRowIntoView: (rowIndex: number, config?: {
         scrollAdjustPosition?: ScrollAdjustPosition;
@@ -5095,6 +5103,7 @@ interface InfiniteTableProps<T> {
     hideEmptyGroupColumns?: boolean;
     columnVisibility?: InfiniteTablePropColumnVisibility;
     columnGroupVisibility?: InfiniteTablePropColumnGroupVisibility;
+    defaultColumnGroupVisibility?: InfiniteTablePropColumnGroupVisibility;
     defaultColumnVisibility?: InfiniteTablePropColumnVisibility;
     pinnedStartMaxWidth?: number;
     pinnedEndMaxWidth?: number;
@@ -5120,6 +5129,7 @@ interface InfiniteTableProps<T> {
     collapsedColumnGroups?: InfiniteTablePropCollapsedColumnGroups;
     onScrollbarsChange?: (scrollbars: Scrollbars) => void;
     onColumnVisibilityChange?: (columnVisibility: InfiniteTablePropColumnVisibility) => void;
+    onColumnGroupVisibilityChange?: (columnGroupVisibility: InfiniteTablePropColumnGroupVisibility) => void;
     columnTypes?: InfiniteTablePropColumnTypes<T>;
     showSeparatePivotColumnForSingleAggregation?: boolean;
     isRowDetailExpanded?: (rowInfo: InfiniteTableRowInfo<T>) => boolean;
@@ -5172,6 +5182,17 @@ interface InfiniteTableProps<T> {
     onActiveCellIndexChange?: (activeCellIndex: [number, number]) => void;
     activeCellIndex?: [number, number] | null;
     defaultActiveCellIndex?: [number, number] | null;
+    /**
+     * Whether the columns are draggable by default.
+     *
+     * This is the prop that has the lowest priority - it's overridden by column.defaultDraggable and ultimately by draggableColumns
+     */
+    columnDefaultDraggable?: boolean;
+    /**
+     * Whether the columns are draggable by default.
+     *
+     * This is the prop that has the highest priority - overrides columnDefaultDraggable and column.defaultDraggable
+     */
     draggableColumns?: boolean;
     draggableColumnsRestrictTo?: false | 'group';
     header?: boolean;

package/index.dev.js

@@ -5686,6 +5686,7 @@ var getComputedColumns = ({
   viewportReservedWidth,
   resizableColumns,
   draggableColumns,
+  columnDefaultDraggable,
   columnOrder,
   columnPinning,
   editable,
@@ -5969,7 +5970,7 @@ var getComputedColumns = ({
       computedSortedDesc,
       computedVisibleIndex,
       computedPinned,
-      computedDraggable: (_z = (_y = c.draggable) != null ? _y : draggableColumns) != null ? _z : DEFAULT_DRAGGABLE,
+      computedDraggable: (_z = (_y = draggableColumns != null ? draggableColumns : c.defaultDraggable) != null ? _y : columnDefaultDraggable) != null ? _z : DEFAULT_DRAGGABLE,
       computedFirstInCategory,
       computedLastInCategory,
       computedFirst: theComputedVisibleIndex === 0,
@@ -15918,6 +15919,15 @@ var InfiniteTableApiImpl = class {
     this.setColumnOrder = (columnOrder) => {
       this.actions.columnOrder = columnOrder;
     };
+    this.setVisibilityForColumnGroup = (columnGroupId, visible) => {
+      const columnGroupVisibility = __spreadValues({}, this.getState().columnGroupVisibility);
+      if (visible) {
+        delete columnGroupVisibility[columnGroupId];
+      } else {
+        columnGroupVisibility[columnGroupId] = false;
+      }
+      this.actions.columnGroupVisibility = columnGroupVisibility;
+    };
     this.collapseAllGroupRows = () => {
       const state = this.getDataSourceState();
       const newState = new GroupRowsState(state.groupRowsState);
@@ -17563,7 +17573,8 @@ var forwardProps4 = (_setupState) => {
     columnMaxWidth: (columnMaxWidth) => columnMaxWidth != null ? columnMaxWidth : 5e3,
     columnDefaultWidth: (columnDefaultWidth) => columnDefaultWidth != null ? columnDefaultWidth : 200,
     columnCssEllipsis: (columnCssEllipsis) => columnCssEllipsis != null ? columnCssEllipsis : true,
-    draggableColumns: (draggableColumns) => draggableColumns != null ? draggableColumns : true,
+    draggableColumns: 1,
+    columnDefaultDraggable: 1,
     headerOptions: (headerOptions) => __spreadValues({
       alwaysReserveSpaceForSortIcon: true
     }, headerOptions),
@@ -18284,6 +18295,7 @@ var useComputedColumns = ({
   columnCssEllipsis,
   columnHeaderCssEllipsis,
   draggableColumns,
+  columnDefaultDraggable,
   sortInfo,
   multiSort,
   filterValue,
@@ -18345,6 +18357,7 @@ var useComputedColumns = ({
       pinnedEndMaxWidth,
       pinnedStartMaxWidth,
       draggableColumns,
+      columnDefaultDraggable,
       columnOrder,
       columnPinning,
       columnDefaultEditable,
@@ -18372,6 +18385,8 @@ var useComputedColumns = ({
     columnOrder,
     columnVisibility,
     columnVisibilityAssumeVisible,
+    columnDefaultDraggable,
+    draggableColumns,
     resizableColumns,
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
@@ -18629,6 +18644,7 @@ function useComputed() {
     columnDefaultWidth: componentState.columnDefaultWidth,
     columnDefaultFlex: componentState.columnDefaultFlex,
     columnDefaultSortable: componentState.columnDefaultSortable,
+    columnDefaultDraggable: componentState.columnDefaultDraggable,
     pinnedStartMaxWidth: componentState.pinnedStartMaxWidth,
     pinnedEndMaxWidth: componentState.pinnedEndMaxWidth,
     bodySize,
@@ -18893,7 +18909,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.6"
+      version: "4.3.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -5649,6 +5649,7 @@ var getComputedColumns = ({
   viewportReservedWidth,
   resizableColumns,
   draggableColumns,
+  columnDefaultDraggable,
   columnOrder,
   columnPinning,
   editable,
@@ -5932,7 +5933,7 @@ var getComputedColumns = ({
       computedSortedDesc,
       computedVisibleIndex,
       computedPinned,
-      computedDraggable: (_z = (_y = c.draggable) != null ? _y : draggableColumns) != null ? _z : DEFAULT_DRAGGABLE,
+      computedDraggable: (_z = (_y = draggableColumns != null ? draggableColumns : c.defaultDraggable) != null ? _y : columnDefaultDraggable) != null ? _z : DEFAULT_DRAGGABLE,
       computedFirstInCategory,
       computedLastInCategory,
       computedFirst: theComputedVisibleIndex === 0,
@@ -15886,6 +15887,15 @@ var InfiniteTableApiImpl = class {
     this.setColumnOrder = (columnOrder) => {
       this.actions.columnOrder = columnOrder;
     };
+    this.setVisibilityForColumnGroup = (columnGroupId, visible) => {
+      const columnGroupVisibility = __spreadValues({}, this.getState().columnGroupVisibility);
+      if (visible) {
+        delete columnGroupVisibility[columnGroupId];
+      } else {
+        columnGroupVisibility[columnGroupId] = false;
+      }
+      this.actions.columnGroupVisibility = columnGroupVisibility;
+    };
     this.collapseAllGroupRows = () => {
       const state = this.getDataSourceState();
       const newState = new GroupRowsState(state.groupRowsState);
@@ -17535,7 +17545,8 @@ var forwardProps4 = (_setupState) => {
     columnMaxWidth: (columnMaxWidth) => columnMaxWidth != null ? columnMaxWidth : 5e3,
     columnDefaultWidth: (columnDefaultWidth) => columnDefaultWidth != null ? columnDefaultWidth : 200,
     columnCssEllipsis: (columnCssEllipsis) => columnCssEllipsis != null ? columnCssEllipsis : true,
-    draggableColumns: (draggableColumns) => draggableColumns != null ? draggableColumns : true,
+    draggableColumns: 1,
+    columnDefaultDraggable: 1,
     headerOptions: (headerOptions) => __spreadValues({
       alwaysReserveSpaceForSortIcon: true
     }, headerOptions),
@@ -18256,6 +18267,7 @@ var useComputedColumns = ({
   columnCssEllipsis,
   columnHeaderCssEllipsis,
   draggableColumns,
+  columnDefaultDraggable,
   sortInfo,
   multiSort,
   filterValue,
@@ -18317,6 +18329,7 @@ var useComputedColumns = ({
       pinnedEndMaxWidth,
       pinnedStartMaxWidth,
       draggableColumns,
+      columnDefaultDraggable,
       columnOrder,
       columnPinning,
       columnDefaultEditable,
@@ -18344,6 +18357,8 @@ var useComputedColumns = ({
     columnOrder,
     columnVisibility,
     columnVisibilityAssumeVisible,
+    columnDefaultDraggable,
+    draggableColumns,
     resizableColumns,
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
@@ -18601,6 +18616,7 @@ function useComputed() {
     columnDefaultWidth: componentState.columnDefaultWidth,
     columnDefaultFlex: componentState.columnDefaultFlex,
     columnDefaultSortable: componentState.columnDefaultSortable,
+    columnDefaultDraggable: componentState.columnDefaultDraggable,
     pinnedStartMaxWidth: componentState.pinnedStartMaxWidth,
     pinnedEndMaxWidth: componentState.pinnedEndMaxWidth,
     bodySize,
@@ -18865,7 +18881,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.6"
+      version: "4.3.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.js

@@ -5686,6 +5686,7 @@ var getComputedColumns = ({
   viewportReservedWidth,
   resizableColumns,
   draggableColumns,
+  columnDefaultDraggable,
   columnOrder,
   columnPinning,
   editable,
@@ -5969,7 +5970,7 @@ var getComputedColumns = ({
       computedSortedDesc,
       computedVisibleIndex,
       computedPinned,
-      computedDraggable: (_z = (_y = c.draggable) != null ? _y : draggableColumns) != null ? _z : DEFAULT_DRAGGABLE,
+      computedDraggable: (_z = (_y = draggableColumns != null ? draggableColumns : c.defaultDraggable) != null ? _y : columnDefaultDraggable) != null ? _z : DEFAULT_DRAGGABLE,
       computedFirstInCategory,
       computedLastInCategory,
       computedFirst: theComputedVisibleIndex === 0,
@@ -15918,6 +15919,15 @@ var InfiniteTableApiImpl = class {
     this.setColumnOrder = (columnOrder) => {
       this.actions.columnOrder = columnOrder;
     };
+    this.setVisibilityForColumnGroup = (columnGroupId, visible) => {
+      const columnGroupVisibility = __spreadValues({}, this.getState().columnGroupVisibility);
+      if (visible) {
+        delete columnGroupVisibility[columnGroupId];
+      } else {
+        columnGroupVisibility[columnGroupId] = false;
+      }
+      this.actions.columnGroupVisibility = columnGroupVisibility;
+    };
     this.collapseAllGroupRows = () => {
       const state = this.getDataSourceState();
       const newState = new GroupRowsState(state.groupRowsState);
@@ -17563,7 +17573,8 @@ var forwardProps4 = (_setupState) => {
     columnMaxWidth: (columnMaxWidth) => columnMaxWidth != null ? columnMaxWidth : 5e3,
     columnDefaultWidth: (columnDefaultWidth) => columnDefaultWidth != null ? columnDefaultWidth : 200,
     columnCssEllipsis: (columnCssEllipsis) => columnCssEllipsis != null ? columnCssEllipsis : true,
-    draggableColumns: (draggableColumns) => draggableColumns != null ? draggableColumns : true,
+    draggableColumns: 1,
+    columnDefaultDraggable: 1,
     headerOptions: (headerOptions) => __spreadValues({
       alwaysReserveSpaceForSortIcon: true
     }, headerOptions),
@@ -18284,6 +18295,7 @@ var useComputedColumns = ({
   columnCssEllipsis,
   columnHeaderCssEllipsis,
   draggableColumns,
+  columnDefaultDraggable,
   sortInfo,
   multiSort,
   filterValue,
@@ -18345,6 +18357,7 @@ var useComputedColumns = ({
       pinnedEndMaxWidth,
       pinnedStartMaxWidth,
       draggableColumns,
+      columnDefaultDraggable,
       columnOrder,
       columnPinning,
       columnDefaultEditable,
@@ -18372,6 +18385,8 @@ var useComputedColumns = ({
     columnOrder,
     columnVisibility,
     columnVisibilityAssumeVisible,
+    columnDefaultDraggable,
+    draggableColumns,
     resizableColumns,
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
@@ -18629,6 +18644,7 @@ function useComputed() {
     columnDefaultWidth: componentState.columnDefaultWidth,
     columnDefaultFlex: componentState.columnDefaultFlex,
     columnDefaultSortable: componentState.columnDefaultSortable,
+    columnDefaultDraggable: componentState.columnDefaultDraggable,
     pinnedStartMaxWidth: componentState.pinnedStartMaxWidth,
     pinnedEndMaxWidth: componentState.pinnedEndMaxWidth,
     bodySize,
@@ -18893,7 +18909,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.6"
+      version: "4.3.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.mjs

@@ -5649,6 +5649,7 @@ var getComputedColumns = ({
   viewportReservedWidth,
   resizableColumns,
   draggableColumns,
+  columnDefaultDraggable,
   columnOrder,
   columnPinning,
   editable,
@@ -5932,7 +5933,7 @@ var getComputedColumns = ({
       computedSortedDesc,
       computedVisibleIndex,
       computedPinned,
-      computedDraggable: (_z = (_y = c.draggable) != null ? _y : draggableColumns) != null ? _z : DEFAULT_DRAGGABLE,
+      computedDraggable: (_z = (_y = draggableColumns != null ? draggableColumns : c.defaultDraggable) != null ? _y : columnDefaultDraggable) != null ? _z : DEFAULT_DRAGGABLE,
       computedFirstInCategory,
       computedLastInCategory,
       computedFirst: theComputedVisibleIndex === 0,
@@ -15886,6 +15887,15 @@ var InfiniteTableApiImpl = class {
     this.setColumnOrder = (columnOrder) => {
       this.actions.columnOrder = columnOrder;
     };
+    this.setVisibilityForColumnGroup = (columnGroupId, visible) => {
+      const columnGroupVisibility = __spreadValues({}, this.getState().columnGroupVisibility);
+      if (visible) {
+        delete columnGroupVisibility[columnGroupId];
+      } else {
+        columnGroupVisibility[columnGroupId] = false;
+      }
+      this.actions.columnGroupVisibility = columnGroupVisibility;
+    };
     this.collapseAllGroupRows = () => {
       const state = this.getDataSourceState();
       const newState = new GroupRowsState(state.groupRowsState);
@@ -17535,7 +17545,8 @@ var forwardProps4 = (_setupState) => {
     columnMaxWidth: (columnMaxWidth) => columnMaxWidth != null ? columnMaxWidth : 5e3,
     columnDefaultWidth: (columnDefaultWidth) => columnDefaultWidth != null ? columnDefaultWidth : 200,
     columnCssEllipsis: (columnCssEllipsis) => columnCssEllipsis != null ? columnCssEllipsis : true,
-    draggableColumns: (draggableColumns) => draggableColumns != null ? draggableColumns : true,
+    draggableColumns: 1,
+    columnDefaultDraggable: 1,
     headerOptions: (headerOptions) => __spreadValues({
       alwaysReserveSpaceForSortIcon: true
     }, headerOptions),
@@ -18256,6 +18267,7 @@ var useComputedColumns = ({
   columnCssEllipsis,
   columnHeaderCssEllipsis,
   draggableColumns,
+  columnDefaultDraggable,
   sortInfo,
   multiSort,
   filterValue,
@@ -18317,6 +18329,7 @@ var useComputedColumns = ({
       pinnedEndMaxWidth,
       pinnedStartMaxWidth,
       draggableColumns,
+      columnDefaultDraggable,
       columnOrder,
       columnPinning,
       columnDefaultEditable,
@@ -18344,6 +18357,8 @@ var useComputedColumns = ({
     columnOrder,
     columnVisibility,
     columnVisibilityAssumeVisible,
+    columnDefaultDraggable,
+    draggableColumns,
     resizableColumns,
     pinnedEndMaxWidth,
     pinnedStartMaxWidth,
@@ -18601,6 +18616,7 @@ function useComputed() {
     columnDefaultWidth: componentState.columnDefaultWidth,
     columnDefaultFlex: componentState.columnDefaultFlex,
     columnDefaultSortable: componentState.columnDefaultSortable,
+    columnDefaultDraggable: componentState.columnDefaultDraggable,
     pinnedStartMaxWidth: componentState.pinnedStartMaxWidth,
     pinnedEndMaxWidth: componentState.pinnedEndMaxWidth,
     bodySize,
@@ -18865,7 +18881,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "4.3.6"
+      version: "4.3.7"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/package.json

@@ -25,7 +25,7 @@
   "bugs": {
     "url": "https://github.com/infinite-table/infinite-react/issues"
   },
-  "version": "4.3.6",
+  "version": "4.3.7",
   "main": "index.js",
   "module": "index.mjs",
   "typings": "index.d.ts",
@@ -34,5 +34,5 @@
   },
   "license": "Commercial & Open Source",
   "//": "will be updated at build time",
-  "publishedAt": 1723632776523
+  "publishedAt": 1723637108931
 }