@commercetools-uikit/data-table 19.26.0 → 20.0.0

package/dist/commercetools-uikit-data-table.cjs.dev.js

@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _pt = require('prop-types');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
@@ -23,8 +22,8 @@ var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
-var icons = require('@commercetools-uikit/icons');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var icons = require('@commercetools-uikit/icons');
 var _Number$isNaN = require('@babel/runtime-corejs3/core-js-stable/number/is-nan');
 var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -41,7 +40,6 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var isEqual__default = /*#__PURE__*/_interopDefault(isEqual);
@@ -72,7 +70,7 @@ var _ref9 = process.env.NODE_ENV === "production" ? {
   styles: "text-align:right;justify-self:flex-end;label:getHorizontalAlignmentStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2MiLCJmaWxlIjoiY2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFREYXRhQ2VsbCB9IGZyb20gJy4vY2VsbCc7XG5cbnR5cGUgVENlbGxJbm5lciA9IHtcbiAgc2hvdWxkQ2xpcENvbnRlbnQ/OiBib29sZWFuO1xufSAmIFBpY2s8XG4gIFREYXRhQ2VsbCxcbiAgfCAndmVydGljYWxDZWxsQWxpZ25tZW50J1xuICB8ICdob3Jpem9udGFsQ2VsbEFsaWdubWVudCdcbiAgfCAnaXNUcnVuY2F0ZWQnXG4gIHwgJ2lzQ29uZGVuc2VkJ1xuPjtcblxuY29uc3QgZ2V0UGFkZGluZ1N0eWxlID0gKHByb3BzOiBUQ2VsbElubmVyKSA9PiB7XG4gIGlmIChwcm9wcy5pc0NvbmRlbnNlZClcbiAgICByZXR1cm4gY3NzYFxuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGA7XG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0SG9yaXpvbnRhbEFsaWdubWVudFN0eWxlID0gKHByb3BzOiBUQ2VsbElubmVyKSA9PiB7XG4gIGlmIChwcm9wcy5ob3Jpem9udGFsQ2VsbEFsaWdubWVudCA9PT0gJ2NlbnRlcicpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgYDtcbiAgfVxuICBpZiAocHJvcHMuaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQgPT09ICdyaWdodCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICBqdXN0aWZ5LXNlbGY6IGZsZXgtZW5kO1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGp1c3RpZnktc2VsZjogZmxleC1zdGFydDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldFZlcnRpY2FsQWxpZ25tZW50U3R5bGUgPSAocHJvcHM6IFRDZWxsSW5uZXIpID0+IHtcbiAgaWYgKHByb3BzLnZlcnRpY2FsQ2VsbEFsaWdubWVudCA9PT0gJ2NlbnRlcicpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGA7XG4gIH1cbiAgaWYgKHByb3BzLnZlcnRpY2FsQ2VsbEFsaWdubWVudCA9PT0gJ2JvdHRvbScpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGA7XG59O1xuXG5jb25zdCBnZXRUcnVuY2F0ZWRTdHlsZSA9IChwcm9wczogVENlbGxJbm5lcikgPT4ge1xuICBpZiAocHJvcHMuaXNUcnVuY2F0ZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBgO1xuICB9XG4gIHJldHVybiAnJztcbn07XG5cbi8qIHRoZSA6Zm9jdXMtd2l0aGluIHN0YXRlIGRvZXNuJ3QgZW5hYmxlIHRoZSBvdXRsaW5lIHN0eWxlcyxcbiAgc28gd2UgaGF2ZSB0byBzZXQgdGhlbSBtYW51YWxseS4gKi9cbmNvbnN0IG91dGxpbmVTdHlsZXMgPSBjc3NgXG4gIC8qIHRvIGF2b2lkIGdldHRpbmcgY3V0IGJ5IG92ZXJmbG93OmhpZGRlbiAqL1xuICBvdXRsaW5lLW9mZnNldDogLTNweDtcblxuICA6aGFzKDpmb2N1cy12aXNpYmxlKSB7XG4gICAgb3V0bGluZS1zdHlsZTogYXV0bztcblxuICAgIC8qIHRyeSB1c2luZyB0aGUgZGVmYXVsdCB1c2VyLWFnZW50IGNvbG9yICovXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgZGVjbGFyYXRpb24tYmxvY2stbm8tZHVwbGljYXRlLXByb3BlcnRpZXMgKi9cbiAgICBvdXRsaW5lLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgb3V0bGluZS1jb2xvcjogYWN0aXZlYm9yZGVyO1xuICAgIG91dGxpbmUtY29sb3I6IC1tb3otbWFjLWZvY3VzcmluZztcbiAgICBvdXRsaW5lLWNvbG9yOiAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gICAgLyogc3R5bGVsaW50LWVuYWJsZSBkZWNsYXJhdGlvbi1ibG9jay1uby1kdXBsaWNhdGUtcHJvcGVydGllcyAqL1xuICB9XG5gO1xuXG5jb25zdCBnZXRDZWxsSW5uZXJTdHlsZXMgPSAocHJvcHM6IFRDZWxsSW5uZXIpID0+IHtcbiAgcmV0dXJuIFtcbiAgICBnZXRWZXJ0aWNhbEFsaWdubWVudFN0eWxlKHByb3BzKSxcbiAgICBnZXRIb3Jpem9udGFsQWxpZ25tZW50U3R5bGUocHJvcHMpLFxuICAgIGdldFRydW5jYXRlZFN0eWxlKHByb3BzKSxcbiAgICBvdXRsaW5lU3R5bGVzLFxuICBdO1xufTtcblxuLyoqXG4gKiBUaGUgYHNob3VsZENsaXBDb250ZW50YCBvdmVyZmxvdyBydWxlIHNob3VsZCBvbmx5IGJlIGVuYWJsZWQgdXBvbiBtYW51YWwgY29sdW1uIHJlc2l6aW5nLFxuICogb3RoZXJ3aXNlIGl0IHdpbGwgY2hhbmdlIHRoZSB3YXkgY3NzLWdyaWQgYXV0b21hdGljYWxseSBhbGxvY2F0ZXMgc3BhY2UgZm9yIHRoZSBjZWxscyBvZiB0aGUgdGFibGUsXG4gKiBwcmVmZXJyaW5nIHRvIGNsaXAgdGhlIGNlbGxzIGluc3RlYWQgYW5kIGFkZGluZyBob3Jpem9udGFsIHNjcm9sbGJhciB0byB0aGUgdGFibGUgY29udGFpbmVyXG4gKi9cbmNvbnN0IENlbGxJbm5lciA9IHN0eWxlZC5kaXY8VENlbGxJbm5lcj5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXg6IDE7XG5cbiAgJHtnZXRQYWRkaW5nU3R5bGV9XG4gICR7Z2V0Q2VsbElubmVyU3R5bGVzfVxuXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnNob3VsZENsaXBDb250ZW50XG4gICAgICA/IGNzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBgXG4gICAgICA6ICcnfVxuYDtcblxudHlwZSBUQmFzZUNlbGwgPSB7XG4gIHNob3VsZENsaXBDb250ZW50PzogYm9vbGVhbjtcbn0gJiBQaWNrPFREYXRhQ2VsbCwgJ3Nob3VsZFJlbmRlckJvdHRvbUJvcmRlcicgfCAnc2hvdWxkSWdub3JlUm93Q2xpY2snPjtcblxuY29uc3QgQmFzZUNlbGwgPSBzdHlsZWQudGQ8VEJhc2VDZWxsPmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5zaG91bGRSZW5kZXJCb3R0b21Cb3JkZXJcbiAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07YFxuICAgICAgOiAnbm9uZSd9O1xuICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMjB9O1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5zaG91bGRDbGlwQ29udGVudFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuc2hvdWxkSWdub3JlUm93Q2xpY2tcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGN1cnNvcjogYXV0bztcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbnR5cGUgVEJhc2VGb290ZXJDZWxsID0ge1xuICBkaXNhYmxlRm9vdGVyU3RpY2tpbmVzcz86IGJvb2xlYW47XG4gIG51bWJlck9mQ29sdW1ucz86IG51bWJlcjtcbn07XG5cbmNvbnN0IEJhc2VGb290ZXJDZWxsID0gc3R5bGVkLnRkPFRCYXNlRm9vdGVyQ2VsbD5gXG4gIHBvc2l0aW9uOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5kaXNhYmxlRm9vdGVyU3RpY2tpbmVzcyA/ICdyZWxhdGl2ZScgOiAnc3RpY2t5J307XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgZ3JpZC1jb2x1bW46IDEgLyAkeyhwcm9wcykgPT4gcHJvcHMubnVtYmVyT2ZDb2x1bW5zfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcblxuICAvKiBtYWtlcyB0aGUgZm9vdGVyIHRvcCBib3JkZXIgb3ZlcmxhcCB0aGUgYm9yZGVyIG9mIHRoZSBsYXN0IGRhdGEgcm93OiAqL1xuICBtYXJnaW4tdG9wOiAtMXB4O1xuYDtcblxuY29uc3QgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24gPSBzdHlsZWQoQWNjZXNzaWJsZUJ1dHRvbik8XG4gIFBpY2s8VERhdGFDZWxsLCAnaXNSb3dDb2xsYXBzZWQnPlxuPmBcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzUm93Q29sbGFwc2VkID8gY3NzYHMtcmVzaXplYCA6IGNzc2BuLXJlc2l6ZWApfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG5gO1xuXG5leHBvcnQge1xuICBnZXRQYWRkaW5nU3R5bGUsXG4gIGdldFZlcnRpY2FsQWxpZ25tZW50U3R5bGUsXG4gIGdldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZSxcbiAgZ2V0Q2VsbElubmVyU3R5bGVzLFxuICBCYXNlQ2VsbCxcbiAgQ2VsbElubmVyLFxuICBCYXNlRm9vdGVyQ2VsbCxcbiAgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24sXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
-var _ref10 = process.env.NODE_ENV === "production" ? {
+var _ref0 = process.env.NODE_ENV === "production" ? {
   name: "weshh4",
   styles: "text-align:center;justify-self:center"
 } : {
@@ -82,7 +80,7 @@ var _ref10 = process.env.NODE_ENV === "production" ? {
 };
 const getHorizontalAlignmentStyle = props => {
   if (props.horizontalCellAlignment === 'center') {
-    return _ref10;
+    return _ref0;
   }
   if (props.horizontalCellAlignment === 'right') {
     return _ref9;
@@ -370,17 +368,24 @@ const TableRow = /*#__PURE__*/_styled__default["default"]("tr", process.env.NODE
   label: "TableRow"
 })("display:contents;", getClickableRowStyle, " :hover,:focus-within{", RowExpandCollapseButton, "{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSXNEIiwiZmlsZSI6ImRhdGEtdGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24gfSBmcm9tICcuL2NlbGwuc3R5bGVzJztcbmltcG9ydCB7IEJhc2VIZWFkZXJDZWxsIH0gZnJvbSAnLi9oZWFkZXItY2VsbC5zdHlsZXMnO1xuaW1wb3J0IGNvbnZlcnROdW1lcmljRGltZW5zaW9uVG9QaXhlbFZhbHVlIGZyb20gJy4vdXRpbHMvY29udmVydC1udW1lcmljLWRpbWVuc2lvbi10by1waXhlbC12YWx1ZSc7XG5pbXBvcnQgdHlwZSB7IFREYXRhVGFibGVQcm9wcyB9IGZyb20gJy4vZGF0YS10YWJsZSc7XG5cbnR5cGUgVEdldENsaWNrYWJsZVJvd1N0eWxlUHJvcHMgPSB7XG4gIGlzUm93Q2xpY2thYmxlOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q2xpY2thYmxlUm93U3R5bGUgPSAocHJvcHM6IFRHZXRDbGlja2FibGVSb3dTdHlsZVByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc1Jvd0NsaWNrYWJsZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAmOmhvdmVyIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuSG92ZXJlZH07XG4gICAgICB9XG4gICAgYDtcbiAgfVxuICByZXR1cm4gJyc7XG59O1xuXG50eXBlIFRHZXREaXNhYmxlZFNlbGZDb250YWlubWVudFN0eWxlcyA9IHtcbiAgZGlzYWJsZVNlbGZDb250YWlubWVudDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzID0gKFxuICBwcm9wczogVEdldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzXG4pID0+IHtcbiAgaWYgKHByb3BzLmRpc2FibGVTZWxmQ29udGFpbm1lbnQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgcG9zaXRpb246IHVuc2V0O1xuICAgICAgb3ZlcmZsb3cteDogdW5zZXQ7XG4gICAgICBvdmVyZmxvdy15OiB1bnNldDtcbiAgICBgO1xuICB9XG4gIHJldHVybiAnJztcbn07XG5cbnR5cGUgVFRhYmxlQ29udGFpbmVyID0ge1xuICBpc0JlaW5nUmVzaXplZD86IGJvb2xlYW47XG4gIG1heFdpZHRoPzogc3RyaW5nIHwgbnVtYmVyO1xuICBtYXhIZWlnaHQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gIGRpc2FibGVTZWxmQ29udGFpbm1lbnQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VFRhYmxlQ29udGFpbmVyPmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAwO1xuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxN307XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG5cbiAgJHsocHJvcHMpID0+XG4gICAgLy8gdGhpcyBpcyBuZWVkZWQgaW4gb3JkZXIgdG8gaGF2ZSBhIHN0aWNreSBoZWFkZXJcbiAgICBwcm9wcy5tYXhIZWlnaHQgPyBgb3ZlcmZsb3cteDogYXV0bztgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMubWF4V2lkdGggJiYgIXByb3BzLmRpc2FibGVTZWxmQ29udGFpbm1lbnRcbiAgICAgID8gYG1heC13aWR0aDogJHtjb252ZXJ0TnVtZXJpY0RpbWVuc2lvblRvUGl4ZWxWYWx1ZShwcm9wcy5tYXhXaWR0aCl9O2BcbiAgICAgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaXNCZWluZ1Jlc2l6ZWQgJiZcbiAgICBgXG4gICAgKiB7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9YH1cblxuICAke2dldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzfVxuYDtcblxudHlwZSBUVGFibGVHcmlkID0ge1xuICByZXNpemVkVG90YWxXaWR0aD86IG51bWJlcjtcbiAgY29sdW1ucz86IFREYXRhVGFibGVQcm9wc1snY29sdW1ucyddO1xuICBkaXNhYmxlU2VsZkNvbnRhaW5tZW50OiBib29sZWFuO1xuICBtYXhIZWlnaHQ/OiBzdHJpbmcgfCBudW1iZXI7XG59O1xuXG5jb25zdCBUYWJsZUdyaWQgPSBzdHlsZWQudGFibGU8VFRhYmxlR3JpZD5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIC8qIHN0eWxlbGludC1kaXNhYmxlIGZ1bmN0aW9uLXdoaXRlc3BhY2UtYWZ0ZXIgKi9cbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5jb2x1bW5zICYmXG4gICAgcHJvcHMuY29sdW1ucy5tYXAoKGNvbHVtbikgPT4gY29sdW1uLndpZHRoIHx8ICdhdXRvJykuam9pbignICcpfTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSBmdW5jdGlvbi13aGl0ZXNwYWNlLWFmdGVyICovXG5cbiAgJHsocHJvcHMpID0+XG4gICAgLy8gdGhpcyBpcyBuZWVkZWQgaW4gb3JkZXIgdG8gaGF2ZSBhIHN0aWNreSBoZWFkZXJcbiAgICBwcm9wcy5tYXhIZWlnaHQgPyBgb3ZlcmZsb3cteTogYXV0bztgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMubWF4SGVpZ2h0ICYmICFwcm9wcy5kaXNhYmxlU2VsZkNvbnRhaW5tZW50XG4gICAgICA/IGBtYXgtaGVpZ2h0OiAke2NvbnZlcnROdW1lcmljRGltZW5zaW9uVG9QaXhlbFZhbHVlKHByb3BzLm1heEhlaWdodCl9O2BcbiAgICAgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmVzaXplZFRvdGFsV2lkdGggPyBgbWF4LXdpZHRoOiAke3Byb3BzLnJlc2l6ZWRUb3RhbFdpZHRofXB4O2AgOiAnJ31cblxuICAke2dldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzfVxuYDtcblxuY29uc3QgVGFibGVIZWFkZXIgPSBzdHlsZWQudGhlYWRgXG4gIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAvKiBBZGRzIHJpZ2h0IGJvcmRlciB0aGF0IGRvZXNuJ3QgYWZmZWN0IGNvbHVtbiB3aWR0aFxuICAqICB0byBlYWNoIGhlYWRlciBjZWxsIHdoZW4gdGFibGUgaGVhZGVyIGlzIGhvdmVyZWRcbiAgKi9cbiAgOmhvdmVyIHtcbiAgICAke0Jhc2VIZWFkZXJDZWxsfTpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgfVxuICAgIC8qIERvZXMgbm90IGRpc3BsYXkgYm9yZGVyIG9uIGZhciByaWdodCAobGFzdCkgaGVhZGVyIGNlbGwgKi9cbiAgICAke0Jhc2VIZWFkZXJDZWxsfTpsYXN0LWNoaWxkOmJlZm9yZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgVGFibGVCb2R5ID0gc3R5bGVkLnRib2R5YFxuICBkaXNwbGF5OiBjb250ZW50cztcbmA7XG5cbmNvbnN0IFRhYmxlUm93ID0gc3R5bGVkLnRyPFRHZXRDbGlja2FibGVSb3dTdHlsZVByb3BzPmBcbiAgZGlzcGxheTogY29udGVudHM7XG4gICR7Z2V0Q2xpY2thYmxlUm93U3R5bGV9XG4gIDpob3ZlciwgOmZvY3VzLXdpdGhpbiB7XG4gICAgJHtSb3dFeHBhbmRDb2xsYXBzZUJ1dHRvbn0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCB7IFRhYmxlQ29udGFpbmVyLCBUYWJsZUdyaWQsIFRhYmxlSGVhZGVyLCBUYWJsZUJvZHksIFRhYmxlUm93IH07XG4iXX0= */"));
 
-const defaultProps = {
-  horizontalCellAlignment: 'left'
-};
-const Footer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+const _excluded$4 = ["horizontalCellAlignment"];
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FooterEl = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e2ce7vj0"
 } : {
   target: "e2ce7vj0",
-  label: "Footer"
-})("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.designTokens.colorSurface, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiJmb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRQYWRkaW5nU3R5bGUsIGdldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZSB9IGZyb20gJy4vY2VsbC5zdHlsZXMnO1xuXG50eXBlIFRGb290ZXIgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQ/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCc7XG4gIHJlc2l6ZWRUb3RhbFdpZHRoPzogbnVtYmVyO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRGb290ZXIsICdob3Jpem9udGFsQ2VsbEFsaWdubWVudCc+ID0ge1xuICBob3Jpem9udGFsQ2VsbEFsaWdubWVudDogJ2xlZnQnLFxufTtcblxuY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdjxURm9vdGVyPmBcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogYmxvY2s7XG4gICR7Z2V0UGFkZGluZ1N0eWxlfVxuICAke2dldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZX1cbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgd2lkdGg6IDEwMCU7XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnJlc2l6ZWRUb3RhbFdpZHRoID8gYG1heC13aWR0aDogJHtwcm9wcy5yZXNpemVkVG90YWxXaWR0aH1weDtgIDogJyd9XG5gO1xuRm9vdGVyLmRpc3BsYXlOYW1lID0gJ0Zvb3Rlcic7XG5cbkZvb3Rlci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5leHBvcnQgZGVmYXVsdCBGb290ZXI7XG4iXX0= */"));
+  label: "FooterEl"
+})("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.designTokens.colorSurface, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW9DIiwiZmlsZSI6ImZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGdldFBhZGRpbmdTdHlsZSwgZ2V0SG9yaXpvbnRhbEFsaWdubWVudFN0eWxlIH0gZnJvbSAnLi9jZWxsLnN0eWxlcyc7XG5cbnR5cGUgVEZvb3RlciA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBob3Jpem9udGFsQ2VsbEFsaWdubWVudD86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JztcbiAgcmVzaXplZFRvdGFsV2lkdGg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBGb290ZXJFbCA9IHN0eWxlZC5kaXY8VEZvb3Rlcj5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAke2dldFBhZGRpbmdTdHlsZX1cbiAgJHtnZXRIb3Jpem9udGFsQWxpZ25tZW50U3R5bGV9XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIHdpZHRoOiAxMDAlO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yZXNpemVkVG90YWxXaWR0aCA/IGBtYXgtd2lkdGg6ICR7cHJvcHMucmVzaXplZFRvdGFsV2lkdGh9cHg7YCA6ICcnfVxuYDtcblxuY29uc3QgRm9vdGVyID0gKHsgaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQgPSAnbGVmdCcsIC4uLnByb3BzIH06IFRGb290ZXIpID0+IChcbiAgPEZvb3RlckVsIHsuLi5wcm9wc30gaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQ9e2hvcml6b250YWxDZWxsQWxpZ25tZW50fSAvPlxuKTtcbkZvb3Rlci5kaXNwbGF5TmFtZSA9ICdGb290ZXInO1xuZXhwb3J0IGRlZmF1bHQgRm9vdGVyO1xuIl19 */"));
+const Footer = _ref => {
+  let _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx(FooterEl, _objectSpread$4(_objectSpread$4({}, props), {}, {
+    horizontalCellAlignment: horizontalCellAlignment
+  }));
+};
 Footer.displayName = 'Footer';
