@commercetools-uikit/hooks 12.2.2 → 13.0.2
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.
- package/dist/commercetools-uikit-hooks.cjs.dev.js +44 -45
- package/dist/commercetools-uikit-hooks.cjs.prod.js +44 -45
- package/dist/commercetools-uikit-hooks.esm.js +26 -26
- package/dist/declarations/src/index.d.ts +8 -8
- package/dist/declarations/src/use-data-table-sorting-state/index.d.ts +1 -1
- package/dist/declarations/src/use-data-table-sorting-state/use-data-table-sorting-state.d.ts +10 -10
- package/dist/declarations/src/use-field-id/index.d.ts +1 -1
- package/dist/declarations/src/use-field-id/use-field-id.d.ts +3 -3
- package/dist/declarations/src/use-pagination-state/index.d.ts +1 -1
- package/dist/declarations/src/use-pagination-state/use-pagination-state.d.ts +13 -13
- package/dist/declarations/src/use-previous/index.d.ts +1 -1
- package/dist/declarations/src/use-previous/use-previous.d.ts +2 -2
- package/dist/declarations/src/use-row-selection/index.d.ts +1 -1
- package/dist/declarations/src/use-row-selection/use-row-selection.d.ts +16 -16
- package/dist/declarations/src/use-sorting/index.d.ts +1 -1
- package/dist/declarations/src/use-sorting/use-sorting.d.ts +15 -15
- package/dist/declarations/src/use-toggle-state/index.d.ts +1 -1
- package/dist/declarations/src/use-toggle-state/use-toggle-state.d.ts +2 -2
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +5 -9
|
@@ -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
|
|
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,12 +39,12 @@ 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 =
|
|
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 =
|
|
47
|
+
var toggle = react.useCallback(function (forceIsToggled) {
|
|
49
48
|
setIsToggled(typeof forceIsToggled === 'boolean' ? forceIsToggled : !isToggled);
|
|
50
49
|
}, [isToggled, setIsToggled]);
|
|
51
50
|
return [isToggled, toggle];
|
|
@@ -54,8 +53,8 @@ var useToggleState = function useToggleState(defaultValue) {
|
|
|
54
53
|
var useToggleState$1 = useToggleState;
|
|
55
54
|
|
|
56
55
|
var usePrevious = function usePrevious(value) {
|
|
57
|
-
var ref =
|
|
58
|
-
|
|
56
|
+
var ref = react.useRef();
|
|
57
|
+
react.useEffect(function () {
|
|
59
58
|
ref.current = value;
|
|
60
59
|
}, [value]);
|
|
61
60
|
return ref.current;
|
|
@@ -64,12 +63,12 @@ var usePrevious = function usePrevious(value) {
|
|
|
64
63
|
var usePrevious$1 = usePrevious;
|
|
65
64
|
|
|
66
65
|
var useFieldId = function useFieldId(id, createIdFn) {
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
internalId =
|
|
70
|
-
setId =
|
|
66
|
+
var _useState = react.useState(id || createIdFn()),
|
|
67
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
68
|
+
internalId = _useState2[0],
|
|
69
|
+
setId = _useState2[1];
|
|
71
70
|
|
|
72
|
-
|
|
71
|
+
react.useEffect(function () {
|
|
73
72
|
var props = {
|
|
74
73
|
id: id
|
|
75
74
|
};
|
|
@@ -83,12 +82,12 @@ var useFieldId = function useFieldId(id, createIdFn) {
|
|
|
83
82
|
|
|
84
83
|
var useFieldId$1 = useFieldId;
|
|
85
84
|
|
|
86
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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); 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; }
|
|
87
86
|
|
|
88
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
87
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
89
88
|
|
|
90
89
|
var getInitialState$1 = function getInitialState(keyName, rows) {
|
|
91
|
-
return _reduceInstanceProperty__default[
|
|
90
|
+
return _reduceInstanceProperty__default["default"](rows).call(rows, function (items, currentItem) {
|
|
92
91
|
// @ts-ignore: index signature is confused as items might contain the initial value.
|
|
93
92
|
var initialValue = currentItem[keyName];
|
|
94
93
|
return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
|
|
@@ -110,7 +109,7 @@ function selectionReducer(state, action) {
|
|
|
110
109
|
{
|
|
111
110
|
var _context;
|
|
112
111
|
|
|
113
|
-
return _reduceInstanceProperty__default[
|
|
112
|
+
return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, function (allItems, currentItem) {
|
|
114
113
|
return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
|
|
115
114
|
}, {});
|
|
116
115
|
}
|
|
@@ -119,7 +118,7 @@ function selectionReducer(state, action) {
|
|
|
119
118
|
{
|
|
120
119
|
var _context2;
|
|
121
120
|
|
|
122
|
-
return _reduceInstanceProperty__default[
|
|
121
|
+
return _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](state)).call(_context2, function (allItems, currentItem) {
|
|
123
122
|
return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
|
|
124
123
|
}, {});
|
|
125
124
|
}
|
|
@@ -130,14 +129,14 @@ function selectionReducer(state, action) {
|
|
|
130
129
|
}
|
|
131
130
|
|
|
132
131
|
var useRowSelection = function useRowSelection(keyName, rows) {
|
|
133
|
-
var
|
|
134
|
-
|
|
135
|
-
selectionState =
|
|
136
|
-
dispatch =
|
|
132
|
+
var _useReducer = react.useReducer(selectionReducer, getInitialState$1(keyName, rows)),
|
|
133
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
134
|
+
selectionState = _useReducer2[0],
|
|
135
|
+
dispatch = _useReducer2[1];
|
|
137
136
|
|
|
138
|
-
|
|
137
|
+
react.useDebugValue(selectionState);
|
|
139
138
|
|
|
140
|
-
var selectableRows = _mapInstanceProperty__default[
|
|
139
|
+
var selectableRows = _mapInstanceProperty__default["default"](rows).call(rows, function (item) {
|
|
141
140
|
return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
|
|
142
141
|
});
|
|
143
142
|
|
|
@@ -179,7 +178,7 @@ var useRowSelection = function useRowSelection(keyName, rows) {
|
|
|
179
178
|
};
|
|
180
179
|
|
|
181
180
|
var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
|
|
182
|
-
return _reduceInstanceProperty__default[
|
|
181
|
+
return _reduceInstanceProperty__default["default"](selectableRows).call(selectableRows, function (count, item) {
|
|
183
182
|
return count + (item[keyName] === true ? 1 : 0);
|
|
184
183
|
}, 0);
|
|
185
184
|
};
|
|
@@ -200,7 +199,7 @@ var useRowSelection$1 = useRowSelection;
|
|
|
200
199
|
|
|
201
200
|
// we're using lodash sortBy as our default sorting fn
|
|
202
201
|
var sortItems = function sortItems(items, field, sortDirection) {
|
|
203
|
-
var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default[
|
|
202
|
+
var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default["default"];
|
|
204
203
|
|
|
205
204
|
if (!field) {
|
|
206
205
|
return items;
|
|
@@ -209,7 +208,7 @@ var sortItems = function sortItems(items, field, sortDirection) {
|
|
|
209
208
|
var sortedItems = sortingFunction(items, field);
|
|
210
209
|
|
|
211
210
|
if (sortDirection === 'desc') {
|
|
212
|
-
return _reverseInstanceProperty__default[
|
|
211
|
+
return _reverseInstanceProperty__default["default"](sortedItems).call(sortedItems);
|
|
213
212
|
}
|
|
214
213
|
|
|
215
214
|
return sortedItems;
|
|
@@ -224,14 +223,14 @@ var getInitialState = function getInitialState(items, field, sortDirection, sort
|
|
|
224
223
|
};
|
|
225
224
|
|
|
226
225
|
var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
|
|
227
|
-
var
|
|
226
|
+
var _useState = react.useState(function () {
|
|
228
227
|
return getInitialState(items, field, sortDirection, sortingFunction);
|
|
229
228
|
}),
|
|
230
|
-
|
|
231
|
-
sortState =
|
|
232
|
-
setSorting =
|
|
229
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
230
|
+
sortState = _useState2[0],
|
|
231
|
+
setSorting = _useState2[1];
|
|
233
232
|
|
|
234
|
-
|
|
233
|
+
react.useDebugValue(sortState);
|
|
235
234
|
|
|
236
235
|
function onSortChange(fieldKey) {
|
|
237
236
|
var nextSortDirection;
|
|
@@ -245,7 +244,7 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
|
|
|
245
244
|
var _context;
|
|
246
245
|
|
|
247
246
|
nextSortDirection = sortState.sortDirection === 'asc' ? 'desc' : 'asc';
|
|
248
|
-
sortedItems = _reverseInstanceProperty__default[
|
|
247
|
+
sortedItems = _reverseInstanceProperty__default["default"](_context = sortState.items).call(_context);
|
|
249
248
|
}
|
|
250
249
|
|
|
251
250
|
setSorting({
|
|
@@ -265,12 +264,12 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
|
|
|
265
264
|
|
|
266
265
|
var useSorting$1 = useSorting;
|
|
267
266
|
|
|
268
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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); 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; }
|
|
269
268
|
|
|
270
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
269
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
271
270
|
|
|
272
271
|
var applyIf$1 = function applyIf(values, key) {
|
|
273
|
-
return !isNil__default[
|
|
272
|
+
return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
|
|
274
273
|
};
|
|
275
274
|
|
|
276
275
|
var defaultValues$1 = {
|
|
@@ -283,20 +282,20 @@ var usePaginationState = function usePaginationState() {
|
|
|
283
282
|
|
|
284
283
|
var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
|
|
285
284
|
|
|
286
|
-
var _useState =
|
|
285
|
+
var _useState = react.useState(mergedValues.page),
|
|
287
286
|
_useState2 = _slicedToArray(_useState, 2),
|
|
288
287
|
page = _useState2[0],
|
|
289
288
|
setPage = _useState2[1];
|
|
290
289
|
|
|
291
|
-
var _useState3 =
|
|
290
|
+
var _useState3 = react.useState(mergedValues.perPage),
|
|
292
291
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
293
292
|
perPage = _useState4[0],
|
|
294
293
|
setPerPage = _useState4[1];
|
|
295
294
|
|
|
296
|
-
var onPageChange =
|
|
295
|
+
var onPageChange = react.useCallback(function (nextPage) {
|
|
297
296
|
setPage(nextPage);
|
|
298
297
|
}, [setPage]);
|
|
299
|
-
var onPerPageChange =
|
|
298
|
+
var onPerPageChange = react.useCallback(function (nextPerPage) {
|
|
300
299
|
// side-effect:
|
|
301
300
|
// GIVEN client updates `perPage`,
|
|
302
301
|
// THEN we reset `page` (discards initialValues.page)
|
|
@@ -317,16 +316,16 @@ var usePaginationState = function usePaginationState() {
|
|
|
317
316
|
|
|
318
317
|
var usePaginationState$1 = usePaginationState;
|
|
319
318
|
|
|
320
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
319
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
321
320
|
|
|
322
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
321
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
323
322
|
var defaultValues = {
|
|
324
323
|
key: 'createdAt',
|
|
325
324
|
order: 'desc'
|
|
326
325
|
};
|
|
327
326
|
|
|
328
327
|
var applyIf = function applyIf(values, key) {
|
|
329
|
-
return !isNil__default[
|
|
328
|
+
return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
|
|
330
329
|
};
|
|
331
330
|
|
|
332
331
|
var useDataTableSortingState = function useDataTableSortingState() {
|
|
@@ -334,12 +333,12 @@ var useDataTableSortingState = function useDataTableSortingState() {
|
|
|
334
333
|
|
|
335
334
|
var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
|
|
336
335
|
|
|
337
|
-
var _useState =
|
|
336
|
+
var _useState = react.useState(mergedValues),
|
|
338
337
|
_useState2 = _slicedToArray(_useState, 2),
|
|
339
338
|
sortDefinition = _useState2[0],
|
|
340
339
|
setSortDefinition = _useState2[1];
|
|
341
340
|
|
|
342
|
-
var onTableSortingChange =
|
|
341
|
+
var onTableSortingChange = react.useCallback(function (key, order) {
|
|
343
342
|
setSortDefinition({
|
|
344
343
|
key: key,
|
|
345
344
|
order: order
|
|
@@ -353,8 +352,8 @@ var useDataTableSortingState = function useDataTableSortingState() {
|
|
|
353
352
|
|
|
354
353
|
var useDataTableSortingState$1 = useDataTableSortingState;
|
|
355
354
|
|
|
356
|
-
// NOTE: This string will be replaced
|
|
357
|
-
var version =
|
|
355
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
356
|
+
var version = "13.0.2";
|
|
358
357
|
|
|
359
358
|
exports.useDataTableSortingState = useDataTableSortingState$1;
|
|
360
359
|
exports.useFieldId = useFieldId$1;
|
|
@@ -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
|
|
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,12 +39,12 @@ 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 =
|
|
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 =
|
|
47
|
+
var toggle = react.useCallback(function (forceIsToggled) {
|
|
49
48
|
setIsToggled(typeof forceIsToggled === 'boolean' ? forceIsToggled : !isToggled);
|
|
50
49
|
}, [isToggled, setIsToggled]);
|
|
51
50
|
return [isToggled, toggle];
|
|
@@ -54,8 +53,8 @@ var useToggleState = function useToggleState(defaultValue) {
|
|
|
54
53
|
var useToggleState$1 = useToggleState;
|
|
55
54
|
|
|
56
55
|
var usePrevious = function usePrevious(value) {
|
|
57
|
-
var ref =
|
|
58
|
-
|
|
56
|
+
var ref = react.useRef();
|
|
57
|
+
react.useEffect(function () {
|
|
59
58
|
ref.current = value;
|
|
60
59
|
}, [value]);
|
|
61
60
|
return ref.current;
|
|
@@ -64,12 +63,12 @@ var usePrevious = function usePrevious(value) {
|
|
|
64
63
|
var usePrevious$1 = usePrevious;
|
|
65
64
|
|
|
66
65
|
var useFieldId = function useFieldId(id, createIdFn) {
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
internalId =
|
|
70
|
-
setId =
|
|
66
|
+
var _useState = react.useState(id || createIdFn()),
|
|
67
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
68
|
+
internalId = _useState2[0],
|
|
69
|
+
setId = _useState2[1];
|
|
71
70
|
|
|
72
|
-
|
|
71
|
+
react.useEffect(function () {
|
|
73
72
|
var props = {
|
|
74
73
|
id: id
|
|
75
74
|
};
|
|
@@ -83,12 +82,12 @@ var useFieldId = function useFieldId(id, createIdFn) {
|
|
|
83
82
|
|
|
84
83
|
var useFieldId$1 = useFieldId;
|
|
85
84
|
|
|
86
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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); 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; }
|
|
87
86
|
|
|
88
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
87
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
89
88
|
|
|
90
89
|
var getInitialState$1 = function getInitialState(keyName, rows) {
|
|
91
|
-
return _reduceInstanceProperty__default[
|
|
90
|
+
return _reduceInstanceProperty__default["default"](rows).call(rows, function (items, currentItem) {
|
|
92
91
|
// @ts-ignore: index signature is confused as items might contain the initial value.
|
|
93
92
|
var initialValue = currentItem[keyName];
|
|
94
93
|
return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
|
|
@@ -110,7 +109,7 @@ function selectionReducer(state, action) {
|
|
|
110
109
|
{
|
|
111
110
|
var _context;
|
|
112
111
|
|
|
113
|
-
return _reduceInstanceProperty__default[
|
|
112
|
+
return _reduceInstanceProperty__default["default"](_context = _Object$keys__default["default"](state)).call(_context, function (allItems, currentItem) {
|
|
114
113
|
return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
|
|
115
114
|
}, {});
|
|
116
115
|
}
|
|
@@ -119,7 +118,7 @@ function selectionReducer(state, action) {
|
|
|
119
118
|
{
|
|
120
119
|
var _context2;
|
|
121
120
|
|
|
122
|
-
return _reduceInstanceProperty__default[
|
|
121
|
+
return _reduceInstanceProperty__default["default"](_context2 = _Object$keys__default["default"](state)).call(_context2, function (allItems, currentItem) {
|
|
123
122
|
return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
|
|
124
123
|
}, {});
|
|
125
124
|
}
|
|
@@ -130,14 +129,14 @@ function selectionReducer(state, action) {
|
|
|
130
129
|
}
|
|
131
130
|
|
|
132
131
|
var useRowSelection = function useRowSelection(keyName, rows) {
|
|
133
|
-
var
|
|
134
|
-
|
|
135
|
-
selectionState =
|
|
136
|
-
dispatch =
|
|
132
|
+
var _useReducer = react.useReducer(selectionReducer, getInitialState$1(keyName, rows)),
|
|
133
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
134
|
+
selectionState = _useReducer2[0],
|
|
135
|
+
dispatch = _useReducer2[1];
|
|
137
136
|
|
|
138
|
-
|
|
137
|
+
react.useDebugValue(selectionState);
|
|
139
138
|
|
|
140
|
-
var selectableRows = _mapInstanceProperty__default[
|
|
139
|
+
var selectableRows = _mapInstanceProperty__default["default"](rows).call(rows, function (item) {
|
|
141
140
|
return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
|
|
142
141
|
});
|
|
143
142
|
|
|
@@ -179,7 +178,7 @@ var useRowSelection = function useRowSelection(keyName, rows) {
|
|
|
179
178
|
};
|
|
180
179
|
|
|
181
180
|
var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
|
|
182
|
-
return _reduceInstanceProperty__default[
|
|
181
|
+
return _reduceInstanceProperty__default["default"](selectableRows).call(selectableRows, function (count, item) {
|
|
183
182
|
return count + (item[keyName] === true ? 1 : 0);
|
|
184
183
|
}, 0);
|
|
185
184
|
};
|
|
@@ -200,7 +199,7 @@ var useRowSelection$1 = useRowSelection;
|
|
|
200
199
|
|
|
201
200
|
// we're using lodash sortBy as our default sorting fn
|
|
202
201
|
var sortItems = function sortItems(items, field, sortDirection) {
|
|
203
|
-
var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default[
|
|
202
|
+
var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy__default["default"];
|
|
204
203
|
|
|
205
204
|
if (!field) {
|
|
206
205
|
return items;
|
|
@@ -209,7 +208,7 @@ var sortItems = function sortItems(items, field, sortDirection) {
|
|
|
209
208
|
var sortedItems = sortingFunction(items, field);
|
|
210
209
|
|
|
211
210
|
if (sortDirection === 'desc') {
|
|
212
|
-
return _reverseInstanceProperty__default[
|
|
211
|
+
return _reverseInstanceProperty__default["default"](sortedItems).call(sortedItems);
|
|
213
212
|
}
|
|
214
213
|
|
|
215
214
|
return sortedItems;
|
|
@@ -224,14 +223,14 @@ var getInitialState = function getInitialState(items, field, sortDirection, sort
|
|
|
224
223
|
};
|
|
225
224
|
|
|
226
225
|
var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
|
|
227
|
-
var
|
|
226
|
+
var _useState = react.useState(function () {
|
|
228
227
|
return getInitialState(items, field, sortDirection, sortingFunction);
|
|
229
228
|
}),
|
|
230
|
-
|
|
231
|
-
sortState =
|
|
232
|
-
setSorting =
|
|
229
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
230
|
+
sortState = _useState2[0],
|
|
231
|
+
setSorting = _useState2[1];
|
|
233
232
|
|
|
234
|
-
|
|
233
|
+
react.useDebugValue(sortState);
|
|
235
234
|
|
|
236
235
|
function onSortChange(fieldKey) {
|
|
237
236
|
var nextSortDirection;
|
|
@@ -245,7 +244,7 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
|
|
|
245
244
|
var _context;
|
|
246
245
|
|
|
247
246
|
nextSortDirection = sortState.sortDirection === 'asc' ? 'desc' : 'asc';
|
|
248
|
-
sortedItems = _reverseInstanceProperty__default[
|
|
247
|
+
sortedItems = _reverseInstanceProperty__default["default"](_context = sortState.items).call(_context);
|
|
249
248
|
}
|
|
250
249
|
|
|
251
250
|
setSorting({
|
|
@@ -265,12 +264,12 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
|
|
|
265
264
|
|
|
266
265
|
var useSorting$1 = useSorting;
|
|
267
266
|
|
|
268
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
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); 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; }
|
|
269
268
|
|
|
270
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
269
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
271
270
|
|
|
272
271
|
var applyIf$1 = function applyIf(values, key) {
|
|
273
|
-
return !isNil__default[
|
|
272
|
+
return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
|
|
274
273
|
};
|
|
275
274
|
|
|
276
275
|
var defaultValues$1 = {
|
|
@@ -283,20 +282,20 @@ var usePaginationState = function usePaginationState() {
|
|
|
283
282
|
|
|
284
283
|
var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
|
|
285
284
|
|
|
286
|
-
var _useState =
|
|
285
|
+
var _useState = react.useState(mergedValues.page),
|
|
287
286
|
_useState2 = _slicedToArray(_useState, 2),
|
|
288
287
|
page = _useState2[0],
|
|
289
288
|
setPage = _useState2[1];
|
|
290
289
|
|
|
291
|
-
var _useState3 =
|
|
290
|
+
var _useState3 = react.useState(mergedValues.perPage),
|
|
292
291
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
293
292
|
perPage = _useState4[0],
|
|
294
293
|
setPerPage = _useState4[1];
|
|
295
294
|
|
|
296
|
-
var onPageChange =
|
|
295
|
+
var onPageChange = react.useCallback(function (nextPage) {
|
|
297
296
|
setPage(nextPage);
|
|
298
297
|
}, [setPage]);
|
|
299
|
-
var onPerPageChange =
|
|
298
|
+
var onPerPageChange = react.useCallback(function (nextPerPage) {
|
|
300
299
|
// side-effect:
|
|
301
300
|
// GIVEN client updates `perPage`,
|
|
302
301
|
// THEN we reset `page` (discards initialValues.page)
|
|
@@ -317,16 +316,16 @@ var usePaginationState = function usePaginationState() {
|
|
|
317
316
|
|
|
318
317
|
var usePaginationState$1 = usePaginationState;
|
|
319
318
|
|
|
320
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
319
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); 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; }
|
|
321
320
|
|
|
322
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
321
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _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; }
|
|
323
322
|
var defaultValues = {
|
|
324
323
|
key: 'createdAt',
|
|
325
324
|
order: 'desc'
|
|
326
325
|
};
|
|
327
326
|
|
|
328
327
|
var applyIf = function applyIf(values, key) {
|
|
329
|
-
return !isNil__default[
|
|
328
|
+
return !isNil__default["default"](values[key]) ? _defineProperty({}, key, values[key]) : {};
|
|
330
329
|
};
|
|
331
330
|
|
|
332
331
|
var useDataTableSortingState = function useDataTableSortingState() {
|
|
@@ -334,12 +333,12 @@ var useDataTableSortingState = function useDataTableSortingState() {
|
|
|
334
333
|
|
|
335
334
|
var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
|
|
336
335
|
|
|
337
|
-
var _useState =
|
|
336
|
+
var _useState = react.useState(mergedValues),
|
|
338
337
|
_useState2 = _slicedToArray(_useState, 2),
|
|
339
338
|
sortDefinition = _useState2[0],
|
|
340
339
|
setSortDefinition = _useState2[1];
|
|
341
340
|
|
|
342
|
-
var onTableSortingChange =
|
|
341
|
+
var onTableSortingChange = react.useCallback(function (key, order) {
|
|
343
342
|
setSortDefinition({
|
|
344
343
|
key: key,
|
|
345
344
|
order: order
|
|
@@ -353,8 +352,8 @@ var useDataTableSortingState = function useDataTableSortingState() {
|
|
|
353
352
|
|
|
354
353
|
var useDataTableSortingState$1 = useDataTableSortingState;
|
|
355
354
|
|
|
356
|
-
// NOTE: This string will be replaced
|
|
357
|
-
var version =
|
|
355
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
356
|
+
var version = "13.0.2";
|
|
358
357
|
|
|
359
358
|
exports.useDataTableSortingState = useDataTableSortingState$1;
|
|
360
359
|
exports.useFieldId = useFieldId$1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
2
|
-
import
|
|
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';
|
|
@@ -33,8 +33,8 @@ var useToggleState = function useToggleState(defaultValue) {
|
|
|
33
33
|
var useToggleState$1 = useToggleState;
|
|
34
34
|
|
|
35
35
|
var usePrevious = function usePrevious(value) {
|
|
36
|
-
var ref =
|
|
37
|
-
|
|
36
|
+
var ref = useRef();
|
|
37
|
+
useEffect(function () {
|
|
38
38
|
ref.current = value;
|
|
39
39
|
}, [value]);
|
|
40
40
|
return ref.current;
|
|
@@ -43,12 +43,12 @@ var usePrevious = function usePrevious(value) {
|
|
|
43
43
|
var usePrevious$1 = usePrevious;
|
|
44
44
|
|
|
45
45
|
var useFieldId = function useFieldId(id, createIdFn) {
|
|
46
|
-
var
|
|
47
|
-
|
|
48
|
-
internalId =
|
|
49
|
-
setId =
|
|
46
|
+
var _useState = useState(id || createIdFn()),
|
|
47
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48
|
+
internalId = _useState2[0],
|
|
49
|
+
setId = _useState2[1];
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
useEffect(function () {
|
|
52
52
|
var props = {
|
|
53
53
|
id: id
|
|
54
54
|
};
|
|
@@ -62,9 +62,9 @@ var useFieldId = function useFieldId(id, createIdFn) {
|
|
|
62
62
|
|
|
63
63
|
var useFieldId$1 = useFieldId;
|
|
64
64
|
|
|
65
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
65
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
66
66
|
|
|
67
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
67
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
68
68
|
|
|
69
69
|
var getInitialState$1 = function getInitialState(keyName, rows) {
|
|
70
70
|
return _reduceInstanceProperty(rows).call(rows, function (items, currentItem) {
|
|
@@ -109,12 +109,12 @@ function selectionReducer(state, action) {
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
var useRowSelection = function useRowSelection(keyName, rows) {
|
|
112
|
-
var
|
|
113
|
-
|
|
114
|
-
selectionState =
|
|
115
|
-
dispatch =
|
|
112
|
+
var _useReducer = useReducer(selectionReducer, getInitialState$1(keyName, rows)),
|
|
113
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
|
114
|
+
selectionState = _useReducer2[0],
|
|
115
|
+
dispatch = _useReducer2[1];
|
|
116
116
|
|
|
117
|
-
|
|
117
|
+
useDebugValue(selectionState);
|
|
118
118
|
|
|
119
119
|
var selectableRows = _mapInstanceProperty(rows).call(rows, function (item) {
|
|
120
120
|
return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
|
|
@@ -203,14 +203,14 @@ var getInitialState = function getInitialState(items, field, sortDirection, sort
|
|
|
203
203
|
};
|
|
204
204
|
|
|
205
205
|
var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
|
|
206
|
-
var
|
|
206
|
+
var _useState = useState(function () {
|
|
207
207
|
return getInitialState(items, field, sortDirection, sortingFunction);
|
|
208
208
|
}),
|
|
209
|
-
|
|
210
|
-
sortState =
|
|
211
|
-
setSorting =
|
|
209
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
210
|
+
sortState = _useState2[0],
|
|
211
|
+
setSorting = _useState2[1];
|
|
212
212
|
|
|
213
|
-
|
|
213
|
+
useDebugValue(sortState);
|
|
214
214
|
|
|
215
215
|
function onSortChange(fieldKey) {
|
|
216
216
|
var nextSortDirection;
|
|
@@ -244,9 +244,9 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
|
|
|
244
244
|
|
|
245
245
|
var useSorting$1 = useSorting;
|
|
246
246
|
|
|
247
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
247
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
248
248
|
|
|
249
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
249
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
250
250
|
|
|
251
251
|
var applyIf$1 = function applyIf(values, key) {
|
|
252
252
|
return !isNil(values[key]) ? _defineProperty({}, key, values[key]) : {};
|
|
@@ -296,9 +296,9 @@ var usePaginationState = function usePaginationState() {
|
|
|
296
296
|
|
|
297
297
|
var usePaginationState$1 = usePaginationState;
|
|
298
298
|
|
|
299
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
299
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
300
300
|
|
|
301
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
301
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
302
302
|
var defaultValues = {
|
|
303
303
|
key: 'createdAt',
|
|
304
304
|
order: 'desc'
|
|
@@ -332,7 +332,7 @@ var useDataTableSortingState = function useDataTableSortingState() {
|
|
|
332
332
|
|
|
333
333
|
var useDataTableSortingState$1 = useDataTableSortingState;
|
|
334
334
|
|
|
335
|
-
// NOTE: This string will be replaced
|
|
336
|
-
var version =
|
|
335
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
336
|
+
var version = "13.0.2";
|
|
337
337
|
|
|
338
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 };
|
|
@@ -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';
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-field-id';
|
|
1
|
+
export { default } from './use-field-id';
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-pagination-state';
|
|
1
|
+
export { default } from './use-pagination-state';
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-previous';
|
|
1
|
+
export { default } from './use-previous';
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-row-selection';
|
|
1
|
+
export { default } from './use-row-selection';
|
|
@@ -1,16 +1,16 @@
|
|
|
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;
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-sorting';
|
|
1
|
+
export { default } from './use-sorting';
|
|
@@ -1,15 +1,15 @@
|
|
|
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;
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from './use-toggle-state';
|
|
1
|
+
export { default } from './use-toggle-state';
|
|
@@ -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;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
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": "
|
|
4
|
+
"version": "13.0.2",
|
|
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.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/utils": "
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/utils": "13.0.2",
|
|
29
25
|
"lodash": "4.17.21"
|
|
30
26
|
},
|
|
31
27
|
"devDependencies": {
|
|
32
|
-
"@testing-library/react": "12.
|
|
28
|
+
"@testing-library/react": "12.1.3",
|
|
33
29
|
"react": "17.0.2"
|
|
34
30
|
},
|
|
35
31
|
"peerDependencies": {
|