qt-ui-kit 1.0.114 → 1.0.116

package/dist/index.d.mts

@@ -1,7 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode, ReactElement } from 'react';
 
+declare enum FilterCategory {
+    FIRES = "fires",
+    INSIGHTS = "insights",
+    NEW = "new",
+    DONE = "done"
+}
+declare enum MoreFilter {
+    MORE = "more"
+}
 declare enum IntegrationService {
     SLACK = "slack",
     GMAIL = "google_mail",
@@ -31,7 +40,9 @@ declare enum BaseIconName {
     CHECK = "check",
     LEFT_ARROW = "left_arrow",
     RIGHT_ARROW = "right_arrow",
-    EXPAND = "expand"
+    EXPAND = "expand",
+    DONE = "done",
+    NOT_DONE = "not_done"
 }
 declare enum ColorVariants {
     RED = "#FF7E71",
@@ -70,52 +81,54 @@ type TicketComment = {
     emojis?: string[];
 };
 
-type BadgeType = 'fire' | 'insight' | string;
+type BadgeType = "fire" | "insight" | string;
 interface PreviewBadgeData {
     type: BadgeType;
     label?: string;
 }
-type Props$a = {
+type Props$Q = {
     eventID: string;
     onSelected?: (eventID: string) => void;
     selected?: boolean;
     onChecked?: (eventID: string) => void;
     checked?: boolean;
+    onBulkChecked?: (eventID: string) => void;
+    bulkChecked?: boolean;
     service?: IntegrationService;
     subjectLine?: string;
     body?: string;
     sender?: string;
     source?: string;
     date?: Date;
-    onClickGoToSource?: (() => void) | undefined;
+    onClickGoToSource?: () => void;
     eventCategory?: string;
     read?: boolean;
     overrideItems?: string[];
     eventBadges?: PreviewBadgeData[];
     onOverride?: (eventID: string, selectedItem: string) => void;
 };
-declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$a): react_jsx_runtime.JSX.Element;
+declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked: checkedProp, onBulkChecked, bulkChecked: bulkCheckedProp, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, eventBadges, onOverride, }: Props$Q): react_jsx_runtime.JSX.Element;
 
 type NavButtonKey = "queue" | "account" | "logout";
 type NavButtonConfig$1 = {
     active?: boolean;
     onClick?: () => void;
 };
-type Props$9 = {
+type Props$P = {
     buttons?: Partial<Record<NavButtonKey, NavButtonConfig$1>>;
 };
-declare function NavBar({ buttons }: Props$9): react_jsx_runtime.JSX.Element;
+declare function NavBar({ buttons }: Props$P): react_jsx_runtime.JSX.Element;
 
-type Props$8 = {
+type Props$O = {
     eventType?: EventType;
     eventData?: EventGroup[];
     groupUrgency?: UrgencyLevel;
     groupUrgencyText?: string;
     groupSummary?: string;
 };
-declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$8): react_jsx_runtime.JSX.Element;
+declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$O): react_jsx_runtime.JSX.Element;
 
-type Props$7 = {
+type Props$N = {
     subjectLine?: string;
     to?: string;
     date?: string;
@@ -125,9 +138,9 @@ type Props$7 = {
     attachments?: string;
     body?: string;
 };
-declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$7): react_jsx_runtime.JSX.Element;
+declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$N): react_jsx_runtime.JSX.Element;
 
