prometeo-design-system 4.7.4 → 4.7.6

package/dist/UserCard.es.js

@@ -1,28 +1,30 @@
-import { j as t } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as d, useCallback as a } from "react";
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { memo as o, useCallback as f } from "react";
 import { c as n } from "./cn-B6yFEsav.js";
-import o from "./Avatar.es.js";
-const m = ({ name: r, imageUrl: f, avatarSize: s = "xxs", subImageUrl: i, className: u, mainSlot: l = r, secondarySlot: e, avatarProps: c }) => {
-  const p = a(() => l ? typeof l == "string" ? /* @__PURE__ */ t.jsx("p", { className: "prometeo-fonts-label-large text-neutral-default-default line-clamp-1 select-text", children: l }) : typeof l == "function" ? l() : l : null, [l]), x = a(() => e ? typeof e == "string" ? /* @__PURE__ */ t.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis select-text", children: e }) : typeof e == "function" ? e() : e : null, [e]);
-  return /* @__PURE__ */ t.jsxs("div", { className: n("flex items-center gap-2 p-3 rounded-lg max-w-full max-h-full select-none ", u), children: [
-    /* @__PURE__ */ t.jsx(
-      o,
+import u from "./Skeleton.es.js";
+import h from "./Avatar.es.js";
+const j = ({ name: s, imageUrl: i, avatarSize: a = "xxs", subImageUrl: c, className: p, mainSlot: r = s, secondarySlot: l, avatarProps: x, isLoading: t = !1 }) => {
+  const d = f(() => r ? typeof r == "string" ? /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-large text-neutral-default-default line-clamp-1 select-text", children: r }) : typeof r == "function" ? r() : r : null, [r]), m = f(() => l ? typeof l == "string" ? /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis select-text", children: l }) : typeof l == "function" ? l() : l : null, [l]);
+  return /* @__PURE__ */ e.jsxs("div", { className: n("flex items-center gap-2 p-3 rounded-lg max-w-full max-h-full select-none ", p), children: [
+    /* @__PURE__ */ e.jsx(
+      h,
       {
-        fallbackText: r,
-        sizeImage: s,
-        sizeFallback: s,
-        imageUrl: f,
-        subImageUrl: i,
-        ...c
+        fallbackText: s,
+        sizeImage: a,
+        sizeFallback: a,
+        imageUrl: i,
+        subImageUrl: c,
+        isLoading: t,
+        ...x
       }
     ),
-    /* @__PURE__ */ t.jsxs("div", { className: n("usercard-content flex flex-col gap-0 flex-1 overflow-hidden w-full transition-all duration-300 ease-in-out ", e && "gap-1"), children: [
-      /* @__PURE__ */ t.jsx("div", { className: "w-full", children: p() }),
-      /* @__PURE__ */ t.jsx("div", { className: "flex gap-1 justify-between overflow-hidden relative w-full", children: x() })
+    /* @__PURE__ */ e.jsxs("div", { className: n("usercard-content flex flex-col gap-0 flex-1 overflow-hidden w-full transition-all duration-300 ease-in-out ", l && "gap-1"), children: [
+      t ? /* @__PURE__ */ e.jsx(u, { shape: "rounded", className: "w-full h-4" }) : /* @__PURE__ */ e.jsx("div", { className: "w-full", children: d() }),
+      t ? /* @__PURE__ */ e.jsx(u, { shape: "rounded", className: "w-full h-3 mt-1" }) : /* @__PURE__ */ e.jsx("div", { className: "flex gap-1 justify-between overflow-hidden relative w-full", children: m() })
     ] })
   ] });
-}, h = d(m);
-h.displayName = "UserCard";
+}, w = o(j);
+w.displayName = "UserCard";
 export {
-  h as default
+  w as default
 };

package/dist/components/Avatar/Avatar.d.ts

@@ -7,5 +7,6 @@ export interface IAvatar {
     subImageUrl?: string;
     borderColor?: string;
     fallbackType?: "initials" | "defaultAvatar";
+    isLoading?: boolean;
 }
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, fallbackType, isLoading }: IAvatar): import("react/jsx-runtime").JSX.Element;

package/dist/components/PyrionNavigationDrawer/PyrionLayout.d.ts

@@ -145,6 +145,9 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     setNotificationsLoading?: (loading: boolean, type?: NotificationLoaderType) => void;
     setNotificationsError?: (hasError: boolean, children?: React.ReactNode | (() => React.ReactNode)) => void;
     subscribeToNotificationsScroll?: (callback: (data: ScrollTargetData) => void, config?: ScrollTargetConfig) => () => void;
+    userCardExpand?: () => void;
+    userCardCollapse?: () => void;
+    userCardToggle?: () => void;
 };
 export declare const usePyrionLayout: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
 declare const PyrionLayout: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionLayoutProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TabSwitch/TabSwitch.d.ts

@@ -6,6 +6,7 @@ export interface TabSwitchElement {
     onClick?: (name: string) => void;
     disabled?: boolean;
     id?: string;
+    isLoading?: boolean;
 }
 export interface TabsSwitchProps {
     tabs: TabSwitchElement[];
@@ -13,6 +14,7 @@ export interface TabsSwitchProps {
     currentTabName?: string;
     currentSystemId?: string;
     activeColor?: string;
+    isLoading?: boolean;
 }
 declare const TabsSwitch: import('react').ForwardRefExoticComponent<TabsSwitchProps & import('react').RefAttributes<HTMLDivElement>>;
 export default TabsSwitch;

package/dist/components/UserCard/UserCard.d.ts

@@ -8,6 +8,7 @@ export interface UserCardProps {
     avatarSize?: SizeVariant;
     className?: string;
     avatarProps?: IAvatar;
+    isLoading?: boolean;
 }
-declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot, avatarProps }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
+declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot, avatarProps, isLoading }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
 export default UserCard;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.7.4",
+  "version": "4.7.6",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",