lecom-ui 5.2.12 → 5.2.14

package/dist/tooltip.js

@@ -0,0 +1,133 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from './lib/utils.js';
+
+const TooltipProvider = TooltipPrimitive.Provider;
+const TooltipRoot = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipArrow = React.forwardRef(
+  ({ className, style, color, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      TooltipPrimitive.Arrow,
+      {
+        width: 12,
+        height: 7,
+        ref,
+        className: cn(
+          "fill-current text-primary",
+          className
+        ),
+        style: { ...style, color },
+        ...props
+      }
+    );
+  }
+);
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+const TooltipContent = React.forwardRef(({ className, style, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      `z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2  data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade`,
+      className
+    ),
+    style,
+    ...props,
+    children
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+const Tooltip = ({
+  title,
+  side = "top",
+  align = "center",
+  arrow = false,
+  color,
+  defaultOpen = false,
+  mouseEnterDelay = 0.3,
+  mouseLeaveDelay = 0.3,
+  overlayStyle,
+  overlayInnerStyle,
+  trigger = "hover",
+  open,
+  zIndex,
+  onOpenChange,
+  sideOffset = 2,
+  alignOffset = 2,
+  ariaLabel = "",
+  asChild = false,
+  className = "",
+  children
+}) => {
+  const [isOpen, setIsOpen] = React.useState(defaultOpen);
+  const [isTouchDevice, setIsTouchDevice] = React.useState(false);
+  const elementRef = React.useRef(null);
+  React.useEffect(() => {
+    const checkIfTouchDevice = () => {
+      setIsTouchDevice(
+        "ontouchstart" in window || navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches
+      );
+    };
+    checkIfTouchDevice();
+    window.addEventListener("resize", checkIfTouchDevice);
+    return () => {
+      window.removeEventListener("resize", checkIfTouchDevice);
+    };
+  }, []);
+  const handleOpenChange = (isOpen2) => {
+    if (!isTouchDevice) {
+      if (onOpenChange) {
+        onOpenChange(isOpen2);
+      }
+    }
+  };
+  const handleClick = (event) => {
+    if (isTouchDevice) {
+      event.preventDefault();
+      setIsOpen((prev) => !prev);
+    }
+  };
+  const triggerProps = {
+    onMouseEnter: trigger === "hover" && !isTouchDevice ? () => setTimeout(() => setIsOpen(true), mouseEnterDelay * 1e3) : void 0,
+    onMouseLeave: trigger === "hover" && !isTouchDevice ? () => setTimeout(() => setIsOpen(false), mouseLeaveDelay * 1e3) : void 0,
+    onFocus: trigger === "focus" ? () => setIsOpen(true) : void 0,
+    onBlur: trigger === "focus" ? () => setIsOpen(false) : void 0,
+    onClick: isTouchDevice || trigger === "click" ? handleClick : void 0
+  };
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: mouseEnterDelay * 1e3, children: /* @__PURE__ */ jsxs(
+    TooltipRoot,
+    {
+      open: open !== void 0 ? open : isOpen,
+      onOpenChange: handleOpenChange,
+      children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { className: "relative", asChild, ...triggerProps, ref: elementRef, children: /* @__PURE__ */ jsx("span", { children }) }),
+        /* @__PURE__ */ jsxs(
+          TooltipContent,
+          {
+            className: cn("bg-slate-900 text-white", className),
+            side,
+            align,
+            "aria-label": ariaLabel,
+            sideOffset,
+            alignOffset,
+            style: { ...overlayStyle, zIndex, backgroundColor: color },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: overlayInnerStyle, children: title }),
+              arrow && /* @__PURE__ */ jsx(
+                TooltipArrow,
+                {
+                  className: cn("text-slate-900"),
+                  style: { color }
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/use-toast.js

@@ -0,0 +1,121 @@
+import * as React from 'react';
+
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1e6;
+let count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+const toastTimeouts = /* @__PURE__ */ new Map();
+const addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open)
+          dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React.useState(memoryState);
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
+export { reducer, toast, useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.2.12",
+  "version": "5.2.14",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -119,4 +119,4 @@
   "overrides": {
     "react-is": "^19.0.0-rc-69d4b800-20241021"
   }
-}
+}