@internxt/ui 0.1.9 → 0.1.11

package/dist/components/index.d.ts

@@ -28,3 +28,4 @@ export * from './table/Table';
 export * from './textArea';
 export * from './tooltip';
 export * from './sidenav';
+export * from './mail';

package/dist/components/mail/cheaps/MessageCheap.d.ts

@@ -0,0 +1,18 @@
+export interface MessageCheapProps {
+    email: {
+        id: string;
+        from: {
+            name: string;
+            avatar: string;
+        };
+        subject: string;
+        createdAt: string;
+        body: string;
+        read: boolean;
+    };
+    active?: boolean;
+    selected?: boolean;
+    onClick: (id: string) => void;
+}
+declare const MessageCheap: ({ email, active, selected, onClick }: MessageCheapProps) => import("react/jsx-runtime").JSX.Element;
+export default MessageCheap;

package/dist/components/mail/cheaps/MessageCheapSkeleton.d.ts

@@ -0,0 +1,2 @@
+declare const MessageCheapSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default MessageCheapSkeleton;

package/dist/components/mail/cheaps/user/UserCheap.d.ts

@@ -0,0 +1,15 @@
+interface UserCheapProps {
+    fullName: string;
+    email: string;
+    avatar?: string;
+}
+/**
+ * A cheap user component to render a user's information.
+ *
+ * @param {UserCheapProps} props - The props object.
+ * @param {string} props.fullName - The user's full name.
+ * @param {string} props.email - The user's email address.
+ * @param {string} [props.avatar] - The user's avatar URL. If not provided, the avatar will be generated from the user's name.
+ */
+declare const UserCheap: ({ fullName, email, avatar }: UserCheapProps) => import("react/jsx-runtime").JSX.Element;
+export default UserCheap;

package/dist/components/mail/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Tray } from './tray/TrayList';
+export { default as MessageCheap } from './cheaps/MessageCheap';
+export { default as MessageCheapSkeleton } from './cheaps/MessageCheapSkeleton';
+export type { TrayListProps } from './tray/TrayList';
+export type { MessageCheapProps } from './cheaps/MessageCheap';
+export { default as UserCheap } from './cheaps/user/UserCheap';

package/dist/components/mail/tray/TrayList.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+export interface TrayListProps {
+    mails: {
+        id: string;
+        from: {
+            name: string;
+            avatar: string;
+        };
+        subject: string;
+        createdAt: string;
+        body: string;
+        read: boolean;
+    }[];
+    selectedEmails?: string[];
+    loading: boolean;
+    checked?: boolean;
+    activeEmail?: string;
+    hasMoreItems?: boolean;
+    emptyState?: ReactNode;
+    onMailSelected?: (id: string) => void;
+    onLoadMore?: () => void;
+}
+/**
+ *
+ * @param {TrayListProps} TrayListProps - Props for the TrayList component
+ * @prop {Array} TrayListProps.mails - An array of email objects
+ *
+ * @prop {string[]} TrayListProps.selectedEmails - An array of selected email IDs
+ *
+ * @prop {boolean} TrayListProps.loading - A boolean indicating loading state
+ *
+ * @prop {boolean} TrayListProps.checked - A boolean indicating whether all emails are checked
+ *
+ * @prop {string} TrayListProps.activeEmail - The ID of the currently active email
+ *
+ * @prop {boolean} TrayListProps.hasMoreItems - A boolean indicating whether there are more items to load
+ *
+ * @prop {ReactNode} TrayListProps.emptyState - A JSX element to display when there are no emails
+ *
+ * @prop {(id: string) => void} TrayListProps.onMailSelected - A function to handle email selection
+ *
+ * @prop {() => void} TrayListProps.onLoadMore - A function to load more emails
+ *
+ * @returns {JSX.Element} The rendered TrayList component
+ */
+declare const TrayList: ({ mails, selectedEmails, loading, checked, activeEmail, hasMoreItems, emptyState, onMailSelected, onLoadMore, }: TrayListProps) => import("react/jsx-runtime").JSX.Element;
+export default TrayList;

package/dist/components/sidenav/Sidenav.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
 import { SidenavOption } from './SidenavOptions';
-export interface SidenavHeader {
+export interface SidenavHeaderProps {
     logo: string;
     title: string;
     onClick: () => void;
     className?: string;
 }
-export interface SidenavStorage {
+export interface SidenavStorageProps {
     usage: string;
     limit: string;
     percentage: number;
@@ -15,7 +15,7 @@ export interface SidenavStorage {
     isLoading?: boolean;
 }
 export interface SidenavProps {
-    header: SidenavHeader;
+    header: SidenavHeaderProps;
     primaryAction?: ReactNode;
     suiteLauncher?: {
         className?: string;
@@ -33,7 +33,7 @@ export interface SidenavProps {
     options: SidenavOption[];
     showSubsections?: boolean;
     isCollapsed?: boolean;
-    storage?: SidenavStorage;
+    storage?: SidenavStorageProps;
     onToggleCollapse?: () => void;
 }
 /**

package/dist/components/sidenav/index.d.ts

@@ -1,4 +1,7 @@
 export { default as Sidenav } from './Sidenav';
 export { default as SidenavItem } from './SidenavItem';
+export { default as SidenavOptions } from './SidenavOptions';
+export { default as SidenavHeader } from './SidenavHeader';
+export { default as SidenavStorage } from './SidenavStorage';
 export type { SidenavOption } from './SidenavOptions';
-export type { SidenavHeader, SidenavProps, SidenavStorage } from './Sidenav';
+export type { SidenavHeaderProps, SidenavProps, SidenavStorageProps } from './Sidenav';