lecom-ui 4.6.2 → 4.6.3

package/dist/components/Notification/NotificationCallout.js

@@ -13,10 +13,7 @@ const NotificationCallout = ({ ...props }) => {
   const [lineHeight, setLineHeight] = React.useState(0);
   const refCollapse = React.useRef(null);
   const contentRef = React.useRef(null);
-  const getIsCollapsed = React.useCallback(
-    () => props.isCollapsed !== void 0 ? props.isCollapsed : isCollapsed,
-    [isCollapsed, props.isCollapsed]
-  );
+  const currentIsCollapsed = props.isCollapsed !== void 0 ? props.isCollapsed : isCollapsed;
   React.useEffect(() => {
     if (contentRef.current) {
       const computedStyle = window.getComputedStyle(contentRef.current);
@@ -30,17 +27,17 @@ const NotificationCallout = ({ ...props }) => {
     setShouldCollapse(shouldCollapse2);
   }, [contentHeight, lineHeight]);
   React.useEffect(() => {
-    if (getIsCollapsed()) {
+    if (currentIsCollapsed) {
       refCollapse.current?.style.setProperty("transform", "rotate(180deg)");
     } else {
       refCollapse.current?.style.setProperty("transform", "rotate(0deg)");
     }
-  }, [getIsCollapsed]);
+  }, [currentIsCollapsed]);
   const handleCollapse = () => {
     if (props.onCollapseChange) {
-      props.onCollapseChange(!getIsCollapsed());
+      props.onCollapseChange(!currentIsCollapsed);
     } else {
-      setIsCollapsed(!getIsCollapsed());
+      setIsCollapsed(!currentIsCollapsed);
     }
   };
   const defaultVariant = props.variant ?? "information";
@@ -52,16 +49,19 @@ const NotificationCallout = ({ ...props }) => {
     }
   };
   const getCollapseClass = () => {
-    if (getIsCollapsed() && !props.title)
+    if (currentIsCollapsed && !props.title)
       return "max-h-6 overflow-hidden line-clamp-1";
-    if (getIsCollapsed() && props.title) return "max-h-0 overflow-hidden";
+    if (currentIsCollapsed && props.title) return "max-h-0 overflow-hidden";
     return "no-collapse";
   };
   return /* @__PURE__ */ React.createElement(
     NotificationBase,
     {
       variant: defaultVariant,
-      className: cn(getGridColumns(), getIsCollapsed() && "place-items-center"),
+      className: cn(
+        getGridColumns(),
+        currentIsCollapsed && "place-items-center"
+      ),
       dataTestId: "notification-callout"
     },
     /* @__PURE__ */ React.createElement(NotificationIcon, { variant: defaultVariant }),
@@ -73,7 +73,7 @@ const NotificationCallout = ({ ...props }) => {
         ref: contentRef,
         className: cn(
           "transition-all duration-300",
-          getIsCollapsed() && getCollapseClass()
+          currentIsCollapsed && getCollapseClass()
         )
       }
     ), props.action),

package/dist/index.d.ts

@@ -450,7 +450,7 @@ interface ErrorEmptyDisplayProps {
     render?: React.ReactNode;
 }
 declare const ErrorEmptyDisplay: {
-    ({ className, classContent, image, title, description, footer, render, }: ErrorEmptyDisplayProps): string | number | bigint | true | React$1.JSX.Element | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined>;
+    ({ className, classContent, image, title, description, footer, render, }: ErrorEmptyDisplayProps): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | React$1.JSX.Element;
     displayName: string;
 };
 

package/package.json

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