@open-condo/ui 2.48.0 → 2.50.0

package/dist/index.js

@@ -56743,7 +56743,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(8138);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// ./package.json
-var package_namespaceObject = {"rE":"2.48.0"};
+var package_namespaceObject = {"rE":"2.50.0"};
 ;// ./src/components/_utils/analytics.ts
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -87487,7 +87487,8 @@ function FilterMenuDropdown(_ref2) {
 
     debouncedConfirm();
   }, [debouncedConfirm]);
-  var handleClear = (0,external_react_.useCallback)(function () {
+  var handleClear = (0,external_react_.useCallback)(function (e) {
+    e.stopPropagation();
     clearFilters();
     confirm({
       closeDropdown: true
@@ -87504,39 +87505,31 @@ function FilterMenuDropdown(_ref2) {
       clearFilters: clearFilters,
       setShowResetButton: setShowResetButton
     }), /*#__PURE__*/external_react_default().createElement(ResetButton, {
-      onClick: handleClear,
+      onClick: clearFilters,
       resetLabel: columnLabels.resetFilterLabel || 'Reset Filter',
       showResetButton: showResetButton
     }));
-  }, [FilterComponent, tempValue, setTempValue, confirm, handleClear, columnLabels, showResetButton, clearFilters]);
+  }, [FilterComponent, tempValue, setTempValue, confirm, columnLabels, showResetButton, clearFilters]);
   return /*#__PURE__*/external_react_default().createElement(Dropdown_Dropdown, {
     align: {
-      points: ['cl', 'cr'],
-      offset: [8, 0]
+      points: ['br', 'tl']
     },
     trigger: [DROPDOWN_TRIGGER_CLICK],
     open: open,
     onOpenChange: setOpen,
     dropdownRender: dropdownRender
-  }, header.column.getIsFiltered() ? /*#__PURE__*/external_react_default().createElement("div", {
+  }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "condo-dropdown-menu-item-inner"
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "condo-dropdown-menu-item-inner-left condo-dropdown-menu-item-inner-left-active"
+    className: node_modules_classnames_default()('condo-dropdown-menu-item-inner-left', header.column.getIsFiltered() && 'condo-dropdown-menu-item-inner-left-active')
   }, /*#__PURE__*/external_react_default().createElement(dist.Filter, {
     size: "small",
-    className: "condo-table-icon condo-table-icon-green"
-  }), (columnLabels === null || columnLabels === void 0 ? void 0 : columnLabels.filteredLabel) || 'Filtered'), /*#__PURE__*/external_react_default().createElement(dist.Close, {
+    className: node_modules_classnames_default()('condo-table-icon', header.column.getIsFiltered() ? 'condo-table-icon-green' : 'condo-table-icon-gray')
+  }), header.column.getIsFiltered() ? (columnLabels === null || columnLabels === void 0 ? void 0 : columnLabels.filteredLabel) || 'Filtered' : (columnLabels === null || columnLabels === void 0 ? void 0 : columnLabels.filterLabel) || 'Filter'), header.column.getIsFiltered() && /*#__PURE__*/external_react_default().createElement(dist.Close, {
     size: "small",
-    onClick: clearFilters,
+    onClick: handleClear,
     className: "condo-table-icon condo-table-icon-black"
-  })) : /*#__PURE__*/external_react_default().createElement("div", {
-    className: "condo-dropdown-menu-item-inner"
-  }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "condo-dropdown-menu-item-inner-left"
-  }, /*#__PURE__*/external_react_default().createElement(dist.Filter, {
-    size: "small",
-    className: "condo-table-icon condo-table-icon-gray"
-  }), (columnLabels === null || columnLabels === void 0 ? void 0 : columnLabels.filterLabel) || 'Filter')));
+  })));
 }
 
 function SettingsDropdownContent(_ref3) {
@@ -87692,7 +87685,7 @@ function TableHeader(_ref5) {
     key: headerGroup.id,
     className: "condo-table-thead"
   }, headerGroup.headers.map(function (header) {
-    var _header$column$column3;
+    var _header$column$column3, _header$column$column4;
 
     return /*#__PURE__*/external_react_default().createElement("div", {
       key: header.id,
@@ -87725,8 +87718,8 @@ function TableHeader(_ref5) {
       className: "condo-table-th-more-icon"
     }, /*#__PURE__*/external_react_default().createElement(dist.MoreVertical, {
       size: "small"
-    }))))), /*#__PURE__*/external_react_default().createElement("button", {
-      className: "condo-table-th-resize-handle",
+    }))))), ((_header$column$column4 = header.column.columnDef.meta) === null || _header$column$column4 === void 0 ? void 0 : _header$column$column4.enableColumnResize) && /*#__PURE__*/external_react_default().createElement("button", {
+      className: node_modules_classnames_default()('condo-table-th-resize-handle'),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler(),
       onDoubleClick: function onDoubleClick() {
@@ -87786,9 +87779,7 @@ function TablePagination(_ref) {
     pageSize: pageSize,
     size: "small",
     hideOnSinglePage: true,
-    showLessItems: true,
     showSizeChanger: false,
-    showQuickJumper: false,
     disabled: isDisabled,
     onChange: handlePageChange
   });
@@ -88561,6 +88552,8 @@ function table_asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg)
 
 function table_asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { table_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { table_asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+function table_typeof(obj) { "@babel/helpers - typeof"; return table_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, table_typeof(obj); }
+
 function table_slicedToArray(arr, i) { return table_arrayWithHoles(arr) || table_iterableToArrayLimit(arr, i) || table_unsupportedIterableToArray(arr, i) || table_nonIterableRest(); }
 
 function table_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -88573,8 +88566,6 @@ function table_iterableToArrayLimit(arr, i) { var _i = arr == null ? null : type
 
 function table_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function table_typeof(obj) { "@babel/helpers - typeof"; return table_typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, table_typeof(obj); }
-
 
 
 
@@ -88596,12 +88587,23 @@ function SelectionCheckbox(_ref) {
       disabled = _ref.disabled,
       indeterminate = _ref.indeterminate,
       onChange = _ref.onChange;
-  return /*#__PURE__*/external_react_default().createElement(components_Checkbox_Checkbox, {
+  return /*#__PURE__*/external_react_default().createElement("span", {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onKeyDown: function onKeyDown(e) {
+      return e.stopPropagation();
+    },
+    onTouchStart: function onTouchStart(e) {
+      return e.stopPropagation();
+    },
+    role: "button"
+  }, /*#__PURE__*/external_react_default().createElement(components_Checkbox_Checkbox, {
     checked: checked,
     indeterminate: indeterminate,
     disabled: disabled,
     onChange: onChange
-  });
+  }));
 }
 /**
  * @deprecated This component is experimental. API may change at any time without notice.
@@ -88632,7 +88634,8 @@ function TableComponent(props, ref) {
     startRow: 0,
     endRow: pageSize,
     sortState: [],
-    rowSelectionState: []
+    rowSelectionState: [],
+    globalFilter: undefined
   } : _props$initialTableSt,
       _props$storageKey = props.storageKey,
       storageKey = _props$storageKey === void 0 ? "table-settings-".concat(id) : _props$storageKey,
@@ -88640,13 +88643,19 @@ function TableComponent(props, ref) {
       columnLabels = _props$columnLabels === void 0 ? {} : _props$columnLabels,
       onRowClick = props.onRowClick,
       rowSelectionOptions = props.rowSelectionOptions,
-      onGridReady = props.onGridReady,
+      onTableReady = props.onTableReady,
       getRowId = props.getRowId;
+
+  var _useState = (0,external_react_.useState)(initialTableState.globalFilter),
+      _useState2 = table_slicedToArray(_useState, 2),
+      globalFilter = _useState2[0],
+      _setGlobalFilter = _useState2[1];
+
   var columnHelper = createColumnHelper();
   var tableColumns = (0,external_react_.useMemo)(function () {
     var resultColumns = [];
 
-    if (rowSelectionOptions) {
+    if (rowSelectionOptions !== null && rowSelectionOptions !== void 0 && rowSelectionOptions.enableRowSelection) {
       resultColumns.push(columnHelper.display({
         id: COLUMN_ID_SELECTION,
         header: function header(_ref2) {
@@ -88670,6 +88679,7 @@ function TableComponent(props, ref) {
         enableColumnFilter: false,
         meta: {
           initialVisibility: true,
+          enableColumnResize: false,
           initialSize: 48,
           initialOrder: 0,
           enableColumnSettings: false
@@ -88678,7 +88688,7 @@ function TableComponent(props, ref) {
     }
 
     columns.forEach(function (c) {
-      var _c$enableColumnSettin, _defaultColumn$enable, _c$enableSorting, _defaultColumn$enable2, _c$minSize, _defaultColumn$minSiz, _c$initialSize, _defaultColumn$initia, _c$initialVisibility, _defaultColumn$initia2;
+      var _c$enableColumnSettin, _defaultColumn$enable, _c$enableSorting, _defaultColumn$enable2, _c$enableColumnResize, _defaultColumn$enable3, _c$minSize, _defaultColumn$minSiz, _c$initialSize, _defaultColumn$initia, _c$initialVisibility, _defaultColumn$initia2;
 
       var colId = c.id;
       var colDataKey = c.dataKey;
@@ -88701,7 +88711,7 @@ function TableComponent(props, ref) {
       var colCell = function colCell(info) {
         var _c$render, _c$render2;
 
-        return (_c$render = (_c$render2 = c.render) === null || _c$render2 === void 0 ? void 0 : _c$render2.call(c, info.getValue(), info.row.original, info.row.index)) !== null && _c$render !== void 0 ? _c$render : renderTextWithTooltip()(info.getValue());
+        return (_c$render = (_c$render2 = c.render) === null || _c$render2 === void 0 ? void 0 : _c$render2.call(c, info.getValue(), info.row.original, info.row.index, globalFilter)) !== null && _c$render !== void 0 ? _c$render : renderTextWithTooltip()(info.getValue());
       };
 
       var filterComponent;
@@ -88717,7 +88727,8 @@ function TableComponent(props, ref) {
 
       var enableColumnFilter = !!filterComponent;
       var enableColumnSettings = (_c$enableColumnSettin = c.enableColumnSettings) !== null && _c$enableColumnSettin !== void 0 ? _c$enableColumnSettin : (_defaultColumn$enable = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.enableColumnSettings) !== null && _defaultColumn$enable !== void 0 ? _defaultColumn$enable : true;
-      var enableSorting = (_c$enableSorting = c.enableSorting) !== null && _c$enableSorting !== void 0 ? _c$enableSorting : (_defaultColumn$enable2 = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.enableSorting) !== null && _defaultColumn$enable2 !== void 0 ? _defaultColumn$enable2 : false;
+      var enableSorting = (_c$enableSorting = c.enableSorting) !== null && _c$enableSorting !== void 0 ? _c$enableSorting : (_defaultColumn$enable2 = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.enableSorting) !== null && _defaultColumn$enable2 !== void 0 ? _defaultColumn$enable2 : true;
+      var enableColumnResize = (_c$enableColumnResize = c.enableColumnResize) !== null && _c$enableColumnResize !== void 0 ? _c$enableColumnResize : (_defaultColumn$enable3 = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.enableColumnResize) !== null && _defaultColumn$enable3 !== void 0 ? _defaultColumn$enable3 : true;
       var enableColumnMenu = enableSorting || enableColumnFilter || enableColumnSettings;
       var colMinSize = (_c$minSize = c.minSize) !== null && _c$minSize !== void 0 ? _c$minSize : (_defaultColumn$minSiz = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.minSize) !== null && _defaultColumn$minSiz !== void 0 ? _defaultColumn$minSiz : DEFAULT_MIN_SIZE;
       var initialSize = (_c$initialSize = c.initialSize) !== null && _c$initialSize !== void 0 ? _c$initialSize : (_defaultColumn$initia = defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.initialSize) !== null && _defaultColumn$initia !== void 0 ? _defaultColumn$initia : undefined;
@@ -88727,6 +88738,7 @@ function TableComponent(props, ref) {
         filterComponent: filterComponent,
         enableColumnSettings: enableColumnSettings,
         enableColumnMenu: enableColumnMenu,
+        enableColumnResize: enableColumnResize,
         initialSize: initialSize,
         initialVisibility: initialVisibility,
         initialOrder: initialOrder
@@ -88748,47 +88760,20 @@ function TableComponent(props, ref) {
       }
     });
     return resultColumns;
-  }, [columns, columnHelper, defaultColumn, rowSelectionOptions]);
+  }, [columns, columnHelper, defaultColumn, rowSelectionOptions === null || rowSelectionOptions === void 0 ? void 0 : rowSelectionOptions.enableRowSelection, globalFilter]);
 
-  var _useTableSetting = useTableSetting({
-    storageKey: storageKey,
-    columns: tableColumns
-  }),
-      columnVisibility = _useTableSetting.columnVisibility,
-      columnOrder = _useTableSetting.columnOrder,
-      columnSizing = _useTableSetting.columnSizing,
-      onColumnVisibilityChange = _useTableSetting.onColumnVisibilityChange,
-      onColumnOrderChange = _useTableSetting.onColumnOrderChange,
-      onColumnSizingChange = _useTableSetting.onColumnSizingChange,
-      resetSettings = _useTableSetting.resetSettings;
-
-  var orderedColumns = (0,external_react_.useMemo)(function () {
-    if (columnOrder && columnOrder.length > 0) {
-      var columnsById = Object.fromEntries(tableColumns.map(function (c) {
-        return [c.id, c];
-      }));
-      return columnOrder.map(function (key) {
-        return columnsById[key];
-      }).filter(function (col) {
-        return col !== undefined;
-      });
-    }
-
-    return tableColumns;
-  }, [tableColumns, columnOrder]);
-
-  var _useState = (0,external_react_.useState)(initialTableState.sortState.filter(function (sortCol) {
+  var _useState3 = (0,external_react_.useState)(initialTableState.sortState.filter(function (sortCol) {
     var _tableColumns$find;
 
     return (_tableColumns$find = tableColumns.find(function (col) {
       return sortCol.id === col.id;
     })) === null || _tableColumns$find === void 0 ? void 0 : _tableColumns$find.enableSorting;
   })),
-      _useState2 = table_slicedToArray(_useState, 2),
-      sorting = _useState2[0],
-      _setSorting = _useState2[1];
+      _useState4 = table_slicedToArray(_useState3, 2),
+      sorting = _useState4[0],
+      _setSorting = _useState4[1];
 
-  var _useState3 = (0,external_react_.useState)(Object.entries(initialTableState.filterState).map(function (_ref4) {
+  var _useState5 = (0,external_react_.useState)(Object.entries(initialTableState.filterState).map(function (_ref4) {
     var _ref5 = table_slicedToArray(_ref4, 2),
         key = _ref5[0],
         value = _ref5[1];
@@ -88804,41 +88789,71 @@ function TableComponent(props, ref) {
       return filterCol.id === col.id;
     })) === null || _tableColumns$find2 === void 0 ? void 0 : _tableColumns$find2.enableColumnFilter;
   })),
-      _useState4 = table_slicedToArray(_useState3, 2),
-      columnFilters = _useState4[0],
-      setColumnFilters = _useState4[1];
+      _useState6 = table_slicedToArray(_useState5, 2),
+      columnFilters = _useState6[0],
+      setColumnFilters = _useState6[1];
 
-  var _useState5 = (0,external_react_.useState)({
+  var _useState7 = (0,external_react_.useState)({
     pageIndex: getPageIndexFromStartRow(initialTableState.startRow, pageSize),
     pageSize: pageSize
   }),
-      _useState6 = table_slicedToArray(_useState5, 2),
-      pagination = _useState6[0],
-      _setPagination = _useState6[1];
-
-  var _useState7 = (0,external_react_.useState)([]),
       _useState8 = table_slicedToArray(_useState7, 2),
-      tableData = _useState8[0],
-      setTableData = _useState8[1];
+      pagination = _useState8[0],
+      _setPagination = _useState8[1];
 
-  var _useState9 = (0,external_react_.useState)(0),
+  var _useState9 = (0,external_react_.useState)([]),
       _useState10 = table_slicedToArray(_useState9, 2),
-      rowCount = _useState10[0],
-      setRowCount = _useState10[1];
+      tableData = _useState10[0],
+      setTableData = _useState10[1];
 
-  var _useState11 = (0,external_react_.useState)(((_initialTableState$ro = initialTableState.rowSelectionState) === null || _initialTableState$ro === void 0 ? void 0 : _initialTableState$ro.reduce(function (acc, selectedRow) {
+  var _useState11 = (0,external_react_.useState)(0),
+      _useState12 = table_slicedToArray(_useState11, 2),
+      rowCount = _useState12[0],
+      setRowCount = _useState12[1];
+
+  var _useState13 = (0,external_react_.useState)(((_initialTableState$ro = initialTableState.rowSelectionState) === null || _initialTableState$ro === void 0 ? void 0 : _initialTableState$ro.reduce(function (acc, selectedRow) {
     acc[selectedRow] = true;
     return acc;
   }, {})) || {}),
-      _useState12 = table_slicedToArray(_useState11, 2),
-      rowSelection = _useState12[0],
-      setRowSelection = _useState12[1];
-
-  var _useState13 = (0,external_react_.useState)(true),
       _useState14 = table_slicedToArray(_useState13, 2),
-      internalLoading = _useState14[0],
-      setInternalLoading = _useState14[1]; // NOTE: This effect should be first, because if we have error in this effect, we don't want to change the table state and fetch new data
+      rowSelection = _useState14[0],
+      setRowSelection = _useState14[1];
 
+  var _useState15 = (0,external_react_.useState)(true),
+      _useState16 = table_slicedToArray(_useState15, 2),
+      internalLoading = _useState16[0],
+      setInternalLoading = _useState16[1];
+
+  var _useTableSetting = useTableSetting({
+    storageKey: storageKey,
+    columns: tableColumns
+  }),
+      columnVisibility = _useTableSetting.columnVisibility,
+      columnOrder = _useTableSetting.columnOrder,
+      columnSizing = _useTableSetting.columnSizing,
+      onColumnVisibilityChange = _useTableSetting.onColumnVisibilityChange,
+      onColumnOrderChange = _useTableSetting.onColumnOrderChange,
+      onColumnSizingChange = _useTableSetting.onColumnSizingChange,
+      resetSettings = _useTableSetting.resetSettings;
+
+  var orderedColumns = (0,external_react_.useMemo)(function () {
+    if (columnOrder && columnOrder.length > 0) {
+      var columnsById = Object.fromEntries(tableColumns.map(function (c) {
+        return [c.id, c];
+      }));
+      return columnOrder.map(function (key) {
+        return columnsById[key];
+      }).filter(function (col) {
+        return col !== undefined;
+      });
+    }
+
+    return tableColumns;
+  }, [tableColumns, columnOrder]);
+  var onTableStateChangeRef = (0,external_react_.useRef)(onTableStateChange);
+  (0,external_react_.useEffect)(function () {
+    onTableStateChangeRef.current = onTableStateChange;
+  }, [onTableStateChange]); // NOTE: This effect should be first, because if we have error in this effect, we don't want to change the table state and fetch new data
 
   (0,external_react_.useEffect)(function () {
     var handleTableStateChange = /*#__PURE__*/function () {
@@ -88848,18 +88863,19 @@ function TableComponent(props, ref) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                if (onTableStateChange) {
+                if (onTableStateChangeRef.current) {
                   startRow = pagination.pageIndex * pagination.pageSize;
                   endRow = startRow + pagination.pageSize;
                   filterState = columnFilters.reduce(function (acc, filter) {
                     acc[filter.id] = filter.value;
                     return acc;
                   }, {});
-                  onTableStateChange({
+                  onTableStateChangeRef.current({
                     startRow: startRow,
                     endRow: endRow,
                     filterState: filterState,
                     sortState: sorting,
+                    globalFilter: globalFilter,
                     rowSelectionState: Object.keys(rowSelection)
                   });
                 }
@@ -88878,7 +88894,7 @@ function TableComponent(props, ref) {
     }();
 
     handleTableStateChange();
-  }, [sorting, pagination, columnFilters, onTableStateChange, rowSelection]);
+  }, [sorting, pagination, columnFilters, rowSelection, globalFilter]);
   var stableDataSource = (0,external_react_.useRef)(dataSource);
   (0,external_react_.useEffect)(function () {
     stableDataSource.current = dataSource;
@@ -88911,7 +88927,8 @@ function TableComponent(props, ref) {
               startRow: startRow,
               endRow: endRow,
               filterState: filterState,
-              sortState: sorting
+              sortState: sorting,
+              globalFilter: globalFilter
             }, isRefetch);
 
           case 8:
@@ -88940,7 +88957,7 @@ function TableComponent(props, ref) {
         }
       }
     }, _callee2, null, [[5, 15, 19, 22]]);
-  })), [pagination, columnFilters, sorting]);
+  })), [pagination, columnFilters, sorting, globalFilter]);
   (0,external_react_.useEffect)(function () {
     fetchData();
   }, [fetchData]);
