@bonlineza/luxity-lib 2.7.3 → 2.8.0

package/Accordion.js

@@ -9,7 +9,7 @@
   var styled__default = 'default' in styled ? styled['default'] : styled;
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -22,7 +22,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -47,14 +46,17 @@
   }
 
   function _iterableToArrayLimit(arr, i) {
-    if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+
+    var _s, _e;
 
     try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
         _arr.push(_s.value);
 
         if (i && _arr.length === i) break;
@@ -94,83 +96,35 @@
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
 
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var OuterContainer = styled__default.div(_templateObject(), function (props) {
+  var _templateObject;
+  var OuterContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid ", ";\n"])), function (props) {
     return props.theme.colors.borderColor;
   });
 
-  function _templateObject$1() {
-    var data = _taggedTemplateLiteral(["\n  padding-left: 3rem;\n  padding-right: 3rem;\n  display: flex;\n  align-items: center;\n  min-height: 70px;\n  height: 70px;\n  cursor: pointer;\n  outline: none;\n"]);
-
-    _templateObject$1 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var ToggleButton = styled__default.div(_templateObject$1());
-
-  function _templateObject$2() {
-    var data = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: bold;\n  flex-grow: 1;\n  color: ", ";\n"]);
-
-    _templateObject$2 = function _templateObject() {
-      return data;
-    };
+  var _templateObject$1;
+  var ToggleButton = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  padding-left: 3rem;\n  padding-right: 3rem;\n  display: flex;\n  align-items: center;\n  min-height: 70px;\n  height: 70px;\n  cursor: pointer;\n  outline: none;\n"])));
 
-    return data;
-  }
-  var Title = styled__default.div(_templateObject$2(), function (props) {
+  var _templateObject$2;
+  var Title = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  font-weight: bold;\n  flex-grow: 1;\n  color: ", ";\n"])), function (props) {
     return props.theme.fontSizes[2];
   }, function (props) {
     return props.theme.colors.primary || '';
   });
 
-  function _templateObject$3() {
-    var data = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"]);
-
-    _templateObject$3 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var BodyContent = styled__default.div(_templateObject$3(), function (props) {
+  var _templateObject$3;
+  var BodyContent = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[5];
   });
 
-  function _templateObject$4() {
-    var data = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  margin-top: 0;\n  border-style: none;\n  border-bottom: 1px solid ", ";\n"]);
-
-    _templateObject$4 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var BodyDivider = styled__default.hr(_templateObject$4(), function (props) {
+  var _templateObject$4;
+  var BodyDivider = styled__default.hr(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\n  margin-top: 0;\n  border-style: none;\n  border-bottom: 1px solid ", ";\n"])), function (props) {
     return props.theme.marginPaddings[4];
   }, function (props) {
     return props.theme.colors.borderColor;
   });
 
-  function _templateObject$5() {
-    var data = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  padding-right: ", ";\n"]);
-
-    _templateObject$5 = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Body = styled__default.div(_templateObject$5(), function (props) {
+  var _templateObject$5;
+  var Body = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (props) {
     return props.theme.marginPaddings[6];
   }, function (props) {
     return props.theme.marginPaddings[6];
@@ -197,10 +151,10 @@
   };
 
   var themed = (function (Component) {
-    return React.forwardRef(function (props, ref) {
-      return React__default.createElement(styled.ThemeProvider, {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
         theme: theme
-      }, React__default.createElement(Component, _extends({}, props, {
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
         ref: ref
       })));
     });
@@ -214,12 +168,12 @@
         _onClick = _ref.onClick,
         openIndicator = _ref.openIndicator;
     var OpenIndicator = openIndicator;
-    return React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: wrapperClass
-    }, React__default.createElement(OuterContainer, {
+    }, /*#__PURE__*/React__default.createElement(OuterContainer, {
       "data-qe-id": identifier,
       className: containerClass
-    }, React__default.createElement(ToggleButton, {
+    }, /*#__PURE__*/React__default.createElement(ToggleButton, {
       className: "".concat(containerClass, "__toggle-button"),
       "data-qe-id": "".concat(identifier, "-toggle-button"),
       onClick: function onClick(e) {
@@ -228,11 +182,11 @@
         _onClick();
       },
       role: "button"
-    }, React__default.createElement(Title, {
+    }, /*#__PURE__*/React__default.createElement(Title, {
       className: "".concat(containerClass, "__toggle-button__title")
-    }, title), React__default.createElement("div", {
+    }, title), /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(containerClass, "__toggle-button__indicator")
-    }, React__default.createElement(OpenIndicator, null)))));
+    }, /*#__PURE__*/React__default.createElement(OpenIndicator, null)))));
   };
 
   SimpleAccordion.defaultProps = {
@@ -244,7 +198,7 @@
       return null;
     },
     openIndicator: function openIndicator() {
-      return React__default.createElement(React__default.Fragment, null, "Open");
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Open");
     }
   };
   var SimpleAccordion$1 = themed(SimpleAccordion);
@@ -328,12 +282,12 @@
 
     var CloseIndicator = closeIndicator;
     var OpenIndicator = openIndicator;
-    return React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: wrapperClass
-    }, React__default.createElement(OuterContainer, {
+    }, /*#__PURE__*/React__default.createElement(OuterContainer, {
       "data-qe-id": identifier,
       className: containerClass
-    }, React__default.createElement(ToggleButton, {
+    }, /*#__PURE__*/React__default.createElement(ToggleButton, {
       className: "".concat(containerClass, "__toggle-button"),
       "data-qe-id": "".concat(identifier, "-toggle-button"),
       onKeyPress: function onKeyPress() {
@@ -345,18 +299,18 @@
       },
       role: "button",
       tabIndex: itemKey + 1
-    }, React__default.createElement(Title, {
+    }, /*#__PURE__*/React__default.createElement(Title, {
       className: "".concat(containerClass, "__toggle-button__title")
-    }, title), React__default.createElement("div", {
+    }, title), /*#__PURE__*/React__default.createElement("div", {
       className: "".concat(containerClass, "__toggle-button__indicator")
-    }, isClosed ? React__default.createElement(OpenIndicator, null) : React__default.createElement(CloseIndicator, null))), React__default.createElement(AnimateHeight, {
+    }, isClosed ? /*#__PURE__*/React__default.createElement(OpenIndicator, null) : /*#__PURE__*/React__default.createElement(CloseIndicator, null))), /*#__PURE__*/React__default.createElement(AnimateHeight, {
       height: height,
       duration: duration,
       onAnimationStart: onAnimationStart,
       onAnimationEnd: onAnimationEnd
-    }, React__default.createElement(Body, {
+    }, /*#__PURE__*/React__default.createElement(Body, {
       className: "".concat(containerClass, "__body")
-    }, title ? React__default.createElement(BodyDivider, null) : React__default.createElement(React__default.Fragment, null), React__default.createElement(BodyContent, {
+    }, title ? /*#__PURE__*/React__default.createElement(BodyDivider, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(BodyContent, {
       className: "".concat(containerClass, "__body__content")
     }, typeof childRenderer === 'function' ? childRenderer(close, open, toggle) : childRenderer)))));
   };
@@ -386,10 +340,10 @@
       return null;
     },
     closeIndicator: function closeIndicator() {
-      return React__default.createElement(React__default.Fragment, null, "Close");
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Close");
     },
     openIndicator: function openIndicator() {
-      return React__default.createElement(React__default.Fragment, null, "Open");
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, "Open");
     }
   };
   var index = themed(Accordion);