@adamjanicki/ui-extended 1.0.7 → 1.0.9

package/components/Popover.d.ts

@@ -38,6 +38,7 @@ type Props = {
     /**
      * Whether to return focus to the trigger element when the popover is closed
      * by pressing the escape key.
+     * @default false
      */
     returnFocusOnEscape?: boolean;
 };

package/components/Popover.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useFloating, autoUpdate, offset, useDismiss, useTransitionStyles, } from "@floating-ui/react";
 var Popover = function (props) {
-    var triggerRef = props.triggerRef, open = props.open, _a = props.placement, placement = _a === void 0 ? "bottom" : _a, style = props.style, _b = props.offset, placementOffset = _b === void 0 ? 0 : _b, className = props.className, children = props.children, onClose = props.onClose, _c = props.returnFocusOnEscape, returnFocusOnEscape = _c === void 0 ? true : _c;
+    var triggerRef = props.triggerRef, open = props.open, _a = props.placement, placement = _a === void 0 ? "bottom" : _a, style = props.style, _b = props.offset, placementOffset = _b === void 0 ? 0 : _b, className = props.className, children = props.children, onClose = props.onClose, _c = props.returnFocusOnEscape, returnFocusOnEscape = _c === void 0 ? false : _c;
     var handleOnClose = function () {
         var _a, _b;
         if (!returnFocusOnEscape)

package/components/Tooltip.d.ts

@@ -31,6 +31,11 @@ type Props = {
      * Whether to disable the flip behavior of the tooltip.
      */
     disableFlip?: boolean;
+    /**
+     * Whether the tooltip is disabled. If true, will not show the tooltip.
+     * @default false
+     */
+    disabled?: boolean;
 };
 declare const Tooltip: (props: Props) => JSX.Element;
 export default Tooltip;

package/components/Tooltip.js

@@ -13,27 +13,29 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { cloneElement, useState } from "react";
 import { useFloating, useHover, useInteractions, flip, safePolygon, autoUpdate, offset, useTransitionStyles, } from "@floating-ui/react";
 var Tooltip = function (props) {
-    var children = props.children, content = props.tooltipContent, _a = props.placement, placement = _a === void 0 ? "bottom" : _a, style = props.style, _b = props.offset, placementOffset = _b === void 0 ? 0 : _b, className = props.className, _c = props.disableFlip, disableFlip = _c === void 0 ? false : _c;
-    var _d = useState(false), open = _d[0], setOpen = _d[1];
+    var children = props.children, content = props.tooltipContent, _a = props.placement, placement = _a === void 0 ? "bottom" : _a, style = props.style, _b = props.offset, placementOffset = _b === void 0 ? 0 : _b, className = props.className, _c = props.disableFlip, disableFlip = _c === void 0 ? false : _c, _d = props.disabled, disabled = _d === void 0 ? false : _d;
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
     var middleware = [offset(placementOffset)];
     if (!disableFlip) {
         middleware.push(flip());
     }
-    var _e = useFloating({
+    var _f = useFloating({
         open: open,
         onOpenChange: setOpen,
         middleware: middleware,
         whileElementsMounted: autoUpdate,
         placement: placement,
-    }), refs = _e.refs, floatingStyles = _e.floatingStyles, context = _e.context;
+    }), refs = _f.refs, floatingStyles = _f.floatingStyles, context = _f.context;
     var hover = useHover(context, {
         handleClose: safePolygon(),
         mouseOnly: true,
     });
-    var _f = useTransitionStyles(context, {
+    var _g = useTransitionStyles(context, {
         duration: 250, // default ajui-transition value
-    }), isMounted = _f.isMounted, transitionStyles = _f.styles;
-    var _g = useInteractions([hover]), getReferenceProps = _g.getReferenceProps, getFloatingProps = _g.getFloatingProps;
+    }), isMounted = _g.isMounted, transitionStyles = _g.styles;
+    var _h = useInteractions([hover]), getReferenceProps = _h.getReferenceProps, getFloatingProps = _h.getFloatingProps;
+    if (disabled)
+        return children;
     return (_jsxs(_Fragment, { children: [cloneElement(children, __assign({ ref: refs.setReference }, getReferenceProps())), isMounted && (_jsx("div", __assign({ ref: refs.setFloating, style: __assign(__assign(__assign({}, (style || {})), floatingStyles), transitionStyles) }, getFloatingProps(), { className: className, children: content })))] }));
 };
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui-extended",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "More advanced UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",