@commercetools-uikit/data-table-manager 20.2.3 → 20.3.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 (10) hide show
  1. package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.cjs.dev.js +2 -2
  2. package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.cjs.prod.js +2 -2
  3. package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.esm.js +2 -2
  4. package/dist/{column-settings-manager-144dfa13.esm.js → column-settings-manager-5e0c28a4.esm.js} +20 -15
  5. package/dist/{column-settings-manager-58769e7c.cjs.prod.js → column-settings-manager-7bd586c5.cjs.prod.js} +21 -16
  6. package/dist/{column-settings-manager-cb1d164e.cjs.dev.js → column-settings-manager-b1528469.cjs.dev.js} +21 -16
  7. package/dist/commercetools-uikit-data-table-manager.cjs.dev.js +32 -27
  8. package/dist/commercetools-uikit-data-table-manager.cjs.prod.js +31 -26
  9. package/dist/commercetools-uikit-data-table-manager.esm.js +33 -27
  10. package/package.json +26 -26
package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.cjs.dev.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var columnSettingsManager = require('../../dist/column-settings-manager-cb1d164e.cjs.dev.js');
5
+ var columnSettingsManager = require('../../dist/column-settings-manager-b1528469.cjs.dev.js');
6
6
  require('@babel/runtime-corejs3/helpers/defineProperty');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -10,7 +10,6 @@ require('@emotion/styled/base');
10
10
  require('@babel/runtime-corejs3/core-js-stable/promise');
11
11
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
12
12
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
13
- require('@babel/runtime-corejs3/core-js-stable/instance/bind');
14
13
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
15
14
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
16
15
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -36,6 +35,7 @@ require('@commercetools-uikit/collapsible-motion');
36
35
  require('@commercetools-uikit/card');
37
36
  require('@commercetools-uikit/text');
38
37
  require('@babel/runtime-corejs3/core-js-stable/instance/map');
38
+ require('@babel/runtime-corejs3/core-js-stable/instance/concat');
39
39
  require('@commercetools-uikit/tag');
40
40
 
41
41
 
package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.cjs.prod.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var columnSettingsManager = require('../../dist/column-settings-manager-58769e7c.cjs.prod.js');
5
+ var columnSettingsManager = require('../../dist/column-settings-manager-7bd586c5.cjs.prod.js');
6
6
  require('@babel/runtime-corejs3/helpers/defineProperty');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
@@ -10,7 +10,6 @@ require('@emotion/styled/base');
10
10
  require('@babel/runtime-corejs3/core-js-stable/promise');
11
11
  require('@babel/runtime-corejs3/core-js-stable/instance/slice');
12
12
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
13
- require('@babel/runtime-corejs3/core-js-stable/instance/bind');
14
13
  require('@babel/runtime-corejs3/core-js-stable/object/keys');
15
14
  require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
16
15
  require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -36,6 +35,7 @@ require('@commercetools-uikit/collapsible-motion');
36
35
  require('@commercetools-uikit/card');
37
36
  require('@commercetools-uikit/text');
38
37
  require('@babel/runtime-corejs3/core-js-stable/instance/map');
38
+ require('@babel/runtime-corejs3/core-js-stable/instance/concat');
39
39
  require('@commercetools-uikit/tag');
40
40
 
41
41
 
package/column-settings-manager/dist/commercetools-uikit-data-table-manager-column-settings-manager.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- export { C as ColumnSettingsManager } from '../../dist/column-settings-manager-144dfa13.esm.js';
1
+ export { C as ColumnSettingsManager } from '../../dist/column-settings-manager-5e0c28a4.esm.js';
2
2
  import '@babel/runtime-corejs3/helpers/defineProperty';
3
3
  import '@babel/runtime-corejs3/helpers/slicedToArray';
4
4
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
@@ -6,7 +6,6 @@ import '@emotion/styled/base';
6
6
  import '@babel/runtime-corejs3/core-js-stable/promise';
7
7
  import '@babel/runtime-corejs3/core-js-stable/instance/slice';
8
8
  import '@babel/runtime-corejs3/core-js-stable/instance/find';
9
- import '@babel/runtime-corejs3/core-js-stable/instance/bind';
10
9
  import '@babel/runtime-corejs3/core-js-stable/object/keys';
11
10
  import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
12
11
  import '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -32,4 +31,5 @@ import '@commercetools-uikit/collapsible-motion';
32
31
  import '@commercetools-uikit/card';
33
32
  import '@commercetools-uikit/text';
34
33
  import '@babel/runtime-corejs3/core-js-stable/instance/map';
34
+ import '@babel/runtime-corejs3/core-js-stable/instance/concat';
35
35
  import '@commercetools-uikit/tag';
package/dist/{column-settings-manager-144dfa13.esm.js → column-settings-manager-5e0c28a4.esm.js} RENAMED
@@ -5,7 +5,6 @@ import _styled from '@emotion/styled/base';
5
5
  import _Promise from '@babel/runtime-corejs3/core-js-stable/promise';
6
6
  import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
7
7
  import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
8
- import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
9
8
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
10
9
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
11
10
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -31,6 +30,7 @@ import CollapsibleMotion from '@commercetools-uikit/collapsible-motion';
31
30
  import Card from '@commercetools-uikit/card';
32
31
  import Text from '@commercetools-uikit/text';
33
32
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
33
+ import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
34
34
  import Tag from '@commercetools-uikit/tag';
35
35
 
36
36
  const _excluded$1 = ["containerTheme"];
@@ -141,7 +141,10 @@ const DraggableTagWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
141
141
  label: "DraggableTagWrapper"
