@commercetools-uikit/hooks 15.15.0 → 16.0.0

package/dist/commercetools-uikit-hooks.esm.js

@@ -20,15 +20,15 @@ import _reverseInstanceProperty from '@babel/runtime-corejs3/core-js-stable/inst
 import sortBy from 'lodash/sortBy';
 import isNil from 'lodash/isNil';
 
-var useToggleState = function useToggleState(defaultValue) {
-  var initialValue = typeof defaultValue === 'boolean' ? defaultValue : true;
+const useToggleState = defaultValue => {
+  const initialValue = typeof defaultValue === 'boolean' ? defaultValue : true;
 
-  var _useState = useState(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      isToggled = _useState2[0],
-      setIsToggled = _useState2[1];
+  const _useState = useState(initialValue),
+        _useState2 = _slicedToArray(_useState, 2),
+        isToggled = _useState2[0],
+        setIsToggled = _useState2[1];
 
-  var toggle = useCallback(function (forceIsToggled) {
+  const toggle = useCallback(forceIsToggled => {
     setIsToggled(typeof forceIsToggled === 'boolean' ? forceIsToggled : !isToggled);
   }, [isToggled, setIsToggled]);
   return [isToggled, toggle];
@@ -36,9 +36,9 @@ var useToggleState = function useToggleState(defaultValue) {
 
 var useToggleState$1 = useToggleState;
 
-var usePrevious = function usePrevious(value) {
-  var ref = useRef();
-  useEffect(function () {
+const usePrevious = value => {
+  const ref = useRef();
+  useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
@@ -46,17 +46,17 @@ var usePrevious = function usePrevious(value) {
 
 var usePrevious$1 = usePrevious;
 
-var useFieldId = function useFieldId(id, createIdFn) {
-  var _useState = useState(id || createIdFn()),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalId = _useState2[0],
-      setId = _useState2[1];
+const useFieldId = (id, createIdFn) => {
+  const _useState = useState(id || createIdFn()),
+        _useState2 = _slicedToArray(_useState, 2),
+        internalId = _useState2[0],
+        setId = _useState2[1];
 
-  useEffect(function () {
-    var props = {
-      id: id
+  useEffect(() => {
+    const props = {
+      id
     };
-    var state = {
+    const state = {
       id: internalId
     };
     setId(getFieldId(props, state, createIdFn));
@@ -66,23 +66,23 @@ var useFieldId = function useFieldId(id, createIdFn) {
 
 var useFieldId$1 = useFieldId;
 
-var _mutationObserver;
+let _mutationObserver;
 
-var useLatest = function useLatest(current) {
-  var storedValue = useRef(current);
-  useEffect(function () {
+const useLatest = current => {
+  const storedValue = useRef(current);
+  useEffect(() => {
     storedValue.current = current;
   });
   return storedValue;
 };
 
 function createMutationObserver() {
-  var callbacks = new _Map();
-  var observer = new MutationObserver(rafSchd(function (mutationsList, observer) {
-    var mutationsByTarget = _reduceInstanceProperty(mutationsList).call(mutationsList, function (_mutationsByTarget, mutation) {
+  const callbacks = new _Map();
+  const observer = new MutationObserver(rafSchd((mutationsList, observer) => {
+    const mutationsByTarget = _reduceInstanceProperty(mutationsList).call(mutationsList, (_mutationsByTarget, mutation) => {
       var _mutationsByTarget$ge;
 
-      var callbacksForTarget = (_mutationsByTarget$ge = _mutationsByTarget.get(mutation.target)) !== null && _mutationsByTarget$ge !== void 0 ? _mutationsByTarget$ge : [];
+      const callbacksForTarget = (_mutationsByTarget$ge = _mutationsByTarget.get(mutation.target)) !== null && _mutationsByTarget$ge !== void 0 ? _mutationsByTarget$ge : [];
       callbacksForTarget.push(mutation);
 
       _mutationsByTarget.set(mutation.target, callbacksForTarget);
@@ -90,27 +90,27 @@ function createMutationObserver() {
       return _mutationsByTarget;
     }, new _Map());
 
-    _forEachInstanceProperty(mutationsByTarget).call(mutationsByTarget, function (mutations, target) {
-      var targetCallbacks = callbacks.get(target);
-      targetCallbacks === null || targetCallbacks === void 0 ? void 0 : _forEachInstanceProperty(targetCallbacks).call(targetCallbacks, function (cb) {
-        return cb(mutations, observer);
-      });
+    _forEachInstanceProperty(mutationsByTarget).call(mutationsByTarget, (mutations, target) => {
+      const targetCallbacks = callbacks.get(target);
+      targetCallbacks === null || targetCallbacks === void 0 ? void 0 : _forEachInstanceProperty(targetCallbacks).call(targetCallbacks, cb => cb(mutations, observer));
     });
   }));
   return {
-    observer: observer,
-    subscribe: function subscribe(target, callback, options) {
+    observer,
+
+    subscribe(target, callback, options) {
       var _callbacks$get;
 
       observer.observe(target, options);
-      var targetCallbacks = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
+      const targetCallbacks = (_callbacks$get = callbacks.get(target)) !== null && _callbacks$get !== void 0 ? _callbacks$get : [];
       targetCallbacks.push(callback);
       callbacks.set(target, targetCallbacks);
     },
-    unsubscribe: function unsubscribe(target, callback) {
+
+    unsubscribe(target, callback) {
       var _callbacks$get2;
 
-      var targetCallbacks = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
+      const targetCallbacks = (_callbacks$get2 = callbacks.get(target)) !== null && _callbacks$get2 !== void 0 ? _callbacks$get2 : [];
 
       if (targetCallbacks.length === 1) {
         observer.disconnect();
@@ -118,26 +118,25 @@ function createMutationObserver() {
         return;
       }
 
-      var tcIndex = _indexOfInstanceProperty(targetCallbacks).call(targetCallbacks, callback);
+      const tcIndex = _indexOfInstanceProperty(targetCallbacks).call(targetCallbacks, callback);
 
       if (tcIndex !== -1) _spliceInstanceProperty(targetCallbacks).call(targetCallbacks, tcIndex, 1);
       callbacks.set(target, targetCallbacks);
     }
+
   };
 }
 
-var getMutationObserver = function getMutationObserver() {
-  return !_mutationObserver ? _mutationObserver = createMutationObserver() : _mutationObserver;
-};
+const getMutationObserver = () => !_mutationObserver ? _mutationObserver = createMutationObserver() : _mutationObserver;
 
 function useMutationObserver(target, callback, options) {
-  var mutationObserver = getMutationObserver();
-  var storedCallback = useLatest(callback);
-  var storedOptions = useLatest(options);
-  useLayoutEffect(function () {
-    var didUnsubscribe = false;
-    var targetEl = target && 'current' in target ? target.current : target;
-    if (!targetEl) return function () {};
+  const mutationObserver = getMutationObserver();
+  const storedCallback = useLatest(callback);
+  const storedOptions = useLatest(options);
+  useLayoutEffect(() => {
+    let didUnsubscribe = false;
+    const targetEl = target && 'current' in target ? target.current : target;
+    if (!targetEl) return () => {};
 
     function cb(mutationsList, observer) {
       if (didUnsubscribe) return;
@@ -145,7 +144,7 @@ function useMutationObserver(target, callback, options) {
     }
 
     mutationObserver.subscribe(targetEl, cb, storedOptions.current);
-    return function () {
+    return () => {
       didUnsubscribe = true;
       mutationObserver.unsubscribe(targetEl, cb);
     };
@@ -157,41 +156,48 @@ function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if
 
 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; }
 
-var getInitialState$1 = function getInitialState(keyName, rows) {
-  return _reduceInstanceProperty(rows).call(rows, function (items, currentItem) {
-    // @ts-ignore: index signature is confused as items might contain the initial value.
-    var initialValue = currentItem[keyName];
-    return _objectSpread$2(_objectSpread$2({}, items), {}, _defineProperty({}, currentItem.id, initialValue !== null && initialValue !== void 0 ? initialValue : false));
-  }, {});
-};
+const getInitialState$1 = (keyName, rows) => _reduceInstanceProperty(rows).call(rows, (items, currentItem) => {
+  // @ts-ignore: index signature is confused as items might contain the initial value.
+  const initialValue = currentItem[keyName];
+  return _objectSpread$2(_objectSpread$2({}, items), {}, {
+    // if there is an initial value: use it, otherwise default to false
+    [currentItem.id]: initialValue !== null && initialValue !== void 0 ? initialValue : false
+  });
+}, {});
 
 function selectionReducer(state, action) {
   switch (action.type) {
     case 'toggle':
-      return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, !state[action.payload]));
+      return _objectSpread$2(_objectSpread$2({}, state), {}, {
+        [action.payload]: !state[action.payload]
+      });
 
     case 'select':
-      return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, true));
+      return _objectSpread$2(_objectSpread$2({}, state), {}, {
+        [action.payload]: true
+      });
 
     case 'deselect':
-      return _objectSpread$2(_objectSpread$2({}, state), {}, _defineProperty({}, action.payload, false));
+      return _objectSpread$2(_objectSpread$2({}, state), {}, {
+        [action.payload]: false
+      });
 
     case 'selectAll':
       {
         var _context;
 
-        return _reduceInstanceProperty(_context = _Object$keys(state)).call(_context, function (allItems, currentItem) {
-          return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, true));
-        }, {});
+        return _reduceInstanceProperty(_context = _Object$keys(state)).call(_context, (allItems, currentItem) => _objectSpread$2(_objectSpread$2({}, allItems), {}, {
+          [currentItem]: true
+        }), {});
       }
 
     case 'deselectAll':
       {
         var _context2;
 
-        return _reduceInstanceProperty(_context2 = _Object$keys(state)).call(_context2, function (allItems, currentItem) {
-          return _objectSpread$2(_objectSpread$2({}, allItems), {}, _defineProperty({}, currentItem, false));
-        }, {});
+        return _reduceInstanceProperty(_context2 = _Object$keys(state)).call(_context2, (allItems, currentItem) => _objectSpread$2(_objectSpread$2({}, allItems), {}, {
+          [currentItem]: false
+        }), {});
       }
 
     default:
@@ -199,84 +205,68 @@ function selectionReducer(state, action) {
   }
 }
 
-var useRowSelection = function useRowSelection(keyName, rows) {
-  var _useReducer = useReducer(selectionReducer, getInitialState$1(keyName, rows)),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      selectionState = _useReducer2[0],
-      dispatch = _useReducer2[1];
+const useRowSelection = (keyName, rows) => {
+  const _useReducer = useReducer(selectionReducer, getInitialState$1(keyName, rows)),
+        _useReducer2 = _slicedToArray(_useReducer, 2),
+        selectionState = _useReducer2[0],
+        dispatch = _useReducer2[1];
 
   useDebugValue(selectionState);
 
-  var selectableRows = _mapInstanceProperty(rows).call(rows, function (item) {
-    return _objectSpread$2(_objectSpread$2({}, item), {}, _defineProperty({}, keyName, selectionState[item.id]));
-  });
+  const selectableRows = _mapInstanceProperty(rows).call(rows, item => _objectSpread$2(_objectSpread$2({}, item), {}, {
+    [keyName]: selectionState[item.id]
+  }));
 
-  var toggleRow = function toggleRow(id) {
-    return dispatch({
-      type: 'toggle',
-      payload: id
-    });
-  };
+  const toggleRow = id => dispatch({
+    type: 'toggle',
+    payload: id
+  });
 
-  var selectRow = function selectRow(id) {
-    return dispatch({
-      type: 'select',
-      payload: id
-    });
-  };
+  const selectRow = id => dispatch({
+    type: 'select',
+    payload: id
+  });
 
-  var deselectRow = function deselectRow(id) {
-    return dispatch({
-      type: 'deselect',
-      payload: id
-    });
-  };
+  const deselectRow = id => dispatch({
+    type: 'deselect',
+    payload: id
+  });
 
-  var selectAllRows = function selectAllRows() {
-    return dispatch({
-      type: 'selectAll'
-    });
-  };
+  const selectAllRows = () => dispatch({
+    type: 'selectAll'
+  });
 
-  var deselectAllRows = function deselectAllRows() {
-    return dispatch({
-      type: 'deselectAll'
-    });
-  };
+  const deselectAllRows = () => dispatch({
+    type: 'deselectAll'
+  });
 
-  var getIsRowSelected = function getIsRowSelected(id) {
-    return selectionState[id];
-  };
+  const getIsRowSelected = id => selectionState[id];
 
-  var getNumberOfSelectedRows = function getNumberOfSelectedRows() {
-    return _reduceInstanceProperty(selectableRows).call(selectableRows, function (count, item) {
-      return count + (item[keyName] === true ? 1 : 0);
-    }, 0);
-  };
+  const getNumberOfSelectedRows = () => _reduceInstanceProperty(selectableRows).call(selectableRows, (count, item) => count + (item[keyName] === true ? 1 : 0), 0);
 
   return {
     rows: selectableRows,
-    toggleRow: toggleRow,
-    selectRow: selectRow,
-    deselectRow: deselectRow,
-    selectAllRows: selectAllRows,
-    deselectAllRows: deselectAllRows,
-    getIsRowSelected: getIsRowSelected,
-    getNumberOfSelectedRows: getNumberOfSelectedRows
+    toggleRow,
+    selectRow,
+    deselectRow,
+    selectAllRows,
+    deselectAllRows,
+    getIsRowSelected,
+    getNumberOfSelectedRows
   };
 };
 
 var useRowSelection$1 = useRowSelection;
 
 // we're using lodash sortBy as our default sorting fn
-var sortItems = function sortItems(items, field, sortDirection) {
-  var sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy;
+const sortItems = function (items, field, sortDirection) {
+  let sortingFunction = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : sortBy;
 
   if (!field) {
     return items;
   }
 
-  var sortedItems = sortingFunction(items, field);
+  const sortedItems = sortingFunction(items, field);
 
   if (sortDirection === 'desc') {
     return _reverseInstanceProperty(sortedItems).call(sortedItems);
@@ -285,27 +275,23 @@ var sortItems = function sortItems(items, field, sortDirection) {
   return sortedItems;
 };
 
-var getInitialState = function getInitialState(items, field, sortDirection, sortingFunction) {
-  return {
-    items: sortItems(items, field, sortDirection, sortingFunction),
-    sortedBy: field,
-    sortDirection: sortDirection
-  };
-};
+const getInitialState = (items, field, sortDirection, sortingFunction) => ({
+  items: sortItems(items, field, sortDirection, sortingFunction),
+  sortedBy: field,
+  sortDirection
+});
 
-var useSorting = function useSorting(items, field, sortDirection, sortingFunction) {
-  var _useState = useState(function () {
-    return getInitialState(items, field, sortDirection, sortingFunction);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      sortState = _useState2[0],
-      setSorting = _useState2[1];
+const useSorting = (items, field, sortDirection, sortingFunction) => {
+  const _useState = useState(() => getInitialState(items, field, sortDirection, sortingFunction)),
+        _useState2 = _slicedToArray(_useState, 2),
+        sortState = _useState2[0],
+        setSorting = _useState2[1];
 
   useDebugValue(sortState);
 
   function onSortChange(fieldKey) {
-    var nextSortDirection;
-    var sortedItems;
+    let nextSortDirection;
+    let sortedItems;
 
     if (sortState.sortedBy !== fieldKey) {
       // if the intented field is not already sorted, the initial direction is 'asc'
@@ -329,7 +315,7 @@ var useSorting = function useSorting(items, field, sortDirection, sortingFunctio
     items: sortState.items,
     sortedBy: sortState.sortedBy,
     sortDirection: sortState.sortDirection,
-    onSortChange: onSortChange
+    onSortChange
   };
 };
 
@@ -339,34 +325,34 @@ function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if
 
 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; }
 
-var applyIf$1 = function applyIf(values, key) {
-  return !isNil(values[key]) ? _defineProperty({}, key, values[key]) : {};
-};
+const applyIf$1 = (values, key) => !isNil(values[key]) ? {
+  [key]: values[key]
+} : {};
 
-var defaultValues$1 = {
+const defaultValues$1 = {
   page: 1,
   perPage: 20
 };
 
-var usePaginationState = function usePaginationState() {
-  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const usePaginationState = function () {
+  let initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
+  const mergedValues = _objectSpread$1(_objectSpread$1(_objectSpread$1({}, defaultValues$1), applyIf$1(initialValues, 'page')), applyIf$1(initialValues, 'perPage'));
 
-  var _useState = useState(mergedValues.page),
-      _useState2 = _slicedToArray(_useState, 2),
-      page = _useState2[0],
-      setPage = _useState2[1];
+  const _useState = useState(mergedValues.page),
+        _useState2 = _slicedToArray(_useState, 2),
+        page = _useState2[0],
+        setPage = _useState2[1];
 
-  var _useState3 = useState(mergedValues.perPage),
-      _useState4 = _slicedToArray(_useState3, 2),
-      perPage = _useState4[0],
-      setPerPage = _useState4[1];
+  const _useState3 = useState(mergedValues.perPage),
+        _useState4 = _slicedToArray(_useState3, 2),
+        perPage = _useState4[0],
+        setPerPage = _useState4[1];
 
-  var onPageChange = useCallback(function (nextPage) {
+  const onPageChange = useCallback(nextPage => {
     setPage(nextPage);
   }, [setPage]);
-  var onPerPageChange = useCallback(function (nextPerPage) {
+  const onPerPageChange = useCallback(nextPerPage => {
     // side-effect:
     // GIVEN client updates `perPage`,
     // THEN we reset `page` (discards initialValues.page)
@@ -390,29 +376,29 @@ var usePaginationState$1 = usePaginationState;
 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; }
 
 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; }
-var defaultValues = {
+const defaultValues = {
   key: 'createdAt',
   order: 'desc'
 };
 
-var applyIf = function applyIf(values, key) {
-  return !isNil(values[key]) ? _defineProperty({}, key, values[key]) : {};
-};
+const applyIf = (values, key) => !isNil(values[key]) ? {
+  [key]: values[key]
+} : {};
 
-var useDataTableSortingState = function useDataTableSortingState() {
-  var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+const useDataTableSortingState = function () {
+  let initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  var mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
+  const mergedValues = _objectSpread(_objectSpread(_objectSpread({}, defaultValues), applyIf(initialValues, 'key')), applyIf(initialValues, 'order'));
 
-  var _useState = useState(mergedValues),
-      _useState2 = _slicedToArray(_useState, 2),
-      sortDefinition = _useState2[0],
-      setSortDefinition = _useState2[1];
+  const _useState = useState(mergedValues),
+        _useState2 = _slicedToArray(_useState, 2),
+        sortDefinition = _useState2[0],
+        setSortDefinition = _useState2[1];
 
-  var onTableSortingChange = useCallback(function (key, order) {
+  const onTableSortingChange = useCallback((key, order) => {
     setSortDefinition({
-      key: key,
-      order: order
+      key,
+      order
     });
   }, []);
   return {
@@ -424,6 +410,6 @@ var useDataTableSortingState = function useDataTableSortingState() {
 var useDataTableSortingState$1 = useDataTableSortingState;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "15.15.0";
+var version = "16.0.0";
 
 export { useDataTableSortingState$1 as useDataTableSortingState, useFieldId$1 as useFieldId, useMutationObserver, usePaginationState$1 as usePaginationState, usePrevious$1 as usePrevious, useRowSelection$1 as useRowSelection, useSorting$1 as useSorting, useToggleState$1 as useToggleState, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/hooks",
   "description": "A collection of React hooks used across some of the UI-Kit components.",
-  "version": "15.15.0",
+  "version": "16.0.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/utils": "15.15.0",
+    "@commercetools-uikit/utils": "16.0.0",
     "@types/raf-schd": "^4.0.1",
     "lodash": "4.17.21",
     "raf-schd": "^4.0.3"