@internxt/ui 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,3 +28,4 @@ export * from './table/Table';
28
28
  export * from './textArea';
29
29
  export * from './tooltip';
30
30
  export * from './sidenav';
31
+ export * from './mail';
@@ -0,0 +1,18 @@
1
+ export interface MessageCheapProps {
2
+ email: {
3
+ id: string;
4
+ from: {
5
+ name: string;
6
+ avatar: string;
7
+ };
8
+ subject: string;
9
+ createdAt: string;
10
+ body: string;
11
+ read: boolean;
12
+ };
13
+ active?: boolean;
14
+ selected?: boolean;
15
+ onClick: (id: string) => void;
16
+ }
17
+ declare const MessageCheap: ({ email, active, selected, onClick }: MessageCheapProps) => import("react/jsx-runtime").JSX.Element;
18
+ export default MessageCheap;
@@ -0,0 +1,2 @@
1
+ declare const MessageCheapSkeleton: () => import("react/jsx-runtime").JSX.Element;
2
+ export default MessageCheapSkeleton;
@@ -0,0 +1,5 @@
1
+ export { default as Tray } from './tray/TrayList';
2
+ export { default as MessageCheap } from './cheaps/MessageCheap';
3
+ export { default as MessageCheapSkeleton } from './cheaps/MessageCheapSkeleton';
4
+ export type { TrayListProps } from './tray/TrayList';
5
+ export type { MessageCheapProps } from './cheaps/MessageCheap';
@@ -0,0 +1,47 @@
1
+ import { ReactNode } from 'react';
2
+ export interface TrayListProps {
3
+ mails: {
4
+ id: string;
5
+ from: {
6
+ name: string;
7
+ avatar: string;
8
+ };
9
+ subject: string;
10
+ createdAt: string;
11
+ body: string;
12
+ read: boolean;
13
+ }[];
14
+ selectedEmails?: string[];
15
+ loading: boolean;
16
+ checked?: boolean;
17
+ activeEmail?: string;
18
+ hasMoreItems?: boolean;
19
+ emptyState?: ReactNode;
20
+ onMailSelected?: (id: string) => void;
21
+ onLoadMore?: () => void;
22
+ }
23
+ /**
24
+ *
25
+ * @param {TrayListProps} TrayListProps - Props for the TrayList component
26
+ * @prop {Array} TrayListProps.mails - An array of email objects
27
+ *
28
+ * @prop {string[]} TrayListProps.selectedEmails - An array of selected email IDs
29
+ *
30
+ * @prop {boolean} TrayListProps.loading - A boolean indicating loading state
31
+ *
32
+ * @prop {boolean} TrayListProps.checked - A boolean indicating whether all emails are checked
33
+ *
34
+ * @prop {string} TrayListProps.activeEmail - The ID of the currently active email
35
+ *
36
+ * @prop {boolean} TrayListProps.hasMoreItems - A boolean indicating whether there are more items to load
37
+ *
38
+ * @prop {ReactNode} TrayListProps.emptyState - A JSX element to display when there are no emails
39
+ *
40
+ * @prop {(id: string) => void} TrayListProps.onMailSelected - A function to handle email selection
41
+ *
42
+ * @prop {() => void} TrayListProps.onLoadMore - A function to load more emails
43
+ *
44
+ * @returns {JSX.Element} The rendered TrayList component
45
+ */
46
+ declare const TrayList: ({ mails, selectedEmails, loading, checked, activeEmail, hasMoreItems, emptyState, onMailSelected, onLoadMore, }: TrayListProps) => import("react/jsx-runtime").JSX.Element;
47
+ export default TrayList;
@@ -1,12 +1,12 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { SidenavOption } from './SidenavOptions';
3
- export interface SidenavHeader {
3
+ export interface SidenavHeaderProps {
4
4
  logo: string;
5
5
  title: string;
6
6
  onClick: () => void;
7
7
  className?: string;
8
8
  }
9
- export interface SidenavStorage {
9
+ export interface SidenavStorageProps {
10
10
  usage: string;
11
11
  limit: string;
12
12
  percentage: number;
@@ -15,7 +15,7 @@ export interface SidenavStorage {
15
15
  isLoading?: boolean;
16
16
  }
17
17
  export interface SidenavProps {
18
- header: SidenavHeader;
18
+ header: SidenavHeaderProps;
19
19
  primaryAction?: ReactNode;
20
20
  suiteLauncher?: {
21
21
  className?: string;
@@ -33,7 +33,7 @@ export interface SidenavProps {
33
33
  options: SidenavOption[];
34
34
  showSubsections?: boolean;
35
35
  isCollapsed?: boolean;
36
- storage?: SidenavStorage;
36
+ storage?: SidenavStorageProps;
37
37
  onToggleCollapse?: () => void;
38
38
  }
39
39
  /**
@@ -1,4 +1,7 @@
1
1
  export { default as Sidenav } from './Sidenav';
2
2
  export { default as SidenavItem } from './SidenavItem';
3
+ export { default as SidenavOptions } from './SidenavOptions';
4
+ export { default as SidenavHeader } from './SidenavHeader';
5
+ export { default as SidenavStorage } from './SidenavStorage';
3
6
  export type { SidenavOption } from './SidenavOptions';
4
- export type { SidenavHeader, SidenavProps, SidenavStorage } from './Sidenav';
7
+ export type { SidenavHeaderProps, SidenavProps, SidenavStorageProps } from './Sidenav';