@bonlineza/luxity-lib 2.7.5 → 2.8.0

package/CheckboxButton.js

@@ -8,7 +8,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];
 
@@ -21,7 +21,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -82,14 +81,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;
@@ -150,51 +152,25 @@
   };
 
   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
       })));
     });
   });
 
-  function _templateObject3() {
-    var data = _taggedTemplateLiteral(["\n  line-height: initial;\n  display: block;\n  box-sizing: border-box;\n  transition: 200ms ease-in-out;\n  text-align: center;\n\n  &:hover ", " {\n    color: ", ";\n  }\n\n  input {\n    display: none;\n    &:checked ~ ", " {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      color: ", ";\n    }\n\n    &:disabled ~ ", " {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"]);
-
-    _templateObject3 = function _templateObject3() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject2() {
-    var data = _taggedTemplateLiteral(["\n  transition: 200ms ease-in;\n  margin-left: auto;\n  margin-right: auto;\n"]);
+  var _excluded = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
 
-    _templateObject2 = function _templateObject2() {
-      return data;
-    };
-
-    return data;
-  }
-
-  function _templateObject() {
-    var data = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"]);
-
-    _templateObject = function _templateObject() {
-      return data;
-    };
-
-    return data;
-  }
-  var Content = styled__default.div(_templateObject(), function (props) {
+  var _templateObject, _templateObject2, _templateObject3;
+  var Content = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid ", ";\n  transition: 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n  cursor: pointer;\n"])), function (props) {
     return props.theme.colors.primary;
   }, function (props) {
     return props.theme.marginPaddings[0];
   });
-  var InputText = styled__default.div(_templateObject2());
-  var StyledLabel = styled__default.label(_templateObject3(), InputText, function (props) {
+  var InputText = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  transition: 200ms ease-in;\n  margin-left: auto;\n  margin-right: auto;\n"])));
+  var StyledLabel = styled__default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  line-height: initial;\n  display: block;\n  box-sizing: border-box;\n  transition: 200ms ease-in-out;\n  text-align: center;\n\n  &:hover ", " {\n    color: ", ";\n  }\n\n  input {\n    display: none;\n    &:checked ~ ", " {\n      background-color: ", ";\n      border-color: ", ";\n      color: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      color: ", ";\n    }\n\n    &:disabled ~ ", " {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n"])), InputText, function (props) {
     return props.theme.colors.primary;
   }, Content, function (props) {
     return props.theme.colors.primary;
@@ -216,7 +192,7 @@
         onChange = props.onChange,
         checkedValue = props.checkedValue,
         unCheckedValue = props.unCheckedValue,
-        restProps = _objectWithoutProperties(props, ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"]);
+        restProps = _objectWithoutProperties(props, _excluded);
 
     var _React$useState = React__default.useState(checked),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -235,12 +211,12 @@
       setCheck(targetChecked);
     };
 
-    return React__default.createElement(StyledLabel, null, React__default.createElement("input", _extends({
+    return /*#__PURE__*/React__default.createElement(StyledLabel, null, /*#__PURE__*/React__default.createElement("input", _extends({
       defaultChecked: checked
     }, restProps, {
       type: "checkbox",
       onChange: handleInputChange
-    })), React__default.createElement(Content, null, React__default.createElement(InputText, null, title), renderIcon(checkedState)));
+    })), /*#__PURE__*/React__default.createElement(Content, null, /*#__PURE__*/React__default.createElement(InputText, null, title), renderIcon(checkedState)));
   };
 
   CheckButton.defaultProps = {

package/CountryCodeSelect.js

@@ -10,12 +10,25 @@
     raf = raf && Object.prototype.hasOwnProperty.call(raf, 'default') ? raf['default'] : raf;
     AutosizeInput = AutosizeInput && Object.prototype.hasOwnProperty.call(AutosizeInput, 'default') ? AutosizeInput['default'] : AutosizeInput;
 
+    var safeIsNaN = Number.isNaN ||
+        function ponyfill(value) {
+            return typeof value === 'number' && value !== value;
+        };
+    function isEqual(first, second) {
+        if (first === second) {
+            return true;
+        }
+        if (safeIsNaN(first) && safeIsNaN(second)) {
+            return true;
+        }
+        return false;
+    }
     function areInputsEqual(newInputs, lastInputs) {
         if (newInputs.length !== lastInputs.length) {
             return false;
         }
         for (var i = 0; i < newInputs.length; i++) {
-            if (newInputs[i] !== lastInputs[i]) {
+            if (!isEqual(newInputs[i], lastInputs[i])) {
                 return false;
             }
         }
@@ -6563,7 +6576,7 @@
      * @param {Object} props - pass all props directly into the react-select component
      */
     var ReactSelectWrapper = function ReactSelectWrapper(props) {
-      return React__default.createElement(index$1, props);
+      return /*#__PURE__*/React__default.createElement(index$1, props);
     };
 
     ReactSelectWrapper.defaultProps = {
@@ -6604,7 +6617,7 @@
           isSearchable = _ref.isSearchable,
           name = _ref.name,
           renderNoData = _ref.renderNoData;
-      return React__default.createElement(React.Fragment, null, countryData.length ? React__default.createElement(ReactSelectWrapper, {
+      return /*#__PURE__*/React__default.createElement(React.Fragment, null, countryData.length ? /*#__PURE__*/React__default.createElement(ReactSelectWrapper, {
         name: name,
         className: className,
         classNamePrefix: classNamePrefix,