-Footer.defaultProps = defaultProps;
 var Footer$1 = Footer;
 
 const ResizerIndicator = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
@@ -403,10 +408,6 @@ const ColumnResizer = props => jsxRuntime.jsx(DraggableArea, {
     isOnDataCell: props.isOnDataCell
   })
 });
-ColumnResizer.propTypes = process.env.NODE_ENV !== "production" ? {
-  onMouseDown: _pt__default["default"].func,
-  isOnDataCell: _pt__default["default"].bool
-} : {};
 ColumnResizer.displayName = 'ColumnResizer';
 var Resizer = ColumnResizer;
 
@@ -424,7 +425,9 @@ const HeaderCellWrapper = props => {
   const columnResizingReducer = react$1.useContext(ColumnResizingContext);
   const headerRef = react$1.useRef(null);
   const onStartResizing = event => {
-    columnResizingReducer.startResizing(headerRef, event);
+    if (headerRef?.current) {
+      columnResizingReducer.startResizing(headerRef, event);
+    }
   };
   const onDrag = event => columnResizingReducer.onDragResizing(event, headerRef.current?.cellIndex);
   const onDragEnd = () => {
@@ -495,7 +498,7 @@ const HeaderCell = _ref => {
         children: [jsxRuntime.jsx(HeaderLabelTextWrapper, {
           children: props.children
         }), props.iconComponent && jsxRuntime.jsx(HeaderIconWrapper, {
-          children: typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
+          children: typeof props.iconComponent === 'string' ? props.iconComponent : typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
         })]
       }), props.isSortable && jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(icons.AngleUpDownIcon, {
@@ -511,22 +514,6 @@ const HeaderCell = _ref => {
     }))
   });
 };
-HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClick: _pt__default["default"].func,
-  sortedBy: _pt__default["default"].string,
-  children: _pt__default["default"].node.isRequired,
-  columnKey: _pt__default["default"].string.isRequired,
-  columnWidth: _pt__default["default"].string,
-  shouldWrap: _pt__default["default"].bool,
-  isSortable: _pt__default["default"].bool,
-  isCondensed: _pt__default["default"].bool,
-  sortDirection: _pt__default["default"].oneOf(['desc', 'asc']),
-  disableResizing: _pt__default["default"].bool,
-  onColumnResized: _pt__default["default"].func,
-  disableHeaderStickiness: _pt__default["default"].bool,
-  horizontalCellAlignment: _pt__default["default"].oneOf(['left', 'center', 'right']),
-  iconComponent: _pt__default["default"].node
-} : {};
 HeaderCell.displayName = 'HeaderCell';
 var HeaderCell$1 = HeaderCell;
 
@@ -574,20 +561,6 @@ const DataCell = _ref => {
     })]
   });
 };
-DataCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt__default["default"].node.isRequired,
-  isCondensed: _pt__default["default"].bool,
-  isTruncated: _pt__default["default"].bool,
-  onCellClick: _pt__default["default"].func,
-  shouldIgnoreRowClick: _pt__default["default"].bool,
-  verticalCellAlignment: _pt__default["default"].oneOf(['top', 'center', 'bottom']),
-  horizontalCellAlignment: _pt__default["default"].oneOf(['left', 'center', 'right']),
-  shouldRenderBottomBorder: _pt__default["default"].bool,
-  shouldRenderCollapseButton: _pt__default["default"].bool.isRequired,
-  shouldRenderResizingIndicator: _pt__default["default"].bool.isRequired,
-  handleRowCollapseClick: _pt__default["default"].func,
-  isRowCollapsed: _pt__default["default"].bool
-} : {};
 DataCell.displayName = 'DataCell';
 var DataCell$1 = DataCell;
 
