@bigbinary/neetoui 5.2.44 → 5.2.45

package/index.js

@@ -15755,6 +15755,8 @@ var Tooltip = function Tooltip(_ref) {
 };
 
 var _excluded$G = ["icon", "iconPosition", "iconSize", "label", "loading", "onClick", "to", "type", "style", "fullWidth", "className", "disabled", "size", "href", "tooltipProps", "children"];
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BUTTON_STYLES = {
   primary: "primary",
   secondary: "secondary",
@@ -15829,9 +15831,8 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     }
   }
   var handleClick = function handleClick(e) {
-    if (!loading && !disabled) {
-      onClick(e);
-    }
+    if (loading || disabled) return;
+    onClick(e);
   };
   var Icon = typeof icon === "string" ? function () {
     return /*#__PURE__*/React__default.createElement("i", {
@@ -15842,8 +15843,6 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default.createElement(Tooltip, _extends$4({
     disabled: !tooltipProps
   }, tooltipProps), /*#__PURE__*/React__default.createElement(Parent, _extends$4({
-    disabled: disabled,
-    ref: ref,
     className: classnames$1("neeto-ui-btn", [className], {
       "neeto-ui-btn--style-primary": style === BUTTON_STYLES.primary,
       "neeto-ui-btn--style-secondary": style === BUTTON_STYLES.secondary,
@@ -15859,21 +15858,18 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
       disabled: disabled
     }),
     onClick: handleClick
-  }, elementSpecificProps, otherProps), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), /*#__PURE__*/React__default.createElement(AnimatePresence, {
-    mode: "wait"
-  }, icon ? /* When Icon is present, animate between the icon and the spinner*/
-  loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
+  }, _objectSpread$m(_objectSpread$m({
+    disabled: disabled,
+    ref: ref
+  }, elementSpecificProps), otherProps)), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), icon ? loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__spinner",
-    key: "1",
     size: 16
   }) : /*#__PURE__*/React__default.createElement(Icon, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__icon",
-    key: "2",
     size: iconSize
-  }) : /* When Icon is not present, animate the margin from 0 to the needed value*/
-  loading && /*#__PURE__*/React__default.createElement(motion.div, {
+  }) : /*#__PURE__*/React__default.createElement(AnimatePresence, null, loading && /*#__PURE__*/React__default.createElement(motion.div, {
     animate: {
       width: "auto",
       scale: 1