@vitrosoftware/common-ui-ts 1.1.202 → 1.1.203

package/dist/index.js

@@ -61066,9 +61066,14 @@ var Button$2 = React.forwardRef(function (props, ref) {
   var _useState2 = React.useState(false),
     isHover = _useState2[0],
     setIsHover = _useState2[1];
+  var innerRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return innerRef.current;
+  });
   var createRipple = function createRipple(e) {
+    var _innerRef$current;
     var button = e.currentTarget.firstElementChild;
-    if (button && !props.isDisabled) {
+    if (button && !(innerRef !== null && innerRef !== void 0 && (_innerRef$current = innerRef.current) !== null && _innerRef$current !== void 0 && _innerRef$current.disabled)) {
       var circle = window.document.createElement(HTML_ELEMENT_SPAN);
       var diameter = Math.max(button.clientWidth, button.clientHeight);
       var radius = diameter / 2;
@@ -61084,8 +61089,8 @@ var Button$2 = React.forwardRef(function (props, ref) {
     }
   };
   var onClick = function onClick(e) {
-    var _ref$current;
-    if (!props.isDisabled && !(ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.disabled)) {
+    var _innerRef$current2;
+    if (!(innerRef !== null && innerRef !== void 0 && (_innerRef$current2 = innerRef.current) !== null && _innerRef$current2 !== void 0 && _innerRef$current2.disabled)) {
       if (props.onClick) {
         setPending(true);
         var promise = props.onClick(e);
@@ -61106,15 +61111,19 @@ var Button$2 = React.forwardRef(function (props, ref) {
       }
     }
   };
+  React.useEffect(function () {
+    if (innerRef.current) {
+      innerRef.current.disabled = pending || (props.isDisabled ? true : false);
+    }
+  }, [pending, props.isDisabled]);
   return React__default.createElement("button", {
-    ref: ref,
+    ref: innerRef,
     onMouseEnter: function onMouseEnter() {
       return setIsHover(true);
     },
     onMouseLeave: function onMouseLeave() {
       return setIsHover(false);
     },
-    disabled: pending || props.isDisabled,
     type: TYPE_BUTTON,
     className: styles$h['vitro-button'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     title: CTRL.EMPTY,
@@ -63131,7 +63140,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.202";
+var version$1 = "1.1.203";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";