@sentecacommerce-theme/lib 0.12.64 → 0.13.5-alpha.1

package/dist/cjs/components/OverflowEllipsis/index.js

@@ -1,26 +1,65 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.OverflowEllipsis = void 0;
-
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2;
-
-/**
- * Component used to handle the overflow of text
- */
-var OverflowEllipsis = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  ", "\n"])), function (props) {
-  var lineHeight = (props == null ? void 0 : props.lineHeight) / 10;
-  var height = lineHeight * props.lines;
-  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: ", ";\n      -webkit-box-orient: vertical;\n      ", "\n    "])), props.lines, Boolean(lineHeight) && "\n        min-height: " + height + "rem;\n        max-height: " + height + "rem;\n        line-height: " + lineHeight + "rem;\n      ");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-line-clamp: ",
+        ";\n      -webkit-box-orient: vertical;\n      ",
+        "\n    "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteral([
+        "\n  ",
+        "\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
+    };
+    return data;
+}
+var OverflowEllipsis = _styledComponents.default.span(_templateObject1(), function(props) {
+    var lineHeight = (props === null || props === void 0 ? void 0 : props.lineHeight) / 10;
+    var height = lineHeight * props.lines;
+    return (0, _styledComponents).css(_templateObject(), props.lines, Boolean(lineHeight) && "\n        min-height: ".concat(height, "rem;\n        max-height: ").concat(height, "rem;\n        line-height: ").concat(lineHeight, "rem;\n      "));
 });
-
 exports.OverflowEllipsis = OverflowEllipsis;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/OverflowHidden/index.js

@@ -1,28 +1,25 @@
-"use strict";
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.OverflowHidden = void 0;
-
 var _react = require("react");
-
-var OverflowHidden = function OverflowHidden(_ref) {
-  var _ref$resetOnClose = _ref.resetOnClose,
-      resetOnClose = _ref$resetOnClose === void 0 ? true : _ref$resetOnClose;
-  (0, _react.useEffect)(function () {
-    document.body.style.width = document.body.clientWidth + 'px';
-    document.documentElement.style.width = document.body.clientWidth + 'px';
-    document.body.style.overflow = 'hidden';
-    document.documentElement.style.overflow = 'hidden';
-    return function () {
-      if (!resetOnClose) return;
-      document.body.style.overflow = '';
-      document.documentElement.style.overflow = '';
-      document.body.style.width = '';
-      document.documentElement.style.width = '';
-    };
-  }, [resetOnClose]);
-  return null;
+var OverflowHidden = function(param) {
+    var _resetOnClose = param.resetOnClose, resetOnClose = _resetOnClose === void 0 ? true : _resetOnClose;
+    (0, _react).useEffect(function() {
+        document.body.style.width = document.body.clientWidth + 'px';
+        document.documentElement.style.width = document.body.clientWidth + 'px';
+        document.body.style.overflow = 'hidden';
+        document.documentElement.style.overflow = 'hidden';
+        return function() {
+            if (!resetOnClose) return;
+            document.body.style.overflow = '';
+            document.documentElement.style.overflow = '';
+            document.body.style.width = '';
+            document.documentElement.style.width = '';
+        };
+    }, [
+        resetOnClose
+    ]);
+    return null;
 };
-
 exports.OverflowHidden = OverflowHidden;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/Portal/index.js

@@ -1,47 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.Portal = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _useIsomorphicLayoutEffect = require("../../hooks/ui-hooks/useIsomorphicLayoutEffect");
-
 var _useForceUpdate = require("../../hooks/useForceUpdate");
-
-var Portal = function Portal(_ref) {
-  var children = _ref.children,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'senteca-portal' : _ref$type;
-
-  var mountNode = _react["default"].useRef(null);
-
-  var portalNode = _react["default"].useRef(null);
-
-  var forceUpdate = (0, _useForceUpdate.useForceUpdate)();
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    // This ref may be null when a hot-loader replaces components on the page
-    if (!mountNode.current) return; // It's possible that the content of the portal has, itself, been portaled.
-    // In that case, it's important to append to the correct document element.
-
-    var ownerDocument = mountNode.current.ownerDocument;
-    portalNode.current = ownerDocument == null ? void 0 : ownerDocument.createElement(type);
-    ownerDocument.body.appendChild(portalNode.current);
-    forceUpdate();
-    return function () {
-      if (portalNode.current && portalNode.current.ownerDocument) {
-        portalNode.current.ownerDocument.body.removeChild(portalNode.current);
-      }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-  }, [type, forceUpdate]);
-  return portalNode.current ? /*#__PURE__*/(0, _reactDom.createPortal)(children, portalNode.current) : /*#__PURE__*/_react["default"].createElement("span", {
-    ref: mountNode
-  });
+}
+var Portal = function(param) {
+    var children = param.children, _type = param.type, type = _type === void 0 ? 'senteca-portal' : _type;
+    var mountNode = _react.default.useRef(null);
+    var portalNode = _react.default.useRef(null);
+    var forceUpdate = (0, _useForceUpdate).useForceUpdate();
+    (0, _useIsomorphicLayoutEffect).useIsomorphicLayoutEffect(function() {
+        // This ref may be null when a hot-loader replaces components on the page
+        if (!mountNode.current) return;
+        // It's possible that the content of the portal has, itself, been portaled.
+        // In that case, it's important to append to the correct document element.
+        var ownerDocument = mountNode.current.ownerDocument;
+        portalNode.current = ownerDocument === null || ownerDocument === void 0 ? void 0 : ownerDocument.createElement(type);
+        ownerDocument.body.appendChild(portalNode.current);
+        forceUpdate();
+        return function() {
+            if (portalNode.current && portalNode.current.ownerDocument) {
+                portalNode.current.ownerDocument.body.removeChild(portalNode.current);
+            }
+        };
+    }, [
+        type,
+        forceUpdate
+    ]);
+    return portalNode.current ? /*#__PURE__*/ (0, _reactDom).createPortal(children, portalNode.current) : /*#__PURE__*/ _react.default.createElement("span", {
+        ref: mountNode
+    });
 };
