@synerise/ds-table 0.60.10 → 0.61.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.61.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.60.11...@synerise/ds-table@0.61.0) (2025-01-29)
+
+
+### Features
+
+* antd@4.24 react@18 ([d97a667](https://github.com/synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
+
+
+
+
+
+## [0.60.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.60.10...@synerise/ds-table@0.60.11) (2025-01-21)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+
+
+
+
 ## [0.60.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.60.9...@synerise/ds-table@0.60.10) (2025-01-15)
 
 **Note:** Version bump only for package @synerise/ds-table

package/dist/Cell/Star/StarCell.d.ts

@@ -11,7 +11,7 @@ declare const _default: React.ForwardRefExoticComponent<{
     autoCapitalize?: (string & {}) | "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -20,7 +20,6 @@ declare const _default: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
     translate?: "yes" | "no" | undefined;
@@ -48,19 +47,23 @@ declare const _default: React.ForwardRefExoticComponent<{
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -90,6 +93,7 @@ declare const _default: React.ForwardRefExoticComponent<{
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -170,6 +174,8 @@ declare const _default: React.ForwardRefExoticComponent<{
     onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
     onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
@@ -239,9 +245,7 @@ declare const _default: React.ForwardRefExoticComponent<{
     onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;

package/dist/ColumnSortMenu/SortRenderer.js

@@ -77,7 +77,8 @@ export var CommonRenderer = function CommonRenderer(_ref) {
     type: "ghost",
     mode: "single-icon",
     className: "ds-sort-dropdown-button",
-    onClick: handleButtonClick
+    onClick: handleButtonClick,
+    "data-testid": "table-common-sorter-button"
   }, /*#__PURE__*/React.createElement(DefaultSortIcon, {
     sortOrder: columnSortOrder
   })));
@@ -94,6 +95,35 @@ export var StringRenderer = function StringRenderer(_ref3) {
     isDropdownVisible = _useState2[0],
     setIsDropdownVisible = _useState2[1];
   var locale = useTableLocaleContext();
+  var menuDataSource = [{
+    key: 'ascend',
+    prefixel: /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortAzM, null)
+    }),
+    suffixel: /*#__PURE__*/React.createElement(CheckIcon, {
+      isActive: columnSortOrder === 'ascend'
+    }),
+    text: locale.columnSortAz
+  }, {
+    key: 'descend',
+    prefixel: /*#__PURE__*/React.createElement(Icon, {
+      component: /*#__PURE__*/React.createElement(SortZaM, null)
+    }),
+    suffixel: /*#__PURE__*/React.createElement(CheckIcon, {
+      isActive: columnSortOrder === 'descend'
+    }),
+    text: locale.columnSortZa
+  }];
+  if (columnSortOrder) {
+    menuDataSource.push({
+      key: 'null',
+      type: 'danger',
+      prefixel: /*#__PURE__*/React.createElement(Icon, {
+        component: /*#__PURE__*/React.createElement(Close2M, null)
+      }),
+      text: locale.columnSortClear
+    });
+  }
   return /*#__PURE__*/React.createElement(Dropdown, {
     onVisibleChange: function onVisibleChange(isVisible) {
       if (isVisible !== isDropdownVisible) {
@@ -112,36 +142,16 @@ export var StringRenderer = function StringRenderer(_ref3) {
       },
       style: {
         width: 170
-      }
-    }, /*#__PURE__*/React.createElement(Menu.Item, {
-      key: "ascend",
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(SortAzM, null)
-      }),
-      suffixel: /*#__PURE__*/React.createElement(CheckIcon, {
-        isActive: columnSortOrder === 'ascend'
-      })
-    }, locale.columnSortAz), /*#__PURE__*/React.createElement(Menu.Item, {
-      key: "descend",
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(SortZaM, null)
-      }),
-      suffixel: /*#__PURE__*/React.createElement(CheckIcon, {
-        isActive: columnSortOrder === 'descend'
-      })
-    }, locale.columnSortZa), !!columnSortOrder && /*#__PURE__*/React.createElement(Menu.Item, {
-      key: "null",
-      type: "danger",
-      prefixel: /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(Close2M, null)
-      })
-    }, locale.columnSortClear)))
+      },
+      dataSource: menuDataSource
+    }))
   }, /*#__PURE__*/React.createElement(S.ToggleButton, {
     isVisible: isDropdownVisible,
     type: "ghost",
     mode: "single-icon",
     className: "ds-sort-dropdown-button",
-    onClick: handleButtonClick
+    onClick: handleButtonClick,
+    "data-testid": "table-string-sorter-button"
   }, /*#__PURE__*/React.createElement(StringSortIcon, {
     sortOrder: columnSortOrder
   })));

