@homecode/ui 4.22.11 → 4.22.12

package/dist/esm/src/components/Popup/Popup.js

@@ -215,6 +215,7 @@ class Popup extends Component {
             }
         }
     }, 100);
+    isControllable = () => typeof this.props.isOpen === 'boolean';
     isLastClickInside = () => this.pointerDownTarget &&
         (this.pointerDownTarget.closest(`.${S.trigger}`) ||
             this.pointerDownTarget.closest(`.${S.content}`));
@@ -273,12 +274,14 @@ class Popup extends Component {
     onFocus = e => {
         this.focused = true;
         this.props.triggerProps?.onFocus?.(e);
-        if (!this.pointerPressed)
+        if (!this.pointerPressed && (!this.isControllable() || this.props.isOpen))
             this.open();
     };
     onBlur = e => {
         this.focused = false;
         this.props.triggerProps?.onBlur?.(e);
+        if (this.isControllable() && this.props.isOpen)
+            return;
         // give time to fire clicks inside popup
         this.timers.after(60, () => {
             if (!this.isLastClickInside())

package/dist/esm/types/src/components/Popup/Popup.d.ts

@@ -54,6 +54,7 @@ export declare class Popup extends Component<T.Props> {
     updateOffset: () => void;
     applyOffset(): void;
     checkHover: any;
+    isControllable: () => boolean;
     isLastClickInside: () => any;
     onDocPointerDown: (e: PointerEvent) => void;
     onDocPointerUp: (e: PointerEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.22.11",
+  "version": "4.22.12",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",