@@ -649,14 +622,6 @@ const DataRow = _ref => {
     }, `${props.row.id}-${column.key}`))
   });
 };
-DataRow.propTypes = process.env.NODE_ENV !== "production" ? {
-  row: _pt__default["default"].any.isRequired,
-  rowIndex: _pt__default["default"].number.isRequired,
-  columns: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
-  shouldClipContent: _pt__default["default"].bool.isRequired,
-  shouldRenderBottomBorder: _pt__default["default"].bool.isRequired,
-  onExpandRow: _pt__default["default"].func
-} : {};
 DataRow.displayName = 'DataRow';
 var DataRow$1 = DataRow;
 
@@ -858,7 +823,7 @@ const DataTable = _ref => {
   // };
 
   process.env.NODE_ENV !== "production" ? utils.warning(columnsData.length > 0, `ui-kit/DataTable: empty table "columns", expected at least one column. If you are using DataTableManager you need to pass the "columns" there and they will be injected into DataTable.`) : void 0;
-  const tableRef = react$1.useRef();
+  const tableRef = react$1.useRef(null);
   const columnResizingReducer = useManualColumnResizing$1(tableRef);
 
   // if the table columns have been measured
@@ -946,57 +911,11 @@ const DataTable = _ref => {
     })]
   });
 };
-DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  rows: _pt__default["default"].arrayOf(_pt__default["default"].any).isRequired,
-  columns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired,
-    width: _pt__default["default"].string,
-    align: _pt__default["default"].oneOf(['left', 'center', 'right']),
-    onClick: _pt__default["default"].func,
-    renderItem: _pt__default["default"].func,
-    headerIcon: _pt__default["default"].node,
-    isTruncated: _pt__default["default"].bool,
-    isSortable: _pt__default["default"].bool,
-    disableResizing: _pt__default["default"].bool,
-    shouldIgnoreRowClick: _pt__default["default"].bool
-  })),
-  customColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
-    key: _pt__default["default"].string.isRequired,
-    label: _pt__default["default"].node.isRequired,
-    width: _pt__default["default"].string,
-    align: _pt__default["default"].oneOf(['left', 'center', 'right']),
-    onClick: _pt__default["default"].func,
-    renderItem: _pt__default["default"].func,
-    headerIcon: _pt__default["default"].node,
-    isTruncated: _pt__default["default"].bool,
-    isSortable: _pt__default["default"].bool,
-    disableResizing: _pt__default["default"].bool,
-    shouldIgnoreRowClick: _pt__default["default"].bool
-  })),
-  footer: _pt__default["default"].node,
-  maxWidth: _pt__default["default"].oneOfType([_pt__default["default"].number, _pt__default["default"].string]),
-  maxHeight: _pt__default["default"].oneOfType([_pt__default["default"].number, _pt__default["default"].string]),
-  onRowClick: _pt__default["default"].func,
-  isCondensed: _pt__default["default"].bool,
-  onColumnResized: _pt__default["default"].func,
-  disableSelfContainment: _pt__default["default"].bool,
-  disableHeaderStickiness: _pt__default["default"].bool,
-  itemRenderer: _pt__default["default"].func,
-  wrapHeaderLabels: _pt__default["default"].bool,
-  verticalCellAlignment: _pt__default["default"].oneOf(['top', 'center', 'bottom']),
-  horizontalCellAlignment: _pt__default["default"].oneOf(['left', 'center', 'right']),
-  sortedBy: _pt__default["default"].string,
-  onSortChange: _pt__default["default"].func,
-  sortDirection: _pt__default["default"].oneOf(['desc', 'asc']),
-  renderNestedRow: _pt__default["default"].func,
-  maxExpandableHeight: _pt__default["default"].number
-} : {};
 DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

package/dist/commercetools-uikit-data-table.cjs.prod.js

@@ -12,7 +12,6 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('prop-types');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var react$1 = require('react');
@@ -23,8 +22,8 @@ var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var AccessibleButton = require('@commercetools-uikit/accessible-button');
-var icons = require('@commercetools-uikit/icons');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var icons = require('@commercetools-uikit/icons');
 var _Number$isNaN = require('@babel/runtime-corejs3/core-js-stable/number/is-nan');
 var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
@@ -62,13 +61,13 @@ var _ref9 = {
   name: "1p06wbt",
   styles: "text-align:right;justify-self:flex-end"
 } ;
-var _ref10 = {
+var _ref0 = {
   name: "weshh4",
   styles: "text-align:center;justify-self:center"
 } ;
 const getHorizontalAlignmentStyle = props => {
   if (props.horizontalCellAlignment === 'center') {
-    return _ref10;
+    return _ref0;
   }
   if (props.horizontalCellAlignment === 'right') {
     return _ref9;
@@ -268,14 +267,21 @@ const TableRow = /*#__PURE__*/_styled__default["default"]("tr", {
   target: "epk01s20"
 } )("display:contents;", getClickableRowStyle, " :hover,:focus-within{", RowExpandCollapseButton, "{opacity:1;}}" + ("" ));
 
-const defaultProps = {
-  horizontalCellAlignment: 'left'
-};
-const Footer = /*#__PURE__*/_styled__default["default"]("div", {
+const _excluded$4 = ["horizontalCellAlignment"];
+function ownKeys$4(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const FooterEl = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e2ce7vj0"
 } )("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designSystem.designTokens.colorSurface, ";border-top:1px solid ", designSystem.designTokens.colorNeutral90, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + ("" ));
+const Footer = _ref => {
+  let _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return jsxRuntime.jsx(FooterEl, _objectSpread$4(_objectSpread$4({}, props), {}, {
+    horizontalCellAlignment: horizontalCellAlignment
+  }));
+};
 Footer.displayName = 'Footer';
-Footer.defaultProps = defaultProps;
 var Footer$1 = Footer;
 
 const ResizerIndicator = /*#__PURE__*/_styled__default["default"]("div", {
@@ -292,7 +298,6 @@ const ColumnResizer = props => jsxRuntime.jsx(DraggableArea, {
     isOnDataCell: props.isOnDataCell
   })
 });
-ColumnResizer.propTypes = {};
 ColumnResizer.displayName = 'ColumnResizer';
 var Resizer = ColumnResizer;
 
@@ -310,7 +315,9 @@ const HeaderCellWrapper = props => {
   const columnResizingReducer = react$1.useContext(ColumnResizingContext);
   const headerRef = react$1.useRef(null);
   const onStartResizing = event => {
-    columnResizingReducer.startResizing(headerRef, event);
+    if (headerRef?.current) {
+      columnResizingReducer.startResizing(headerRef, event);
+    }
   };
   const onDrag = event => columnResizingReducer.onDragResizing(event, headerRef.current?.cellIndex);
   const onDragEnd = () => {
@@ -380,7 +387,7 @@ const HeaderCell = _ref => {
         children: [jsxRuntime.jsx(HeaderLabelTextWrapper, {
           children: props.children
         }), props.iconComponent && jsxRuntime.jsx(HeaderIconWrapper, {
-          children: typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
+          children: typeof props.iconComponent === 'string' ? props.iconComponent : typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
         })]
       }), props.isSortable && jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [jsxRuntime.jsx(icons.AngleUpDownIcon, {
@@ -396,7 +403,6 @@ const HeaderCell = _ref => {
     }))
   });
 };
-HeaderCell.propTypes = {};
 HeaderCell.displayName = 'HeaderCell';
 var HeaderCell$1 = HeaderCell;
 
@@ -441,7 +447,6 @@ const DataCell = _ref => {
     })]
   });
 };
-DataCell.propTypes = {};
 DataCell.displayName = 'DataCell';
 var DataCell$1 = DataCell;
 
@@ -503,7 +508,6 @@ const DataRow = _ref => {
     }, `${props.row.id}-${column.key}`))
   });
 };
-DataRow.propTypes = {};
 DataRow.displayName = 'DataRow';
 var DataRow$1 = DataRow;
 
