lecom-ui 5.0.4 → 5.0.7

package/dist/toaster.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from './lib/utils.js';
+import { ToastProvider, Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport } from './toast.js';
+import { useToast } from './use-toast.js';
+
+function Toaster({ swipeDirectionY = "bottom", swipeDirectionX = "left" }) {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(function({ id, title, description, action, ...props }) {
+      return /* @__PURE__ */ jsxs(Toast, { ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx(ToastDescription, { className: cn({ "px-1 py-1 min-w-full": !title }), children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ] }, id);
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, { swipeDirectionX, swipeDirectionY })
+  ] });
+}
+
+export { Toaster };

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.0.4",
+  "version": "5.0.7",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",
@@ -43,12 +43,13 @@
     "cmdk": "^1.1.1",
     "hex-color-opacity": "^0.4.2",
     "i18next": "^24.2.2",
-    "lucide-react": "^0.468.0",
+    "lucide-react": "^0.488.0",
     "next": "^15.1.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.56.1",
     "react-i18next": "^15.4.0",
+    "recharts": "^2.15.2",
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
     "use-color-luminance": "^1.3.0",
@@ -110,5 +111,8 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
+  },
+  "overrides": {
+    "react-is": "^19.0.0-rc-69d4b800-20241021"
   }
 }

package/dist/_virtual/_commonjsHelpers.js

@@ -1,5 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-export { getDefaultExportFromCjs };

package/dist/_virtual/index.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLib } from '../node_modules/hex-color-opacity/lib/index.js';
-
-var libExports = requireLib();
-var opacity = /*@__PURE__*/getDefaultExportFromCjs(libExports);
-
-export { opacity as default };

package/dist/hooks/use-mobile.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-
-const MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(
-    void 0
-  );
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-export { useIsMobile };