142
142
  })("padding:", designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ0BoZWxsby1wYW5nZWEvZG5kJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRhZyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90YWcnO1xuaW1wb3J0IERyYWdnaW5nQ29udGFpbmVyIGZyb20gJy4vZHJhZ2dhYmxlLXRhZy5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBURHJhZ2dhYmxlVGFnUHJvcHMgPSB7XG4gIGNvbHVtbjogVENvbHVtbkRhdGE7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBvblJlbW92ZT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufTtcblxuY29uc3QgRHJhZ2dhYmxlVGFnV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0gMDtcbmA7XG5cbmNvbnN0IERyYWdnYWJsZVRhZyA9IChwcm9wczogVERyYWdnYWJsZVRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZVJlbW92ZUNvbHVtbiA9ICgpID0+IHByb3BzLm9uUmVtb3ZlPy4ocHJvcHMuaW5kZXgpO1xuXG4gIHJldHVybiAoXG4gICAgPERyYWdnYWJsZVxuICAgICAgZHJhZ2dhYmxlSWQ9e3Byb3BzLmNvbHVtbi5rZXl9XG4gICAgICBpbmRleD17cHJvcHMuaW5kZXh9XG4gICAgICBpc0RyYWdEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7KHByb3ZpZGVkKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPERyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICAgICA8RHJhZ2dpbmdDb250YWluZXJcbiAgICAgICAgICAgICAgcmVmPXtwcm92aWRlZC5pbm5lclJlZn1cbiAgICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdnYWJsZVByb3BzfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ0hhbmRsZVByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlID8gaGFuZGxlUmVtb3ZlQ29sdW1uIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgaXNEcmFnZ2FibGVcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICAgPC9EcmFnZ2luZ0NvbnRhaW5lcj5cbiAgICAgICAgICA8L0RyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICk7XG4gICAgICB9fVxuICAgIDwvRHJhZ2dhYmxlPlxuICApO1xufTtcblxuRHJhZ2dhYmxlVGFnLmRpc3BsYXlOYW1lID0gJ0RyYWdnYWJsZVRhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnYWJsZVRhZztcbiJdfQ== */"));
143
143
  const DraggableTag = props => {
144
- const handleRemoveColumn = () => props.onRemove?.(props.index);
144
+ const handleRemoveColumn = () => {
145
+ var _props$onRemove;
146
+ return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
147
+ };
145
148
  return jsx(Draggable, {
146
149
  draggableId: props.column.key,
147
150
  index: props.index,
@@ -196,15 +199,18 @@ const DroppablePanel = props => {
196
199
  children: props.noColumnsText
197
200
  })
198
201
  }) : jsxs(Fragment, {
199
- children: [_mapInstanceProperty(_context = props.columns).call(_context, (column, index) => jsx(DraggableTag$1, {
200
- column: column,
201
- index: index,
202
- onRemove: props.onRemove ? () => {
203
- var _context2, _context3;
204
- return props.onRemove([..._sliceInstanceProperty(_context2 = props.columns).call(_context2, 0, index), ..._sliceInstanceProperty(_context3 = props.columns).call(_context3, index + 1)]);
205
- } : undefined,
206
- isDisabled: props.isDisabled
207
- }, `${column.key}-${index}`)), props.isSearchable && jsx(Spacings.Inset, {
202
+ children: [_mapInstanceProperty(_context = props.columns).call(_context, (column, index) => {
203
+ var _context2;
204
+ return jsx(DraggableTag$1, {
205
+ column: column,
206
+ index: index,
207
+ onRemove: props.onRemove ? () => {
208
+ var _context3, _context4;
209
+ return props.onRemove([..._sliceInstanceProperty(_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty(_context4 = props.columns).call(_context4, index + 1)]);
210
+ } : undefined,
211
+ isDisabled: props.isDisabled
212
+ }, _concatInstanceProperty(_context2 = "".concat(column.key, "-")).call(_context2, index));
213
+ }), props.isSearchable && jsx(Spacings.Inset, {
208
214
  scale: "xs",
209
215
  children: jsx(Text.Detail, {
210
216
  tone: "secondary",
@@ -257,7 +263,7 @@ const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
257
263
 
258
264
  const _excluded = ["availableColumns"];
259
265
  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; }
260
- 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; }
266
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
261
267
  const noSearch = () => _Promise.resolve([]);
262
268
  // 'onChange' prop in AsyncSelectInput is required but not needed here
263
269
  const voidChangeHandler = () => undefined;
@@ -275,7 +281,6 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
275
281
  if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
276
282
  onUpdateColumns([..._sliceInstanceProperty(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
277
283
  } else {
278
- var _context, _context2;
279
284
  // the destination is the selected columns panel
280
285
 
281
286
  // it's a swap when the source and the destination are the same
@@ -285,7 +290,7 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
285
290
  // the hidden section (it is a swap)
286
291
  [..._sliceInstanceProperty(selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty(selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
287
292
  const columns = isSwap ? selectedColumns : availableColumns;
288
- const draggedColumn = ((_context = columns) == null ? void 0 : _bindInstanceProperty(_context2 = Function.call).call(_context2, _findInstanceProperty(_context), _context))?.(col => col.key === dragResult.draggableId);
293
+ const draggedColumn = columns === null || columns === void 0 ? void 0 : _findInstanceProperty(columns).call(columns, col => col.key === dragResult.draggableId);
289
294
 
290
295
  // push the column in the new position if draggedColumn is found
291
296
  if (draggedColumn) {
@@ -325,7 +330,7 @@ const ColumnSettingsManager = _ref => {
325
330
  };
326
331
  const hiddenColumns = useMemo(() => differenceWith(availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [availableColumns, props.selectedColumns]);
327
332
  const handleDragEnd = useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, availableColumns]);
328
- const debouncedSearchHiddenColumns = useMemo(() => debounce(searchHiddenColumns ?? noSearch, 300), [searchHiddenColumns]);
333
+ const debouncedSearchHiddenColumns = useMemo(() => debounce(searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
329
334
  const handleInputChange = useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
330
335
  return jsx(SettingsContainer$1, {
331
336
  customSettingsTitle: props.title,
package/dist/{column-settings-manager-58769e7c.cjs.prod.js → column-settings-manager-7bd586c5.cjs.prod.js} RENAMED
@@ -7,7 +7,6 @@ var _styled = require('@emotion/styled/base');
7
7
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
8
8
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
9
9
  var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
10
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
11
10
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
12
11
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
13
12
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -33,6 +32,7 @@ var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
33
32
  var Card = require('@commercetools-uikit/card');
34
33
  var Text = require('@commercetools-uikit/text');
35
34
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
35
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
36
36
  var Tag = require('@commercetools-uikit/tag');
37
37
 
38
38
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -41,7 +41,6 @@ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
41
41
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
42
42
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
43
43
  var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
44
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
45
44
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
46
45
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
47
46
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -60,6 +59,7 @@ var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion)
60
59
  var Card__default = /*#__PURE__*/_interopDefault(Card);
61
60
  var Text__default = /*#__PURE__*/_interopDefault(Text);
62
61
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
62
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
63
63
  var Tag__default = /*#__PURE__*/_interopDefault(Tag);
64
64
 
65
65
  const _excluded$1 = ["containerTheme"];
@@ -145,7 +145,10 @@ const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", {
145
145
  target: "emzjy4n0"
146
146
  } )("padding:", designSystem.designTokens.spacing10, " 0;" + ("" ));
147
147
  const DraggableTag = props => {
148
- const handleRemoveColumn = () => props.onRemove?.(props.index);
148
+ const handleRemoveColumn = () => {
149
+ var _props$onRemove;
150
+ return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
151
+ };
149
152
  return jsxRuntime.jsx(dnd.Draggable, {
150
153
  draggableId: props.column.key,
151
154
  index: props.index,
@@ -197,15 +200,18 @@ const DroppablePanel = props => {
197
200
  children: props.noColumnsText
198
201
  })
199
202
  }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
200
- children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => jsxRuntime.jsx(DraggableTag$1, {
201
- column: column,
202
- index: index,
203
- onRemove: props.onRemove ? () => {
204
- var _context2, _context3;
205
- return props.onRemove([..._sliceInstanceProperty__default["default"](_context2 = props.columns).call(_context2, 0, index), ..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, index + 1)]);
206
- } : undefined,
207
- isDisabled: props.isDisabled
208
- }, `${column.key}-${index}`)), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
203
+ children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => {
204
+ var _context2;
205
+ return jsxRuntime.jsx(DraggableTag$1, {
206
+ column: column,
207
+ index: index,
208
+ onRemove: props.onRemove ? () => {
209
+ var _context3, _context4;
210
+ return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, index + 1)]);
211
+ } : undefined,
212
+ isDisabled: props.isDisabled
213
+ }, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
214
+ }), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
209
215
  scale: "xs",
210
216
  children: jsxRuntime.jsx(Text__default["default"].Detail, {
211
217
  tone: "secondary",
@@ -258,7 +264,7 @@ const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
258
264
 
259
265
  const _excluded = ["availableColumns"];
260
266
  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; }
261
- 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; }
267
+ function _objectSpread(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
262
268
  const noSearch = () => _Promise__default["default"].resolve([]);
263
269
  // 'onChange' prop in AsyncSelectInput is required but not needed here
264
270
  const voidChangeHandler = () => undefined;
@@ -273,7 +279,6 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
273
279
  if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
274
280
  onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
275
281
  } else {
276
- var _context, _context2;
277
282
  // the destination is the selected columns panel
278
283
 
279
284
  // it's a swap when the source and the destination are the same
@@ -283,7 +288,7 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
283
288
  // the hidden section (it is a swap)
284
289
  [..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
285
290
  const columns = isSwap ? selectedColumns : availableColumns;
286
- const draggedColumn = ((_context = columns) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _findInstanceProperty__default["default"](_context), _context))?.(col => col.key === dragResult.draggableId);
291
+ const draggedColumn = columns === null || columns === void 0 ? void 0 : _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId);
287
292
 
288
293
  // push the column in the new position if draggedColumn is found
289
294
  if (draggedColumn) {
@@ -321,7 +326,7 @@ const ColumnSettingsManager = _ref => {
321
326
  };
322
327
  const hiddenColumns = react.useMemo(() => differenceWith__default["default"](availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [availableColumns, props.selectedColumns]);
323
328
  const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, availableColumns]);
324
- const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns ?? noSearch, 300), [searchHiddenColumns]);
329
+ const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
325
330
  const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
326
331
  return jsxRuntime.jsx(SettingsContainer$1, {
327
332
  customSettingsTitle: props.title,
package/dist/{column-settings-manager-cb1d164e.cjs.dev.js → column-settings-manager-b1528469.cjs.dev.js} RENAMED
@@ -7,7 +7,6 @@ var _styled = require('@emotion/styled/base');
7
7
  var _Promise = require('@babel/runtime-corejs3/core-js-stable/promise');
8
8
  var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
9
9
  var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
10
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
11
10
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
12
11
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
13
12
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -33,6 +32,7 @@ var CollapsibleMotion = require('@commercetools-uikit/collapsible-motion');
33
32
  var Card = require('@commercetools-uikit/card');
34
33
  var Text = require('@commercetools-uikit/text');
35
34
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
35
+ var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
36
36
  var Tag = require('@commercetools-uikit/tag');
37
37
 
38
38
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -41,7 +41,6 @@ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
41
41
  var _Promise__default = /*#__PURE__*/_interopDefault(_Promise);
42
42
  var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
43
43
  var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
44
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
45
44
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
46
45
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
47
46
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -60,6 +59,7 @@ var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion)
60
59
  var Card__default = /*#__PURE__*/_interopDefault(Card);
61
60
  var Text__default = /*#__PURE__*/_interopDefault(Text);
62
61
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
62
+ var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
63
63
  var Tag__default = /*#__PURE__*/_interopDefault(Tag);
64
64
 
65
65
  const _excluded$1 = ["containerTheme"];
@@ -170,7 +170,10 @@ const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", proc
170
170
  label: "DraggableTagWrapper"
171
171
  })("padding:", designSystem.designTokens.spacing10, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ0BoZWxsby1wYW5nZWEvZG5kJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRhZyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90YWcnO1xuaW1wb3J0IERyYWdnaW5nQ29udGFpbmVyIGZyb20gJy4vZHJhZ2dhYmxlLXRhZy5zdHlsZXMnO1xuXG5leHBvcnQgdHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBURHJhZ2dhYmxlVGFnUHJvcHMgPSB7XG4gIGNvbHVtbjogVENvbHVtbkRhdGE7XG4gIGluZGV4OiBudW1iZXI7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICBvblJlbW92ZT86IChpbmRleDogbnVtYmVyKSA9PiB2b2lkO1xufTtcblxuY29uc3QgRHJhZ2dhYmxlVGFnV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0gMDtcbmA7XG5cbmNvbnN0IERyYWdnYWJsZVRhZyA9IChwcm9wczogVERyYWdnYWJsZVRhZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZVJlbW92ZUNvbHVtbiA9ICgpID0+IHByb3BzLm9uUmVtb3ZlPy4ocHJvcHMuaW5kZXgpO1xuXG4gIHJldHVybiAoXG4gICAgPERyYWdnYWJsZVxuICAgICAgZHJhZ2dhYmxlSWQ9e3Byb3BzLmNvbHVtbi5rZXl9XG4gICAgICBpbmRleD17cHJvcHMuaW5kZXh9XG4gICAgICBpc0RyYWdEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7KHByb3ZpZGVkKSA9PiB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPERyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICAgICA8RHJhZ2dpbmdDb250YWluZXJcbiAgICAgICAgICAgICAgcmVmPXtwcm92aWRlZC5pbm5lclJlZn1cbiAgICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdnYWJsZVByb3BzfVxuICAgICAgICAgICAgICB7Li4ucHJvdmlkZWQuZHJhZ0hhbmRsZVByb3BzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgICAgb25SZW1vdmU9e3Byb3BzLm9uUmVtb3ZlID8gaGFuZGxlUmVtb3ZlQ29sdW1uIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgaXNEcmFnZ2FibGVcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jb2x1bW4ubGFiZWx9XG4gICAgICAgICAgICAgIDwvVGFnPlxuICAgICAgICAgICAgPC9EcmFnZ2luZ0NvbnRhaW5lcj5cbiAgICAgICAgICA8L0RyYWdnYWJsZVRhZ1dyYXBwZXI+XG4gICAgICAgICk7XG4gICAgICB9fVxuICAgIDwvRHJhZ2dhYmxlPlxuICApO1xufTtcblxuRHJhZ2dhYmxlVGFnLmRpc3BsYXlOYW1lID0gJ0RyYWdnYWJsZVRhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnYWJsZVRhZztcbiJdfQ== */"));
172
172
  const DraggableTag = props => {
173
- const handleRemoveColumn = () => props.onRemove?.(props.index);
173
+ const handleRemoveColumn = () => {
174
+ var _props$onRemove;
175
+ return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
176
+ };
174
177
  return jsxRuntime.jsx(dnd.Draggable, {
175
178
  draggableId: props.column.key,
176
179
  index: props.index,
@@ -225,15 +228,18 @@ const DroppablePanel = props => {
225
228
  children: props.noColumnsText
226
229
  })
227
230
  }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
228
- children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => jsxRuntime.jsx(DraggableTag$1, {
229
- column: column,
230
- index: index,
231
- onRemove: props.onRemove ? () => {
232
- var _context2, _context3;
233
- return props.onRemove([..._sliceInstanceProperty__default["default"](_context2 = props.columns).call(_context2, 0, index), ..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, index + 1)]);
234
- } : undefined,
235
- isDisabled: props.isDisabled
236
- }, `${column.key}-${index}`)), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
231
+ children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => {
232
+ var _context2;
233
+ return jsxRuntime.jsx(DraggableTag$1, {
234
+ column: column,
235
+ index: index,
236
+ onRemove: props.onRemove ? () => {
237
+ var _context3, _context4;
238
+ return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, index + 1)]);
239
+ } : undefined,
240
+ isDisabled: props.isDisabled
241
+ }, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
242
+ }), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
237
243
  scale: "xs",
238
244
  children: jsxRuntime.jsx(Text__default["default"].Detail, {
239
245
  tone: "secondary",
@@ -286,7 +292,7 @@ const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
286
292
 
287
293
  const _excluded = ["availableColumns"];
288
294
  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; }
289
- 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; }
295
+ function _objectSpread(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(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(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
290
296
  const noSearch = () => _Promise__default["default"].resolve([]);
291
297
  // 'onChange' prop in AsyncSelectInput is required but not needed here
292
298
  const voidChangeHandler = () => undefined;
@@ -304,7 +310,6 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
304
310
  if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
305
311
  onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
306
312
  } else {
307
- var _context, _context2;
308
313
  // the destination is the selected columns panel
309
314
 
310
315
  // it's a swap when the source and the destination are the same
@@ -314,7 +319,7 @@ const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, avail
314
319
  // the hidden section (it is a swap)
315
320
  [..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
316
321
  const columns = isSwap ? selectedColumns : availableColumns;
317
- const draggedColumn = ((_context = columns) == null ? void 0 : _bindInstanceProperty__default["default"](_context2 = Function.call).call(_context2, _findInstanceProperty__default["default"](_context), _context))?.(col => col.key === dragResult.draggableId);
322
+ const draggedColumn = columns === null || columns === void 0 ? void 0 : _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId);
318
323
 
319
324
  // push the column in the new position if draggedColumn is found
320
325
  if (draggedColumn) {
@@ -354,7 +359,7 @@ const ColumnSettingsManager = _ref => {
354
359
  };
355
360
  const hiddenColumns = react.useMemo(() => differenceWith__default["default"](availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [availableColumns, props.selectedColumns]);
356
361
  const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, availableColumns]);
357
- const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns ?? noSearch, 300), [searchHiddenColumns]);
362
+ const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
358
363
  const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
359
364
  return jsxRuntime.jsx(SettingsContainer$1, {
360
365
  customSettingsTitle: props.title,
package/dist/commercetools-uikit-data-table-manager.cjs.dev.js CHANGED
@@ -20,7 +20,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
20
20
  var _styled = require('@emotion/styled/base');
21
21
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
22
22
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
23
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
24
23
  var utils = require('@commercetools-uikit/utils');
25
24
  var reactIntl = require('react-intl');
26
25
  var icons = require('@commercetools-uikit/icons');
@@ -33,7 +32,7 @@ var Grid = require('@commercetools-uikit/grid');
33
32
  var RadioInput = require('@commercetools-uikit/radio-input');
34
33
  var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
35
34
  var designSystem = require('@commercetools-uikit/design-system');
36
- var columnSettingsManager = require('./column-settings-manager-cb1d164e.cjs.dev.js');
35
+ var columnSettingsManager = require('./column-settings-manager-b1528469.cjs.dev.js');
37
36
  var hooks = require('@commercetools-uikit/hooks');
38
37
  var dataTableManagerProvider = require('./data-table-manager-provider-fc238633.cjs.dev.js');
39
38
  require('@babel/runtime-corejs3/core-js-stable/promise');
@@ -47,6 +46,7 @@ require('@commercetools-uikit/accessible-button');
47
46
  require('@commercetools-uikit/collapsible-motion');
48
47
  require('@commercetools-uikit/card');
49
48
  require('@commercetools-uikit/text');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/concat');
50
50
  require('@commercetools-uikit/tag');
51
51
 
52
52
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -64,7 +64,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
64
64
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
65
65
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
66
66
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
67
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
68
67
  var DropdownMenu__default = /*#__PURE__*/_interopDefault(DropdownMenu);
69
68
  var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
70
69
  var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
@@ -254,7 +253,7 @@ var messages = reactIntl.defineMessages({
254
253
  });
255
254
 
256
255
  function ownKeys$1(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; }
257
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
256
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
258
257
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
259
258
  const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
260
259
  target: "e3i1gnv0"
@@ -311,7 +310,7 @@ const getSelectedColumns = function (mappedColumns) {
311
310
  return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
312
311
  };
313
312
  const DataTableSettings = props => {
314
- var _context3, _context4, _context5;
313
+ var _props$customColumnMa, _props$columnManager, _props$displaySetting, _props$displaySetting2, _props$columnManager2, _props$columnManager$, _props$columnManager3, _context3;
315
314
  const getEnabledDisplaySettings = () => {
316
315
  if (!props.displaySettings || _Object$keys__default["default"](props.displaySettings).length < 0) return undefined;
317
316
  return Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
@@ -322,8 +321,8 @@ const DataTableSettings = props => {
322
321
  };
323
322
  const areDisplaySettingsEnabled = getEnabledDisplaySettings();
324
323
  const areColumnSettingsEnabled = getEnabledColumnSettings();
325
- const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !props.customColumnManager?.disableCustomColumnManager);
326
- process.env.NODE_ENV !== "production" ? utils.warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, `ui-kit/DataTableManager: the prop "onSettingsChange" is required when either the display settings or the column settings are enabled.`) : void 0;
324
+ const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !((_props$customColumnMa = props.customColumnManager) !== null && _props$customColumnMa !== void 0 && _props$customColumnMa.disableCustomColumnManager));
325
+ process.env.NODE_ENV !== "production" ? utils.warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, "ui-kit/DataTableManager: the prop \"onSettingsChange\" is required when either the display settings or the column settings are enabled.") : void 0;
327
326
  const intl = reactIntl.useIntl();
328
327
  const _useState = react.useState(null),
329
328
  _useState2 = _slicedToArray(_useState, 2),
@@ -334,8 +333,8 @@ const DataTableSettings = props => {
334
333
  areDisplaySettingsEnabled,
335
334
  areColumnSettingsEnabled,
336
335
  customSettings: props.customSettings,
337
- columnManagerLabel: props.columnManager?.columnManagerLabel,
338
- displaySettingsLabel: props.displaySettings?.displaySettingsLabel,
336
+ columnManagerLabel: (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.columnManagerLabel,
337
+ displaySettingsLabel: (_props$displaySetting = props.displaySettings) === null || _props$displaySetting === void 0 ? void 0 : _props$displaySetting.displaySettingsLabel,
339
338
  formatMessage: intl.formatMessage
340
339
  });
341
340
  const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
@@ -359,36 +358,40 @@ const DataTableSettings = props => {
359
358
  menuHorizontalConstraint: 'auto',
360
359
  menuPosition: "right",
361
360
  menuType: "list",
362
- children: ((_context3 = dropdownOptions) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _mapInstanceProperty__default["default"](_context3), _context3))?.(option => jsxRuntime.jsx(DropdownMenu__default["default"].ListMenuItem, {
361
+ children: dropdownOptions === null || dropdownOptions === void 0 ? void 0 : _mapInstanceProperty__default["default"](dropdownOptions).call(dropdownOptions, option => jsxRuntime.jsx(DropdownMenu__default["default"].ListMenuItem, {
363
362
  onClick: () => {
364
- setOpenedPanelId(option?.value);
363
+ setOpenedPanelId(option === null || option === void 0 ? void 0 : option.value);
365
364
  },
366
- isDisabled: option?.isDisabled,
367
- children: option?.label
368
- }, option?.label))
365
+ isDisabled: option === null || option === void 0 ? void 0 : option.isDisabled,
366
+ children: option === null || option === void 0 ? void 0 : option.label
367
+ }, option === null || option === void 0 ? void 0 : option.label))
369
368
  })
370
369
  })]
371
370
  }), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
372
- title: props.displaySettings?.displaySettingsLabel,
371
+ title: (_props$displaySetting2 = props.displaySettings) === null || _props$displaySetting2 === void 0 ? void 0 : _props$displaySetting2.displaySettingsLabel,
373
372
  onClose: handleSettingsPanelChange,
374
373
  onDensityDisplayChange: event => {
375
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
374
+ var _props$onSettingsChan;
375
+ (_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
376
376
  },
377
377
  onTextWrappingChange: event => {
378
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
378
+ var _props$onSettingsChan2;
379
+ (_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
379
380
  },
380
381
  managerTheme: props.managerTheme
381
382
  })), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(columnSettingsManager.ColumnSettingsManager, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
382
- title: props.columnManager?.columnManagerLabel,
383
- availableColumns: props.columnManager?.hideableColumns ?? [],
383
+ title: (_props$columnManager2 = props.columnManager) === null || _props$columnManager2 === void 0 ? void 0 : _props$columnManager2.columnManagerLabel,
384
+ availableColumns: (_props$columnManager$ = (_props$columnManager3 = props.columnManager) === null || _props$columnManager3 === void 0 ? void 0 : _props$columnManager3.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
384
385
  selectedColumns: selectedColumns,
385
386
  onClose: handleSettingsPanelChange,
386
387
  onUpdateColumns: nextVisibleColumns => {
388
+ var _props$onSettingsChan3;
387
389
  const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
388
- props.onSettingsChange?.(UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
390
+ (_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
389
391
  },
390
392
  managerTheme: props.managerTheme
391
- })), props.customSettings && _mapInstanceProperty__default["default"](_context5 = _Object$entries__default["default"](props.customSettings)).call(_context5, _ref4 => {
393
+ })), props.customSettings && _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](props.customSettings)).call(_context3, _ref4 => {
394
+ var _props$customColumnMa2;
392
395
  let _ref5 = _slicedToArray(_ref4, 2),
393
396
  key = _ref5[0],
394
397
  customSetting = _ref5[1];
@@ -402,17 +405,19 @@ const DataTableSettings = props => {
402
405
  onClose: handleSettingsPanelChange,
403
406
  managerTheme: props.managerTheme,
404
407
  selectedColumns: props.selectedColumns,
405
- availableColumns: props.customColumnManager ?? undefined,
408
+ availableColumns: (_props$customColumnMa2 = props.customColumnManager) !== null && _props$customColumnMa2 !== void 0 ? _props$customColumnMa2 : undefined,
406
409
  onUpdateColumns: (nextVisibleColumns, key) => {
410
+ var _props$onSettingsChan4;
407
411
  const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
408
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
412
+ (_props$onSettingsChan4 = props.onSettingsChange) === null || _props$onSettingsChan4 === void 0 || _props$onSettingsChan4.call(props, UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
409
413
  }
410
414
  })) : jsxRuntime.jsx(CustomSettingsManager$1, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
411
415
  onClose: handleSettingsPanelChange,
412
416
  managerTheme: props.managerTheme,
413
417
  children: CustomComponent && jsxRuntime.jsx(CustomComponent, {
414
418
  updateCustomSettings: settings => {
415
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
419
+ var _props$onSettingsChan5;
420
+ (_props$onSettingsChan5 = props.onSettingsChange) === null || _props$onSettingsChan5 === void 0 || _props$onSettingsChan5.call(props, UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
416
421
  },
417
422
  additionalSettings: _objectSpread$1(_objectSpread$1({}, customSetting), props.additionalSettings)
418
423
  })
@@ -466,8 +471,8 @@ const DataTableManager = props => {
466
471
  managerTheme: "light",
467
472
  additionalSettings: additionalCustomSetting,
468
473
  updateCustomSettings: settings => updateCustomSettings(settings),
469
- selectedColumns: selectedColumns ?? [],
470
- customColumnManager: customColumnManager ?? undefined
474
+ selectedColumns: selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : [],
475
+ customColumnManager: customColumnManager !== null && customColumnManager !== void 0 ? customColumnManager : undefined
471
476
  }), props.children ? /*#__PURE__*/react.cloneElement(props.children, {
472
477
  columns,
473
478
  customColumns,
@@ -479,7 +484,7 @@ DataTableManager.displayName = 'DataTableManager';
479
484
  var DataTableManager$1 = DataTableManager;
480
485
 
481
486
  // NOTE: This string will be replaced on build time with the package version.
482
- var version = "20.2.3";
487
+ var version = "20.3.0";
483
488
 
484
489
  exports.ColumnSettingsManager = columnSettingsManager.ColumnSettingsManager;
485
490
  Object.defineProperty(exports, 'useRowSelection', {
package/dist/commercetools-uikit-data-table-manager.cjs.prod.js CHANGED
@@ -20,7 +20,6 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
20
20
  var _styled = require('@emotion/styled/base');
21
21
  var _Object$entries = require('@babel/runtime-corejs3/core-js-stable/object/entries');
22
22
  var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
23
- var _bindInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/bind');
24
23
  require('@commercetools-uikit/utils');
25
24
  var reactIntl = require('react-intl');
26
25
  var icons = require('@commercetools-uikit/icons');
@@ -33,7 +32,7 @@ var Grid = require('@commercetools-uikit/grid');
33
32
  var RadioInput = require('@commercetools-uikit/radio-input');
34
33
  var AccessibleHidden = require('@commercetools-uikit/accessible-hidden');
35
34
  var designSystem = require('@commercetools-uikit/design-system');
36
- var columnSettingsManager = require('./column-settings-manager-58769e7c.cjs.prod.js');
35
+ var columnSettingsManager = require('./column-settings-manager-7bd586c5.cjs.prod.js');
37
36
  var hooks = require('@commercetools-uikit/hooks');
38
37
  var dataTableManagerProvider = require('./data-table-manager-provider-c64c81aa.cjs.prod.js');
39
38
  require('@babel/runtime-corejs3/core-js-stable/promise');
@@ -47,6 +46,7 @@ require('@commercetools-uikit/accessible-button');
47
46
  require('@commercetools-uikit/collapsible-motion');
48
47
  require('@commercetools-uikit/card');
49
48
  require('@commercetools-uikit/text');
49
+ require('@babel/runtime-corejs3/core-js-stable/instance/concat');
50
50
  require('@commercetools-uikit/tag');
51
51
 
52
52
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -64,7 +64,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
64
64
  var _styled__default = /*#__PURE__*/_interopDefault(_styled);
65
65
  var _Object$entries__default = /*#__PURE__*/_interopDefault(_Object$entries);
66
66
  var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
67
- var _bindInstanceProperty__default = /*#__PURE__*/_interopDefault(_bindInstanceProperty);
68
67
  var DropdownMenu__default = /*#__PURE__*/_interopDefault(DropdownMenu);
69
68
  var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
70
69
  var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
@@ -254,7 +253,7 @@ var messages = reactIntl.defineMessages({
254
253
  });
255
254
 
256
255
  function ownKeys$1(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; }
257
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
256
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
258
257
  const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", {
259
258
  target: "e3i1gnv0"
260
259
  } )({
@@ -303,7 +302,7 @@ const getSelectedColumns = function (mappedColumns) {
303
302
  return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
304
303
  };
305
304
  const DataTableSettings = props => {
306
- var _context3, _context4, _context5;
305
+ var _props$customColumnMa, _props$columnManager, _props$displaySetting, _props$displaySetting2, _props$columnManager2, _props$columnManager$, _props$columnManager3, _context3;
307
306
  const getEnabledDisplaySettings = () => {
308
307
  if (!props.displaySettings || _Object$keys__default["default"](props.displaySettings).length < 0) return undefined;
309
308
  return Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
@@ -314,7 +313,7 @@ const DataTableSettings = props => {
314
313
  };
315
314
  const areDisplaySettingsEnabled = getEnabledDisplaySettings();
316
315
  const areColumnSettingsEnabled = getEnabledColumnSettings();
317
- const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !props.customColumnManager?.disableCustomColumnManager);
316
+ const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !((_props$customColumnMa = props.customColumnManager) !== null && _props$customColumnMa !== void 0 && _props$customColumnMa.disableCustomColumnManager));
318
317
  const intl = reactIntl.useIntl();
319
318
  const _useState = react.useState(null),
320
319
  _useState2 = _slicedToArray(_useState, 2),
@@ -325,8 +324,8 @@ const DataTableSettings = props => {
325
324
  areDisplaySettingsEnabled,
326
325
  areColumnSettingsEnabled,
327
326
  customSettings: props.customSettings,
328
- columnManagerLabel: props.columnManager?.columnManagerLabel,
329
- displaySettingsLabel: props.displaySettings?.displaySettingsLabel,
327
+ columnManagerLabel: (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.columnManagerLabel,
328
+ displaySettingsLabel: (_props$displaySetting = props.displaySettings) === null || _props$displaySetting === void 0 ? void 0 : _props$displaySetting.displaySettingsLabel,
330
329
  formatMessage: intl.formatMessage
331
330
  });
332
331
  const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
@@ -350,36 +349,40 @@ const DataTableSettings = props => {
350
349
  menuHorizontalConstraint: 'auto',
351
350
  menuPosition: "right",
352
351
  menuType: "list",
353
- children: ((_context3 = dropdownOptions) == null ? void 0 : _bindInstanceProperty__default["default"](_context4 = Function.call).call(_context4, _mapInstanceProperty__default["default"](_context3), _context3))?.(option => jsxRuntime.jsx(DropdownMenu__default["default"].ListMenuItem, {
352
+ children: dropdownOptions === null || dropdownOptions === void 0 ? void 0 : _mapInstanceProperty__default["default"](dropdownOptions).call(dropdownOptions, option => jsxRuntime.jsx(DropdownMenu__default["default"].ListMenuItem, {
354
353
  onClick: () => {
355
- setOpenedPanelId(option?.value);
354
+ setOpenedPanelId(option === null || option === void 0 ? void 0 : option.value);
356
355
  },
357
- isDisabled: option?.isDisabled,
358
- children: option?.label
359
- }, option?.label))
356
+ isDisabled: option === null || option === void 0 ? void 0 : option.isDisabled,
357
+ children: option === null || option === void 0 ? void 0 : option.label
358
+ }, option === null || option === void 0 ? void 0 : option.label))
360
359
  })
361
360
  })]
362
361
  }), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
