@commercetools-uikit/hooks 12.2.0 → 12.2.9

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 (20) hide show
  1. package/dist/commercetools-uikit-hooks.cjs.dev.js +89 -89
  2. package/dist/commercetools-uikit-hooks.cjs.prod.js +89 -89
  3. package/dist/commercetools-uikit-hooks.esm.js +66 -65
  4. package/dist/declarations/src/index.d.ts +8 -8
  5. package/dist/declarations/src/use-data-table-sorting-state/index.d.ts +1 -1
  6. package/dist/declarations/src/use-data-table-sorting-state/use-data-table-sorting-state.d.ts +10 -10
  7. package/dist/declarations/src/use-field-id/index.d.ts +1 -1
  8. package/dist/declarations/src/use-field-id/use-field-id.d.ts +3 -3
  9. package/dist/declarations/src/use-pagination-state/index.d.ts +1 -1
  10. package/dist/declarations/src/use-pagination-state/use-pagination-state.d.ts +13 -13
  11. package/dist/declarations/src/use-previous/index.d.ts +1 -1
  12. package/dist/declarations/src/use-previous/use-previous.d.ts +2 -2
  13. package/dist/declarations/src/use-row-selection/index.d.ts +1 -1
  14. package/dist/declarations/src/use-row-selection/use-row-selection.d.ts +16 -11
  15. package/dist/declarations/src/use-sorting/index.d.ts +1 -1
  16. package/dist/declarations/src/use-sorting/use-sorting.d.ts +15 -7
  17. package/dist/declarations/src/use-toggle-state/index.d.ts +1 -1
  18. package/dist/declarations/src/use-toggle-state/use-toggle-state.d.ts +2 -2
  19. package/dist/declarations/src/version.d.ts +2 -2
  20. package/package.json +5 -9
package/dist/commercetools-uikit-hooks.cjs.dev.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
- var React = require('react');
6
+ var react = require('react');
7
7
  var utils = require('@commercetools-uikit/utils');
8
8
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
9
9
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -22,7 +22,6 @@ var isNil = require('lodash/isNil');
22
22
 
23
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
24
24
 
25
- var React__default = /*#__PURE__*/_interopDefault(React);
26
25
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
27
26
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
28
27
  var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -40,32 +39,36 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
