@commercetools-uikit/data-table 19.3.1 → 19.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/commercetools-uikit-data-table.cjs.dev.js +21 -12
  2. package/dist/commercetools-uikit-data-table.cjs.prod.js +20 -11
  3. package/dist/commercetools-uikit-data-table.esm.js +21 -12
  4. package/package.json +8 -7
package/dist/commercetools-uikit-data-table.cjs.dev.js CHANGED
@@ -30,6 +30,7 @@ var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
30
30
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
31
31
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
32
32
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
33
+ var dataTableManagerProvider = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
33
34
 
34
35
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
35
36
 
@@ -809,7 +810,7 @@ const useManualColumnResizing = tableRef => {
809
810
  var useManualColumnResizing$1 = useManualColumnResizing;
810
811
 
811
812
  function ownKeys(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; }
812
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
813
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
813
814
  const getColumnsLayoutInfo = columns => _reduceInstanceProperty__default["default"](columns).call(columns, (acc, currentValue) => [...acc, {
814
815
  key: currentValue.key,
815
816
  width: currentValue.width
@@ -830,22 +831,28 @@ const defaultProps = {
830
831
  itemRenderer: (row, column) => row[column.key]
831
832
  };
832
833
  const DataTable = props => {
833
- var _context, _context2;
834
- process.env.NODE_ENV !== "production" ? utils.warning(props.columns.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;
834
+ var _context;
835
+ const _useDataTableManagerC = dataTableManagerProvider.useDataTableManagerContext(),
836
+ columns = _useDataTableManagerC.columns,
837
+ isCondensed = _useDataTableManagerC.isCondensed;
838
+ const isValueFromProvider = Boolean(columns && columns.length !== 0);
839
+ const columnsData = isValueFromProvider ? columns : props.columns;
840
+ const condensedValue = isValueFromProvider && isCondensed !== undefined ? isCondensed : props.isCondensed;
841
+ 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;
835
842
  const tableRef = react$1.useRef();
836
843
  const columnResizingReducer = useManualColumnResizing$1(tableRef);
837
844
 
838
845
  // if the table columns have been measured
839
846
  // and if the list of columns, their width field, or the isCondensed prop has changed
840
847
  // then we need to reset the resized column widths
841
- const columnsInfo = getColumnsLayoutInfo(props.columns);
848
+ const columnsInfo = getColumnsLayoutInfo(columnsData);
842
849
  const prevLayout = hooks.usePrevious({
843
850
  columns: columnsInfo,
844
- isCondensed: props.isCondensed
851
+ isCondensed: condensedValue
845
852
  });
846
853
  const currentLayout = {
847
854
  columns: columnsInfo,
848
- isCondensed: props.isCondensed
855
+ isCondensed: condensedValue
849
856
  };
850
857
  const hasLayoutChanged = !isEqual__default["default"](prevLayout, currentLayout);
851
858
  react$1.useLayoutEffect(() => {
@@ -865,7 +872,7 @@ const DataTable = props => {
865
872
  children: [jsxRuntime.jsx(TableGrid, _objectSpread(_objectSpread({
866
873
  ref: tableRef
867
874
  }, utils.filterDataAttributes(props)), {}, {
868
- columns: props.columns,
875
+ columns: columnsData,
869
876
  maxHeight: props.maxHeight,
870
877
  disableSelfContainment: !!props.disableSelfContainment,
871
878
  resizedTotalWidth: resizedTotalWidth,
@@ -874,9 +881,9 @@ const DataTable = props => {
874
881
  children: [jsxRuntime.jsx(TableHeader, {
875
882
  children: jsxRuntime.jsx(TableRow, {
876
883
  isRowClickable: false,
877
- children: _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => jsxRuntime.jsx(HeaderCell$1, {
884
+ children: _mapInstanceProperty__default["default"](columnsData).call(columnsData, column => jsxRuntime.jsx(HeaderCell$1, {
878
885
  shouldWrap: props.wrapHeaderLabels,
879
- isCondensed: props.isCondensed,
886
+ isCondensed: condensedValue,
880
887
  iconComponent: column.headerIcon,
881
888
  onColumnResized: props.onColumnResized,
882
889
  disableResizing: column.disableResizing,
@@ -893,7 +900,9 @@ const DataTable = props => {
893
900
  }, column.key))
894
901
  })
895
902
  }), jsxRuntime.jsx(TableBody, {
896
- children: _mapInstanceProperty__default["default"](_context2 = props.rows).call(_context2, (row, rowIndex) => react.createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
903
+ children: _mapInstanceProperty__default["default"](_context = props.rows).call(_context, (row, rowIndex) => react.createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
904
+ isCondensed: condensedValue,
905
+ columns: columnsData,
897
906
  row: row,
898
907
  key: row.id,
899
908
  rowIndex: rowIndex,
@@ -904,7 +913,7 @@ const DataTable = props => {
904
913
  })
905
914
  })), props.footer && jsxRuntime.jsx(Footer$1, {
906
915
  "data-testid": "footer",
907
- isCondensed: props.isCondensed,
916
+ isCondensed: condensedValue,
908
917
  horizontalCellAlignment: props.horizontalCellAlignment,
909
918
  resizedTotalWidth: resizedTotalWidth,
910
919
  children: props.footer
@@ -947,7 +956,7 @@ DataTable.displayName = 'DataTable';
947
956
  var DataTable$1 = DataTable;
948
957
 
949
958
  // NOTE: This string will be replaced on build time with the package version.
950
- var version = "19.3.1";
959
+ var version = "19.4.0";
951
960
 
952
961
  Object.defineProperty(exports, 'useRowSelection', {
953
962
  enumerable: true,
package/dist/commercetools-uikit-data-table.cjs.prod.js CHANGED
@@ -30,6 +30,7 @@ var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
30
30
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
31
31
  var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
32
32
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
33
+ var dataTableManagerProvider = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
33
34
 
34
35
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
35
36
 
@@ -643,7 +644,7 @@ const useManualColumnResizing = tableRef => {
643
644
  var useManualColumnResizing$1 = useManualColumnResizing;
644
645
 
645
646
  function ownKeys(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; }
646
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
647
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
647
648
  const getColumnsLayoutInfo = columns => _reduceInstanceProperty__default["default"](columns).call(columns, (acc, currentValue) => [...acc, {
648
649
  key: currentValue.key,
649
650
  width: currentValue.width
@@ -664,21 +665,27 @@ const defaultProps = {
664
665
  itemRenderer: (row, column) => row[column.key]
665
666
  };
666
667
  const DataTable = props => {
667
- var _context, _context2;
668
+ var _context;
669
+ const _useDataTableManagerC = dataTableManagerProvider.useDataTableManagerContext(),
670
+ columns = _useDataTableManagerC.columns,
671
+ isCondensed = _useDataTableManagerC.isCondensed;
672
+ const isValueFromProvider = Boolean(columns && columns.length !== 0);
673
+ const columnsData = isValueFromProvider ? columns : props.columns;
674
+ const condensedValue = isValueFromProvider && isCondensed !== undefined ? isCondensed : props.isCondensed;
668
675
  const tableRef = react$1.useRef();
669
676
  const columnResizingReducer = useManualColumnResizing$1(tableRef);
670
677
 
671
678
  // if the table columns have been measured
672
679
  // and if the list of columns, their width field, or the isCondensed prop has changed
673
680
  // then we need to reset the resized column widths
674
- const columnsInfo = getColumnsLayoutInfo(props.columns);
681
+ const columnsInfo = getColumnsLayoutInfo(columnsData);
675
682
  const prevLayout = hooks.usePrevious({
676
683
  columns: columnsInfo,
677
- isCondensed: props.isCondensed
684
+ isCondensed: condensedValue
678
685
  });
679
686
  const currentLayout = {
680
687
  columns: columnsInfo,
681
- isCondensed: props.isCondensed
688
+ isCondensed: condensedValue
682
689
  };
683
690
  const hasLayoutChanged = !isEqual__default["default"](prevLayout, currentLayout);
684
691
  react$1.useLayoutEffect(() => {
@@ -698,7 +705,7 @@ const DataTable = props => {
698
705
  children: [jsxRuntime.jsx(TableGrid, _objectSpread(_objectSpread({
699
706
  ref: tableRef
700
707
  }, utils.filterDataAttributes(props)), {}, {
701
- columns: props.columns,
708
+ columns: columnsData,
702
709
  maxHeight: props.maxHeight,
703
710
  disableSelfContainment: !!props.disableSelfContainment,
704
711
  resizedTotalWidth: resizedTotalWidth,
@@ -707,9 +714,9 @@ const DataTable = props => {
707
714
  children: [jsxRuntime.jsx(TableHeader, {
708
715
  children: jsxRuntime.jsx(TableRow, {
709
716
  isRowClickable: false,
710
- children: _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => jsxRuntime.jsx(HeaderCell$1, {
717
+ children: _mapInstanceProperty__default["default"](columnsData).call(columnsData, column => jsxRuntime.jsx(HeaderCell$1, {
711
718
  shouldWrap: props.wrapHeaderLabels,
712
- isCondensed: props.isCondensed,
719
+ isCondensed: condensedValue,
713
720
  iconComponent: column.headerIcon,
714
721
  onColumnResized: props.onColumnResized,
715
722
  disableResizing: column.disableResizing,
@@ -726,7 +733,9 @@ const DataTable = props => {
726
733
  }, column.key))
727
734
  })
728
735
  }), jsxRuntime.jsx(TableBody, {
729
- children: _mapInstanceProperty__default["default"](_context2 = props.rows).call(_context2, (row, rowIndex) => react.createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
736
+ children: _mapInstanceProperty__default["default"](_context = props.rows).call(_context, (row, rowIndex) => react.createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
737
+ isCondensed: condensedValue,
738
+ columns: columnsData,
730
739
  row: row,
731
740
  key: row.id,
732
741
  rowIndex: rowIndex,
@@ -737,7 +746,7 @@ const DataTable = props => {
737
746
  })
738
747
  })), props.footer && jsxRuntime.jsx(Footer$1, {
739
748
  "data-testid": "footer",
740
- isCondensed: props.isCondensed,
749
+ isCondensed: condensedValue,
741
750
  horizontalCellAlignment: props.horizontalCellAlignment,
742
751
  resizedTotalWidth: resizedTotalWidth,
743
752
  children: props.footer
@@ -750,7 +759,7 @@ DataTable.displayName = 'DataTable';
750
759
  var DataTable$1 = DataTable;
751
760
 
752
761
  // NOTE: This string will be replaced on build time with the package version.
753
- var version = "19.3.1";
762
+ var version = "19.4.0";
754
763
 
755
764
  Object.defineProperty(exports, 'useRowSelection', {
756
765
  enumerable: true,
package/dist/commercetools-uikit-data-table.esm.js CHANGED
@@ -27,6 +27,7 @@ import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
27
27
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
28
28
  import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
29
29
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
30
+ import { useDataTableManagerContext } from '@commercetools-uikit/data-table-manager/data-table-manager-provider';
30
31
 
31
32
  function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
32
33
  const getPaddingStyle = props => {
@@ -785,7 +786,7 @@ const useManualColumnResizing = tableRef => {
785
786
  var useManualColumnResizing$1 = useManualColumnResizing;
786
787
 
787
788
  function ownKeys(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; }
788
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
789
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
789
790
  const getColumnsLayoutInfo = columns => _reduceInstanceProperty(columns).call(columns, (acc, currentValue) => [...acc, {
790
791
  key: currentValue.key,
791
792
  width: currentValue.width
@@ -806,22 +807,28 @@ const defaultProps = {
806
807
  itemRenderer: (row, column) => row[column.key]
807
808
  };
808
809
  const DataTable = props => {
809
- var _context, _context2;
810
- process.env.NODE_ENV !== "production" ? warning(props.columns.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;
810
+ var _context;
811
+ const _useDataTableManagerC = useDataTableManagerContext(),
812
+ columns = _useDataTableManagerC.columns,
813
+ isCondensed = _useDataTableManagerC.isCondensed;
814
+ const isValueFromProvider = Boolean(columns && columns.length !== 0);
815
+ const columnsData = isValueFromProvider ? columns : props.columns;
816
+ const condensedValue = isValueFromProvider && isCondensed !== undefined ? isCondensed : props.isCondensed;
817
+ 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;
811
818
  const tableRef = useRef();
812
819
  const columnResizingReducer = useManualColumnResizing$1(tableRef);
813
820
 
814
821
  // if the table columns have been measured
815
822
  // and if the list of columns, their width field, or the isCondensed prop has changed
816
823
  // then we need to reset the resized column widths
817
- const columnsInfo = getColumnsLayoutInfo(props.columns);
824
+ const columnsInfo = getColumnsLayoutInfo(columnsData);
818
825
  const prevLayout = usePrevious({
819
826
  columns: columnsInfo,
820
- isCondensed: props.isCondensed
827
+ isCondensed: condensedValue
821
828
  });
822
829
  const currentLayout = {
823
830
  columns: columnsInfo,
824
- isCondensed: props.isCondensed
831
+ isCondensed: condensedValue
825
832
  };
826
833
  const hasLayoutChanged = !isEqual(prevLayout, currentLayout);
827
834
  useLayoutEffect(() => {
@@ -841,7 +848,7 @@ const DataTable = props => {
841
848
  children: [jsx(TableGrid, _objectSpread(_objectSpread({
842
849
  ref: tableRef
843
850
  }, filterDataAttributes(props)), {}, {
844
- columns: props.columns,
851
+ columns: columnsData,
845
852
  maxHeight: props.maxHeight,
846
853
  disableSelfContainment: !!props.disableSelfContainment,
847
854
  resizedTotalWidth: resizedTotalWidth,
@@ -850,9 +857,9 @@ const DataTable = props => {
850
857
  children: [jsx(TableHeader, {
851
858
  children: jsx(TableRow, {
852
859
  isRowClickable: false,
853
- children: _mapInstanceProperty(_context = props.columns).call(_context, column => jsx(HeaderCell$1, {
860
+ children: _mapInstanceProperty(columnsData).call(columnsData, column => jsx(HeaderCell$1, {
854
861
  shouldWrap: props.wrapHeaderLabels,
855
- isCondensed: props.isCondensed,
862
+ isCondensed: condensedValue,
856
863
  iconComponent: column.headerIcon,
857
864
  onColumnResized: props.onColumnResized,
858
865
  disableResizing: column.disableResizing,
@@ -869,7 +876,9 @@ const DataTable = props => {
869
876
  }, column.key))
870
877
  })
871
878
  }), jsx(TableBody, {
872
- children: _mapInstanceProperty(_context2 = props.rows).call(_context2, (row, rowIndex) => createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
879
+ children: _mapInstanceProperty(_context = props.rows).call(_context, (row, rowIndex) => createElement(DataRow$1, _objectSpread(_objectSpread({}, props), {}, {
880
+ isCondensed: condensedValue,
881
+ columns: columnsData,
873
882
  row: row,
874
883
  key: row.id,
875
884
  rowIndex: rowIndex,
@@ -880,7 +889,7 @@ const DataTable = props => {
880
889
  })
881
890
  })), props.footer && jsx(Footer$1, {
882
891
  "data-testid": "footer",
883
- isCondensed: props.isCondensed,
892
+ isCondensed: condensedValue,
884
893
  horizontalCellAlignment: props.horizontalCellAlignment,
885
894
  resizedTotalWidth: resizedTotalWidth,
886
895
  children: props.footer
@@ -923,6 +932,6 @@ DataTable.displayName = 'DataTable';
923
932
  var DataTable$1 = DataTable;
924
933
 
925
934
  // NOTE: This string will be replaced on build time with the package version.
926
- var version = "19.3.1";
935
+ var version = "19.4.0";
927
936
 
928
937
  export { DataTable$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/data-table",
3
3
  "description": "A component for rendering tabular data.",
4
- "version": "19.3.1",
4
+ "version": "19.4.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,12 +21,13 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.3.1",
25
- "@commercetools-uikit/design-system": "19.3.1",
26
- "@commercetools-uikit/hooks": "19.3.1",
27
- "@commercetools-uikit/icons": "19.3.1",
28
- "@commercetools-uikit/secondary-icon-button": "19.3.1",
29
- "@commercetools-uikit/utils": "19.3.1",
24
+ "@commercetools-uikit/accessible-button": "19.4.0",
25
+ "@commercetools-uikit/data-table-manager": "19.4.0",
26
+ "@commercetools-uikit/design-system": "19.4.0",
27
+ "@commercetools-uikit/hooks": "19.4.0",
28
+ "@commercetools-uikit/icons": "19.4.0",
29
+ "@commercetools-uikit/secondary-icon-button": "19.4.0",
30
+ "@commercetools-uikit/utils": "19.4.0",
30
31
  "@emotion/react": "^11.10.5",
31
32
  "@emotion/styled": "^11.10.5",
32
33
  "lodash": "4.17.21",