363
- title: props.displaySettings?.displaySettingsLabel,
362
+ title: (_props$displaySetting2 = props.displaySettings) === null || _props$displaySetting2 === void 0 ? void 0 : _props$displaySetting2.displaySettingsLabel,
364
363
  onClose: handleSettingsPanelChange,
365
364
  onDensityDisplayChange: event => {
366
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
365
+ var _props$onSettingsChan;
366
+ (_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
367
367
  },
368
368
  onTextWrappingChange: event => {
369
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
369
+ var _props$onSettingsChan2;
370
+ (_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
370
371
  },
371
372
  managerTheme: props.managerTheme
372
373
  })), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(columnSettingsManager.ColumnSettingsManager, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
373
- title: props.columnManager?.columnManagerLabel,
374
- availableColumns: props.columnManager?.hideableColumns ?? [],
374
+ title: (_props$columnManager2 = props.columnManager) === null || _props$columnManager2 === void 0 ? void 0 : _props$columnManager2.columnManagerLabel,
375
+ availableColumns: (_props$columnManager$ = (_props$columnManager3 = props.columnManager) === null || _props$columnManager3 === void 0 ? void 0 : _props$columnManager3.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
375
376
  selectedColumns: selectedColumns,
376
377
  onClose: handleSettingsPanelChange,
377
378
  onUpdateColumns: nextVisibleColumns => {
379
+ var _props$onSettingsChan3;
378
380
  const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
379
- props.onSettingsChange?.(UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
381
+ (_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
380
382
  },
381
383
  managerTheme: props.managerTheme
382
- })), props.customSettings && _mapInstanceProperty__default["default"](_context5 = _Object$entries__default["default"](props.customSettings)).call(_context5, _ref4 => {
384
+ })), props.customSettings && _mapInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](props.customSettings)).call(_context3, _ref4 => {
385
+ var _props$customColumnMa2;
383
386
  let _ref5 = _slicedToArray(_ref4, 2),
384
387
  key = _ref5[0],
385
388
  customSetting = _ref5[1];
@@ -393,17 +396,19 @@ const DataTableSettings = props => {
393
396
  onClose: handleSettingsPanelChange,
394
397
  managerTheme: props.managerTheme,
395
398
  selectedColumns: props.selectedColumns,
396
- availableColumns: props.customColumnManager ?? undefined,
399
+ availableColumns: (_props$customColumnMa2 = props.customColumnManager) !== null && _props$customColumnMa2 !== void 0 ? _props$customColumnMa2 : undefined,
397
400
  onUpdateColumns: (nextVisibleColumns, key) => {
401
+ var _props$onSettingsChan4;
398
402
  const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
399
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
403
+ (_props$onSettingsChan4 = props.onSettingsChange) === null || _props$onSettingsChan4 === void 0 || _props$onSettingsChan4.call(props, UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
400
404
  }
401
405
  })) : jsxRuntime.jsx(CustomSettingsManager$1, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
402
406
  onClose: handleSettingsPanelChange,
403
407
  managerTheme: props.managerTheme,
404
408
  children: CustomComponent && jsxRuntime.jsx(CustomComponent, {
405
409
  updateCustomSettings: settings => {
406
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
410
+ var _props$onSettingsChan5;
411
+ (_props$onSettingsChan5 = props.onSettingsChange) === null || _props$onSettingsChan5 === void 0 || _props$onSettingsChan5.call(props, UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
407
412
  },
408
413
  additionalSettings: _objectSpread$1(_objectSpread$1({}, customSetting), props.additionalSettings)
409
414
  })
@@ -457,8 +462,8 @@ const DataTableManager = props => {
457
462
  managerTheme: "light",
458
463
  additionalSettings: additionalCustomSetting,
459
464
  updateCustomSettings: settings => updateCustomSettings(settings),
460
- selectedColumns: selectedColumns ?? [],
461
- customColumnManager: customColumnManager ?? undefined
465
+ selectedColumns: selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : [],
466
+ customColumnManager: customColumnManager !== null && customColumnManager !== void 0 ? customColumnManager : undefined
462
467
  }), props.children ? /*#__PURE__*/react.cloneElement(props.children, {
463
468
  columns,
464
469
  customColumns,
@@ -470,7 +475,7 @@ DataTableManager.displayName = 'DataTableManager';
470
475
  var DataTableManager$1 = DataTableManager;
471
476
 
472
477
  // NOTE: This string will be replaced on build time with the package version.
473
- var version = "20.2.3";
478
+ var version = "20.3.0";
474
479
 
475
480
  exports.ColumnSettingsManager = columnSettingsManager.ColumnSettingsManager;
476
481
  Object.defineProperty(exports, 'useRowSelection', {
package/dist/commercetools-uikit-data-table-manager.esm.js CHANGED
@@ -16,7 +16,6 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
16
16
  import _styled from '@emotion/styled/base';
17
17
  import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
18
18
  import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
19
- import _bindInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/bind';
20
19
  import { warning } from '@commercetools-uikit/utils';
21
20
  import { defineMessages, useIntl } from 'react-intl';
22
21
  import { ColumnsIcon } from '@commercetools-uikit/icons';
@@ -29,8 +28,8 @@ import Grid from '@commercetools-uikit/grid';
29
28
  import RadioInput from '@commercetools-uikit/radio-input';
30
29
  import AccessibleHidden from '@commercetools-uikit/accessible-hidden';
31
30
  import { designTokens } from '@commercetools-uikit/design-system';
32
- import { S as SettingsContainer, C as ColumnSettingsManager } from './column-settings-manager-144dfa13.esm.js';
33
- export { C as ColumnSettingsManager } from './column-settings-manager-144dfa13.esm.js';
31
+ import { S as SettingsContainer, C as ColumnSettingsManager } from './column-settings-manager-5e0c28a4.esm.js';
32
+ export { C as ColumnSettingsManager } from './column-settings-manager-5e0c28a4.esm.js';
34
33
  export { useRowSelection, useSorting } from '@commercetools-uikit/hooks';
35
34
  export { D as DataTableManagerProvider, u as useDataTableManagerContext } from './data-table-manager-provider-32eb58dd.esm.js';
36
35
  import '@babel/runtime-corejs3/core-js-stable/promise';
@@ -44,6 +43,7 @@ import '@commercetools-uikit/accessible-button';
44
43
  import '@commercetools-uikit/collapsible-motion';
45
44
  import '@commercetools-uikit/card';
46
45
  import '@commercetools-uikit/text';
46
+ import '@babel/runtime-corejs3/core-js-stable/instance/concat';
47
47
  import '@commercetools-uikit/tag';
48
48
 
49
49
  const UPDATE_ACTIONS = {
@@ -227,7 +227,7 @@ var messages = defineMessages({
227
227
  });
228
228
 
229
229
  function ownKeys$1(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; }
230
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$1(Object(t), !0)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$1(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
230
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$1(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$1(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
231
231
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
232
232
  const TopBarContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
233
233
  target: "e3i1gnv0"
@@ -284,7 +284,7 @@ const getSelectedColumns = function (mappedColumns) {
284
284
  return _mapInstanceProperty(visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
285
285
  };
286
286
  const DataTableSettings = props => {
287
- var _context3, _context4, _context5;
287
+ var _props$customColumnMa, _props$columnManager, _props$displaySetting, _props$displaySetting2, _props$columnManager2, _props$columnManager$, _props$columnManager3, _context3;
288
288
  const getEnabledDisplaySettings = () => {
289
289
  if (!props.displaySettings || _Object$keys(props.displaySettings).length < 0) return undefined;
290
290
  return Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
@@ -295,8 +295,8 @@ const DataTableSettings = props => {
295
295
  };
296
296
  const areDisplaySettingsEnabled = getEnabledDisplaySettings();
297
297
  const areColumnSettingsEnabled = getEnabledColumnSettings();
298
- const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !props.customColumnManager?.disableCustomColumnManager);
299
- process.env.NODE_ENV !== "production" ? warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, `ui-kit/DataTableManager: the prop "onSettingsChange" is required when either the display settings or the column settings are enabled.`) : void 0;
298
+ const areCustomColumnSettingsEnabled = Boolean(props.customColumnManager && !((_props$customColumnMa = props.customColumnManager) !== null && _props$customColumnMa !== void 0 && _props$customColumnMa.disableCustomColumnManager));
299
+ process.env.NODE_ENV !== "production" ? warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, "ui-kit/DataTableManager: the prop \"onSettingsChange\" is required when either the display settings or the column settings are enabled.") : void 0;
300
300
  const intl = useIntl();
301
301
  const _useState = useState(null),
302
302
  _useState2 = _slicedToArray(_useState, 2),
@@ -307,8 +307,8 @@ const DataTableSettings = props => {
307
307
  areDisplaySettingsEnabled,
308
308
  areColumnSettingsEnabled,
309
309
  customSettings: props.customSettings,
310
- columnManagerLabel: props.columnManager?.columnManagerLabel,
311
- displaySettingsLabel: props.displaySettings?.displaySettingsLabel,
310
+ columnManagerLabel: (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.columnManagerLabel,
311
+ displaySettingsLabel: (_props$displaySetting = props.displaySettings) === null || _props$displaySetting === void 0 ? void 0 : _props$displaySetting.displaySettingsLabel,
312
312
  formatMessage: intl.formatMessage
313
313
  });
314
314
  const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
@@ -332,36 +332,40 @@ const DataTableSettings = props => {
332
332
  menuHorizontalConstraint: 'auto',
333
333
  menuPosition: "right",
334
334
  menuType: "list",
335
- children: ((_context3 = dropdownOptions) == null ? void 0 : _bindInstanceProperty(_context4 = Function.call).call(_context4, _mapInstanceProperty(_context3), _context3))?.(option => jsx(DropdownMenu.ListMenuItem, {
335
+ children: dropdownOptions === null || dropdownOptions === void 0 ? void 0 : _mapInstanceProperty(dropdownOptions).call(dropdownOptions, option => jsx(DropdownMenu.ListMenuItem, {
336
336
  onClick: () => {
337
- setOpenedPanelId(option?.value);
337
+ setOpenedPanelId(option === null || option === void 0 ? void 0 : option.value);
338
338
  },
339
- isDisabled: option?.isDisabled,
340
- children: option?.label
341
- }, option?.label))
339
+ isDisabled: option === null || option === void 0 ? void 0 : option.isDisabled,
340
+ children: option === null || option === void 0 ? void 0 : option.label
341
+ }, option === null || option === void 0 ? void 0 : option.label))
342
342
  })
343
343
  })]
344
344
  }), openedPanelId === DISPLAY_SETTINGS && jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
345
- title: props.displaySettings?.displaySettingsLabel,
345
+ title: (_props$displaySetting2 = props.displaySettings) === null || _props$displaySetting2 === void 0 ? void 0 : _props$displaySetting2.displaySettingsLabel,
346
346
  onClose: handleSettingsPanelChange,
347
347
  onDensityDisplayChange: event => {
348
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
348
+ var _props$onSettingsChan;
349
+ (_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
349
350
  },
350
351
  onTextWrappingChange: event => {
351
- props.onSettingsChange?.(UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
352
+ var _props$onSettingsChan2;
353
+ (_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
352
354
  },
353
355
  managerTheme: props.managerTheme
354
356
  })), openedPanelId === COLUMN_MANAGER && jsx(ColumnSettingsManager, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
355
- title: props.columnManager?.columnManagerLabel,
356
- availableColumns: props.columnManager?.hideableColumns ?? [],
357
+ title: (_props$columnManager2 = props.columnManager) === null || _props$columnManager2 === void 0 ? void 0 : _props$columnManager2.columnManagerLabel,
358
+ availableColumns: (_props$columnManager$ = (_props$columnManager3 = props.columnManager) === null || _props$columnManager3 === void 0 ? void 0 : _props$columnManager3.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
357
359
  selectedColumns: selectedColumns,
358
360
  onClose: handleSettingsPanelChange,
359
361
  onUpdateColumns: nextVisibleColumns => {
362
+ var _props$onSettingsChan3;
360
363
  const keysOfVisibleColumns = _mapInstanceProperty(nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
361
- props.onSettingsChange?.(UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
364
+ (_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
362
365
  },
363
366
  managerTheme: props.managerTheme
364
- })), props.customSettings && _mapInstanceProperty(_context5 = _Object$entries(props.customSettings)).call(_context5, _ref4 => {
367
+ })), props.customSettings && _mapInstanceProperty(_context3 = _Object$entries(props.customSettings)).call(_context3, _ref4 => {
368
+ var _props$customColumnMa2;
365
369
  let _ref5 = _slicedToArray(_ref4, 2),
366
370
  key = _ref5[0],
367
371
  customSetting = _ref5[1];
@@ -375,17 +379,19 @@ const DataTableSettings = props => {
375
379
  onClose: handleSettingsPanelChange,
376
380
  managerTheme: props.managerTheme,
377
381
  selectedColumns: props.selectedColumns,
378
- availableColumns: props.customColumnManager ?? undefined,
382
+ availableColumns: (_props$customColumnMa2 = props.customColumnManager) !== null && _props$customColumnMa2 !== void 0 ? _props$customColumnMa2 : undefined,
379
383
  onUpdateColumns: (nextVisibleColumns, key) => {
384
+ var _props$onSettingsChan4;
380
385
  const keysOfVisibleColumns = _mapInstanceProperty(nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
381
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
386
+ (_props$onSettingsChan4 = props.onSettingsChange) === null || _props$onSettingsChan4 === void 0 || _props$onSettingsChan4.call(props, UPDATE_ACTIONS.CUSTOM_COLUMNS_UPDATE, keysOfVisibleColumns, key);
382
387
  }
383
388
  })) : jsx(CustomSettingsManager$1, _objectSpread$1(_objectSpread$1({}, customSetting || {}), {}, {
384
389
  onClose: handleSettingsPanelChange,
385
390
  managerTheme: props.managerTheme,
386
391
  children: CustomComponent && jsx(CustomComponent, {
387
392
  updateCustomSettings: settings => {
388
- props.onSettingsChange?.(UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
393
+ var _props$onSettingsChan5;
394
+ (_props$onSettingsChan5 = props.onSettingsChange) === null || _props$onSettingsChan5 === void 0 || _props$onSettingsChan5.call(props, UPDATE_ACTIONS.CUSTOM_SETTINGS_UPDATE, settings);
389
395
  },
390
396
  additionalSettings: _objectSpread$1(_objectSpread$1({}, customSetting), props.additionalSettings)
391
397
  })
@@ -439,8 +445,8 @@ const DataTableManager = props => {
439
445
  managerTheme: "light",
440
446
  additionalSettings: additionalCustomSetting,
441
447
  updateCustomSettings: settings => updateCustomSettings(settings),
442
- selectedColumns: selectedColumns ?? [],
443
- customColumnManager: customColumnManager ?? undefined
448
+ selectedColumns: selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : [],
449
+ customColumnManager: customColumnManager !== null && customColumnManager !== void 0 ? customColumnManager : undefined
444
450
  }), props.children ? /*#__PURE__*/cloneElement(props.children, {
445
451
  columns,
446
452
  customColumns,
@@ -452,6 +458,6 @@ DataTableManager.displayName = 'DataTableManager';
452
458
  var DataTableManager$1 = DataTableManager;
453
459
 
454
460
  // NOTE: This string will be replaced on build time with the package version.
455
- var version = "20.2.3";
461
+ var version = "20.3.0";
456
462
 
457
463
  export { UPDATE_ACTIONS, DataTableManager$1 as default, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/data-table-manager",
3
3
  "description": "This component enhances the DataTable component and additionally provides a UI and state management to handle configuration of the table such as column manager.",
4
- "version": "20.2.3",
4
+ "version": "20.3.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -28,39 +28,39 @@
28
28
  "dependencies": {
29
29
  "@babel/runtime": "^7.20.13",
30
30
  "@babel/runtime-corejs3": "^7.20.13",
31
- "@commercetools-uikit/accessible-button": "20.2.3",
32
- "@commercetools-uikit/accessible-hidden": "20.2.3",
33
- "@commercetools-uikit/async-select-input": "20.2.3",
34
- "@commercetools-uikit/card": "20.2.3",
35
- "@commercetools-uikit/collapsible-motion": "20.2.3",
36
- "@commercetools-uikit/design-system": "20.2.3",
37
- "@commercetools-uikit/dropdown-menu": "20.2.3",
38
- "@commercetools-uikit/field-label": "20.2.3",
39
- "@commercetools-uikit/grid": "20.2.3",
40
- "@commercetools-uikit/hooks": "20.2.3",
41
- "@commercetools-uikit/icon-button": "20.2.3",
42
- "@commercetools-uikit/icons": "20.2.3",
43
- "@commercetools-uikit/primary-button": "20.2.3",
44
- "@commercetools-uikit/radio-input": "20.2.3",
45
- "@commercetools-uikit/secondary-button": "20.2.3",
46
- "@commercetools-uikit/secondary-icon-button": "20.2.3",
47
- "@commercetools-uikit/select-input": "20.2.3",
48
- "@commercetools-uikit/spacings": "20.2.3",
49
- "@commercetools-uikit/tag": "20.2.3",
50
- "@commercetools-uikit/text": "20.2.3",
51
- "@commercetools-uikit/tooltip": "20.2.3",
52
- "@commercetools-uikit/utils": "20.2.3",
31
+ "@commercetools-uikit/accessible-button": "20.3.0",
32
+ "@commercetools-uikit/accessible-hidden": "20.3.0",
33
+ "@commercetools-uikit/async-select-input": "20.3.0",
34
+ "@commercetools-uikit/card": "20.3.0",
35
+ "@commercetools-uikit/collapsible-motion": "20.3.0",
36
+ "@commercetools-uikit/design-system": "20.3.0",
37
+ "@commercetools-uikit/dropdown-menu": "20.3.0",
38
+ "@commercetools-uikit/field-label": "20.3.0",
39
+ "@commercetools-uikit/grid": "20.3.0",
40
+ "@commercetools-uikit/hooks": "20.3.0",
41
+ "@commercetools-uikit/icon-button": "20.3.0",
42
+ "@commercetools-uikit/icons": "20.3.0",
43
+ "@commercetools-uikit/primary-button": "20.3.0",
44
+ "@commercetools-uikit/radio-input": "20.3.0",
45
+ "@commercetools-uikit/secondary-button": "20.3.0",
46
+ "@commercetools-uikit/secondary-icon-button": "20.3.0",
47
+ "@commercetools-uikit/select-input": "20.3.0",
48
+ "@commercetools-uikit/spacings": "20.3.0",
49
+ "@commercetools-uikit/tag": "20.3.0",
50
+ "@commercetools-uikit/text": "20.3.0",
51
+ "@commercetools-uikit/tooltip": "20.3.0",
52
+ "@commercetools-uikit/utils": "20.3.0",
53
53
  "@emotion/react": "^11.10.5",
54
54
  "@emotion/styled": "^11.10.5",
55
- "@hello-pangea/dnd": "^17.0.0",
55
+ "@hello-pangea/dnd": "^18.0.0",
56
56
  "@types/debounce-promise": "^3.1.6",
57
57
  "debounce-promise": "^3.1.2",
58
58
  "lodash": "4.17.21"
59
59
  },
60
60
  "devDependencies": {
61
61
  "formik": "^2.4.6",
62
- "react": "19.1.0",
63
- "react-dom": "19.1.0",
62
+ "react": "19.2.0",
63
+ "react-dom": "19.2.0",
64
64
  "react-intl": "^7.1.4"
65
65
  },
66
66
  "peerDependencies": {