package/dist/ColumnSortMenu/columnWithSortButtons.js

@@ -1,8 +1,4 @@
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { TitleWithSort } from './TitleWithSort';
 import { CommonRenderer, StringRenderer } from './SortRenderer';
@@ -36,7 +32,7 @@ var getSortRenderer = function getSortRenderer(sortRender, onSort) {
 export var columnWithSortButtons = function columnWithSortButtons(sortStateApi, onSort) {
   return function (column) {
     var sortRenderer = getSortRenderer(column.sortRender, onSort);
-    return column.sorter ? _objectSpread({}, column, {
+    return column.sorter ? _extends({}, column, {
       sortOrder: column.key ? sortStateApi.getColumnSortOrder(String(column.key)) : null,
       title: function title(titleProps) {
         return /*#__PURE__*/React.createElement(TitleWithSort, {

package/dist/ColumnSortMenu/groupedColumnsSort.d.ts

@@ -4,4 +4,4 @@ import { DSColumnType } from '../Table.types';
 import { ColumnSortOrder, SortStateAPI } from './useSortState';
 export declare const getColumnsWithActiveSorting: <T extends GroupType<T>>(sortStateApi: SortStateAPI, columns?: DSColumnType<T>[] | undefined) => DSColumnType<T>[];
 export declare const sortRows: <T>(sortOrder: ColumnSortOrder, compareFn: CompareFn<T>, rows: T[]) => T[];
-export declare const sortDataSourceRows: <T extends GroupType<T>>(sortStateApi: SortStateAPI, sortingColumns?: DSColumnType<T>[] | undefined, dataSource?: T[] | undefined) => T[];
+export declare const sortDataSourceRows: <T extends GroupType<T>>(sortStateApi: SortStateAPI, sortingColumns?: DSColumnType<T>[] | undefined, dataSource?: readonly T[] | undefined) => readonly T[];

package/dist/ColumnSortMenu/groupedColumnsSort.js

@@ -1,8 +1,4 @@
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 export var getColumnsWithActiveSorting = function getColumnsWithActiveSorting(sortStateApi, columns) {
   return !columns ? [] : columns.filter(function (_ref) {
     var key = _ref.key,
@@ -39,7 +35,7 @@ export var sortDataSourceRows = function sortDataSourceRows(sortStateApi, sortin
       }
       return sortRows(sortOrder, sorter, currRows);
     }, [].concat(dataItem.rows));
-    return _objectSpread({}, dataItem, {
+    return _extends({}, dataItem, {
       rows: sortedRows
     });
   });

package/dist/ColumnSortMenu/replaceSortButtons.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const createReplaceButtonsPortal: <T extends Element>(columnTitleElement: T | null, newButtonsNode: React.ReactNode) => () => React.ReactPortal | null;
+import type { ReactPortal, ReactNode } from 'react';
+declare const createReplaceButtonsPortal: <T extends Element>(columnTitleElement: T | null, newButtonsNode: ReactNode) => () => ReactPortal | null;
 export default createReplaceButtonsPortal;

package/dist/ColumnSortMenu/replaceSortButtons.js

@@ -1,4 +1,4 @@
-import * as ReactDOM from 'react-dom';
+import { createPortal } from 'react-dom';
 var createReplaceButtonsPortal = function createReplaceButtonsPortal(columnTitleElement, newButtonsNode) {
   return function () {
     var _columnTitleElement$p;
@@ -10,7 +10,7 @@ var createReplaceButtonsPortal = function createReplaceButtonsPortal(columnTitle
     if (sortInnerElem) {
       sortContainerElem.removeChild(sortInnerElem);
     }
-    return ReactDOM.createPortal(newButtonsNode, sortContainerElem);
+    return createPortal(newButtonsNode, sortContainerElem);
   };
 };
 export default createReplaceButtonsPortal;

package/dist/ColumnSortMenu/useSortState.js

@@ -1,8 +1,4 @@
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { groupBy, merge } from 'lodash';
 export var toSortOrder = function toSortOrder(value) {
@@ -30,31 +26,31 @@ export var columnsToSortState = function columnsToSortState(columns) {
     }
   }
   return columns.reduce(function (state, column) {
-    var _objectSpread2, _objectSpread3;
-    return typeof column.sorter === 'object' ? _objectSpread({}, state, (_objectSpread2 = {}, _objectSpread2[String(column.key)] = {
+    var _extends2, _extends3;
+    return typeof column.sorter === 'object' ? _extends({}, state, (_extends2 = {}, _extends2[String(column.key)] = {
       sortOrder: toSortOrder(column.sortOrder) || toSortOrder(column.defaultSortOrder),
       multiple: column.sorter.multiple || false
-    }, _objectSpread2)) : _objectSpread({}, state, (_objectSpread3 = {}, _objectSpread3[String(column.key)] = {
+    }, _extends2)) : _extends({}, state, (_extends3 = {}, _extends3[String(column.key)] = {
       sortOrder: toSortOrder(column.sortOrder) || toSortOrder(column.defaultSortOrder),
       multiple: false
-    }, _objectSpread3));
+    }, _extends3));
   }, {});
 };
 var setSingleOrder = function setSingleOrder(state, action) {
-  var _objectSpread5;
+  var _extends5;
   var payload = action.payload;
   var onSort = payload.onSort;
   var clearedSortState = Object.entries(state).reduce(function (newState, _ref) {
-    var _objectSpread4;
+    var _extends4;
     var currKey = _ref[0],
       currValue = _ref[1];
-    return _objectSpread({}, newState, (_objectSpread4 = {}, _objectSpread4[currKey] = _objectSpread({}, currValue, {
+    return _extends({}, newState, (_extends4 = {}, _extends4[currKey] = _extends({}, currValue, {
       sortOrder: null
-    }), _objectSpread4));
+    }), _extends4));
   }, {});
-  var newState = _objectSpread({}, clearedSortState, (_objectSpread5 = {}, _objectSpread5[payload.key] = _objectSpread({}, state[payload.key], {
+  var newState = _extends({}, clearedSortState, (_extends5 = {}, _extends5[payload.key] = _extends({}, state[payload.key], {
     sortOrder: payload.sortOrder
-  }), _objectSpread5));
+  }), _extends5));
   onSort && onSort({
     columnKey: payload.key,
     order: payload.sortOrder
@@ -62,20 +58,20 @@ var setSingleOrder = function setSingleOrder(state, action) {
   return newState;
 };
 var setMultipleOrder = function setMultipleOrder(state, action) {
-  var _objectSpread8;
+  var _extends8;
   var payload = action.payload;
   var onSort = payload.onSort;
   var clearedSortState = Object.entries(state).reduce(function (newState, _ref2) {
-    var _objectSpread6, _objectSpread7;
+    var _extends6, _extends7;
     var currKey = _ref2[0],
       currValue = _ref2[1];
-    return currValue.multiple === false ? _objectSpread({}, newState, (_objectSpread6 = {}, _objectSpread6[currKey] = _objectSpread({}, currValue, {
+    return currValue.multiple === false ? _extends({}, newState, (_extends6 = {}, _extends6[currKey] = _extends({}, currValue, {
       sortOrder: null
-    }), _objectSpread6)) : _objectSpread({}, newState, (_objectSpread7 = {}, _objectSpread7[currKey] = state[currKey], _objectSpread7));
+    }), _extends6)) : _extends({}, newState, (_extends7 = {}, _extends7[currKey] = state[currKey], _extends7));
   }, {});
-  var newState = _objectSpread({}, clearedSortState, (_objectSpread8 = {}, _objectSpread8[payload.key] = _objectSpread({}, state[payload.key], {
+  var newState = _extends({}, clearedSortState, (_extends8 = {}, _extends8[payload.key] = _extends({}, state[payload.key], {
     sortOrder: payload.sortOrder
-  }), _objectSpread8));
+  }), _extends8));
   onSort && onSort({
     columnKey: payload.key,
     order: payload.sortOrder

package/dist/DefaultTable/DefaultTable.js

@@ -1,11 +1,6 @@
 var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { compact, isEqual } from 'lodash';
 import Table from 'antd/lib/table';
@@ -39,7 +34,7 @@ function DefaultTable(props) {
   var _useRowKey = useRowKey(rowKey),
     getRowKey = _useRowKey.getRowKey;
   var starColumn = useMemo(function () {
-    return getRowStarColumn(_objectSpread({}, props, {
+    return getRowStarColumn(_extends({}, props, {
       getRowKey: getRowKey
     }));
   }, [getRowKey, getRowStarColumn, props]);
@@ -57,6 +52,8 @@ function DefaultTable(props) {
       sortStateApi.updateColumnsData(columnsToSortState(columns));
     }
   }, [columns, previousColumns, sortStateApi]);
+
+  // @ts-ignore
   var RenderRow = useCallback(function (row) {
     var children = row.children,
       rowProps = _objectWithoutPropertiesLoose(row, _excluded);
@@ -84,17 +81,17 @@ function DefaultTable(props) {
       value = _ref[1];
     if (typeof value === 'function') {
       return [key, function (rawData, meta) {
-        return value(rawData, meta, _objectSpread({}, props, {
+        return value(rawData, meta, _extends({}, props, {
           columns: decoratedColumns
         }));
       }];
     }
     return [key, value];
   }).reduce(function (acc, _ref2) {
-    var _objectSpread2;
+    var _extends2;
     var key = _ref2[0],
       value = _ref2[1];
-    return _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[key] = value, _objectSpread2));
+    return _extends({}, acc, (_extends2 = {}, _extends2[key] = value, _extends2));
   }, {});
   var selectedRecords = useMemo(function () {
     if (selection) {
@@ -144,24 +141,24 @@ function DefaultTable(props) {
   return /*#__PURE__*/React.createElement(Table, _extends({}, props, {
     "data-popup-container": true,
     columns: [].concat(prependedColumns, decoratedColumns),
-    expandable: _objectSpread({
+    expandable: _extends({
       expandIconColumnIndex: -1
     }, expandable),
-    locale: _objectSpread({}, locale, {
+    locale: _extends({}, locale, {
       emptyText: emptyData
     })
     // @ts-ignore
     ,
     title: title,
     showSorterTooltip: false,
-    components: _objectSpread({
+    components: _extends({
       body: {
         row: RenderRow
       }
     }, decoratedComponents)
     // @ts-ignore
     ,
-    rowSelection: selection && _objectSpread({}, selection, {
+    rowSelection: selection && _extends({}, selection, {
       selections: selection == null || (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean),
       columnWidth: 64,
       renderCell: renderRowSelection

package/dist/FilterTrigger/FilterTrigger.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import Button from '@synerise/ds-button';
-export declare const FilterButtonGroup: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-button-group").ButtonGroupProps>, any, {}, never>;
+export declare const FilterButtonGroup: import("styled-components").StyledComponent<({ className, children, title, description, size, fullWidth, buttonsPosition, disabled, splitMode, error, }: import("@synerise/ds-button-group").ButtonGroupProps) => import("react").JSX.Element, any, {}, never>;
 export declare const FilterButtonLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const FilterButton: import("styled-components").StyledComponent<typeof Button, any, {
     opened: boolean;

package/dist/GroupTable/GroupTable.js

@@ -1,11 +1,6 @@
 var _excluded = ["rows"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { flow } from 'lodash';
 import Table from 'antd/lib/table';
@@ -16,7 +11,7 @@ import "../style/index.css";
 import { getColumnsWithActiveSorting, sortDataSourceRows } from '../ColumnSortMenu/groupedColumnsSort';
 var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
   return function (column) {
-    return column.key === activeColumn ? _objectSpread({}, column, {
+    return column.key === activeColumn ? _extends({}, column, {
       onHeaderCell: function onHeaderCell() {
         return {
           className: 'ds-table-active-column'
@@ -26,13 +21,13 @@ var addActiveColumnClass = function addActiveColumnClass(activeColumn) {
   };
 };
 var clearDefaultColumnSortOrder = function clearDefaultColumnSortOrder(column) {
-  return _objectSpread({}, column, {
+  return _extends({}, column, {
     sortOrder: null
   });
 };
 var addSortClassByState = function addSortClassByState(sortStateApi) {
   return function (column) {
-    return sortStateApi.getColumnSortOrder(String(column.key)) ? _objectSpread({}, column, {
+    return sortStateApi.getColumnSortOrder(String(column.key)) ? _extends({}, column, {
       onHeaderCell: function onHeaderCell() {
         return {
           className: 'ant-table-column-sort'
@@ -137,7 +132,7 @@ function GroupTable(props) {
     }
     // @ts-ignore
     ,
-    rowSelection: selection && _objectSpread({}, selection, {
+    rowSelection: selection && _extends({}, selection, {
       columnWidth: 64
     })
   })));

package/dist/InfiniteScroll/OuterListElement.js

@@ -1,9 +1,5 @@
 var _excluded = ["height"];
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useCallback, useState, forwardRef, useEffect } from 'react';
 import Scrollbar from '@synerise/ds-scrollbar';
@@ -48,7 +44,7 @@ var OuterListElement = function OuterListElement(containerRef, isSticky) {
         ref: ref,
         onWheel: onWheelHandler,
         "data-testid": "virtual-table-scrollable-window-sticky",
-        style: _objectSpread({}, rest, {
+        style: _extends({}, rest, {
           maxHeight: height
         })
       }, children);

package/dist/ItemsMenu/ItemsMenu.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Props } from './ItemsMenu.types';
-declare const ItemsMenu: React.FC<Props>;
+declare const ItemsMenu: ({ children }: Props) => React.JSX.Element;
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface Props {
-    children: React.ReactChildren | Element | Element[] | JSX.Element | JSX.Element[];
-}
+import type { ReactNode } from 'react';
+export type Props = {
+    children: ReactNode;
+};

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import type { Key } from 'react';
 import { TableProps } from 'rc-table/lib/Table';
 import { DSTableProps, RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {
     rowKey: TableProps<T>['rowKey'];
     independentSelectionExpandedRows?: boolean;
-    selectedRowKeys: React.ReactText[];
+    selectedRowKeys: Key[];
     selectedRecords: T[];
     limit?: number;
     record: T;

package/dist/Table.js

@@ -1,9 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React, { useCallback, useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import '@synerise/ds-core/dist/js/style';
@@ -66,7 +61,7 @@ var DSTable = function DSTable(props) {
       return [].concat(items);
     }, []) : dataSource;
     var totalCount = dataSourceTotalCount || (dataSource == null ? void 0 : dataSource.length) || (dataSourceFull == null ? void 0 : dataSourceFull.length);
-    return !hideTitleBar && /*#__PURE__*/React.createElement(TableHeader, {
+    return !hideTitleBar ? /*#__PURE__*/React.createElement(TableHeader, {
       withBorderTop: headerWithBorderTop,
       selectedRows: size,
       title: title,
@@ -85,10 +80,10 @@ var DSTable = function DSTable(props) {
       hideTitlePart: hideTitlePart,
       childrenColumnName: getChildrenColumnName(expandable == null ? void 0 : expandable.childrenColumnName),
       isLoading: loading
-    });
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null);
   }, [selection, grouped, dataSource, dataSourceTotalCount, dataSourceFull, hideTitleBar, headerWithBorderTop, title, filters, itemsMenu, searchComponent, filterComponent, headerButton, rowKey, tableLocale, renderSelectionTitle, hideTitlePart, expandable == null ? void 0 : expandable.childrenColumnName, loading]);
   var footerPagination = useMemo(function () {
-    return _objectSpread({
+    return _extends({
       showTotal: function showTotal(total, range) {
         var _tableLocale$paginati, _tableLocale$paginati2;
         return !hideTitlePart ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, formatValue(range[0])), "-", /*#__PURE__*/React.createElement("strong", null, formatValue(range[1])), " of", ' ', /*#__PURE__*/React.createElement("strong", null, formatValue(total)), ' ', grouped ? tableLocale == null || (_tableLocale$paginati = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati.groups : tableLocale == null || (_tableLocale$paginati2 = tableLocale.pagination) == null ? void 0 : _tableLocale$paginati2.items) : /*#__PURE__*/React.createElement("div", {
@@ -129,7 +124,7 @@ var DSTable = function DSTable(props) {
       scroll: {
         x: 'auto'
       },
-      tableLayout: "auto"
+      tableLayout: "fixed"
     }, props, {
       locale: tableLocale,
       title: renderHeader

package/dist/Table.styles.d.ts

@@ -15,6 +15,7 @@ export declare const TitlePart: import("styled-components").StyledComponent<"spa
 export declare const TitleSeparator: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Left: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Right: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const RightSideWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"div", any, {
     isOpen?: boolean | undefined;