@adamjanicki/ui-extended 1.0.8 → 1.1.0

package/components/Autocomplete.js

@@ -25,7 +25,7 @@ import React from "react";
 import Popover from "./Popover";
 import ClickOutside from "@adamjanicki/ui/components/ClickOutside";
 import { IconInput } from "@adamjanicki/ui";
-import { classNames } from "@adamjanicki/ui/utils/util";
+import { classNames } from "@adamjanicki/ui/functions";
 var defaultRenderOption = function (option) { return (_jsx("div", { className: "ajui-autocomplete-default-rendering", children: "".concat(option) })); };
 var Autocomplete = function (props) {
     var _a, _b;

package/components/Tooltip.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { type Placement } from "@floating-ui/react";
 type Props = {
     /**
@@ -31,6 +32,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.8",
+  "version": "1.1.0",
   "description": "More advanced UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -22,7 +22,7 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@adamjanicki/ui": ">=1.0.3",
+    "@adamjanicki/ui": ">=1.3.6",
     "@floating-ui/react": ">=0.26.17"
   },
   "devDependencies": {

package/style.css

@@ -35,8 +35,5 @@
   display: flex;
   cursor: pointer;
   border-radius: var(--ajui-rounded-radius);
-}
-
-.ajui-autocomplete-li > :first-child {
-  border-radius: var(--ajui-rounded-radius);
+  overflow: hidden;
 }