@@ -89000,6 +89017,7 @@ function TableComponent(props, ref) {
 
       setRowSelection(newRowSelection);
     },
+    onGlobalFilterChange: _setGlobalFilter,
     manualSorting: true,
     manualFiltering: true,
     manualPagination: true,
@@ -89010,7 +89028,8 @@ function TableComponent(props, ref) {
       columnVisibility: columnVisibility,
       columnOrder: columnOrder,
       rowSelection: rowSelection,
-      columnSizing: columnSizing
+      columnSizing: columnSizing,
+      globalFilter: globalFilter
     },
     rowCount: rowCount,
     enableMultiSort: false,
@@ -89025,7 +89044,7 @@ function TableComponent(props, ref) {
       filterFn: 'equals'
     }
   });
-  var stableOnGridReady = (0,external_react_.useRef)(onGridReady);
+  var stableOnGridReady = (0,external_react_.useRef)(onTableReady);
   (0,external_react_.useEffect)(function () {
     if (stableOnGridReady.current && ref && 'current' in ref && ref.current) {
       var fn = stableOnGridReady.current;
@@ -89102,6 +89121,19 @@ function TableComponent(props, ref) {
           }
         });
       },
+      getGlobalFilter: function getGlobalFilter() {
+        return table.getState().globalFilter;
+      },
+      setGlobalFilter: function setGlobalFilter(newGlobalFilter) {
+        // NOTE: If we change global filter, we need to reset pagination to the first page
+        _setPagination(function (prev) {
+          return prev.pageIndex === 0 ? prev : table_objectSpread(table_objectSpread({}, prev), {}, {
+            pageIndex: 0
+          });
+        });
+
+        _setGlobalFilter(newGlobalFilter);
+      },
       getPagination: function getPagination() {
         return {
           startRow: table.getState().pagination.pageIndex * table.getState().pagination.pageSize,
@@ -89160,13 +89192,53 @@ function TableComponent(props, ref) {
         }
 
         return refetchData;
-      }()
+      }(),
+      getFullTableState: function getFullTableState() {
+        return {
+          startRow: table.getState().pagination.pageIndex * table.getState().pagination.pageSize,
+          filterState: table.getState().columnFilters.reduce(function (acc, filter) {
+            acc[filter.id] = filter.value;
+            return acc;
+          }, {}),
+          sortState: table.getState().sorting,
+          rowSelectionState: table.getSelectedRowModel().flatRows.map(function (row) {
+            return row.id;
+          }),
+          globalFilter: table.getState().globalFilter
+        };
+      },
+      setFullTableState: function setFullTableState(tableState) {
+        _setPagination({
+          pageIndex: getPageIndexFromStartRow(tableState.startRow, pageSize),
+          pageSize: pageSize
+        });
+
+        setColumnFilters(Object.entries(tableState.filterState).map(function (_ref11) {
+          var _ref12 = table_slicedToArray(_ref11, 2),
+              key = _ref12[0],
+              value = _ref12[1];
+
+          return {
+            id: key,
+            value: value
+          };
+        }));
+
+        _setSorting(tableState.sortState);
+
+        _setGlobalFilter(tableState.globalFilter);
+
+        setRowSelection(tableState.rowSelectionState.reduce(function (acc, selectedRow) {
+          acc[selectedRow] = true;
+          return acc;
+        }, {}));
+      }
     };
     var tableRef = {
       api: api
     };
     return tableRef;