40
39
  var useToggleState = function useToggleState(defaultValue) {
41
40
  var initialValue = typeof defaultValue === 'boolean' ? defaultValue : true;
42
41
 
43
- var _useState = React.useState(initialValue),
42
+ var _useState = react.useState(initialValue),
44
43
  _useState2 = _slicedToArray(_useState, 2),
45
44
  isToggled = _useState2[0],
46
45
  setIsToggled = _useState2[1];
47
46
 
48
- var toggle = React.useCallback(function (forceIsToggled) {
47
+ var toggle = react.useCallback(function (forceIsToggled) {
49
48
  setIsToggled(typeof forceIsToggled === 'boolean' ? forceIsToggled : !isToggled);
50
49
  }, [isToggled, setIsToggled]);
51
50
  return [isToggled, toggle];
52
51
  };
53
52
 
53
+ var useToggleState$1 = useToggleState;
54
+
54
55
  var usePrevious = function usePrevious(value) {
55
- var ref = React__default['default'].useRef();
56
- React__default['default'].useEffect(function () {
56
+ var ref = react.useRef();
57
+ react.useEffect(function () {
57
58
  ref.current = value;
58
59
  }, [value]);
59
60
  return ref.current;
60
61
  };
61
62
 
63
+ var usePrevious$1 = usePrevious;
64
+
62
65
  var useFieldId = function useFieldId(id, createIdFn) {
63
- var _React$useState = React__default['default'].useState(id),
64
- _React$useState2 = _slicedToArray(_React$useState, 2),
65
- internalId = _React$useState2[0],
66
- setId = _React$useState2[1];
66
+ var _useState = react.useState(id),
67
+ _useState2 = _slicedToArray(_useState, 2),
68
+ internalId = _useState2[0],
69
+ setId = _useState2[1];
67
70
 
68
- React__default['default'].useEffect(function () {
71
+ react.useEffect(function () {
69
72
  var props = {
70
73
  id: id
71
74
  };
@@ -77,33 +80,37 @@ var useFieldId = function useFieldId(id, createIdFn) {
77
80
  return internalId;
78
81
  };
79
82
 
80
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
83
+ var useFieldId$1 = useFieldId;
84
+
85
+ function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
81
86
 
82
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context4; _forEachInstanceProperty__default['default'](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
87
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
83
88
 
84
- var getInitialState = function getInitialState(rows, keyName) {
85
- return _reduceInstanceProperty__default['default'](rows).call(rows, function (items, currentItem) {
86
- return _objectSpread(_objectSpread({}, items), {}, _defineProperty({}, currentItem.id, currentItem[keyName] || false));
89
+ var getInitialState$1 = function getInitialState(keyName, rows) {
90
+ return _reduceInstanceProperty__default["default"](rows).call(rows, function (items, currentItem) {
91
+ // @ts-ignore: index signature is confused as items might contain the initial value.
92
+ var initialValue = currentItem[keyName];
93
+ return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
87
94
  }, {});
88
95
  };
89
96
 
90
97
  function selectionReducer(state, action) {
91
98
  switch (action.type) {
92
99
  case 'toggle':
93
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
100
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
94
101
 
95
102
  case 'select':
96
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, true));
103
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, true));
97
104
 
98
105
  case 'deselect':
99
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, false));
106
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, false));
100
107
 
101
108
  case 'selectAll':
102
109
  {
103
110
  var _context;
104
111
 
105
- return _reduceInstanceProperty__default['default'](_context = _Object$keys__default['default'](state)).call(_context, function (accumulator, currentItem) {
106
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, true));
112
+ return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, function (allItems, currentItem) {
113
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
107
114
  }, {});
108
115
  }
109
116
 
@@ -111,8 +118,8 @@ function selectionReducer(state, action) {
111
118
  {
112
119
  var _context2;
113
120
 
114
- return _reduceInstanceProperty__default['default'](_context2 = _Object$keys__default['default'](state)).call(_context2, function (accumulator, currentItem) {
115
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, false));
121
+ return _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](state)).call(_context2, function (allItems, currentItem) {
122
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
116
123
  }, {});
117
124
  }
118
125
 
@@ -121,24 +128,16 @@ function selectionReducer(state, action) {
121
128
  }
122
129
  }
123
130
 
124
- var useSelectionReducer = function useSelectionReducer(rows, keyName) {
125
- var _React$useReducer = React__default['default'].useReducer(selectionReducer, getInitialState(rows, keyName)),
126
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
127
- selectionState = _React$useReducer2[0],
128
- dispatch = _React$useReducer2[1];
129
-
130
- React__default['default'].useDebugValue(selectionState);
131
- return [selectionState, dispatch];
132
- };
133
-
134
131
  var useRowSelection = function useRowSelection(keyName, rows) {
135
- var _useSelectionReducer = useSelectionReducer(rows, keyName),
136
- _useSelectionReducer2 = _slicedToArray(_useSelectionReducer, 2),
137
- selectionState = _useSelectionReducer2[0],
138
- dispatch = _useSelectionReducer2[1];
132
+ var _useReducer = react.useReducer(selectionReducer, getInitialState$1(keyName, rows)),
133
+ _useReducer2 = _slicedToArray(_useReducer, 2),
134
+ selectionState = _useReducer2[0],
135
+ dispatch = _useReducer2[1];
139
136
 
140
- var selectableRows = _mapInstanceProperty__default['default'](rows).call(rows, function (item) {
141
- return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
137
+ react.useDebugValue(selectionState);
138
+
139
+ var selectableRows = _mapInstanceProperty__default["default"](rows).call(rows, function (item) {
140
+ return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
142
141
  });
143
142
 
144
143
  var toggleRow = function toggleRow(id) {
@@ -179,8 +178,8 @@ var useRowSelection = function useRowSelection(keyName, rows) {
179
178
  };
180
179
 
181
180
  var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
182
- return _reduceInstanceProperty__default['default'](selectableRows).call(selectableRows, function (count, item) {
183
- return count + item[keyName];
181
+ return _reduceInstanceProperty__default["default"](selectableRows).call(selectableRows, function (count, item) {
182
+ return count + (item[keyName] === true ? 1 : 0);
184
183
  }, 0);
185
184
  };
186
185
 
@@ -196,8 +195,11 @@ var useRowSelection = function useRowSelection(keyName, rows) {
196
195
  };
197
196
  };
198
197
 
199
- var sortItems = function sortItems(items, field, direction) {
200
- var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default['default'];
198
+ var useRowSelection$1 = useRowSelection;
199
+
200
+ // we're using lodash sortBy as our default sorting fn
201
+ var sortItems = function sortItems(items, field, sortDirection) {
202
+ var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default["default"];
201
203
 
202
204
  if (!field) {
203
205
  return items;
@@ -205,14 +207,14 @@ var sortItems = function sortItems(items, field, direction) {
205
207
 
206
208
  var sortedItems = sortingFunction(items, field);
207
209
 
208
- if (direction === 'desc') {
209
- return _reverseInstanceProperty__default['default'](sortedItems).call(sortedItems);
210
+ if (sortDirection === 'desc') {
211
+ return _reverseInstanceProperty__default["default"](sortedItems).call(sortedItems);
210
212
  }
211
213
 
212
214
  return sortedItems;
213
215
  };
214
216
 
215
- var getInitialState$1 = function getInitialState(items, field, sortDirection, sortingFunction) {
217
+ var getInitialState = function getInitialState(items, field, sortDirection, sortingFunction) {
216
218
  return {
217
219
  items: sortItems(items, field, sortDirection, sortingFunction),
218
220
  sortedBy: field,
@@ -220,23 +222,15 @@ var getInitialState$1 = function getInitialState(items, field, sortDirection, so
220
222
  };
221
223
  };
222
224
 
223
- var useSortingState = function useSortingState(items, field, sortDirection, sortingFunction) {
224
- var _React$useState = React__default['default'].useState(function () {
225
- return getInitialState$1(items, field, sortDirection, sortingFunction);
225
+ var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
226
+ var _useState = react.useState(function () {
227
+ return getInitialState(items, field, sortDirection, sortingFunction);
226
228
  }),
227
- _React$useState2 = _slicedToArray(_React$useState, 2),
228
- sortState = _React$useState2[0],
229
- setSorting = _React$useState2[1];
229
+ _useState2 = _slicedToArray(_useState, 2),
230
+ sortState = _useState2[0],
231
+ setSorting = _useState2[1];
230
232
 
231
- React__default['default'].useDebugValue(sortState);
232
- return [sortState, setSorting];
233
- };
234
-
235
- var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
236
- var _useSortingState = useSortingState(items, field, sortDirection, sortingFunction),
237
- _useSortingState2 = _slicedToArray(_useSortingState, 2),
238
- sortState = _useSortingState2[0],
239
- setSorting = _useSortingState2[1];
233
+ react.useDebugValue(sortState);
240
234
 
241
235
  function onSortChange(fieldKey) {
242
236
  var nextSortDirection;
@@ -250,7 +244,7 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
250
244
  var _context;
251
245
 
252
246
  nextSortDirection = sortState.sortDirection === 'asc' ? 'desc' : 'asc';
253
- sortedItems = _reverseInstanceProperty__default['default'](_context = sortState.items).call(_context);
247
+ sortedItems = _reverseInstanceProperty__default["default"](_context = sortState.items).call(_context);
254
248
  }
255
249
 
256
250
  setSorting({
@@ -268,15 +262,17 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
268
262
  };
269
263
  };
270
264
 
271
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
265
+ var useSorting$1 = useSorting;
272
266
 
273
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
267
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
274
268
 
275
- var applyIf = function applyIf(values, key) {
276
- return !isNil__default['default'](values[key]) ? _defineProperty({}, key, values[key]) : {};
269
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
270
+
271
+ var applyIf$1 = function applyIf(values, key) {
272
+ return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
277
273
  };
278
274
 
279
- var defaultValues = {
275
+ var defaultValues$1 = {
280
276
  page: 1,
281
277
  perPage: 20
282
278
  };
@@ -284,22 +280,22 @@ var defaultValues = {
284
280
  var usePaginationState = function usePaginationState() {
285
281
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
286
282
 
287
- var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues), applyIf(initialValues, 'page')), applyIf(initialValues, 'perPage'));
283
+ var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
288
284
 
289
- var _useState = React.useState(mergedValues.page),
285
+ var _useState = react.useState(mergedValues.page),
290
286
  _useState2 = _slicedToArray(_useState, 2),
291
287
  page = _useState2[0],
292
288
  setPage = _useState2[1];
293
289
 
294
- var _useState3 = React.useState(mergedValues.perPage),
290
+ var _useState3 = react.useState(mergedValues.perPage),
295
291
  _useState4 = _slicedToArray(_useState3, 2),
296
292
  perPage = _useState4[0],
297
293
  setPerPage = _useState4[1];
298
294
 
299
- var onPageChange = React.useCallback(function (nextPage) {
295
+ var onPageChange = react.useCallback(function (nextPage) {
300
296
  setPage(nextPage);
301
297
  }, [setPage]);
302
- var onPerPageChange = React.useCallback(function (nextPerPage) {
298
+ var onPerPageChange = react.useCallback(function (nextPerPage) {
303
299
  // side-effect:
304
300
  // GIVEN client updates `perPage`,
305
301
  // THEN we reset `page` (discards initialValues.page)
@@ -318,29 +314,31 @@ var usePaginationState = function usePaginationState() {
318
314
  };
319
315
  };
320
316
 
321
- function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
317
+ var usePaginationState$1 = usePaginationState;
322
318
 
323
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
324
- var defaultValues$1 = {
319
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
320
+
321
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
322
+ var defaultValues = {
325
323
  key: 'createdAt',
326
324
  order: 'desc'
327
325
  };
328
326
 
329
- var applyIf$1 = function applyIf(values, key) {
330
- return !isNil__default['default'](values[key]) ? _defineProperty({}, key, values[key]) : {};
327
+ var applyIf = function applyIf(values, key) {
328
+ return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
331
329
  };
332
330
 
333
331
  var useDataTableSortingState = function useDataTableSortingState() {
334
332
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
335
333
 
336
- var mergedValues = _objectSpread$2(_objectSpread$2(_objectSpread$2({}, defaultValues$1), applyIf$1(initialValues, 'key')), applyIf$1(initialValues, 'order'));
334
+ var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
337
335
 
338
- var _useState = React.useState(mergedValues),
336
+ var _useState = react.useState(mergedValues),
339
337
  _useState2 = _slicedToArray(_useState, 2),
340
338
  sortDefinition = _useState2[0],
341
339
  setSortDefinition = _useState2[1];
342
340
 
343
- var onTableSortingChange = React.useCallback(function (key, order) {
341
+ var onTableSortingChange = react.useCallback(function (key, order) {
344
342
  setSortDefinition({
345
343
  key: key,
346
344
  order: order
@@ -352,14 +350,16 @@ var useDataTableSortingState = function useDataTableSortingState() {
352
350
  };
353
351
  };
354
352
 
355
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
356
- var version = '12.2.0';
353
+ var useDataTableSortingState$1 = useDataTableSortingState;
354
+
355
+ // NOTE: This string will be replaced on build time with the package version.
356
+ var version = "12.2.9";
357
357
 
358
- exports.useDataTableSortingState = useDataTableSortingState;
359
- exports.useFieldId = useFieldId;
360
- exports.usePaginationState = usePaginationState;
361
- exports.usePrevious = usePrevious;
362
- exports.useRowSelection = useRowSelection;
363
- exports.useSorting = useSorting;
364
- exports.useToggleState = useToggleState;
358
+ exports.useDataTableSortingState = useDataTableSortingState$1;
359
+ exports.useFieldId = useFieldId$1;
360
+ exports.usePaginationState = usePaginationState$1;
361
+ exports.usePrevious = usePrevious$1;
362
+ exports.useRowSelection = useRowSelection$1;
363
+ exports.useSorting = useSorting$1;
364
+ exports.useToggleState = useToggleState$1;
365
365
  exports.version = version;
package/dist/commercetools-uikit-hooks.cjs.prod.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
6
- var React = require('react');
6
+ var react = require('react');
7
7
  var utils = require('@commercetools-uikit/utils');
8
8
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
9
9
  var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -22,7 +22,6 @@ var isNil = require('lodash/isNil');
22
22
 
23
23
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
24
24
 
25
- var React__default = /*#__PURE__*/_interopDefault(React);
26
25
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
27
26
  var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
28
27
  var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -40,32 +39,36 @@ var isNil__default = /*#__PURE__*/_interopDefault(isNil);
40
39
  var useToggleState = function useToggleState(defaultValue) {
41
40
  var initialValue = typeof defaultValue === 'boolean' ? defaultValue : true;
42
41
 
43
- var _useState = React.useState(initialValue),
42
+ var _useState = react.useState(initialValue),
44
43
  _useState2 = _slicedToArray(_useState, 2),
45
44
  isToggled = _useState2[0],
46
45
  setIsToggled = _useState2[1];
47
46
 
48
- var toggle = React.useCallback(function (forceIsToggled) {
47
+ var toggle = react.useCallback(function (forceIsToggled) {
49
48
  setIsToggled(typeof forceIsToggled === 'boolean' ? forceIsToggled : !isToggled);
50
49
  }, [isToggled, setIsToggled]);
51
50
  return [isToggled, toggle];
52
51
  };
53
52
 
53
+ var useToggleState$1 = useToggleState;
54
+
54
55
  var usePrevious = function usePrevious(value) {
55
- var ref = React__default['default'].useRef();
56
- React__default['default'].useEffect(function () {
56
+ var ref = react.useRef();
57
+ react.useEffect(function () {
57
58
  ref.current = value;
58
59
  }, [value]);
59
60
  return ref.current;
60
61
  };
61
62
 
63
+ var usePrevious$1 = usePrevious;
64
+
62
65
  var useFieldId = function useFieldId(id, createIdFn) {
63
- var _React$useState = React__default['default'].useState(id),
64
- _React$useState2 = _slicedToArray(_React$useState, 2),
65
- internalId = _React$useState2[0],
66
- setId = _React$useState2[1];
66
+ var _useState = react.useState(id),
67
+ _useState2 = _slicedToArray(_useState, 2),
68
+ internalId = _useState2[0],
69
+ setId = _useState2[1];
67
70
 
68
- React__default['default'].useEffect(function () {
71
+ react.useEffect(function () {
69
72
  var props = {
70
73
  id: id
71
74
  };
@@ -77,33 +80,37 @@ var useFieldId = function useFieldId(id, createIdFn) {
77
80
  return internalId;
78
81
  };
79
82
 
80
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
83
+ var useFieldId$1 = useFieldId;
84
+
85
+ function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
81
86
 
82
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default['default'](_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context4; _forEachInstanceProperty__default['default'](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
87
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
83
88
 
84
- var getInitialState = function getInitialState(rows, keyName) {
85
- return _reduceInstanceProperty__default['default'](rows).call(rows, function (items, currentItem) {
86
- return _objectSpread(_objectSpread({}, items), {}, _defineProperty({}, currentItem.id, currentItem[keyName] || false));
89
+ var getInitialState$1 = function getInitialState(keyName, rows) {
90
+ return _reduceInstanceProperty__default["default"](rows).call(rows, function (items, currentItem) {
91
+ // @ts-ignore: index signature is confused as items might contain the initial value.
92
+ var initialValue = currentItem[keyName];
93
+ return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
87
94
  }, {});
88
95
  };
89
96
 
90
97
  function selectionReducer(state, action) {
91
98
  switch (action.type) {
92
99
  case 'toggle':
93
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
100
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
94
101
 
95
102
  case 'select':
96
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, true));
103
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, true));
97
104
 
98
105
  case 'deselect':
99
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, false));
106
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, false));
100
107
 
101
108
  case 'selectAll':
102
109
  {
103
110
  var _context;
104
111
 
105
- return _reduceInstanceProperty__default['default'](_context = _Object$keys__default['default'](state)).call(_context, function (accumulator, currentItem) {
106
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, true));
112
+ return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, function (allItems, currentItem) {
113
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
107
114
  }, {});
108
115
  }
109
116
 
@@ -111,8 +118,8 @@ function selectionReducer(state, action) {
111
118
  {
112
119
  var _context2;
113
120
 
114
- return _reduceInstanceProperty__default['default'](_context2 = _Object$keys__default['default'](state)).call(_context2, function (accumulator, currentItem) {
115
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, false));
121
+ return _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](state)).call(_context2, function (allItems, currentItem) {
122
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
116
123
  }, {});
117
124
  }
118
125
 
@@ -121,24 +128,16 @@ function selectionReducer(state, action) {
121
128
  }
122
129
  }
123
130
 
124
- var useSelectionReducer = function useSelectionReducer(rows, keyName) {
125
- var _React$useReducer = React__default['default'].useReducer(selectionReducer, getInitialState(rows, keyName)),
126
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
127
- selectionState = _React$useReducer2[0],
128
- dispatch = _React$useReducer2[1];
129
-
130
- React__default['default'].useDebugValue(selectionState);
131
- return [selectionState, dispatch];
132
- };
133
-
134
131
  var useRowSelection = function useRowSelection(keyName, rows) {
135
- var _useSelectionReducer = useSelectionReducer(rows, keyName),
136
- _useSelectionReducer2 = _slicedToArray(_useSelectionReducer, 2),
137
- selectionState = _useSelectionReducer2[0],
138
- dispatch = _useSelectionReducer2[1];
132
+ var _useReducer = react.useReducer(selectionReducer, getInitialState$1(keyName, rows)),
133
+ _useReducer2 = _slicedToArray(_useReducer, 2),
134
+ selectionState = _useReducer2[0],
135
+ dispatch = _useReducer2[1];
139
136
 
140
- var selectableRows = _mapInstanceProperty__default['default'](rows).call(rows, function (item) {
141
- return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
137
+ react.useDebugValue(selectionState);
138
+
139
+ var selectableRows = _mapInstanceProperty__default["default"](rows).call(rows, function (item) {
140
+ return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
142
141
  });
143
142
 
144
143
  var toggleRow = function toggleRow(id) {
@@ -179,8 +178,8 @@ var useRowSelection = function useRowSelection(keyName, rows) {
179
178
  };
180
179
 
181
180
  var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
182
- return _reduceInstanceProperty__default['default'](selectableRows).call(selectableRows, function (count, item) {
183
- return count + item[keyName];
181
+ return _reduceInstanceProperty__default["default"](selectableRows).call(selectableRows, function (count, item) {
182
+ return count + (item[keyName] === true ? 1 : 0);
184
183
  }, 0);
185
184
  };
186
185
 
@@ -196,8 +195,11 @@ var useRowSelection = function useRowSelection(keyName, rows) {
196
195
  };
197
196
  };
198
197
 
199
- var sortItems = function sortItems(items, field, direction) {
200
- var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default['default'];
198
+ var useRowSelection$1 = useRowSelection;
199
+
200
+ // we're using lodash sortBy as our default sorting fn
201
+ var sortItems = function sortItems(items, field, sortDirection) {
202
+ var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default["default"];
201
203
 
202
204
  if (!field) {
203
205
  return items;
@@ -205,14 +207,14 @@ var sortItems = function sortItems(items, field, direction) {
205
207
 
206
208
  var sortedItems = sortingFunction(items, field);
207
209
 
208
- if (direction === 'desc') {
209
- return _reverseInstanceProperty__default['default'](sortedItems).call(sortedItems);
210
+ if (sortDirection === 'desc') {
211
+ return _reverseInstanceProperty__default["default"](sortedItems).call(sortedItems);
210
212
  }
211
213
 
212
214
  return sortedItems;
213
215
  };
214
216
 
215
- var getInitialState$1 = function getInitialState(items, field, sortDirection, sortingFunction) {
217
+ var getInitialState = function getInitialState(items, field, sortDirection, sortingFunction) {
216
218
  return {
217
219
  items: sortItems(items, field, sortDirection, sortingFunction),
218
220
  sortedBy: field,
@@ -220,23 +222,15 @@ var getInitialState$1 = function getInitialState(items, field, sortDirection, so
220
222
  };
221
223
  };
222
224
 
223
- var useSortingState = function useSortingState(items, field, sortDirection, sortingFunction) {
224
- var _React$useState = React__default['default'].useState(function () {
225
- return getInitialState$1(items, field, sortDirection, sortingFunction);
225
+ var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
226
+ var _useState = react.useState(function () {
227
+ return getInitialState(items, field, sortDirection, sortingFunction);
226
228
  }),
227
- _React$useState2 = _slicedToArray(_React$useState, 2),
228
- sortState = _React$useState2[0],
229
- setSorting = _React$useState2[1];
229
+ _useState2 = _slicedToArray(_useState, 2),
230
+ sortState = _useState2[0],
231
+ setSorting = _useState2[1];
230
232
 
231
- React__default['default'].useDebugValue(sortState);
232
- return [sortState, setSorting];
233
- };
234
-
235
- var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
236
- var _useSortingState = useSortingState(items, field, sortDirection, sortingFunction),
237
- _useSortingState2 = _slicedToArray(_useSortingState, 2),
238
- sortState = _useSortingState2[0],
239
- setSorting = _useSortingState2[1];
233
+ react.useDebugValue(sortState);
240
234
 
241
235
  function onSortChange(fieldKey) {
242
236
  var nextSortDirection;
@@ -250,7 +244,7 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
250
244
  var _context;
251
245
 
252
246
  nextSortDirection = sortState.sortDirection === 'asc' ? 'desc' : 'asc';
253
- sortedItems = _reverseInstanceProperty__default['default'](_context = sortState.items).call(_context);
247
+ sortedItems = _reverseInstanceProperty__default["default"](_context = sortState.items).call(_context);
254
248
  }
255
249
 
256
250
  setSorting({
@@ -268,15 +262,17 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
268
262
  };
269
263
  };
270
264
 
271
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
265
+ var useSorting$1 = useSorting;
272
266
 
273
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
267
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
274
268
 
275
- var applyIf = function applyIf(values, key) {
276
- return !isNil__default['default'](values[key]) ? _defineProperty({}, key, values[key]) : {};
269
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
270
+
271
+ var applyIf$1 = function applyIf(values, key) {
272
+ return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
277
273
  };
278
274
 
279
- var defaultValues = {
275
+ var defaultValues$1 = {
280
276
  page: 1,
281
277
  perPage: 20
282
278
  };
@@ -284,22 +280,22 @@ var defaultValues = {
284
280
  var usePaginationState = function usePaginationState() {
285
281
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
286
282
 
287
- var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues), applyIf(initialValues, 'page')), applyIf(initialValues, 'perPage'));
283
+ var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
288
284
 
289
- var _useState = React.useState(mergedValues.page),
285
+ var _useState = react.useState(mergedValues.page),
290
286
  _useState2 = _slicedToArray(_useState, 2),
291
287
  page = _useState2[0],
292
288
  setPage = _useState2[1];
293
289
 
294
- var _useState3 = React.useState(mergedValues.perPage),
290
+ var _useState3 = react.useState(mergedValues.perPage),
295
291
  _useState4 = _slicedToArray(_useState3, 2),
296
292
  perPage = _useState4[0],
297
293
  setPerPage = _useState4[1];
298
294
 
299
- var onPageChange = React.useCallback(function (nextPage) {
295
+ var onPageChange = react.useCallback(function (nextPage) {
300
296
  setPage(nextPage);
301
297
  }, [setPage]);
302
- var onPerPageChange = React.useCallback(function (nextPerPage) {
298
+ var onPerPageChange = react.useCallback(function (nextPerPage) {
303
299
  // side-effect:
304
300
  // GIVEN client updates `perPage`,
305
301
  // THEN we reset `page` (discards initialValues.page)
@@ -318,29 +314,31 @@ var usePaginationState = function usePaginationState() {
318
314
  };
319
315
  };
320
316
 
321
- function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
317
+ var usePaginationState$1 = usePaginationState;
322
318
 
323
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default['default'](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](source, key)); }); } } return target; }
324
- var defaultValues$1 = {
319
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
320
+
321
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
322
+ var defaultValues = {
325
323
  key: 'createdAt',
326
324
  order: 'desc'
327
325
  };
328
326
 
329
- var applyIf$1 = function applyIf(values, key) {
330
- return !isNil__default['default'](values[key]) ? _defineProperty({}, key, values[key]) : {};
327
+ var applyIf = function applyIf(values, key) {
328
+ return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
331
329
  };
332
330
 
333
331
  var useDataTableSortingState = function useDataTableSortingState() {
334
332
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
335
333
 
336
- var mergedValues = _objectSpread$2(_objectSpread$2(_objectSpread$2({}, defaultValues$1), applyIf$1(initialValues, 'key')), applyIf$1(initialValues, 'order'));
334
+ var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
337
335
 
338
- var _useState = React.useState(mergedValues),
336
+ var _useState = react.useState(mergedValues),
339
337
  _useState2 = _slicedToArray(_useState, 2),
340
338
  sortDefinition = _useState2[0],
341
339
  setSortDefinition = _useState2[1];
342
340
 
343
- var onTableSortingChange = React.useCallback(function (key, order) {
341
+ var onTableSortingChange = react.useCallback(function (key, order) {
344
342
  setSortDefinition({
345
343
  key: key,
346
344
  order: order
@@ -352,14 +350,16 @@ var useDataTableSortingState = function useDataTableSortingState() {
352
350
  };
353
351
  };
354
352
 
355
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
356
- var version = '12.2.0';
353
+ var useDataTableSortingState$1 = useDataTableSortingState;
354
+
355
+ // NOTE: This string will be replaced on build time with the package version.
356
+ var version = "12.2.9";
357
357
 
358
- exports.useDataTableSortingState = useDataTableSortingState;
359
- exports.useFieldId = useFieldId;
360
- exports.usePaginationState = usePaginationState;
361
- exports.usePrevious = usePrevious;
362
- exports.useRowSelection = useRowSelection;
363
- exports.useSorting = useSorting;
364
- exports.useToggleState = useToggleState;
358
+ exports.useDataTableSortingState = useDataTableSortingState$1;
359
+ exports.useFieldId = useFieldId$1;
360
+ exports.usePaginationState = usePaginationState$1;
361
+ exports.usePrevious = usePrevious$1;
362
+ exports.useRowSelection = useRowSelection$1;
363
+ exports.useSorting = useSorting$1;
364
+ exports.useToggleState = useToggleState$1;
365
365
  exports.version = version;
package/dist/commercetools-uikit-hooks.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
2
- import React, { useState, useCallback } from 'react';
2
+ import { useState, useCallback, useRef, useEffect, useReducer, useDebugValue } from 'react';
3
3
  import { getFieldId } from '@commercetools-uikit/utils';
4
4
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
5
5
  import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -30,21 +30,25 @@ var useToggleState = function useToggleState(defaultValue) {
30
30
  return [isToggled, toggle];
31
31
  };
32
32
 
33
+ var useToggleState$1 = useToggleState;
34
+
33
35
  var usePrevious = function usePrevious(value) {
34
- var ref = React.useRef();
35
- React.useEffect(function () {
36
+ var ref = useRef();
37
+ useEffect(function () {
36
38
  ref.current = value;
37
39
  }, [value]);
38
40
  return ref.current;
39
41
  };
40
42
 
43
+ var usePrevious$1 = usePrevious;
44
+
41
45
  var useFieldId = function useFieldId(id, createIdFn) {
42
- var _React$useState = React.useState(id),
43
- _React$useState2 = _slicedToArray(_React$useState, 2),
44
- internalId = _React$useState2[0],
45
- setId = _React$useState2[1];
46
+ var _useState = useState(id),
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ internalId = _useState2[0],
49
+ setId = _useState2[1];
46
50
 
47
- React.useEffect(function () {
51
+ useEffect(function () {
48
52
  var props = {
49
53
  id: id
50
54
  };
@@ -56,33 +60,37 @@ var useFieldId = function useFieldId(id, createIdFn) {
56
60
  return internalId;
57
61
  };
58
62
 
59
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
63
+ var useFieldId$1 = useFieldId;
64
+
65
+ function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
60
66
 
61
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
67
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
62
68
 
63
- var getInitialState = function getInitialState(rows, keyName) {
69
+ var getInitialState$1 = function getInitialState(keyName, rows) {
64
70
  return _reduceInstanceProperty(rows).call(rows, function (items, currentItem) {
65
- return _objectSpread(_objectSpread({}, items), {}, _defineProperty({}, currentItem.id, currentItem[keyName] || false));
71
+ // @ts-ignore: index signature is confused as items might contain the initial value.
72
+ var initialValue = currentItem[keyName];
73
+ return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
66
74
  }, {});
67
75
  };
68
76
 
69
77
  function selectionReducer(state, action) {
70
78
  switch (action.type) {
71
79
  case 'toggle':
72
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
80
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
73
81
 
74
82
  case 'select':
75
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, true));
83
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, true));
76
84
 
77
85
  case 'deselect':
78
- return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.payload, false));
86
+ return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, false));
79
87
 
80
88
  case 'selectAll':
81
89
  {
82
90
  var _context;
83
91
 
84
- return _reduceInstanceProperty(_context = _Object$keys(state)).call(_context, function (accumulator, currentItem) {
85
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, true));
92
+ return _reduceInstanceProperty(_context = _Object$keys(state)).call(_context, function (allItems, currentItem) {
93
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
86
94
  }, {});
87
95
  }
88
96
 
@@ -90,8 +98,8 @@ function selectionReducer(state, action) {
90
98
  {
91
99
  var _context2;
92
100
 
93
- return _reduceInstanceProperty(_context2 = _Object$keys(state)).call(_context2, function (accumulator, currentItem) {
94
- return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, currentItem, false));
101
+ return _reduceInstanceProperty(_context2 = _Object$keys(state)).call(_context2, function (allItems, currentItem) {
102
+ return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
95
103
  }, {});
96
104
  }
97
105
 
@@ -100,24 +108,16 @@ function selectionReducer(state, action) {
100
108
  }
101
109
  }
102
110
 
103
- var useSelectionReducer = function useSelectionReducer(rows, keyName) {
104
- var _React$useReducer = React.useReducer(selectionReducer, getInitialState(rows, keyName)),
105
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
106
- selectionState = _React$useReducer2[0],
107
- dispatch = _React$useReducer2[1];
108
-
109
- React.useDebugValue(selectionState);
110
- return [selectionState, dispatch];
111
- };
112
-
113
111
  var useRowSelection = function useRowSelection(keyName, rows) {
114
- var _useSelectionReducer = useSelectionReducer(rows, keyName),
115
- _useSelectionReducer2 = _slicedToArray(_useSelectionReducer, 2),
116
- selectionState = _useSelectionReducer2[0],
117
- dispatch = _useSelectionReducer2[1];
112
+ var _useReducer = useReducer(selectionReducer, getInitialState$1(keyName, rows)),
113
+ _useReducer2 = _slicedToArray(_useReducer, 2),
114
+ selectionState = _useReducer2[0],
115
+ dispatch = _useReducer2[1];
116
+
117
+ useDebugValue(selectionState);
118
118
 
119
119
  var selectableRows = _mapInstanceProperty(rows).call(rows, function (item) {
120
- return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
120
+ return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
121
121
  });
122
122
 
123
123
  var toggleRow = function toggleRow(id) {
@@ -159,7 +159,7 @@ var useRowSelection = function useRowSelection(keyName, rows) {
159
159
 
160
160
  var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
161
161
  return _reduceInstanceProperty(selectableRows).call(selectableRows, function (count, item) {
162
- return count + item[keyName];
162
+ return count + (item[keyName] === true ? 1 : 0);
163
163
  }, 0);
164
164
  };
165
165
 
@@ -175,7 +175,10 @@ var useRowSelection = function useRowSelection(keyName, rows) {
175
175
  };
176
176
  };
177
177
 
178
- var sortItems = function sortItems(items, field, direction) {
178
+ var useRowSelection$1 = useRowSelection;
179
+
180
+ // we're using lodash sortBy as our default sorting fn
181
+ var sortItems = function sortItems(items, field, sortDirection) {
179
182
  var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy;
180
183
 
181
184
  if (!field) {
@@ -184,14 +187,14 @@ var sortItems = function sortItems(items, field, direction) {
184
187
 
185
188
  var sortedItems = sortingFunction(items, field);
186
189
 
187
- if (direction === 'desc') {
190
+ if (sortDirection === 'desc') {
188
191
  return _reverseInstanceProperty(sortedItems).call(sortedItems);
189
192
  }
190
193
 
191
194
  return sortedItems;
192
195
  };
193
196
 
194
- var getInitialState$1 = function getInitialState(items, field, sortDirection, sortingFunction) {
197
+ var getInitialState = function getInitialState(items, field, sortDirection, sortingFunction) {
195
198
  return {
196
199
  items: sortItems(items, field, sortDirection, sortingFunction),
197
200
  sortedBy: field,
@@ -199,23 +202,15 @@ var getInitialState$1 = function getInitialState(items, field, sortDirection, so
199
202
  };
200
203
  };
201
204
 
202
- var useSortingState = function useSortingState(items, field, sortDirection, sortingFunction) {
203
- var _React$useState = React.useState(function () {
204
- return getInitialState$1(items, field, sortDirection, sortingFunction);
205
+ var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
206
+ var _useState = useState(function () {
207
+ return getInitialState(items, field, sortDirection, sortingFunction);
205
208
  }),
206
- _React$useState2 = _slicedToArray(_React$useState, 2),
207
- sortState = _React$useState2[0],
208
- setSorting = _React$useState2[1];
209
+ _useState2 = _slicedToArray(_useState, 2),
210
+ sortState = _useState2[0],
211
+ setSorting = _useState2[1];
209
212
 
210
- React.useDebugValue(sortState);
211
- return [sortState, setSorting];
212
- };
213
-
214
- var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
215
- var _useSortingState = useSortingState(items, field, sortDirection, sortingFunction),
216
- _useSortingState2 = _slicedToArray(_useSortingState, 2),
217
- sortState = _useSortingState2[0],
218
- setSorting = _useSortingState2[1];
213
+ useDebugValue(sortState);
219
214
 
220
215
  function onSortChange(fieldKey) {
221
216
  var nextSortDirection;
@@ -247,15 +242,17 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
247
242
  };
248
243
  };
249
244
 
250
- function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
245
+ var useSorting$1 = useSorting;
246
+
247
+ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
251
248
 
252
249
  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
253
250
 
254
- var applyIf = function applyIf(values, key) {
251
+ var applyIf$1 = function applyIf(values, key) {
255
252
  return !isNil(values[key]) ? _defineProperty({}, key, values[key]) : {};
256
253
  };
257
254
 
258
- var defaultValues = {
255
+ var defaultValues$1 = {
259
256
  page: 1,
260
257
  perPage: 20
261
258
  };
@@ -263,7 +260,7 @@ var defaultValues = {
263
260
  var usePaginationState = function usePaginationState() {
264
261
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
265
262
 
266
- var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues), applyIf(initialValues, 'page')), applyIf(initialValues, 'perPage'));
263
+ var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
267
264
 
268
265
  var _useState = useState(mergedValues.page),
269
266
  _useState2 = _slicedToArray(_useState, 2),
@@ -297,22 +294,24 @@ var usePaginationState = function usePaginationState() {
297
294
  };
298
295
  };
299
296
 
300
- function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
297
+ var usePaginationState$1 = usePaginationState;
301
298
 
302
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
303
- var defaultValues$1 = {
299
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
300
+
301
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
302
+ var defaultValues = {
304
303
  key: 'createdAt',
305
304
  order: 'desc'
306
305
  };
307
306
 
308
- var applyIf$1 = function applyIf(values, key) {
307
+ var applyIf = function applyIf(values, key) {
309
308
  return !isNil(values[key]) ? _defineProperty({}, key, values[key]) : {};
310
309
  };
311
310
 
312
311
  var useDataTableSortingState = function useDataTableSortingState() {
313
312
  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
314
313
 
315
- var mergedValues = _objectSpread$2(_objectSpread$2(_objectSpread$2({}, defaultValues$1), applyIf$1(initialValues, 'key')), applyIf$1(initialValues, 'order'));
314
+ var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
316
315
 
317
316
  var _useState = useState(mergedValues),
318
317
  _useState2 = _slicedToArray(_useState, 2),
@@ -331,7 +330,9 @@ var useDataTableSortingState = function useDataTableSortingState() {
331
330
  };
332
331
  };
333
332
 
334
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
335
- var version = '12.2.0';
333
+ var useDataTableSortingState$1 = useDataTableSortingState;
334
+
335
+ // NOTE: This string will be replaced on build time with the package version.
336
+ var version = "12.2.9";
336
337
 
337
- export { useDataTableSortingState, useFieldId, usePaginationState, usePrevious, useRowSelection, useSorting, useToggleState, version };
338
+ export { useDataTableSortingState$1 as useDataTableSortingState, useFieldId$1 as useFieldId, usePaginationState$1 as usePaginationState, usePrevious$1 as usePrevious, useRowSelection$1 as useRowSelection, useSorting$1 as useSorting, useToggleState$1 as useToggleState, version };
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- export { default as useToggleState } from './use-toggle-state';
2
- export { default as usePrevious } from './use-previous';
3
- export { default as useFieldId } from './use-field-id';
4
- export { default as useRowSelection } from './use-row-selection';
5
- export { default as useSorting } from './use-sorting';
6
- export { default as usePaginationState } from './use-pagination-state';
7
- export { default as useDataTableSortingState } from './use-data-table-sorting-state';
8
- export { default as version } from './version';
1
+ export { default as useToggleState } from './use-toggle-state';
2
+ export { default as usePrevious } from './use-previous';
3
+ export { default as useFieldId } from './use-field-id';
4
+ export { default as useRowSelection } from './use-row-selection';
5
+ export { default as useSorting } from './use-sorting';
6
+ export { default as usePaginationState } from './use-pagination-state';
7
+ export { default as useDataTableSortingState } from './use-data-table-sorting-state';
8
+ export { default as version } from './version';
package/dist/declarations/src/use-data-table-sorting-state/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from './use-data-table-sorting-state';
1
+ export { default } from './use-data-table-sorting-state';
package/dist/declarations/src/use-data-table-sorting-state/use-data-table-sorting-state.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- declare type TSortDefinition = {
2
- key: string;
3
- order: 'desc' | 'asc';
4
- };
5
- declare type TDataTableSortingState = {
6
- value: TSortDefinition;
7
- onChange: (key: TSortDefinition['key'], order: TSortDefinition['order']) => void;
8
- };
9
- declare const useDataTableSortingState: (initialValues?: Partial<TSortDefinition>) => TDataTableSortingState;
10
- export default useDataTableSortingState;
1
+ declare type TSortDefinition = {
2
+ key: string;
3
+ order: 'desc' | 'asc';
4
+ };
5
+ declare type TDataTableSortingState = {
6
+ value: TSortDefinition;
7
+ onChange: (key: TSortDefinition['key'], order: TSortDefinition['order']) => void;
8
+ };
9
+ declare const useDataTableSortingState: (initialValues?: Partial<TSortDefinition>) => TDataTableSortingState;
10
+ export default useDataTableSortingState;
package/dist/declarations/src/use-field-id/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from './use-field-id';
1
+ export { default } from './use-field-id';
package/dist/declarations/src/use-field-id/use-field-id.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- declare type CreateIdFn = () => string;
2
- declare const useFieldId: (id: string | undefined, createIdFn: CreateIdFn) => string;
3
- export default useFieldId;
1
+ declare type CreateIdFn = () => string;
2
+ declare const useFieldId: (id: string | undefined, createIdFn: CreateIdFn) => string;
3
+ export default useFieldId;
package/dist/declarations/src/use-pagination-state/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from './use-pagination-state';
1
+ export { default } from './use-pagination-state';
package/dist/declarations/src/use-pagination-state/use-pagination-state.d.ts CHANGED
@@ -1,13 +1,13 @@
1
- declare type TPaginationDefinition = {
2
- page: number;
3
- perPage: number;
4
- };
5
- declare type TState = {
6
- value: number;
7
- onChange: (value: number) => void;
8
- };
9
- declare type TPaginationState = {
10
- [P in keyof TPaginationDefinition]: TState;
11
- };
12
- declare const usePaginationState: (initialValues?: Partial<TPaginationDefinition>) => TPaginationState;
13
- export default usePaginationState;
1
+ declare type TPaginationDefinition = {
2
+ page: number;
3
+ perPage: number;
4
+ };
5
+ declare type TState = {
6
+ value: number;
7
+ onChange: (value: number) => void;
8
+ };
9
+ declare type TPaginationState = {
10
+ [P in keyof TPaginationDefinition]: TState;
11
+ };
12
+ declare const usePaginationState: (initialValues?: Partial<TPaginationDefinition>) => TPaginationState;
13
+ export default usePaginationState;
package/dist/declarations/src/use-previous/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from './use-previous';
1
+ export { default } from './use-previous';
package/dist/declarations/src/use-previous/use-previous.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const usePrevious: <Ref>(value: Ref) => Ref | undefined;
2
- export default usePrevious;
1
+ declare const usePrevious: <Ref>(value: Ref) => Ref | undefined;
2
+ export default usePrevious;
package/dist/declarations/src/use-row-selection/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from "./use-row-selection";
1
+ export { default } from './use-row-selection';
package/dist/declarations/src/use-row-selection/use-row-selection.d.ts CHANGED
@@ -1,11 +1,16 @@
1
- export default useRowSelection;
2
- declare function useRowSelection(keyName: any, rows: any): {
3
- rows: any;
4
- toggleRow: (id: any) => any;
5
- selectRow: (id: any) => any;
6
- deselectRow: (id: any) => any;
7
- selectAllRows: () => any;
8
- deselectAllRows: () => any;
9
- getIsRowSelected: (id: any) => any;
10
- getNumberOfSelectedRows: () => any;
11
- };
1
+ interface TRowItem {
2
+ id: string;
3
+ }
4
+ declare const useRowSelection: <RowItem extends TRowItem = TRowItem>(keyName: string, rows: RowItem[]) => {
5
+ rows: (RowItem & {
6
+ [x: string]: boolean;
7
+ })[];
8
+ toggleRow: (id: string) => void;
9
+ selectRow: (id: string) => void;
10
+ deselectRow: (id: string) => void;
11
+ selectAllRows: () => void;
12
+ deselectAllRows: () => void;
13
+ getIsRowSelected: (id: string) => boolean;
14
+ getNumberOfSelectedRows: () => number;
15
+ };
16
+ export default useRowSelection;
package/dist/declarations/src/use-sorting/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from "./use-sorting";
1
+ export { default } from './use-sorting';
package/dist/declarations/src/use-sorting/use-sorting.d.ts CHANGED
@@ -1,7 +1,15 @@
1
- export default useSorting;
2
- declare function useSorting(items: any, field: any, sortDirection: any, sortingFunction: any): {
3
- items: any;
4
- sortedBy: any;
5
- sortDirection: any;
6
- onSortChange: (fieldKey: any) => void;
7
- };
1
+ /// <reference types="lodash" />
2
+ interface TItem {
3
+ id: string;
4
+ }
5
+ declare type TSortDirection = 'asc' | 'desc';
6
+ declare const useSorting: <Item extends TItem = TItem>(items: Item[], field?: string | undefined, sortDirection?: TSortDirection | undefined, sortingFunction?: {
7
+ <T>(collection: import("lodash").List<T> | null | undefined, ...iteratees: import("lodash").Many<import("lodash").ListIteratee<T>>[]): T[];
8
+ <T_1 extends object>(collection: T_1 | null | undefined, ...iteratees: import("lodash").Many<import("lodash").ObjectIteratee<T_1>>[]): T_1[keyof T_1][];
9
+ } | undefined) => {
10
+ items: Item[];
11
+ sortedBy: string | undefined;
12
+ sortDirection: TSortDirection | undefined;
13
+ onSortChange: (fieldKey: string) => void;
14
+ };
15
+ export default useSorting;
package/dist/declarations/src/use-toggle-state/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { default } from './use-toggle-state';
1
+ export { default } from './use-toggle-state';
package/dist/declarations/src/use-toggle-state/use-toggle-state.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const useToggleState: (defaultValue?: boolean | undefined) => [boolean, (forceIsToggled?: boolean | undefined) => void];
2
- export default useToggleState;
1
+ declare const useToggleState: (defaultValue?: boolean | undefined) => [boolean, (forceIsToggled?: boolean | undefined) => void];
2
+ export default useToggleState;
package/dist/declarations/src/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "12.2.0";
2
- export default _default;
1
+ declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
2
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/hooks",
3
3
  "description": "A collection of React hooks used across some of the UI-Kit components.",
4
- "version": "12.2.0",
4
+ "version": "12.2.9",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -19,17 +18,14 @@
19
18
  "main": "dist/commercetools-uikit-hooks.cjs.js",
20
19
  "module": "dist/commercetools-uikit-hooks.esm.js",
21
20
  "files": ["dist"],
22
- "scripts": {
23
- "prepare": "../../scripts/version.js replace"
24
- },
25
21
  "dependencies": {
26
- "@babel/runtime": "7.14.6",
27
- "@babel/runtime-corejs3": "7.14.7",
28
- "@commercetools-uikit/utils": "12.2.0",
22
+ "@babel/runtime": "7.16.5",
23
+ "@babel/runtime-corejs3": "7.16.5",
24
+ "@commercetools-uikit/utils": "12.2.9",
29
25
  "lodash": "4.17.21"
30
26
  },
31
27
  "devDependencies": {
32
- "@testing-library/react": "12.0.0",
28
+ "@testing-library/react": "12.1.2",
33
29
  "react": "17.0.2"
34
30
  },
35
31
  "peerDependencies": {