lecom-ui 4.5.7 → 4.5.9

package/dist/components/Notification/NotificationCallout.js

@@ -6,13 +6,14 @@ import { NotificationContent } from './NotificationContent.js';
 import { NotificationIcon } from './NotificationIcon.js';
 
 const NotificationCallout = ({ ...props }) => {
-  const defaultCollapsed = props.isCollapsed ?? false;
+  const defaultCollapsed = props.defaultCollapsed ?? false;
   const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
   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);
+  const getIsCollapsed = () => props.isCollapsed !== void 0 ? props.isCollapsed : isCollapsed;
   React.useEffect(() => {
     if (contentRef.current) {
       const computedStyle = window.getComputedStyle(contentRef.current);
@@ -32,7 +33,13 @@ const NotificationCallout = ({ ...props }) => {
       refCollapse.current?.style.setProperty("transform", "rotate(0deg)");
     }
   }, [isCollapsed]);
-  const handleCollapse = () => setIsCollapsed(!isCollapsed);
+  const handleCollapse = () => {
+    if (props.onCollapseChange) {
+      props.onCollapseChange(!isCollapsed);
+    } else {
+      setIsCollapsed(!isCollapsed);
+    }
+  };
   const defaultVariant = props.variant ?? "information";
   const getGridColumns = () => {
     if (props.fullWidth) {
@@ -42,16 +49,16 @@ const NotificationCallout = ({ ...props }) => {
     }
   };
   const getCollapseClass = () => {
-    if (isCollapsed && !props.title)
+    if (getIsCollapsed() && !props.title)
       return "max-h-6 overflow-hidden line-clamp-1";
-    if (isCollapsed && props.title) return "max-h-0 overflow-hidden";
+    if (getIsCollapsed() && props.title) return "max-h-0 overflow-hidden";
     return "no-collapse";
   };
   return /* @__PURE__ */ React.createElement(
     NotificationBase,
     {
       variant: defaultVariant,
-      className: cn(getGridColumns(), isCollapsed && "place-items-center"),
+      className: cn(getGridColumns(), getIsCollapsed() && "place-items-center"),
       dataTestId: "notification-callout"
     },
     /* @__PURE__ */ React.createElement(NotificationIcon, { variant: defaultVariant }),
@@ -63,7 +70,7 @@ const NotificationCallout = ({ ...props }) => {
         ref: contentRef,
         className: cn(
           "transition-all duration-300",
-          isCollapsed && getCollapseClass()
+          getIsCollapsed() && getCollapseClass()
         )
       }
     ), props.action),

package/dist/components/Upload/Upload.js

@@ -11,7 +11,8 @@ const Upload = ({
   onFilesSelected,
   className,
   accept,
-  multiple
+  multiple,
+  id
 }) => {
   const [files, setFiles] = React.useState([]);
   const { t } = useTranslation();
@@ -100,7 +101,7 @@ const Upload = ({
       {
         type: "file",
         hidden: true,
-        id: "browse",
+        id,
         onChange: handleFileChange,
         accept: accept || "*",
         multiple: !!multiple

package/dist/index.d.ts

@@ -605,6 +605,8 @@ interface CalloutNotificationProps extends BaseNotificationProps {
     fullWidth?: boolean;
     isCollapsed?: boolean;
     action?: React$1.ReactNode;
+    defaultCollapsed?: boolean;
+    onCollapseChange?: (collapse: boolean) => void;
 }
 interface InlineNotificationProps extends BaseNotificationProps {
     type: 'inline';
@@ -756,9 +758,10 @@ interface UploadProps {
     className?: string;
     accept?: string;
     multiple?: boolean;
+    id?: string;
 }
 declare const Upload: {
-    ({ onFilesSelected, className, accept, multiple, }: UploadProps): React$1.JSX.Element;
+    ({ onFilesSelected, className, accept, multiple, id, }: UploadProps): React$1.JSX.Element;
     displayName: string;
 };
 

package/package.json

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