@sentecacommerce-theme/lib 0.12.67 → 0.13.5-alpha.7

package/dist/cjs/hooks/ui-hooks/usePagination/index.js

@@ -1,98 +1,148 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.usePagination = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _router = require("next/router");
-
 var _react = require("react");
-
-var usePagination = function usePagination(_ref) {
-  var totalPages = _ref.totalPages,
-      currentPage = _ref.currentPage,
-      _ref$pagesAroundCurre = _ref.pagesAroundCurrentPage,
-      pagesAroundCurrentPage = _ref$pagesAroundCurre === void 0 ? 1 : _ref$pagesAroundCurre,
-      _ref$showFirstAndLast = _ref.showFirstAndLastPage,
-      showFirstAndLastPage = _ref$showFirstAndLast === void 0 ? true : _ref$showFirstAndLast,
-      onPageSelect = _ref.onPageSelect;
-  var router = (0, _router.useRouter)();
-
-  var _goToPage = (0, _react.useCallback)(function (page) {
-    if (!page) return;
-    onPageSelect == null ? void 0 : onPageSelect(page, currentPage);
-  }, [onPageSelect, currentPage]);
-
-  var pagesResult = (0, _react.useMemo)(function () {
-    var pages = new Array(totalPages).fill(1).map(function (_, i) {
-      return i + 1;
-    });
-    var isPrevPlaceholderAdded = false;
-    var isNextPlaceholderAdded = false;
-    return pages.reduce(function (pagesArray, page) {
-      var isActive = page === currentPage;
-      var pageData = {
-        pageNumber: page,
-        isActive: isActive,
-        select: function select() {
-          return _goToPage(page);
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) {
+        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
+            arr2[i] = arr[i];
         }
-      }; // add the first page
-
-      if (showFirstAndLastPage && page === 1) {
-        // mark as first page
-        pageData.isFirstPage = true; // add prev placeholder
-      } else if (page !== 1 && page < currentPage - pagesAroundCurrentPage) {
-        // if prev placeholder is already added continue.
-        if (isPrevPlaceholderAdded) return pagesArray;
-        isPrevPlaceholderAdded = true; // mark as placeholder
-
-        pageData.isPlaceholder = true; // add next placeholder
-      } else if (page !== totalPages && page > currentPage + pagesAroundCurrentPage) {
-        // if next placeholder is already added continue.
-        if (isNextPlaceholderAdded) return pagesArray;
-        isNextPlaceholderAdded = true; // mark as placeholder
-
-        pageData.isPlaceholder = true;
-      } else if (showFirstAndLastPage && page === totalPages) {
-        // mark as last page
-        pageData.isLastPage = true;
-      }
-
-      return [].concat(pagesArray, [pageData]);
-    }, []);
-  }, [totalPages, currentPage, pagesAroundCurrentPage, showFirstAndLastPage, _goToPage]);
-  var data = (0, _react.useMemo)(function () {
-    var nextPage = currentPage < totalPages ? currentPage + 1 : null;
-    var prevPage = currentPage > 1 ? currentPage - 1 : null;
-    return {
-      pages: pagesResult,
-      nextPage: nextPage,
-      prevPage: prevPage,
-      goToNextPage: function goToNextPage() {
-        return _goToPage(nextPage);
-      },
-      goToPrevPage: function goToPrevPage() {
-        return _goToPage(prevPage);
-      },
-      goToPage: function goToPage(page) {
-        return _goToPage(page);
-      },
-      getLinkHref: function getLinkHref(page) {
+        return arr2;
+    }
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+}
+var usePagination = function(param) {
+    var totalPages = param.totalPages, currentPage = param.currentPage, _pagesAroundCurrentPage = param.pagesAroundCurrentPage, pagesAroundCurrentPage = _pagesAroundCurrentPage === void 0 ? 1 : _pagesAroundCurrentPage, _showFirstAndLastPage = param.showFirstAndLastPage, showFirstAndLastPage = _showFirstAndLastPage === void 0 ? true : _showFirstAndLastPage, onPageSelect = param.onPageSelect;
+    var router = (0, _router).useRouter();
+    var goToPage = (0, _react).useCallback(function(page) {
+        if (!page) return;
+        onPageSelect === null || onPageSelect === void 0 ? void 0 : onPageSelect(page, currentPage);
+    }, [
+        onPageSelect,
+        currentPage
+    ]);
+    var pagesResult = (0, _react).useMemo(function() {
+        var pages = new Array(totalPages).fill(1).map(function(_, i) {
+            return i + 1;
+        });
+        var isPrevPlaceholderAdded = false;
+        var isNextPlaceholderAdded = false;
+        return pages.reduce(function(pagesArray, page) {
+            var isActive = page === currentPage;
+            var pageData = {
+                pageNumber: page,
+                isActive: isActive,
+                select: function() {
+                    return goToPage(page);
+                }
+            };
+            // add the first page
+            if (showFirstAndLastPage && page === 1) {
+                // mark as first page
+                pageData.isFirstPage = true;
+            // add prev placeholder
+            } else if (page !== 1 && page < currentPage - pagesAroundCurrentPage) {
+                // if prev placeholder is already added continue.
+                if (isPrevPlaceholderAdded) return pagesArray;
+                isPrevPlaceholderAdded = true;
+                // mark as placeholder
+                pageData.isPlaceholder = true;
+            // add next placeholder
+            } else if (page !== totalPages && page > currentPage + pagesAroundCurrentPage) {
+                // if next placeholder is already added continue.
+                if (isNextPlaceholderAdded) return pagesArray;
+                isNextPlaceholderAdded = true;
+                // mark as placeholder
+                pageData.isPlaceholder = true;
+            } else if (showFirstAndLastPage && page === totalPages) {
+                // mark as last page
+                pageData.isLastPage = true;
+            }
+            return _toConsumableArray(pagesArray).concat([
+                pageData
+            ]);
+        }, []);
+    }, [
+        totalPages,
+        currentPage,
+        pagesAroundCurrentPage,
+        showFirstAndLastPage,
+        goToPage, 
+    ]);
+    var data = (0, _react).useMemo(function() {
+        var nextPage = currentPage < totalPages ? currentPage + 1 : null;
+        var prevPage = currentPage > 1 ? currentPage - 1 : null;
         return {
-          pathname: router.pathname || '',
-          query: (0, _extends2["default"])({}, router.query || {}, {
-            page: page
-          })
+            pages: pagesResult,
+            nextPage: nextPage,
+            prevPage: prevPage,
+            goToNextPage: function() {
+                return goToPage(nextPage);
+            },
+            goToPrevPage: function() {
+                return goToPage(prevPage);
+            },
+            goToPage: function(page) {
+                return goToPage(page);
+            },
+            getLinkHref: function(page) {
+                return {
+                    pathname: router.pathname || '',
+                    query: _objectSpread({
+                    }, router.query || {
+                    }, {
+                        page: page
+                    })
+                };
+            }
         };
-      }
-    };
-  }, [pagesResult, _goToPage, currentPage, totalPages, router.pathname, router.query]);
-  return data;
+    }, [
+        pagesResult,
+        goToPage,
+        currentPage,
+        totalPages,
+        router.pathname,
+        router.query, 
+    ]);
+    return data;
 };