-
 exports.Portal = Portal;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/ProgressBar/index.js

@@ -1,106 +1,179 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.ProgressBar = void 0;
-
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 var _router = _interopRequireDefault(require("next/router"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _useProgressBar2 = require("../../hooks/useProgressBar");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var ProgressBar = function ProgressBar(_ref) {
-  var height = _ref.height,
-      color = _ref.color,
-      _ref$withSpinner = _ref.withSpinner,
-      withSpinner = _ref$withSpinner === void 0 ? false : _ref$withSpinner,
-      spinnerBoxShadow = _ref.spinnerBoxShadow;
-
-  var _useState = (0, _react.useState)(false),
-      isRouteChanging = _useState[0],
-      setIsRouteChanging = _useState[1];
-
-  var _useProgressBar = (0, _useProgressBar2.useProgressBar)({
-    isAnimating: isRouteChanging
-  }),
-      animationDuration = _useProgressBar.animationDuration,
-      isFinished = _useProgressBar.isFinished,
-      progress = _useProgressBar.progress;
-
-  (0, _react.useEffect)(function () {
-    var handleRouteChangeStart = function handleRouteChangeStart() {
-      setIsRouteChanging(true);
+var _useProgressBar = require("../../hooks/useProgressBar");
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
+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();
+}
+function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _taggedTemplateLiteral([
+        "\n  opacity: ",
+        ";\n  pointer-events: none;\n  transition: opacity ",
+        "ms linear;\n"
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _taggedTemplateLiteral([
+        "\n  background: ",
+        ";\n  height: ",
+        ";\n  left: 0;\n  margin-left: ",
+        "%;\n  position: fixed;\n  top: 0;\n  transition: margin-left ",
+        "ms linear;\n  width: 100%;\n  z-index: 99999999999999999999;\n"
+    ]);
+    _templateObject1 = function _templateObject1() {
+        return data;
     };
-
-    var handleRouteChangeEnd = function handleRouteChangeEnd() {
-      setIsRouteChanging(false);
+    return data;
+}
+function _templateObject2() {
+    var data = _taggedTemplateLiteral([
+        "\n      box-shadow: ",
+        ";\n      display: block;\n      height: 100%;\n      opacity: 1;\n      position: absolute;\n      right: 0;\n      transform: rotate(3deg) translate(0px, -0.4rem);\n      width: 10rem;\n    "
+    ]);
+    _templateObject2 = function _templateObject2() {
+        return data;
     };
-
-    _router["default"].events.on('routeChangeStart', handleRouteChangeStart);
-
-    _router["default"].events.on('routeChangeComplete', handleRouteChangeEnd);
-
-    _router["default"].events.on('routeChangeError', handleRouteChangeEnd);
-
-    return function () {
-      _router["default"].events.off('routeChangeStart', handleRouteChangeStart);
-
-      _router["default"].events.off('routeChangeComplete', handleRouteChangeEnd);
-
-      _router["default"].events.off('routeChangeError', handleRouteChangeEnd);
+    return data;
+}
+function _templateObject3() {
+    var data = _taggedTemplateLiteral([
+        "\n  ",
+        "\n"
+    ]);
+    _templateObject3 = function _templateObject3() {
+        return data;
     };
-  }, [_router["default"].events]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Container, {
-    animationDuration: animationDuration,
-    isFinished: isFinished
-  }, /*#__PURE__*/_react["default"].createElement(Bar, {
-    progress: progress,
-    animationDuration: animationDuration,
-    height: height,
-    color: color
-  }, /*#__PURE__*/_react["default"].createElement(Spinner, {
-    withSpinner: withSpinner,
-    spinnerBoxShadow: spinnerBoxShadow,
-    color: color
-  }))));
+    return data;
+}
+var ProgressBar = function(param) {
+    var height = param.height, color = param.color, _withSpinner = param.withSpinner, withSpinner = _withSpinner === void 0 ? false : _withSpinner, spinnerBoxShadow = param.spinnerBoxShadow;
+    var ref = _slicedToArray((0, _react).useState(false), 2), isRouteChanging = ref[0], setIsRouteChanging = ref[1];
+    var ref1 = (0, _useProgressBar).useProgressBar({
+        isAnimating: isRouteChanging
+    }), animationDuration = ref1.animationDuration, isFinished = ref1.isFinished, progress = ref1.progress;
+    (0, _react).useEffect(function() {
+        var handleRouteChangeStart = function() {
+            setIsRouteChanging(true);
+        };
+        var handleRouteChangeEnd = function() {
+            setIsRouteChanging(false);
+        };
+        _router.default.events.on('routeChangeStart', handleRouteChangeStart);
+        _router.default.events.on('routeChangeComplete', handleRouteChangeEnd);
+        _router.default.events.on('routeChangeError', handleRouteChangeEnd);
+        return function() {
+            _router.default.events.off('routeChangeStart', handleRouteChangeStart);
+            _router.default.events.off('routeChangeComplete', handleRouteChangeEnd);
+            _router.default.events.off('routeChangeError', handleRouteChangeEnd);
+        };
+    }, [
+        _router.default.events
+    ]);
+    return(/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(Container, {
+        animationDuration: animationDuration,
+        isFinished: isFinished
+    }, /*#__PURE__*/ _react.default.createElement(Bar, {
+        progress: progress,
+        animationDuration: animationDuration,
+        height: height,
+        color: color
+    }, /*#__PURE__*/ _react.default.createElement(Spinner, {
+        withSpinner: withSpinner,
+        spinnerBoxShadow: spinnerBoxShadow,
+        color: color
+    })))));
 };
-
 exports.ProgressBar = ProgressBar;
-
-var Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  opacity: ", ";\n  pointer-events: none;\n  transition: opacity ", "ms linear;\n"])), function (props) {
-  return props.isFinished ? 0 : 1;
-}, function (props) {
-  return props.animationDuration;
+var Container = _styledComponents.default.div(_templateObject(), function(props) {
+    return props.isFinished ? 0 : 1;
+}, function(props) {
+    return props.animationDuration;
 });
-
-var Bar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  background: ", ";\n  height: ", ";\n  left: 0;\n  margin-left: ", "%;\n  position: fixed;\n  top: 0;\n  transition: margin-left ", "ms linear;\n  width: 100%;\n  z-index: 99999999999999999999;\n"])), function (props) {
-  var _props$color;
-
-  return (_props$color = props.color) != null ? _props$color : '#29d';
-}, function (props) {
-  var _props$height;
-
-  return (_props$height = props.height) != null ? _props$height : '0.2rem';
-}, function (props) {
-  return (-1 + props.progress) * 100;
-}, function (props) {
-  return props.animationDuration;
+var _color, _height;
+var Bar = _styledComponents.default.div(_templateObject1(), function(props) {
+    return (_color = props.color) !== null && _color !== void 0 ? _color : '#29d';
+}, function(props) {
+    return (_height = props.height) !== null && _height !== void 0 ? _height : '0.2rem';
+}, function(props) {
+    return (-1 + props.progress) * 100;
+}, function(props) {
+    return props.animationDuration;
 });
-
-var Spinner = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  ", "\n"])), function (_ref2) {
-  var withSpinner = _ref2.withSpinner,
-      spinnerBoxShadow = _ref2.spinnerBoxShadow,
-      color = _ref2.color;
-  return withSpinner && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n      box-shadow: ", ";\n      display: block;\n      height: 100%;\n      opacity: 1;\n      position: absolute;\n      right: 0;\n      transform: rotate(3deg) translate(0px, -0.4rem);\n      width: 10rem;\n    "])), spinnerBoxShadow != null ? spinnerBoxShadow : "0 0 1rem " + (color != null ? color : '#29d') + ", 0 0 0.5rem " + (color != null ? color : '#29d'));
+var Spinner = _styledComponents.default.div(_templateObject3(), function(param) {
+    var withSpinner = param.withSpinner, spinnerBoxShadow = param.spinnerBoxShadow, color = param.color;
+    return withSpinner && (0, _styledComponents).css(_templateObject2(), spinnerBoxShadow !== null && spinnerBoxShadow !== void 0 ? spinnerBoxShadow : "0 0 1rem ".concat(color !== null && color !== void 0 ? color : '#29d', ", 0 0 0.5rem ").concat(color !== null && color !== void 0 ? color : '#29d'));
 });
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/WishlistButton/index.js

@@ -1,48 +1,34 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
 exports.WishlistButton = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ = require("../../");
-
-var WishlistButton = function WishlistButton(_ref) {
-  var productId = _ref.productId,
-      variantId = _ref.variantId,
-      collapseKey = _ref.collapseKey,
-      children = _ref.children,
-      onAddCallback = _ref.onAddCallback,
-      onRemoveCallback = _ref.onRemoveCallback;
-
-  var _useWishlist = (0, _.useWishlist)({
-    productId: productId,
-    variantId: variantId,
-    collapseKey: collapseKey,
-    onAddCallback: onAddCallback,
-    onRemoveCallback: onRemoveCallback
-  }),
-      addToWishlist = _useWishlist.addToWishlist,
-      removeFromWishlist = _useWishlist.removeFromWishlist,
-      isInWishlist = _useWishlist.isInWishlist;
-
-  var onClick = function onClick(e) {
-    e == null ? void 0 : e.preventDefault();
-    e == null ? void 0 : e.stopPropagation();
-    isInWishlist ? removeFromWishlist() : addToWishlist();
-  };
-
-  var childrenWithProps = _react["default"].Children.map(children, function (child) {
-    return /*#__PURE__*/_react["default"].cloneElement(child, {
-      onClick: onClick,
-      isFavorite: isInWishlist
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var WishlistButton = function(param) {
+    var productId = param.productId, variantId = param.variantId, collapseKey = param.collapseKey, children = param.children, onAddCallback = param.onAddCallback, onRemoveCallback = param.onRemoveCallback;
+    var ref = (0, _).useWishlist({
+        productId: productId,
+        variantId: variantId,
+        collapseKey: collapseKey,
+        onAddCallback: onAddCallback,
+        onRemoveCallback: onRemoveCallback
+    }), addToWishlist = ref.addToWishlist, removeFromWishlist = ref.removeFromWishlist, isInWishlist = ref.isInWishlist;
+    var onClick = function(e) {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        isInWishlist ? removeFromWishlist() : addToWishlist();
+    };
+    var childrenWithProps = _react.default.Children.map(children, function(child) {
+        return _react.default.cloneElement(child, {
+            onClick: onClick,
+            isFavorite: isInWishlist
+        });
     });
-  });
-
-  return childrenWithProps;
+    return childrenWithProps;
 };
-
 exports.WishlistButton = WishlistButton;
-//# sourceMappingURL=index.js.map