-  }, [table, fetchData]);
+  }, [table, fetchData, pageSize]);
   var tableContainerRef = (0,external_react_.useRef)(null);
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "condo-table-container",
@@ -89229,22 +89301,29 @@ var getFiltersFromQuery = function getFiltersFromQuery(query) {
   var filters = query.filters;
 
   if (!filters || typeof filters !== 'string') {
-    return {};
+    return [{}, undefined];
   }
 
   try {
     var json = JSON.parse(filters);
     var result = {};
+    var globalFilter = undefined;
     Object.keys(json).forEach(function (key) {
       var value = json[key];
+
+      if (key === 'search') {
+        globalFilter = typeof value === 'string' && !isEmpty_default()(value) ? value : undefined;
+        return;
+      }
+
       if (Array.isArray(value)) result[key] = value.filter(function (v) {
         return typeof v === 'string' && Boolean(v);
       });
-      if (typeof value === 'string' && !!value) result[key] = value;
+      if (typeof value === 'string' && !isEmpty_default()(value)) result[key] = value;
     });
-    return result;
+    return [result, globalFilter];
   } catch (_unused) {
-    return {};
+    return [{}, undefined];
   }
 };
 
@@ -89367,7 +89446,11 @@ var updateUrl = function updateUrl(newParams, options) {
 
 
 var defaultParseUrlQuery = function defaultParseUrlQuery(query, pageSize) {
-  var filters = getFiltersFromQuery(query);
+  var _getFiltersFromQuery = getFiltersFromQuery(query),
+      _getFiltersFromQuery2 = urlQuery_slicedToArray(_getFiltersFromQuery, 2),
+      filters = _getFiltersFromQuery2[0],
+      globalFilter = _getFiltersFromQuery2[1];
+
   var sorters = getSortersFromQuery(query);
   var rowSelection = getRowSelectionFromQuery(query);
   var offset = Number(query === null || query === void 0 ? void 0 : query.offset) ? Number(query === null || query === void 0 ? void 0 : query.offset) : 0;
@@ -89378,6 +89461,7 @@ var defaultParseUrlQuery = function defaultParseUrlQuery(query, pageSize) {
     sortState: sorters,
     startRow: newStartRow,
     endRow: newStartRow + pageSize,
+    globalFilter: globalFilter,
     rowSelectionState: rowSelection
   };
 };
@@ -89401,14 +89485,19 @@ var isValidFilterValue = function isValidFilterValue(value) {
   return false;
 };
 
-var normalizeFilters = function normalizeFilters(filterState) {
-  if (!filterState || Object.keys(filterState).length === 0) {
+var normalizeFilters = function normalizeFilters(filterState, globalFilter) {
+  if ((!filterState || Object.keys(filterState).length === 0) && !globalFilter) {
     return null;
   }
 
   var validFilters = pickBy_default()(filterState, function (value, key) {
     return typeof key === 'string' && isValidFilterValue(value);
   });
+
+  if (globalFilter && isValidFilterValue(globalFilter)) {
+    validFilters.search = globalFilter;
+  }
+
   return Object.keys(validFilters).length > 0 ? validFilters : null;
 };
 
@@ -89447,10 +89536,11 @@ var defaultUpdateUrlQuery = function defaultUpdateUrlQuery(params) {
   var startRow = params.startRow,
       filterState = params.filterState,
       sortState = params.sortState,
-      rowSelectionState = params.rowSelectionState;
+      rowSelectionState = params.rowSelectionState,
+      globalFilter = params.globalFilter;
   var newParameters = {
     offset: normalizeOffset(startRow),
-    filters: normalizeFilters(filterState),
+    filters: normalizeFilters(filterState, globalFilter),
     sort: normalizeSorters(sortState),
     selectedRows: normalizeSelectedRows(rowSelectionState)
   };

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 03 Dec 2025 17:35:19 GMT
+ * Generated on Wed, 10 Dec 2025 06:39:25 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 03 Dec 2025 17:35:19 GMT
+// Generated on Wed, 10 Dec 2025 06:39:25 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;