@@ -694,7 +698,7 @@ const DataTable = _ref => {
   const isValueFromProvider = Boolean(contextColumns && contextColumns.length !== 0);
   const columnsData = isValueFromProvider ? contextColumns : columns;
   const condensedValue = isValueFromProvider && contextIsCondensed !== undefined ? contextIsCondensed : isCondensed;
-  const tableRef = react$1.useRef();
+  const tableRef = react$1.useRef(null);
   const columnResizingReducer = useManualColumnResizing$1(tableRef);
 
   // if the table columns have been measured
@@ -782,12 +786,11 @@ const DataTable = _ref => {
     })]
   });
 };
-DataTable.propTypes = {};
 DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

package/dist/commercetools-uikit-data-table.esm.js

@@ -8,7 +8,6 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
-import _pt from 'prop-types';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import { createContext, useContext, useRef, useState, useEffect, useDebugValue, useReducer, useLayoutEffect } from 'react';
@@ -20,8 +19,8 @@ import _styled from '@emotion/styled/base';
 import { css, keyframes, createElement } from '@emotion/react';
 import { designTokens } from '@commercetools-uikit/design-system';
 import AccessibleButton from '@commercetools-uikit/accessible-button';
-import { AngleUpDownIcon, ArrowDownIcon, ArrowUpIcon, RightTriangleFilledIcon, RightTriangleLinearIcon } from '@commercetools-uikit/icons';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { AngleUpDownIcon, ArrowDownIcon, ArrowUpIcon, RightTriangleFilledIcon, RightTriangleLinearIcon } from '@commercetools-uikit/icons';
 import _Number$isNaN from '@babel/runtime-corejs3/core-js-stable/number/is-nan';
 import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
