lecom-ui 2.5.1 → 2.5.3

package/dist/components/Notification/Notification.js

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { NotificationCallout } from './NotificationCallout.js';
@@ -52,7 +52,7 @@ const getPositionClass = (type, placement = "topRight") => {
   }
   return "";
 };
-const Notification = forwardRef(
+const Notification = React.forwardRef(
   ({ ...props }, ref) => {
     const { type, placement } = props;
     const { shouldExpand } = props;

package/dist/components/Notification/NotificationBase.js

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { notificationVariants } from './Notification.js';
 

package/dist/components/Notification/NotificationCallout.js

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect } from 'react';
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { ChevronUpIcon } from 'lucide-react';
 import { NotificationBase } from './NotificationBase.js';
@@ -6,13 +6,13 @@ import { NotificationContent } from './NotificationContent.js';
 import { NotificationIcon } from './NotificationIcon.js';
 
 const NotificationCallout = ({ ...props }) => {
-  const [isCollapsed, setIsCollapsed] = useState(false);
-  const [shouldCollapse, setShouldCollapse] = useState(false);
-  const [contentHeight, setContentHeight] = useState(0);
-  const [lineHeight, setLineHeight] = useState(0);
-  const refCollapse = useRef(null);
-  const contentRef = useRef(null);
-  useEffect(() => {
+  const [isCollapsed, setIsCollapsed] = React.useState(false);
+  const [shouldCollapse, setShouldCollapse] = React.useState(false);
+  const [contentHeight, setContentHeight] = React.useState(0);
+  const [lineHeight, setLineHeight] = React.useState(0);
+  const refCollapse = React.useRef(null);
+  const contentRef = React.useRef(null);
+  React.useEffect(() => {
     if (contentRef.current) {
       const computedStyle = window.getComputedStyle(contentRef.current);
       const lineHeight2 = parseFloat(computedStyle.lineHeight);
@@ -20,11 +20,11 @@ const NotificationCallout = ({ ...props }) => {
       setContentHeight(contentRef.current.scrollHeight);
     }
   }, [props.content]);
-  useEffect(() => {
+  React.useEffect(() => {
     const shouldCollapse2 = contentHeight > lineHeight * (props.action ? 3 : 2);
     setShouldCollapse(shouldCollapse2);
   }, [contentHeight, lineHeight]);
-  useEffect(() => {
+  React.useEffect(() => {
     if (isCollapsed) {
       refCollapse.current?.style.setProperty("transform", "rotate(180deg)");
     } else {

package/dist/components/Notification/NotificationContent.js

@@ -1,7 +1,7 @@
-import { forwardRef } from 'react';
+import * as React from 'react';
 import { Typography } from '../Typography/Typography.js';
 
-const NotificationContent = forwardRef(({ title, content, className, children }, ref) => /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 flex-1" }, title && /* @__PURE__ */ React.createElement(
+const NotificationContent = React.forwardRef(({ title, content, className, children }, ref) => /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-0.5 flex-1" }, title && /* @__PURE__ */ React.createElement(
   Typography,
   {
     variant: "body-medium-500",

package/dist/components/Notification/NotificationIcon.js

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { CircleCheckIcon, CircleAlertIcon, InfoIcon, TriangleAlertIcon } from 'lucide-react';
 
 const iconMap = {

package/dist/components/Notification/NotificationInline.js

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { NotificationBase } from './NotificationBase.js';
 import { NotificationCloseButton } from './NotificationCloseButton.js';
@@ -13,7 +13,7 @@ const NotificationInline = ({
   action,
   shouldExpand
 }) => {
-  const [isVisible, setIsVisible] = useState(true);
+  const [isVisible, setIsVisible] = React.useState(true);
   if (!isVisible) return null;
   const defaultVariant = variant ?? "information";
   const getFullWidthColumns = () => {

package/dist/components/Notification/NotificationToast.js

@@ -1,4 +1,4 @@
-import { memo, useState, useRef, useEffect, useMemo } from 'react';
+import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { NotificationBase } from './NotificationBase.js';
 import { NotificationCloseButton } from './NotificationCloseButton.js';
@@ -8,12 +8,12 @@ import { useNotificationToast, TOAST_REMOVE_DELAY } from './useNotificationToast
 
 const NotificationToast = (props) => {
   const { toasts, closeNotification, pauseNotification, resumeNotification } = useNotificationToast();
-  const [progressMap, setProgressMap] = useState({});
-  const progressMapRef = useRef({});
-  const isPausedMapRef = useRef({});
-  const remainingTimeMapRef = useRef({});
-  const lastUpdateMapRef = useRef({});
-  useEffect(() => {
+  const [progressMap, setProgressMap] = React.useState({});
+  const progressMapRef = React.useRef({});
+  const isPausedMapRef = React.useRef({});
+  const remainingTimeMapRef = React.useRef({});
+  const lastUpdateMapRef = React.useRef({});
+  React.useEffect(() => {
     const now = Date.now();
     const newProgress = { ...progressMapRef.current };
     const newRemainingTime = { ...remainingTimeMapRef.current };
@@ -30,7 +30,7 @@ const NotificationToast = (props) => {
     lastUpdateMapRef.current = newLastUpdate;
     setProgressMap(newProgress);
   }, [toasts]);
-  useEffect(() => {
+  React.useEffect(() => {
     if (toasts.length === 0) return;
     const interval = setInterval(() => {
       const now = Date.now();
@@ -72,7 +72,7 @@ const NotificationToast = (props) => {
       return "grid-cols-[1.25rem_minmax(_auto,13.25rem)]";
     }
   };
-  const colorMap = useMemo(
+  const colorMap = React.useMemo(
     () => ({
       information: "bg-blue-600",
       success: "bg-green-600",
@@ -123,6 +123,6 @@ const NotificationToast = (props) => {
   )));
 };
 NotificationToast.displayName = "NotificationToast";
-const MemoizedNotificationToast = memo(NotificationToast);
+const MemoizedNotificationToast = React.memo(NotificationToast);
 
 export { MemoizedNotificationToast };

package/dist/components/Notification/useNotificationToast.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import * as React from 'react';
 
 const TOAST_LIMIT = Infinity;
 const TOAST_REMOVE_DELAY = 5e3;
@@ -150,8 +150,8 @@ function toast({ ...props }) {
   dispatch({ type: actionTypes.ADD_TOAST, toast: newToast });
 }
 function useNotificationToast() {
-  const [state, setState] = React__default.useState(memoryState);
-  React__default.useEffect(() => {
+  const [state, setState] = React.useState(memoryState);
+  React.useEffect(() => {
     const id = genId();
     listeners[id] = setState;
     return () => {

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ColumnDef } from '@tanstack/react-table';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -357,7 +356,7 @@ declare const notificationVariants: (props?: ({
     variant?: "error" | "success" | "information" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BaseNotificationProps = VariantProps<typeof notificationVariants> & {
-    action?: ReactNode;
+    action?: React.ReactNode;
 };
 interface ToastNotificationProps extends BaseNotificationProps {
     type: 'toast';
@@ -368,14 +367,14 @@ interface ToastNotificationProps extends BaseNotificationProps {
 }
 interface CalloutNotificationProps extends BaseNotificationProps {
     type: 'callout';
-    title?: ReactNode;
-    content: ReactNode;
+    title?: React.ReactNode;
+    content: React.ReactNode;
     shouldExpand?: boolean;
 }
 interface InlineNotificationProps extends BaseNotificationProps {
     type: 'inline';
-    title?: ReactNode;
-    content: ReactNode;
+    title?: React.ReactNode;
+    content: React.ReactNode;
     enableClose?: boolean;
     shouldExpand?: boolean;
 }
@@ -392,8 +391,8 @@ declare const Notification: React.ForwardRefExoticComponent<NotificationProps &
 declare const TOAST_REMOVE_DELAY = 5000;
 type ToasterToast = {
     id: string;
-    title?: React__default.ReactNode;
-    content: React__default.ReactNode;
+    title?: React.ReactNode;
+    content: React.ReactNode;
     variant: 'success' | 'error' | 'warning' | 'information';
     toastLimit?: number;
     open: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "2.5.1",
+  "version": "2.5.3",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",