-
 exports.usePagination = usePagination;
-//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/ui-hooks/useScrollDirection/index.js

@@ -1,60 +1,74 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.useScrollDirection = void 0;
-
 var _react = require("react");
-
-var useScrollDirection = function useScrollDirection(data) {
-  if (data === void 0) {
-    data = {};
-  }
-
-  var _data = data,
-      _data$defaultValue = _data.defaultValue,
-      defaultValue = _data$defaultValue === void 0 ? 'up' : _data$defaultValue,
-      _data$upThreshold = _data.upThreshold,
-      upThreshold = _data$upThreshold === void 0 ? 5 : _data$upThreshold,
-      _data$downThreshold = _data.downThreshold,
-      downThreshold = _data$downThreshold === void 0 ? 50 : _data$downThreshold;
-
-  var _useState = (0, _react.useState)(defaultValue),
-      scrollDirection = _useState[0],
-      setScrollDirection = _useState[1];
-
-  (0, _react.useEffect)(function () {
-    var lastScrollY = window.pageYOffset;
-    var ticking = false;
-
-    var updateScrollDir = function updateScrollDir() {
-      var scrollY = window.pageYOffset;
-      var threshold = scrollDirection === 'down' ? upThreshold : downThreshold;
-
-      if (Math.abs(scrollY - lastScrollY) < threshold) {
-        ticking = false;
-        return;
-      }
-
-      var newDirection = scrollY > lastScrollY ? 'down' : 'up';
-      setScrollDirection(newDirection);
-      lastScrollY = scrollY > 0 ? scrollY : 0;
-      ticking = false;
-    };
-
-    var onScroll = function onScroll() {
-      if (!ticking) {
-        window.requestAnimationFrame(updateScrollDir);
-        ticking = true;
-      }
-    };
-
-    window.addEventListener('scroll', onScroll);
-    return function () {
-      return window.removeEventListener('scroll', onScroll);
-    };
-  }, [scrollDirection, upThreshold, downThreshold]);
-  return scrollDirection;
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+var useScrollDirection = function(param) {
+    var data = param === void 0 ? {
+    } : param;
+    var _defaultValue = data.defaultValue, defaultValue = _defaultValue === void 0 ? 'up' : _defaultValue, _upThreshold = data.upThreshold, upThreshold = _upThreshold === void 0 ? 5 : _upThreshold, _downThreshold = data.downThreshold, downThreshold = _downThreshold === void 0 ? 50 : _downThreshold;
+    var ref = _slicedToArray((0, _react).useState(defaultValue), 2), scrollDirection = ref[0], setScrollDirection = ref[1];
+    (0, _react).useEffect(function() {
+        var lastScrollY = window.pageYOffset;
+        var ticking = false;
+        var updateScrollDir = function() {
+            var scrollY = window.pageYOffset;
+            var threshold = scrollDirection === 'down' ? upThreshold : downThreshold;
+            if (Math.abs(scrollY - lastScrollY) < threshold) {
+                ticking = false;
+                return;
+            }
+            var newDirection = scrollY > lastScrollY ? 'down' : 'up';
+            setScrollDirection(newDirection);
+            lastScrollY = scrollY > 0 ? scrollY : 0;
+            ticking = false;
+        };
+        var onScroll = function() {
+            if (!ticking) {
+                window.requestAnimationFrame(updateScrollDir);
+                ticking = true;
+            }
+        };
+        window.addEventListener('scroll', onScroll);
+        return function() {
+            return window.removeEventListener('scroll', onScroll);
+        };
+    }, [
+        scrollDirection,
+        upThreshold,
+        downThreshold
+    ]);
+    return scrollDirection;
 };
-
 exports.useScrollDirection = useScrollDirection;
-//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/ui-hooks/useScrollTo/index.js

@@ -1,156 +1,136 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.scrollIt = scrollIt;
 exports.useScrollTo = void 0;
-
 var _react = require("react");
-
 var _getElementOffset = require("../../../utils/getElementOffset");
-
-/* eslint-disable react-hooks/exhaustive-deps */
-var win = typeof window !== 'undefined' ? window : undefined;
-/**
- * Scroll to hook
- *
- * @param {number|Element} to Final destination in px or html element
- * @param {number} speed Scroll speed, bigger numbers makes the animation slower
- * @param {string} easing Animation easing, has to be defined in the easing object
- *
- */
-
-var useScrollTo = function useScrollTo(to, speed, easing) {
-  if (to === void 0) {
-    to = 0;
-  }
-
-  if (speed === void 0) {
-    speed = 0.8;
-  }
-
-  if (easing === void 0) {
-    easing = 'easeInOutCubic';
-  }
-
-  var _useState = (0, _react.useState)(false),
-      isScrolling = _useState[0],
-      setIsScrolling = _useState[1]; // Stop scroll when the user starts scrolling
-
-
-  var stopScroll = (0, _react.useCallback)(function () {
-    if (!isScrolling) {
-      return;
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterableToArrayLimit(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+    try {
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-
-    setIsScrolling(false);
-    win.stopScrolling = true;
-    setTimeout(function () {
-      win.stopScrolling = false;
-    }, 200);
-  }, [isScrolling]);
-
-  var scrollTo = function scrollTo(toOverride) {
-    if (!win || win != null && win.stopScrolling) return;
-    var currentPosition = window.pageYOffset;
-    var dest = toOverride == undefined ? (0, _getElementOffset.getElementOffset)(to).top : (0, _getElementOffset.getElementOffset)(toOverride).top;
-    var difference = Math.abs(dest - currentPosition); // animation time calculation
-
-    var animationTime = difference * speed;
-    animationTime = Math.min(animationTime, 2500);
-    animationTime = Math.max(animationTime, 500);
-    setIsScrolling(true);
-    scrollIt(dest, animationTime, easing, function () {
-      return setIsScrolling(false);
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    window.addEventListener('wheel', stopScroll);
-    window.addEventListener('touchstart', stopScroll);
-    return function () {
-      window.removeEventListener('wheel', stopScroll);
-      window.removeEventListener('touchstart', stopScroll);
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+var win = typeof window !== 'undefined' ? window : undefined;
+var useScrollTo = function(param, param1, param2) {
+    var to = param === void 0 ? 0 : param, speed = param1 === void 0 ? 0.8 : param1, easing = param2 === void 0 ? 'easeInOutCubic' : param2;
+    var ref = _slicedToArray((0, _react).useState(false), 2), isScrolling = ref[0], setIsScrolling = ref[1];
+    // Stop scroll when the user starts scrolling
+    var stopScroll = (0, _react).useCallback(function() {
+        if (!isScrolling) {
+            return;
+        }
+        setIsScrolling(false);
+        win.stopScrolling = true;
+        setTimeout(function() {
+            win.stopScrolling = false;
+        }, 200);
+    }, [
+        isScrolling
+    ]);
+    var scrollTo = function(toOverride) {
+        if (!win || (win === null || win === void 0 ? void 0 : win.stopScrolling)) return;
+        var currentPosition = window.pageYOffset;
+        var dest = toOverride == undefined ? (0, _getElementOffset).getElementOffset(to).top : (0, _getElementOffset).getElementOffset(toOverride).top;
+        var difference = Math.abs(dest - currentPosition);
+        // animation time calculation
+        var animationTime = difference * speed;
+        animationTime = Math.min(animationTime, 2500);
+        animationTime = Math.max(animationTime, 500);
+        setIsScrolling(true);
+        scrollIt(dest, animationTime, easing, function() {
+            return setIsScrolling(false);
+        });
     };
-  }, [stopScroll]);
-  return {
-    scrollTo: scrollTo,
-    isScrolling: isScrolling,
-    stopScroll: stopScroll
-  };
-}; // copied from https://pawelgrzybek.com/page-scroll-in-vanilla-javascript/
-
-
+    (0, _react).useEffect(function() {
+        window.addEventListener('wheel', stopScroll);
+        window.addEventListener('touchstart', stopScroll);
+        return function() {
+            window.removeEventListener('wheel', stopScroll);
+            window.removeEventListener('touchstart', stopScroll);
+        };
+    }, [
+        stopScroll
+    ]);
+    return {
+        scrollTo: scrollTo,
+        isScrolling: isScrolling,
+        stopScroll: stopScroll
+    };
+};
 exports.useScrollTo = useScrollTo;
-
-function scrollIt(destination, duration, easing, callback) {
-  if (duration === void 0) {
-    duration = 200;
-  }
-
-  if (easing === void 0) {
-    easing = 'linear';
-  }
-
-  if (callback === void 0) {
-    callback = function callback() {};
-  }
-
-  /**
+function scrollIt(destination, param, param3, param4) {
+    var duration = param === void 0 ? 200 : param, easing = param3 === void 0 ? 'linear' : param3, callback = param4 === void 0 ? function() {
+    } : param4;
+    /**
    * Define easings
    *
    * you can copy easings from https://easings.net/
-   */
-  var easingList = {
-    linear: function linear(t) {
-      return t;
-    },
-    easeInOutCubic: function easeInOutCubic(x) {
-      return x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2;
-    },
-    easeInOutSine: function easeInOutSine(t) {
-      return -(Math.cos(Math.PI * t) - 1) / 2;
+   */ var easingList = {
+        linear: function(t) {
+            return t;
+        },
+        easeInOutCubic: function(x) {
+            return x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2;
+        },
+        easeInOutSine: function(t) {
+            return -(Math.cos(Math.PI * t) - 1) / 2;
+        }
+    };
+    var start = window.pageYOffset;
+    var startTime = 'now' in window.performance ? performance.now() : new Date().getTime();
+    // backup for old browsers (no animations for them)
+    if ('requestAnimationFrame' in window === false) {
+        window.scroll(0, getScrollOffset());
+        if (callback) {
+            callback();
+        }
+        return;
     }
-  };
-  var start = window.pageYOffset;
-  var startTime = 'now' in window.performance ? performance.now() : new Date().getTime(); // backup for old browsers (no animations for them)
-
-  if ('requestAnimationFrame' in window === false) {
-    window.scroll(0, getScrollOffset());
-
-    if (callback) {
-      callback();
+    function getScrollOffset() {
+        var destinationOffset = typeof destination == 'number' ? destination : (0, _getElementOffset).getElementOffset(destination).top;
+        var documentHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
+        var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
+        return Math.round(documentHeight - destinationOffset < windowHeight ? documentHeight - windowHeight : destinationOffset);
     }
-
-    return;
-  }
-
-  function getScrollOffset() {
-    var destinationOffset = typeof destination == 'number' ? destination : (0, _getElementOffset.getElementOffset)(destination).top;
-    var documentHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
-    var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
-    return Math.round(documentHeight - destinationOffset < windowHeight ? documentHeight - windowHeight : destinationOffset);
-  }
-
-  function scroll() {
-    if (win.stopScrolling) return;
-    var scrollOffset = getScrollOffset();
-    /* <- recalculate the scroll offset */
-
-    var now = 'now' in window.performance ? performance.now() : new Date().getTime();
-    var time = Math.min(1, (now - startTime) / duration);
-    var timeFunction = easingList[easing](time);
-    var newPageYOffset = timeFunction * (scrollOffset - start) + start;
-    window.scroll(0, newPageYOffset);
-
-    if (now >= startTime + duration) {
-      /* <- terminate for sure after time is over */
-      callback();
-      return;
+    function scroll() {
+        if (win.stopScrolling) return;
+        var scrollOffset = getScrollOffset();
+        /* <- recalculate the scroll offset */ var now = 'now' in window.performance ? performance.now() : new Date().getTime();
+        var time = Math.min(1, (now - startTime) / duration);
+        var timeFunction = easingList[easing](time);
+        var newPageYOffset = timeFunction * (scrollOffset - start) + start;
+        window.scroll(0, newPageYOffset);
+        if (now >= startTime + duration) {
+            /* <- terminate for sure after time is over */ callback();
+            return;
+        }
+        requestAnimationFrame(scroll);
     }
-
-    requestAnimationFrame(scroll);
-  }
-
-  scroll();
+    scroll();
 }
-//# sourceMappingURL=index.js.map