@@ -49,7 +48,7 @@ var _ref9 = process.env.NODE_ENV === "production" ? {
   styles: "text-align:right;justify-self:flex-end;label:getHorizontalAlignmentStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2MiLCJmaWxlIjoiY2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgdHlwZSB7IFREYXRhQ2VsbCB9IGZyb20gJy4vY2VsbCc7XG5cbnR5cGUgVENlbGxJbm5lciA9IHtcbiAgc2hvdWxkQ2xpcENvbnRlbnQ/OiBib29sZWFuO1xufSAmIFBpY2s8XG4gIFREYXRhQ2VsbCxcbiAgfCAndmVydGljYWxDZWxsQWxpZ25tZW50J1xuICB8ICdob3Jpem9udGFsQ2VsbEFsaWdubWVudCdcbiAgfCAnaXNUcnVuY2F0ZWQnXG4gIHwgJ2lzQ29uZGVuc2VkJ1xuPjtcblxuY29uc3QgZ2V0UGFkZGluZ1N0eWxlID0gKHByb3BzOiBUQ2VsbElubmVyKSA9PiB7XG4gIGlmIChwcm9wcy5pc0NvbmRlbnNlZClcbiAgICByZXR1cm4gY3NzYFxuICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGA7XG4gIHJldHVybiBjc3NgXG4gICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICBgO1xufTtcblxuY29uc3QgZ2V0SG9yaXpvbnRhbEFsaWdubWVudFN0eWxlID0gKHByb3BzOiBUQ2VsbElubmVyKSA9PiB7XG4gIGlmIChwcm9wcy5ob3Jpem9udGFsQ2VsbEFsaWdubWVudCA9PT0gJ2NlbnRlcicpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgYDtcbiAgfVxuICBpZiAocHJvcHMuaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQgPT09ICdyaWdodCcpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICBqdXN0aWZ5LXNlbGY6IGZsZXgtZW5kO1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGp1c3RpZnktc2VsZjogZmxleC1zdGFydDtcbiAgYDtcbn07XG5cbmNvbnN0IGdldFZlcnRpY2FsQWxpZ25tZW50U3R5bGUgPSAocHJvcHM6IFRDZWxsSW5uZXIpID0+IHtcbiAgaWYgKHByb3BzLnZlcnRpY2FsQ2VsbEFsaWdubWVudCA9PT0gJ2NlbnRlcicpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGA7XG4gIH1cbiAgaWYgKHByb3BzLnZlcnRpY2FsQ2VsbEFsaWdubWVudCA9PT0gJ2JvdHRvbScpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgYWxpZ24tc2VsZjogZmxleC1lbmQ7XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGA7XG59O1xuXG5jb25zdCBnZXRUcnVuY2F0ZWRTdHlsZSA9IChwcm9wczogVENlbGxJbm5lcikgPT4ge1xuICBpZiAocHJvcHMuaXNUcnVuY2F0ZWQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBgO1xuICB9XG4gIHJldHVybiAnJztcbn07XG5cbi8qIHRoZSA6Zm9jdXMtd2l0aGluIHN0YXRlIGRvZXNuJ3QgZW5hYmxlIHRoZSBvdXRsaW5lIHN0eWxlcyxcbiAgc28gd2UgaGF2ZSB0byBzZXQgdGhlbSBtYW51YWxseS4gKi9cbmNvbnN0IG91dGxpbmVTdHlsZXMgPSBjc3NgXG4gIC8qIHRvIGF2b2lkIGdldHRpbmcgY3V0IGJ5IG92ZXJmbG93OmhpZGRlbiAqL1xuICBvdXRsaW5lLW9mZnNldDogLTNweDtcblxuICA6aGFzKDpmb2N1cy12aXNpYmxlKSB7XG4gICAgb3V0bGluZS1zdHlsZTogYXV0bztcblxuICAgIC8qIHRyeSB1c2luZyB0aGUgZGVmYXVsdCB1c2VyLWFnZW50IGNvbG9yICovXG4gICAgLyogc3R5bGVsaW50LWRpc2FibGUgZGVjbGFyYXRpb24tYmxvY2stbm8tZHVwbGljYXRlLXByb3BlcnRpZXMgKi9cbiAgICBvdXRsaW5lLWNvbG9yOiBIaWdobGlnaHQ7XG4gICAgb3V0bGluZS1jb2xvcjogYWN0aXZlYm9yZGVyO1xuICAgIG91dGxpbmUtY29sb3I6IC1tb3otbWFjLWZvY3VzcmluZztcbiAgICBvdXRsaW5lLWNvbG9yOiAtd2Via2l0LWZvY3VzLXJpbmctY29sb3I7XG4gICAgLyogc3R5bGVsaW50LWVuYWJsZSBkZWNsYXJhdGlvbi1ibG9jay1uby1kdXBsaWNhdGUtcHJvcGVydGllcyAqL1xuICB9XG5gO1xuXG5jb25zdCBnZXRDZWxsSW5uZXJTdHlsZXMgPSAocHJvcHM6IFRDZWxsSW5uZXIpID0+IHtcbiAgcmV0dXJuIFtcbiAgICBnZXRWZXJ0aWNhbEFsaWdubWVudFN0eWxlKHByb3BzKSxcbiAgICBnZXRIb3Jpem9udGFsQWxpZ25tZW50U3R5bGUocHJvcHMpLFxuICAgIGdldFRydW5jYXRlZFN0eWxlKHByb3BzKSxcbiAgICBvdXRsaW5lU3R5bGVzLFxuICBdO1xufTtcblxuLyoqXG4gKiBUaGUgYHNob3VsZENsaXBDb250ZW50YCBvdmVyZmxvdyBydWxlIHNob3VsZCBvbmx5IGJlIGVuYWJsZWQgdXBvbiBtYW51YWwgY29sdW1uIHJlc2l6aW5nLFxuICogb3RoZXJ3aXNlIGl0IHdpbGwgY2hhbmdlIHRoZSB3YXkgY3NzLWdyaWQgYXV0b21hdGljYWxseSBhbGxvY2F0ZXMgc3BhY2UgZm9yIHRoZSBjZWxscyBvZiB0aGUgdGFibGUsXG4gKiBwcmVmZXJyaW5nIHRvIGNsaXAgdGhlIGNlbGxzIGluc3RlYWQgYW5kIGFkZGluZyBob3Jpem9udGFsIHNjcm9sbGJhciB0byB0aGUgdGFibGUgY29udGFpbmVyXG4gKi9cbmNvbnN0IENlbGxJbm5lciA9IHN0eWxlZC5kaXY8VENlbGxJbm5lcj5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZsZXg6IDE7XG5cbiAgJHtnZXRQYWRkaW5nU3R5bGV9XG4gICR7Z2V0Q2VsbElubmVyU3R5bGVzfVxuXG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnNob3VsZENsaXBDb250ZW50XG4gICAgICA/IGNzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICBgXG4gICAgICA6ICcnfVxuYDtcblxudHlwZSBUQmFzZUNlbGwgPSB7XG4gIHNob3VsZENsaXBDb250ZW50PzogYm9vbGVhbjtcbn0gJiBQaWNrPFREYXRhQ2VsbCwgJ3Nob3VsZFJlbmRlckJvdHRvbUJvcmRlcicgfCAnc2hvdWxkSWdub3JlUm93Q2xpY2snPjtcblxuY29uc3QgQmFzZUNlbGwgPSBzdHlsZWQudGQ8VEJhc2VDZWxsPmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICBib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5zaG91bGRSZW5kZXJCb3R0b21Cb3JkZXJcbiAgICAgID8gYDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07YFxuICAgICAgOiAnbm9uZSd9O1xuICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplMjB9O1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5zaG91bGRDbGlwQ29udGVudFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuc2hvdWxkSWdub3JlUm93Q2xpY2tcbiAgICAgID8gY3NzYFxuICAgICAgICAgIGN1cnNvcjogYXV0bztcbiAgICAgICAgYFxuICAgICAgOiAnJ31cbmA7XG5cbnR5cGUgVEJhc2VGb290ZXJDZWxsID0ge1xuICBkaXNhYmxlRm9vdGVyU3RpY2tpbmVzcz86IGJvb2xlYW47XG4gIG51bWJlck9mQ29sdW1ucz86IG51bWJlcjtcbn07XG5cbmNvbnN0IEJhc2VGb290ZXJDZWxsID0gc3R5bGVkLnRkPFRCYXNlRm9vdGVyQ2VsbD5gXG4gIHBvc2l0aW9uOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5kaXNhYmxlRm9vdGVyU3RpY2tpbmVzcyA/ICdyZWxhdGl2ZScgOiAnc3RpY2t5J307XG4gIGxlZnQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgZ3JpZC1jb2x1bW46IDEgLyAkeyhwcm9wcykgPT4gcHJvcHMubnVtYmVyT2ZDb2x1bW5zfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcblxuICAvKiBtYWtlcyB0aGUgZm9vdGVyIHRvcCBib3JkZXIgb3ZlcmxhcCB0aGUgYm9yZGVyIG9mIHRoZSBsYXN0IGRhdGEgcm93OiAqL1xuICBtYXJnaW4tdG9wOiAtMXB4O1xuYDtcblxuY29uc3QgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24gPSBzdHlsZWQoQWNjZXNzaWJsZUJ1dHRvbik8XG4gIFBpY2s8VERhdGFDZWxsLCAnaXNSb3dDb2xsYXBzZWQnPlxuPmBcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzUm93Q29sbGFwc2VkID8gY3NzYHMtcmVzaXplYCA6IGNzc2BuLXJlc2l6ZWApfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IDE2cHg7XG4gIHdpZHRoOiAxNnB4O1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG5gO1xuXG5leHBvcnQge1xuICBnZXRQYWRkaW5nU3R5bGUsXG4gIGdldFZlcnRpY2FsQWxpZ25tZW50U3R5bGUsXG4gIGdldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZSxcbiAgZ2V0Q2VsbElubmVyU3R5bGVzLFxuICBCYXNlQ2VsbCxcbiAgQ2VsbElubmVyLFxuICBCYXNlRm9vdGVyQ2VsbCxcbiAgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24sXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
-var _ref10 = process.env.NODE_ENV === "production" ? {
+var _ref0 = process.env.NODE_ENV === "production" ? {
   name: "weshh4",
   styles: "text-align:center;justify-self:center"
 } : {
@@ -59,7 +58,7 @@ var _ref10 = process.env.NODE_ENV === "production" ? {
 };
 const getHorizontalAlignmentStyle = props => {
   if (props.horizontalCellAlignment === 'center') {
-    return _ref10;
+    return _ref0;
   }
   if (props.horizontalCellAlignment === 'right') {
     return _ref9;
@@ -347,17 +346,24 @@ const TableRow = /*#__PURE__*/_styled("tr", process.env.NODE_ENV === "production
   label: "TableRow"
 })("display:contents;", getClickableRowStyle, " :hover,:focus-within{", RowExpandCollapseButton, "{opacity:1;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSXNEIiwiZmlsZSI6ImRhdGEtdGFibGUuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgUm93RXhwYW5kQ29sbGFwc2VCdXR0b24gfSBmcm9tICcuL2NlbGwuc3R5bGVzJztcbmltcG9ydCB7IEJhc2VIZWFkZXJDZWxsIH0gZnJvbSAnLi9oZWFkZXItY2VsbC5zdHlsZXMnO1xuaW1wb3J0IGNvbnZlcnROdW1lcmljRGltZW5zaW9uVG9QaXhlbFZhbHVlIGZyb20gJy4vdXRpbHMvY29udmVydC1udW1lcmljLWRpbWVuc2lvbi10by1waXhlbC12YWx1ZSc7XG5pbXBvcnQgdHlwZSB7IFREYXRhVGFibGVQcm9wcyB9IGZyb20gJy4vZGF0YS10YWJsZSc7XG5cbnR5cGUgVEdldENsaWNrYWJsZVJvd1N0eWxlUHJvcHMgPSB7XG4gIGlzUm93Q2xpY2thYmxlOiBib29sZWFuO1xufTtcblxuY29uc3QgZ2V0Q2xpY2thYmxlUm93U3R5bGUgPSAocHJvcHM6IFRHZXRDbGlja2FibGVSb3dTdHlsZVByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc1Jvd0NsaWNrYWJsZSkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAmOmhvdmVyIHRkIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuSG92ZXJlZH07XG4gICAgICB9XG4gICAgYDtcbiAgfVxuICByZXR1cm4gJyc7XG59O1xuXG50eXBlIFRHZXREaXNhYmxlZFNlbGZDb250YWlubWVudFN0eWxlcyA9IHtcbiAgZGlzYWJsZVNlbGZDb250YWlubWVudDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGdldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzID0gKFxuICBwcm9wczogVEdldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzXG4pID0+IHtcbiAgaWYgKHByb3BzLmRpc2FibGVTZWxmQ29udGFpbm1lbnQpIHtcbiAgICByZXR1cm4gY3NzYFxuICAgICAgcG9zaXRpb246IHVuc2V0O1xuICAgICAgb3ZlcmZsb3cteDogdW5zZXQ7XG4gICAgICBvdmVyZmxvdy15OiB1bnNldDtcbiAgICBgO1xuICB9XG4gIHJldHVybiAnJztcbn07XG5cbnR5cGUgVFRhYmxlQ29udGFpbmVyID0ge1xuICBpc0JlaW5nUmVzaXplZD86IGJvb2xlYW47XG4gIG1heFdpZHRoPzogc3RyaW5nIHwgbnVtYmVyO1xuICBtYXhIZWlnaHQ/OiBzdHJpbmcgfCBudW1iZXI7XG4gIGRpc2FibGVTZWxmQ29udGFpbm1lbnQ6IGJvb2xlYW47XG59O1xuXG5jb25zdCBUYWJsZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8VFRhYmxlQ29udGFpbmVyPmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAwO1xuICBib3gtc2hhZG93OiAke2Rlc2lnblRva2Vucy5zaGFkb3cxN307XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNH07XG5cbiAgJHsocHJvcHMpID0+XG4gICAgLy8gdGhpcyBpcyBuZWVkZWQgaW4gb3JkZXIgdG8gaGF2ZSBhIHN0aWNreSBoZWFkZXJcbiAgICBwcm9wcy5tYXhIZWlnaHQgPyBgb3ZlcmZsb3cteDogYXV0bztgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMubWF4V2lkdGggJiYgIXByb3BzLmRpc2FibGVTZWxmQ29udGFpbm1lbnRcbiAgICAgID8gYG1heC13aWR0aDogJHtjb252ZXJ0TnVtZXJpY0RpbWVuc2lvblRvUGl4ZWxWYWx1ZShwcm9wcy5tYXhXaWR0aCl9O2BcbiAgICAgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaXNCZWluZ1Jlc2l6ZWQgJiZcbiAgICBgXG4gICAgKiB7XG4gICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICB9YH1cblxuICAke2dldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzfVxuYDtcblxudHlwZSBUVGFibGVHcmlkID0ge1xuICByZXNpemVkVG90YWxXaWR0aD86IG51bWJlcjtcbiAgY29sdW1ucz86IFREYXRhVGFibGVQcm9wc1snY29sdW1ucyddO1xuICBkaXNhYmxlU2VsZkNvbnRhaW5tZW50OiBib29sZWFuO1xuICBtYXhIZWlnaHQ/OiBzdHJpbmcgfCBudW1iZXI7XG59O1xuXG5jb25zdCBUYWJsZUdyaWQgPSBzdHlsZWQudGFibGU8VFRhYmxlR3JpZD5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIC8qIHN0eWxlbGludC1kaXNhYmxlIGZ1bmN0aW9uLXdoaXRlc3BhY2UtYWZ0ZXIgKi9cbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5jb2x1bW5zICYmXG4gICAgcHJvcHMuY29sdW1ucy5tYXAoKGNvbHVtbikgPT4gY29sdW1uLndpZHRoIHx8ICdhdXRvJykuam9pbignICcpfTtcbiAgLyogc3R5bGVsaW50LWVuYWJsZSBmdW5jdGlvbi13aGl0ZXNwYWNlLWFmdGVyICovXG5cbiAgJHsocHJvcHMpID0+XG4gICAgLy8gdGhpcyBpcyBuZWVkZWQgaW4gb3JkZXIgdG8gaGF2ZSBhIHN0aWNreSBoZWFkZXJcbiAgICBwcm9wcy5tYXhIZWlnaHQgPyBgb3ZlcmZsb3cteTogYXV0bztgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMubWF4SGVpZ2h0ICYmICFwcm9wcy5kaXNhYmxlU2VsZkNvbnRhaW5tZW50XG4gICAgICA/IGBtYXgtaGVpZ2h0OiAke2NvbnZlcnROdW1lcmljRGltZW5zaW9uVG9QaXhlbFZhbHVlKHByb3BzLm1heEhlaWdodCl9O2BcbiAgICAgIDogJyd9XG5cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMucmVzaXplZFRvdGFsV2lkdGggPyBgbWF4LXdpZHRoOiAke3Byb3BzLnJlc2l6ZWRUb3RhbFdpZHRofXB4O2AgOiAnJ31cblxuICAke2dldERpc2FibGVkU2VsZkNvbnRhaW5tZW50U3R5bGVzfVxuYDtcblxuY29uc3QgVGFibGVIZWFkZXIgPSBzdHlsZWQudGhlYWRgXG4gIGRpc3BsYXk6IGNvbnRlbnRzO1xuICAvKiBBZGRzIHJpZ2h0IGJvcmRlciB0aGF0IGRvZXNuJ3QgYWZmZWN0IGNvbHVtbiB3aWR0aFxuICAqICB0byBlYWNoIGhlYWRlciBjZWxsIHdoZW4gdGFibGUgaGVhZGVyIGlzIGhvdmVyZWRcbiAgKi9cbiAgOmhvdmVyIHtcbiAgICAke0Jhc2VIZWFkZXJDZWxsfTpiZWZvcmUge1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWx9O1xuICAgICAgdG9wOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBib3R0b206ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgfVxuICAgIC8qIERvZXMgbm90IGRpc3BsYXkgYm9yZGVyIG9uIGZhciByaWdodCAobGFzdCkgaGVhZGVyIGNlbGwgKi9cbiAgICAke0Jhc2VIZWFkZXJDZWxsfTpsYXN0LWNoaWxkOmJlZm9yZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgVGFibGVCb2R5ID0gc3R5bGVkLnRib2R5YFxuICBkaXNwbGF5OiBjb250ZW50cztcbmA7XG5cbmNvbnN0IFRhYmxlUm93ID0gc3R5bGVkLnRyPFRHZXRDbGlja2FibGVSb3dTdHlsZVByb3BzPmBcbiAgZGlzcGxheTogY29udGVudHM7XG4gICR7Z2V0Q2xpY2thYmxlUm93U3R5bGV9XG4gIDpob3ZlciwgOmZvY3VzLXdpdGhpbiB7XG4gICAgJHtSb3dFeHBhbmRDb2xsYXBzZUJ1dHRvbn0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCB7IFRhYmxlQ29udGFpbmVyLCBUYWJsZUdyaWQsIFRhYmxlSGVhZGVyLCBUYWJsZUJvZHksIFRhYmxlUm93IH07XG4iXX0= */"));
 
-const defaultProps = {
-  horizontalCellAlignment: 'left'
-};
-const Footer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const _excluded$4 = ["horizontalCellAlignment"];
+function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const FooterEl = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e2ce7vj0"
 } : {
   target: "e2ce7vj0",
-  label: "Footer"
-})("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designTokens.colorSurface, ";border-top:1px solid ", designTokens.colorNeutral90, ";border-bottom:1px solid ", designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiJmb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBnZXRQYWRkaW5nU3R5bGUsIGdldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZSB9IGZyb20gJy4vY2VsbC5zdHlsZXMnO1xuXG50eXBlIFRGb290ZXIgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQ/OiAnbGVmdCcgfCAnY2VudGVyJyB8ICdyaWdodCc7XG4gIHJlc2l6ZWRUb3RhbFdpZHRoPzogbnVtYmVyO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRGb290ZXIsICdob3Jpem9udGFsQ2VsbEFsaWdubWVudCc+ID0ge1xuICBob3Jpem9udGFsQ2VsbEFsaWdubWVudDogJ2xlZnQnLFxufTtcblxuY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdjxURm9vdGVyPmBcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZGlzcGxheTogYmxvY2s7XG4gICR7Z2V0UGFkZGluZ1N0eWxlfVxuICAke2dldEhvcml6b250YWxBbGlnbm1lbnRTdHlsZX1cbiAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbiAgd2lkdGg6IDEwMCU7XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLnJlc2l6ZWRUb3RhbFdpZHRoID8gYG1heC13aWR0aDogJHtwcm9wcy5yZXNpemVkVG90YWxXaWR0aH1weDtgIDogJyd9XG5gO1xuRm9vdGVyLmRpc3BsYXlOYW1lID0gJ0Zvb3Rlcic7XG5cbkZvb3Rlci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5leHBvcnQgZGVmYXVsdCBGb290ZXI7XG4iXX0= */"));
+  label: "FooterEl"
+})("box-sizing:border-box;display:block;", getPaddingStyle, " ", getHorizontalAlignmentStyle, " background-color:", designTokens.colorSurface, ";border-top:1px solid ", designTokens.colorNeutral90, ";border-bottom:1px solid ", designTokens.colorNeutral90, ";width:100%;", props => props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : '', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW9DIiwiZmlsZSI6ImZvb3Rlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGdldFBhZGRpbmdTdHlsZSwgZ2V0SG9yaXpvbnRhbEFsaWdubWVudFN0eWxlIH0gZnJvbSAnLi9jZWxsLnN0eWxlcyc7XG5cbnR5cGUgVEZvb3RlciA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuICBob3Jpem9udGFsQ2VsbEFsaWdubWVudD86ICdsZWZ0JyB8ICdjZW50ZXInIHwgJ3JpZ2h0JztcbiAgcmVzaXplZFRvdGFsV2lkdGg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBGb290ZXJFbCA9IHN0eWxlZC5kaXY8VEZvb3Rlcj5gXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICAke2dldFBhZGRpbmdTdHlsZX1cbiAgJHtnZXRIb3Jpem9udGFsQWxpZ25tZW50U3R5bGV9XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gIHdpZHRoOiAxMDAlO1xuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5yZXNpemVkVG90YWxXaWR0aCA/IGBtYXgtd2lkdGg6ICR7cHJvcHMucmVzaXplZFRvdGFsV2lkdGh9cHg7YCA6ICcnfVxuYDtcblxuY29uc3QgRm9vdGVyID0gKHsgaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQgPSAnbGVmdCcsIC4uLnByb3BzIH06IFRGb290ZXIpID0+IChcbiAgPEZvb3RlckVsIHsuLi5wcm9wc30gaG9yaXpvbnRhbENlbGxBbGlnbm1lbnQ9e2hvcml6b250YWxDZWxsQWxpZ25tZW50fSAvPlxuKTtcbkZvb3Rlci5kaXNwbGF5TmFtZSA9ICdGb290ZXInO1xuZXhwb3J0IGRlZmF1bHQgRm9vdGVyO1xuIl19 */"));
+const Footer = _ref => {
+  let _ref$horizontalCellAl = _ref.horizontalCellAlignment,
+    horizontalCellAlignment = _ref$horizontalCellAl === void 0 ? 'left' : _ref$horizontalCellAl,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return jsx(FooterEl, _objectSpread$4(_objectSpread$4({}, props), {}, {
+    horizontalCellAlignment: horizontalCellAlignment
+  }));
+};
 Footer.displayName = 'Footer';
-Footer.defaultProps = defaultProps;
 var Footer$1 = Footer;
 
 const ResizerIndicator = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -380,10 +386,6 @@ const ColumnResizer = props => jsx(DraggableArea, {
     isOnDataCell: props.isOnDataCell
   })
 });