-type Props$6 = {
+type Props$M = {
     messages?: ChatData[];
 };
 type ChatData = {
@@ -141,9 +154,9 @@ type ChatData = {
     images?: string[];
     emojis?: string[];
 };
-declare function ChatBody({ messages }: Props$6): react_jsx_runtime.JSX.Element;
+declare function ChatBody({ messages }: Props$M): react_jsx_runtime.JSX.Element;
 
-type Props$5 = {
+type Props$L = {
     issueNumber?: string;
     notification?: string;
     project?: string;
@@ -158,13 +171,13 @@ type Props$5 = {
     description?: string;
     comments?: TicketComment[];
 };
-declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$5): react_jsx_runtime.JSX.Element;
+declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$L): react_jsx_runtime.JSX.Element;
 
 type SearchResult = {
     label: string;
     count: number;
 };
-type Props$4 = {
+type Props$K = {
     loading?: boolean;
     results?: SearchResult[];
     initialText?: string;
@@ -172,30 +185,44 @@ type Props$4 = {
     /** Optional debounce for onUpdate calls (ms). Defaults to 250ms. */
     debounceMs?: number;
 };
-declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$4): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$K): react_jsx_runtime.JSX.Element;
 
-type FilterButtonKey = "fires" | "insights" | "unread" | "done" | "more" | IntegrationService;
+type FilterButtonKey = FilterCategory | IntegrationService | MoreFilter;
 type NavButtonConfig = {
     active?: boolean;
     onClick?: () => void;
     disabled?: boolean;
     count?: string | number;
 };
-type Props$3 = {
+type FilterBarProps = {
     buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
 };
-declare function FilterBar({ buttons }: Props$3): react_jsx_runtime.JSX.Element;
+declare function FilterBar({ buttons }: FilterBarProps): react_jsx_runtime.JSX.Element;
 
-type IconSize = 16 | 20 | 24 | 36;
+type BulkAction = {
+    label: string;
+    icon: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+};
+type Props$J = {
+    totalMessages?: number;
+    selectedCount?: number;
+    onSelectAll?: (selected: boolean) => void;
+    actions?: BulkAction[];
+};
+declare function BulkActions({ totalMessages, selectedCount: selectedCountProp, onSelectAll, actions, }: Props$J): react_jsx_runtime.JSX.Element;
 
-type Props$2 = {
-    size?: IconSize;
+type IconSize$F = 16 | 20 | 24 | 36;
+
+type Props$I = {
+    size?: IconSize$F;
     className?: string;
     service?: IntegrationService;
 };
-declare function BrandIcon({ size, className, service }: Props$2): react_jsx_runtime.JSX.Element;
+declare function BrandIcon({ size, className, service }: Props$I): react_jsx_runtime.JSX.Element;
 
-type Props$1 = {
+type Props$H = {
     isOpen: boolean;
     onClose: () => void;
     children: ReactNode;
@@ -203,10 +230,10 @@ type Props$1 = {
     disableBackdropClick?: boolean;
     disableEscapeKey?: boolean;
 };
-declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$1): React.ReactPortal | null;
+declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$H): React$1.ReactPortal | null;
 
 type ConfirmationVariant = "danger" | "primary" | "warning";
-type Props = {
+type Props$G = {
     isOpen: boolean;
     onClose: () => void;
     onConfirm: () => void;
@@ -217,7 +244,7 @@ type Props = {
     variant?: ConfirmationVariant;
     children?: ReactNode;
 };
-declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props): react_jsx_runtime.JSX.Element;
+declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props$G): react_jsx_runtime.JSX.Element;
 
 interface AccountInfoFieldProps {
     label: string;
@@ -339,4 +366,338 @@ type Event = {
 
 declare const fakeMessages: ChatData[];
 
-export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, ConfirmationModal, type ConfirmationVariant, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, type IconSize, IntegrationService, type MessageData, Modal, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };
+type IconSize$E = 16 | 20 | 24 | 36;
+type Props$F = {
+    size?: IconSize$E;
+    color?: string;
+    fillColor?: string;
+};
+declare function AlertIcon({ size, color, fillColor, }: Props$F): react_jsx_runtime.JSX.Element;
+
+type IconSize$D = 16 | 20 | 24 | 36;
+type Props$E = {
+    size?: IconSize$D;
+    color?: string;
+    fillColor?: string;
+};
+declare function ArrowLeft({ size, color, fillColor, }: Props$E): react_jsx_runtime.JSX.Element;
+
+type IconSize$C = 16 | 20 | 24 | 36;
+type Props$D = {
+    size?: IconSize$C;
+    color?: string;
+    fillColor?: string;
+};
+declare function ArrowRight({ size, color, fillColor, }: Props$D): react_jsx_runtime.JSX.Element;
+
+type IconSize$B = 16 | 20 | 24 | 36;
+type Props$C = {
+    size?: IconSize$B;
+    color?: string;
+    fillColor?: string;
+};
+declare function BullHorn({ size, color, fillColor, }: Props$C): react_jsx_runtime.JSX.Element;
+
+type IconSize$A = 16 | 20 | 24 | 36;
+type Props$B = {
+    size?: IconSize$A;
+    color?: string;
+    fillColor?: string;
+};
+declare function Calc({ size, color, fillColor, }: Props$B): react_jsx_runtime.JSX.Element;
+
+type IconSize$z = 16 | 20 | 24 | 36;
+type Props$A = {
+    size?: IconSize$z;
+    color?: string;
+    fillColor?: string;
+};
+declare function ChatNew({ size, color, fillColor, }: Props$A): react_jsx_runtime.JSX.Element;
+
+type IconSize$y = 16 | 20 | 24 | 36;
+type Props$z = {
+    size?: IconSize$y;
+    color?: string;
+    fillColor?: string;
+};
+declare function Check({ size, color, fillColor, }: Props$z): react_jsx_runtime.JSX.Element;
+
+type IconSize$x = 16 | 20 | 24 | 36;
+type Props$y = {
+    size?: IconSize$x;
+    color?: string;
+    fillColor?: string;
+};
+declare function CheckBox({ size, color, fillColor }: Props$y): react_jsx_runtime.JSX.Element;
+
+type IconSize$w = 16 | 20 | 24 | 36;
+type Props$x = {
+    size?: IconSize$w;
+    color?: string;
+    fillColor?: string;
+};
+declare function ChevronDown({ size, color, fillColor, }: Props$x): react_jsx_runtime.JSX.Element;
+
+type IconSize$v = 16 | 20 | 24 | 36;
+type Props$w = {
+    size?: IconSize$v;
+    color?: string;
+    fillColor?: string;
+};
+declare function ChevronLeft({ size, color, fillColor, }: Props$w): react_jsx_runtime.JSX.Element;
+
+type IconSize$u = 16 | 20 | 24 | 36;
+type Props$v = {
+    size?: IconSize$u;
+    color?: string;
+    fillColor?: string;
+};
+declare function ChevronRight({ size, color, fillColor, }: Props$v): react_jsx_runtime.JSX.Element;
+
+type IconSize$t = 16 | 20 | 24 | 36;
+type Props$u = {
+    size?: IconSize$t;
+    color?: string;
+    fillColor?: string;
+};
+declare function ChevronUp({ size, color, fillColor, }: Props$u): react_jsx_runtime.JSX.Element;
+
+type IconSize$s = 16 | 20 | 24 | 36;
+type Props$t = {
+    size?: IconSize$s;
+    color?: string;
+    fillColor?: string;
+};
+declare function CircleCheck({ size, color, fillColor, }: Props$t): react_jsx_runtime.JSX.Element;
+
+type IconSize$r = 16 | 20 | 24 | 36;
+type Props$s = {
+    size?: IconSize$r;
+    color?: string;
+    fillColor?: string;
+};
+declare function CircleX({ size, color, fillColor, }: Props$s): react_jsx_runtime.JSX.Element;
+
+type IconSize$q = 16 | 20 | 24 | 36;
+type Props$r = {
+    size?: IconSize$q;
+    color?: string;
+    fillColor?: string;
+};
+declare function Clipboard({ size, color, fillColor, }: Props$r): react_jsx_runtime.JSX.Element;
+
+type IconSize$p = 16 | 20 | 24 | 36;
+type Props$q = {
+    size?: IconSize$p;
+    color?: string;
+    fillColor?: string;
+};
+declare function ClipboardCheck({ size, color, fillColor, }: Props$q): react_jsx_runtime.JSX.Element;
+
+type IconSize$o = 16 | 20 | 24 | 36;
+type Props$p = {
+    size?: IconSize$o;
+    color?: string;
+};
+declare function Close({ size, color }: Props$p): react_jsx_runtime.JSX.Element;
+
+type IconSize$n = 16 | 20 | 24 | 36;
+type Props$o = {
+    size?: IconSize$n;
+    color?: string;
+    fillColor?: string;
+};
+declare function CrossDiag({ size, color, fillColor, }: Props$o): react_jsx_runtime.JSX.Element;
+
+type IconSize$m = 16 | 20 | 24 | 36;
+type Props$n = {
+    size?: IconSize$m;
+    color?: string;
+    fillColor?: string;
+};
+declare function Dash({ size, color, fillColor, }: Props$n): react_jsx_runtime.JSX.Element;
+
+type IconSize$l = 16 | 20 | 24 | 36;
+type Props$m = {
+    size?: IconSize$l;
+    color?: string;
+    fillColor?: string;
+};
+declare function Done({ size, color, fillColor, }: Props$m): react_jsx_runtime.JSX.Element;
+
+type IconSize$k = 16 | 20 | 24 | 36;
+type Props$l = {
+    size?: IconSize$k;
+    color?: string;
+    fillColor?: string;
+};
+declare function Download({ size, color, fillColor, }: Props$l): react_jsx_runtime.JSX.Element;
+
+type IconSize$j = 16 | 20 | 24 | 36;
+type Props$k = {
+    size?: IconSize$j;
+    color?: string;
+    fillColor?: string;
+};
+declare function ElipsesHori({ size, color, fillColor, }: Props$k): react_jsx_runtime.JSX.Element;
+
+type IconSize$i = 16 | 20 | 24 | 36;
+type Props$j = {
+    size?: IconSize$i;
+    color?: string;
+    fillColor?: string;
+};
+declare function ElipsesVert({ size, color, fillColor, }: Props$j): react_jsx_runtime.JSX.Element;
+
+type IconSize$h = 16 | 20 | 24 | 36;
+type Props$i = {
+    size?: IconSize$h;
+    color?: string;
+    fillColor?: string;
+};
+declare function Expand({ size, color, fillColor, }: Props$i): react_jsx_runtime.JSX.Element;
+
+type IconSize$g = 16 | 20 | 24 | 36;
+type Props$h = {
+    size?: IconSize$g;
+    color?: string;
+    fillColor?: string;
+};
+declare function ExternalLink({ size, color, fillColor, }: Props$h): react_jsx_runtime.JSX.Element;
+
+type IconSize$f = 16 | 20 | 24 | 36;
+type Props$g = {
+    size?: IconSize$f;
+    color?: string;
+    fillColor?: string;
+};
+declare function Gear({ size, color, fillColor, }: Props$g): react_jsx_runtime.JSX.Element;
+
+type IconSize$e = 16 | 20 | 24 | 36;
+type Props$f = {
+    size?: IconSize$e;
+    color?: string;
+    fillColor?: string;
+};
+declare function Hash({ size, color, fillColor, }: Props$f): react_jsx_runtime.JSX.Element;
+
+type IconSize$d = 16 | 20 | 24 | 36;
+type Props$e = {
+    size?: IconSize$d;
+    color?: string;
+    fillColor?: string;
+};
+declare function InsightsIcon({ size, color, fillColor, }: Props$e): react_jsx_runtime.JSX.Element;
+
+type IconSize$c = 16 | 20 | 24 | 36;
+type Props$d = {
+    size?: IconSize$c;
+    color?: string;
+    fillColor?: string;
+};
+declare function Loading({ size, color, fillColor, }: Props$d): react_jsx_runtime.JSX.Element;
+
+type IconSize$b = 16 | 20 | 24 | 36;
+type Props$c = {
+    size?: IconSize$b;
+    color?: string;
+    fillColor?: string;
+};
+declare function Login({ size, color, fillColor, }: Props$c): react_jsx_runtime.JSX.Element;
+
+type IconSize$a = 16 | 20 | 24 | 36;
+type Props$b = {
+    size?: IconSize$a;
+    color?: string;
+    fillColor?: string;
+};
+declare function Logout({ size, color, fillColor, }: Props$b): react_jsx_runtime.JSX.Element;
+
+type IconSize$9 = 16 | 20 | 24 | 36;
+type Props$a = {
+    size?: IconSize$9;
+    color?: string;
+    fillColor?: string;
+};
+declare function Mail({ size, color, fillColor, }: Props$a): react_jsx_runtime.JSX.Element;
+
+type IconSize$8 = 16 | 20 | 24 | 36;
+type Props$9 = {
+    size?: IconSize$8;
+    color?: string;
+    fillColor?: string;
+};
+declare function NotDone({ size, color, fillColor, }: Props$9): react_jsx_runtime.JSX.Element;
+
+type IconSize$7 = 16 | 20 | 24 | 36;
+type Props$8 = {
+    size?: IconSize$7;
+    color?: string;
+    fillColor?: string;
+};
+declare function PlusLarge({ size, color, fillColor, }: Props$8): react_jsx_runtime.JSX.Element;
+
+type IconSize$6 = 16 | 20 | 24 | 36;
+type Props$7 = {
+    size?: IconSize$6;
+    color?: string;
+    fillColor?: string;
+};
+declare function PlusSmall({ size, color, fillColor, }: Props$7): react_jsx_runtime.JSX.Element;
+
+type IconSize$5 = 16 | 20 | 24 | 36;
+type Props$6 = {
+    size?: IconSize$5;
+    color?: string;
+    fillColor?: string;
+};
+declare function Queue({ size, color, fillColor, }: Props$6): react_jsx_runtime.JSX.Element;
+
+type IconSize$4 = 16 | 20 | 24 | 36;
+type Props$5 = {
+    size?: IconSize$4;
+    color?: string;
+    fillColor?: string;
+};
+declare function Search({ size, color, fillColor, }: Props$5): react_jsx_runtime.JSX.Element;
+
+type IconSize$3 = 16 | 20 | 24 | 36;
+type Props$4 = {
+    size?: IconSize$3;
+    color?: string;
+    fillColor?: string;
+};
+declare function Settings({ size, color, fillColor, }: Props$4): react_jsx_runtime.JSX.Element;
+
+type IconSize$2 = 16 | 20 | 24 | 36;
+type Props$3 = {
+    size?: IconSize$2;
+    color?: string;
+    fillColor?: string;
+};
+declare function ThumbDown({ size, color, fillColor, }: Props$3): react_jsx_runtime.JSX.Element;
+
+type IconSize$1 = 16 | 20 | 24 | 36;
+type Props$2 = {
+    size?: IconSize$1;
+    color?: string;
+    fillColor?: string;
+};
+declare function ThumbUp({ size, color, fillColor, }: Props$2): react_jsx_runtime.JSX.Element;
+
+type IconSize = 16 | 20 | 24 | 36;
+type Props$1 = {
+    size?: IconSize;
+    color?: string;
+    fillColor?: string;
+};
+declare function Zap({ size, color, fillColor, }: Props$1): react_jsx_runtime.JSX.Element;
+
+type Props = {
+    size?: number;
+    icon?: BaseIconName.FIRE | BaseIconName.ALERT;
+    variant?: ColorVariants;
+};
+declare function CategoryIcon({ size, icon, variant }: Props): react_jsx_runtime.JSX.Element;
+
+export { AccountInfoField, AccountInfoSection, AccountIntegrationCard, AccountIntegrationCardItem, AlertIcon, ArrowLeft, ArrowRight, type Attachment, BaseIconName, BrandIcon, type BulkAction, BulkActions, BullHorn, Calc, type CalendarData, CategoryIcon, ChatBody, type ChatData, ChatNew, Check, CheckBox, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CircleX, Clipboard, ClipboardCheck, Close, ColorVariants, ConfirmationModal, type ConfirmationVariant, CrossDiag, Dash, Done, Download, ElipsesHori, ElipsesVert, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, Expand, ExternalLink, type ExternalPerson, FilterBar, type FilterButtonKey, FilterCategory, Gear, Hash, type IconSize$F as IconSize, InsightsIcon, IntegrationService, Loading, Login, Logout, Mail, type MessageData, Modal, MoreFilter, NavBar, NotDone, PlusLarge, PlusSmall, PreviewCard, Queue, Search, SearchBar, type SearchResult, Settings, ThumbDown, ThumbUp, TicketBody, type TicketComment, type TicketData, UrgencyLevel, Zap, fakeMessages };