-ColumnResizer.propTypes = process.env.NODE_ENV !== "production" ? {
-  onMouseDown: _pt.func,
-  isOnDataCell: _pt.bool
-} : {};
 ColumnResizer.displayName = 'ColumnResizer';
 var Resizer = ColumnResizer;
 
@@ -401,7 +403,9 @@ const HeaderCellWrapper = props => {
   const columnResizingReducer = useContext(ColumnResizingContext);
   const headerRef = useRef(null);
   const onStartResizing = event => {
-    columnResizingReducer.startResizing(headerRef, event);
+    if (headerRef?.current) {
+      columnResizingReducer.startResizing(headerRef, event);
+    }
   };
   const onDrag = event => columnResizingReducer.onDragResizing(event, headerRef.current?.cellIndex);
   const onDragEnd = () => {
@@ -472,7 +476,7 @@ const HeaderCell = _ref => {
         children: [jsx(HeaderLabelTextWrapper, {
           children: props.children
         }), props.iconComponent && jsx(HeaderIconWrapper, {
-          children: typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
+          children: typeof props.iconComponent === 'string' ? props.iconComponent : typeof props.iconComponent === 'function' ? props.iconComponent() : props.iconComponent
         })]
       }), props.isSortable && jsxs(Fragment, {
         children: [jsx(AngleUpDownIcon, {
@@ -488,22 +492,6 @@ const HeaderCell = _ref => {
     }))
   });
 };
-HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  onClick: _pt.func,
-  sortedBy: _pt.string,
-  children: _pt.node.isRequired,
-  columnKey: _pt.string.isRequired,
-  columnWidth: _pt.string,
-  shouldWrap: _pt.bool,
-  isSortable: _pt.bool,
-  isCondensed: _pt.bool,
-  sortDirection: _pt.oneOf(['desc', 'asc']),
-  disableResizing: _pt.bool,
-  onColumnResized: _pt.func,
-  disableHeaderStickiness: _pt.bool,
-  horizontalCellAlignment: _pt.oneOf(['left', 'center', 'right']),
-  iconComponent: _pt.node
-} : {};
 HeaderCell.displayName = 'HeaderCell';
 var HeaderCell$1 = HeaderCell;
 
@@ -551,20 +539,6 @@ const DataCell = _ref => {
     })]
   });
 };
-DataCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt.node.isRequired,
-  isCondensed: _pt.bool,
-  isTruncated: _pt.bool,
-  onCellClick: _pt.func,
-  shouldIgnoreRowClick: _pt.bool,
-  verticalCellAlignment: _pt.oneOf(['top', 'center', 'bottom']),
-  horizontalCellAlignment: _pt.oneOf(['left', 'center', 'right']),
-  shouldRenderBottomBorder: _pt.bool,
-  shouldRenderCollapseButton: _pt.bool.isRequired,
-  shouldRenderResizingIndicator: _pt.bool.isRequired,
-  handleRowCollapseClick: _pt.func,
-  isRowCollapsed: _pt.bool
-} : {};
 DataCell.displayName = 'DataCell';
 var DataCell$1 = DataCell;
 
@@ -626,14 +600,6 @@ const DataRow = _ref => {
     }, `${props.row.id}-${column.key}`))
   });
 };
-DataRow.propTypes = process.env.NODE_ENV !== "production" ? {
-  row: _pt.any.isRequired,
-  rowIndex: _pt.number.isRequired,
-  columns: _pt.arrayOf(_pt.any).isRequired,
-  shouldClipContent: _pt.bool.isRequired,
-  shouldRenderBottomBorder: _pt.bool.isRequired,
-  onExpandRow: _pt.func
-} : {};
 DataRow.displayName = 'DataRow';
 var DataRow$1 = DataRow;
 
@@ -835,7 +801,7 @@ const DataTable = _ref => {
   // };
 
   process.env.NODE_ENV !== "production" ? warning(columnsData.length > 0, `ui-kit/DataTable: empty table "columns", expected at least one column. If you are using DataTableManager you need to pass the "columns" there and they will be injected into DataTable.`) : void 0;
-  const tableRef = useRef();
+  const tableRef = useRef(null);
   const columnResizingReducer = useManualColumnResizing$1(tableRef);
 
   // if the table columns have been measured
@@ -923,56 +889,10 @@ const DataTable = _ref => {
     })]
   });
 };
-DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  rows: _pt.arrayOf(_pt.any).isRequired,
-  columns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired,
-    width: _pt.string,
-    align: _pt.oneOf(['left', 'center', 'right']),
-    onClick: _pt.func,
-    renderItem: _pt.func,
-    headerIcon: _pt.node,
-    isTruncated: _pt.bool,
-    isSortable: _pt.bool,
-    disableResizing: _pt.bool,
-    shouldIgnoreRowClick: _pt.bool
-  })),
-  customColumns: _pt.arrayOf(_pt.shape({
-    key: _pt.string.isRequired,
-    label: _pt.node.isRequired,
-    width: _pt.string,
-    align: _pt.oneOf(['left', 'center', 'right']),
-    onClick: _pt.func,
-    renderItem: _pt.func,
-    headerIcon: _pt.node,
-    isTruncated: _pt.bool,
-    isSortable: _pt.bool,
-    disableResizing: _pt.bool,
-    shouldIgnoreRowClick: _pt.bool
-  })),
-  footer: _pt.node,
-  maxWidth: _pt.oneOfType([_pt.number, _pt.string]),
-  maxHeight: _pt.oneOfType([_pt.number, _pt.string]),
-  onRowClick: _pt.func,
-  isCondensed: _pt.bool,
-  onColumnResized: _pt.func,
-  disableSelfContainment: _pt.bool,
-  disableHeaderStickiness: _pt.bool,
-  itemRenderer: _pt.func,
-  wrapHeaderLabels: _pt.bool,
-  verticalCellAlignment: _pt.oneOf(['top', 'center', 'bottom']),
-  horizontalCellAlignment: _pt.oneOf(['left', 'center', 'right']),
-  sortedBy: _pt.string,
-  onSortChange: _pt.func,
-  sortDirection: _pt.oneOf(['desc', 'asc']),
-  renderNestedRow: _pt.func,
-  maxExpandableHeight: _pt.number
-} : {};
 DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "19.26.0";
+var version = "20.0.0";
 
 export { DataTable$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/data-table",
   "description": "A component for rendering tabular data.",
-  "version": "19.26.0",
+  "version": "20.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,25 +21,23 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "19.26.0",
-    "@commercetools-uikit/data-table-manager": "19.26.0",
-    "@commercetools-uikit/design-system": "19.26.0",
-    "@commercetools-uikit/hooks": "19.26.0",
-    "@commercetools-uikit/icons": "19.26.0",
-    "@commercetools-uikit/secondary-icon-button": "19.26.0",
-    "@commercetools-uikit/utils": "19.26.0",
+    "@commercetools-uikit/accessible-button": "20.0.0",
+    "@commercetools-uikit/data-table-manager": "20.0.0",
+    "@commercetools-uikit/design-system": "20.0.0",
+    "@commercetools-uikit/hooks": "20.0.0",
+    "@commercetools-uikit/icons": "20.0.0",
+    "@commercetools-uikit/secondary-icon-button": "20.0.0",
+    "@commercetools-uikit/utils": "20.0.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",
-    "prop-types": "15.8.1",
-    "react-intl": "^6.3.2"
+    "react-intl": "^7.1.4"
   },
   "devDependencies": {
-    "@testing-library/react-hooks": "8.0.1",
-    "formik": "^2.2.9",
-    "react": "17.0.2"
+    "formik": "^2.4.6",
+    "react": "19.0.0"
   },
   "peerDependencies": {
-    "react": "17.x"
+    "react": "19.x"
   }
 }