@qtalo/qt-ui-library 0.3.3 → 0.4.0
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.
- package/dist/index.cjs +18 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +243 -0
- package/dist/index.js +1245 -308
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
- package/src/styles/styles.css +144 -0
package/dist/index.d.ts
CHANGED
|
@@ -241,6 +241,8 @@ export declare type BetaResizeHandleProps = {
|
|
|
241
241
|
className?: string;
|
|
242
242
|
};
|
|
243
243
|
|
|
244
|
+
export declare function BriefcaseOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
245
|
+
|
|
244
246
|
export declare function BuildingIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
245
247
|
|
|
246
248
|
export declare function BuildingOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
@@ -360,6 +362,8 @@ declare type CardTitleProps = {
|
|
|
360
362
|
className?: string;
|
|
361
363
|
};
|
|
362
364
|
|
|
365
|
+
export declare function CheckBoldIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
366
|
+
|
|
363
367
|
export declare function Checkbox({ checked, defaultChecked, icon, indeterminate, indeterminateIcon, onChange, disabled, children, className, }: CheckboxProps): JSX.Element;
|
|
364
368
|
|
|
365
369
|
export declare function CheckboxIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
@@ -382,14 +386,20 @@ export declare function CheckCircleIcon({ pathProps, ...props }: IconProps): JSX
|
|
|
382
386
|
|
|
383
387
|
export declare function CheckIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
384
388
|
|
|
389
|
+
export declare function CheckOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
390
|
+
|
|
385
391
|
export declare function CheckSquareIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
386
392
|
|
|
393
|
+
export declare function ChevronRightIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
394
|
+
|
|
387
395
|
export declare function ClickUpIcon(props: IconProps): JSX.Element;
|
|
388
396
|
|
|
389
397
|
export declare function CloseBoldIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
390
398
|
|
|
391
399
|
export declare function CloseIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
392
400
|
|
|
401
|
+
export declare function CloseOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
402
|
+
|
|
393
403
|
export declare function cn(...inputs: ClassValue[]): string;
|
|
394
404
|
|
|
395
405
|
/**
|
|
@@ -430,6 +440,28 @@ declare type ConfirmationToastProps = ConfirmationTemplateProps & {
|
|
|
430
440
|
|
|
431
441
|
export declare function CopyIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
432
442
|
|
|
443
|
+
export declare function CursorTooltip({ content, children, position, multiline, className, }: CursorTooltipProps): JSX.Element;
|
|
444
|
+
|
|
445
|
+
export declare type CursorTooltipProps = {
|
|
446
|
+
content: string;
|
|
447
|
+
children: ReactNode;
|
|
448
|
+
position?: "top" | "top-right";
|
|
449
|
+
multiline?: boolean;
|
|
450
|
+
className?: string;
|
|
451
|
+
};
|
|
452
|
+
|
|
453
|
+
export declare function CustomerGroupHeader({ label, count, open, onToggle, allOpen, onToggleAll, className, }: CustomerGroupHeaderProps): JSX.Element;
|
|
454
|
+
|
|
455
|
+
export declare type CustomerGroupHeaderProps = {
|
|
456
|
+
label: string;
|
|
457
|
+
count: number;
|
|
458
|
+
open: boolean;
|
|
459
|
+
onToggle: () => void;
|
|
460
|
+
allOpen?: boolean;
|
|
461
|
+
onToggleAll?: () => void;
|
|
462
|
+
className?: string;
|
|
463
|
+
};
|
|
464
|
+
|
|
433
465
|
export declare function DarkIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
434
466
|
|
|
435
467
|
declare type DateFormatOptions = {
|
|
@@ -825,6 +857,16 @@ export declare function EventSummaryFireButton({ active, onClick, }: Pick<EventS
|
|
|
825
857
|
|
|
826
858
|
export declare type EventType = "email" | "message" | "ticket" | "calendar";
|
|
827
859
|
|
|
860
|
+
export declare function EvidenceHeader({ icon, title, muted, meta, className, }: EvidenceHeaderProps): JSX.Element;
|
|
861
|
+
|
|
862
|
+
export declare type EvidenceHeaderProps = {
|
|
863
|
+
icon: ReactNode;
|
|
864
|
+
title: string;
|
|
865
|
+
muted?: boolean;
|
|
866
|
+
meta?: string;
|
|
867
|
+
className?: string;
|
|
868
|
+
};
|
|
869
|
+
|
|
828
870
|
export declare function EvidenceTimeline({ items, canExpandThread, tone, threadTitle, clientCompany, contactName, teamCompanyName, recipientLabel, className, ...props }: EvidenceTimelineProps): JSX.Element;
|
|
829
871
|
|
|
830
872
|
export declare type EvidenceTimelineDirection = "external_inbound" | "internal_outbound";
|
|
@@ -866,6 +908,8 @@ export declare type EvidenceTimelineTone = "fire" | "review" | "resolved";
|
|
|
866
908
|
|
|
867
909
|
export declare function ExternalLinkIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
868
910
|
|
|
911
|
+
export declare function ExternalLinkOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
912
|
+
|
|
869
913
|
export declare function EyeFillIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
870
914
|
|
|
871
915
|
export declare function EyeIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
@@ -1159,6 +1203,8 @@ export declare type IconProps = SVGProps<SVGSVGElement> & {
|
|
|
1159
1203
|
|
|
1160
1204
|
export declare function InboxIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1161
1205
|
|
|
1206
|
+
export declare function InfoFillIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1207
|
+
|
|
1162
1208
|
export declare function InfoTooltip({ className, ...props }: InfoTooltipProps): JSX.Element;
|
|
1163
1209
|
|
|
1164
1210
|
export declare type InfoTooltipProps = TooltipProps;
|
|
@@ -1314,6 +1360,14 @@ export declare function MinusIcon({ pathProps, ...props }: IconProps): JSX.Eleme
|
|
|
1314
1360
|
|
|
1315
1361
|
export declare function MoreIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1316
1362
|
|
|
1363
|
+
export declare function MsIcon({ name, size, className }: MsIconProps): JSX.Element;
|
|
1364
|
+
|
|
1365
|
+
export declare type MsIconProps = {
|
|
1366
|
+
name: string;
|
|
1367
|
+
size?: number;
|
|
1368
|
+
className?: string;
|
|
1369
|
+
};
|
|
1370
|
+
|
|
1317
1371
|
export declare function NoEyeIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1318
1372
|
|
|
1319
1373
|
export declare function NormalDensityIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
@@ -1488,6 +1542,52 @@ export declare type PulseFilterChipSkeletonProps = {
|
|
|
1488
1542
|
|
|
1489
1543
|
export declare type PulseFilterChipTone = "fire" | "review" | "neutral" | "brand";
|
|
1490
1544
|
|
|
1545
|
+
export declare function PulseGmailIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1546
|
+
|
|
1547
|
+
export declare function PulseSignalCard({ timeText, severity, slaLabel, move, subject, askAuthor, askText, nextLabel, nextText, owner, sources, tone, selected, onClick, onOpenThread, className, }: PulseSignalCardProps): JSX.Element;
|
|
1548
|
+
|
|
1549
|
+
export declare type PulseSignalCardMove = PulseSignalStatusMove;
|
|
1550
|
+
|
|
1551
|
+
export declare type PulseSignalCardProps = {
|
|
1552
|
+
timeText?: string;
|
|
1553
|
+
severity: PulseSignalCardSeverity;
|
|
1554
|
+
slaLabel: string;
|
|
1555
|
+
move?: PulseSignalCardMove;
|
|
1556
|
+
subject: string;
|
|
1557
|
+
askAuthor?: string;
|
|
1558
|
+
askText?: string;
|
|
1559
|
+
nextLabel?: string;
|
|
1560
|
+
nextText?: string;
|
|
1561
|
+
owner?: string;
|
|
1562
|
+
sources?: ReactNode;
|
|
1563
|
+
tone: PulseSignalCardTone;
|
|
1564
|
+
selected?: boolean;
|
|
1565
|
+
onClick?: () => void;
|
|
1566
|
+
onOpenThread?: () => void;
|
|
1567
|
+
className?: string;
|
|
1568
|
+
};
|
|
1569
|
+
|
|
1570
|
+
export declare type PulseSignalCardSeverity = PulseSignalStatusSeverity;
|
|
1571
|
+
|
|
1572
|
+
export declare type PulseSignalCardTone = "response" | "review" | "spark";
|
|
1573
|
+
|
|
1574
|
+
export declare function PulseSignalStatus({ timeText, severity, slaLabel, move, keepSize, className, }: PulseSignalStatusProps): JSX.Element;
|
|
1575
|
+
|
|
1576
|
+
export declare type PulseSignalStatusMove = "respond" | "decide" | "observe";
|
|
1577
|
+
|
|
1578
|
+
export declare type PulseSignalStatusProps = {
|
|
1579
|
+
timeText?: string;
|
|
1580
|
+
severity: PulseSignalStatusSeverity;
|
|
1581
|
+
slaLabel: string;
|
|
1582
|
+
move?: PulseSignalStatusMove;
|
|
1583
|
+
keepSize?: boolean;
|
|
1584
|
+
className?: string;
|
|
1585
|
+
};
|
|
1586
|
+
|
|
1587
|
+
export declare type PulseSignalStatusSeverity = "fire" | "spark" | "watching";
|
|
1588
|
+
|
|
1589
|
+
export declare function PulseSlackIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1590
|
+
|
|
1491
1591
|
export declare function QtaloBlueImage({ size, className, ...props }: QtaloImageProps_2): JSX.Element;
|
|
1492
1592
|
|
|
1493
1593
|
export declare function QtaloImage({ size, className, ...props }: QtaloImageProps): JSX.Element;
|
|
@@ -1504,6 +1604,14 @@ export declare function ReadIcon({ pathProps, ...props }: IconProps): JSX.Elemen
|
|
|
1504
1604
|
|
|
1505
1605
|
export declare function ReplyIoIcon(props: IconProps): JSX.Element;
|
|
1506
1606
|
|
|
1607
|
+
export declare function ResizeDivider({ isResizing, onMouseDown, className, }: ResizeDividerProps): JSX.Element;
|
|
1608
|
+
|
|
1609
|
+
export declare type ResizeDividerProps = {
|
|
1610
|
+
isResizing?: boolean;
|
|
1611
|
+
onMouseDown: (event: React.MouseEvent) => void;
|
|
1612
|
+
className?: string;
|
|
1613
|
+
};
|
|
1614
|
+
|
|
1507
1615
|
export declare function RichContent({ content, className }: RichContentProps): JSX.Element;
|
|
1508
1616
|
|
|
1509
1617
|
export declare type RichContentProps = {
|
|
@@ -1714,6 +1822,93 @@ export declare type SignalDetailSeverity = "fire" | "spark" | "watching";
|
|
|
1714
1822
|
|
|
1715
1823
|
export declare type SignalDetailStatusTone = "fire" | "review" | "resolved";
|
|
1716
1824
|
|
|
1825
|
+
export declare function SignalSummaryActionButton({ icon, label, className, ...props }: SignalSummaryActionButtonProps): JSX.Element;
|
|
1826
|
+
|
|
1827
|
+
export declare type SignalSummaryActionButtonProps = Omit<ButtonProps, "children"> & {
|
|
1828
|
+
icon: ReactNode;
|
|
1829
|
+
label: string;
|
|
1830
|
+
};
|
|
1831
|
+
|
|
1832
|
+
export declare function SignalSummaryActionsSection({ title, children, className, }: SignalSummaryActionsSectionProps): JSX.Element;
|
|
1833
|
+
|
|
1834
|
+
export declare type SignalSummaryActionsSectionProps = {
|
|
1835
|
+
title: string;
|
|
1836
|
+
children: ReactNode;
|
|
1837
|
+
className?: string;
|
|
1838
|
+
};
|
|
1839
|
+
|
|
1840
|
+
export declare function SignalSummaryClaimSection({ title, claim, guardrail, className, }: SignalSummaryClaimSectionProps): JSX.Element;
|
|
1841
|
+
|
|
1842
|
+
export declare type SignalSummaryClaimSectionProps = {
|
|
1843
|
+
title: string;
|
|
1844
|
+
claim: string;
|
|
1845
|
+
guardrail?: string;
|
|
1846
|
+
className?: string;
|
|
1847
|
+
};
|
|
1848
|
+
|
|
1849
|
+
export declare type SignalSummaryDismissOption = {
|
|
1850
|
+
id: string;
|
|
1851
|
+
label: string;
|
|
1852
|
+
};
|
|
1853
|
+
|
|
1854
|
+
export declare function SignalSummaryDismissReasons({ prompt, options, selectedId, onSelect, confirmLabel, cancelLabel, insteadLabel, onConfirm, onCancel, onInstead, className, }: SignalSummaryDismissReasonsProps): JSX.Element;
|
|
1855
|
+
|
|
1856
|
+
export declare type SignalSummaryDismissReasonsProps = {
|
|
1857
|
+
prompt: string;
|
|
1858
|
+
options: SignalSummaryDismissOption[];
|
|
1859
|
+
selectedId: string | null;
|
|
1860
|
+
onSelect: (id: string) => void;
|
|
1861
|
+
confirmLabel: string;
|
|
1862
|
+
cancelLabel: string;
|
|
1863
|
+
insteadLabel: string;
|
|
1864
|
+
onConfirm: () => void;
|
|
1865
|
+
onCancel: () => void;
|
|
1866
|
+
onInstead: () => void;
|
|
1867
|
+
className?: string;
|
|
1868
|
+
};
|
|
1869
|
+
|
|
1870
|
+
export declare function SignalSummaryHeader({ status, onClose, from, to, className, }: SignalSummaryHeaderProps): JSX.Element;
|
|
1871
|
+
|
|
1872
|
+
export declare type SignalSummaryHeaderProps = {
|
|
1873
|
+
status: ReactNode;
|
|
1874
|
+
onClose?: () => void;
|
|
1875
|
+
from: {
|
|
1876
|
+
name: string;
|
|
1877
|
+
company?: string;
|
|
1878
|
+
address?: string;
|
|
1879
|
+
};
|
|
1880
|
+
to?: {
|
|
1881
|
+
name: string;
|
|
1882
|
+
tooltip?: string;
|
|
1883
|
+
addresses?: string[];
|
|
1884
|
+
icon: ReactNode;
|
|
1885
|
+
};
|
|
1886
|
+
className?: string;
|
|
1887
|
+
};
|
|
1888
|
+
|
|
1889
|
+
export declare function SignalSummaryReviewSection({ title, decision, reasons, className, }: SignalSummaryReviewSectionProps): JSX.Element;
|
|
1890
|
+
|
|
1891
|
+
export declare type SignalSummaryReviewSectionProps = {
|
|
1892
|
+
title: string;
|
|
1893
|
+
decision: string;
|
|
1894
|
+
reasons?: string[];
|
|
1895
|
+
className?: string;
|
|
1896
|
+
};
|
|
1897
|
+
|
|
1898
|
+
export declare function SignalSummarySlaSection({ title, statusLabel, status, percentUsed, actual, window, className, }: SignalSummarySlaSectionProps): JSX.Element;
|
|
1899
|
+
|
|
1900
|
+
export declare type SignalSummarySlaSectionProps = {
|
|
1901
|
+
title: string;
|
|
1902
|
+
statusLabel: string;
|
|
1903
|
+
status: SignalSummarySlaStatus;
|
|
1904
|
+
percentUsed: number;
|
|
1905
|
+
actual: string;
|
|
1906
|
+
window: string;
|
|
1907
|
+
className?: string;
|
|
1908
|
+
};
|
|
1909
|
+
|
|
1910
|
+
export declare type SignalSummarySlaStatus = "met" | "on_track" | "approaching" | "overdue" | "way_overdue";
|
|
1911
|
+
|
|
1717
1912
|
export declare function SignOutIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1718
1913
|
|
|
1719
1914
|
export declare function Skeleton({ className }: SkeletonProps): JSX.Element;
|
|
@@ -1824,6 +2019,42 @@ export declare function SystemIcon({ pathProps, ...props }: IconProps): JSX.Elem
|
|
|
1824
2019
|
|
|
1825
2020
|
export declare function TeamsIcon(props: IconProps): JSX.Element;
|
|
1826
2021
|
|
|
2022
|
+
export declare function ThreadDateDivider({ label, className, }: ThreadDateDividerProps): JSX.Element;
|
|
2023
|
+
|
|
2024
|
+
export declare type ThreadDateDividerProps = {
|
|
2025
|
+
label: string;
|
|
2026
|
+
className?: string;
|
|
2027
|
+
};
|
|
2028
|
+
|
|
2029
|
+
export declare function ThreadEmailMessage({ icon, sourceLabel, onOpenSource, senderName, senderCompany, senderAddress, recipientName, recipientCompany, recipientAddresses, recipientNote, timestamp, body, className, }: ThreadEmailMessageProps): JSX.Element;
|
|
2030
|
+
|
|
2031
|
+
export declare type ThreadEmailMessageProps = {
|
|
2032
|
+
icon: ReactNode;
|
|
2033
|
+
sourceLabel: string;
|
|
2034
|
+
onOpenSource?: () => void;
|
|
2035
|
+
senderName: string;
|
|
2036
|
+
senderCompany?: string;
|
|
2037
|
+
senderAddress?: string;
|
|
2038
|
+
recipientName?: string;
|
|
2039
|
+
recipientCompany?: string;
|
|
2040
|
+
recipientAddresses?: string[];
|
|
2041
|
+
recipientNote?: string;
|
|
2042
|
+
timestamp: string;
|
|
2043
|
+
body: string;
|
|
2044
|
+
className?: string;
|
|
2045
|
+
};
|
|
2046
|
+
|
|
2047
|
+
export declare function ThreadSlackMessage({ sourceLabel, onOpenSource, senderName, timestamp, body, className, }: ThreadSlackMessageProps): JSX.Element;
|
|
2048
|
+
|
|
2049
|
+
export declare type ThreadSlackMessageProps = {
|
|
2050
|
+
sourceLabel: string;
|
|
2051
|
+
onOpenSource?: () => void;
|
|
2052
|
+
senderName: string;
|
|
2053
|
+
timestamp: string;
|
|
2054
|
+
body: string;
|
|
2055
|
+
className?: string;
|
|
2056
|
+
};
|
|
2057
|
+
|
|
1827
2058
|
export declare type TicketDetail = {
|
|
1828
2059
|
summary?: string;
|
|
1829
2060
|
priorityText?: string;
|
|
@@ -1941,6 +2172,16 @@ export declare const toastStore: {
|
|
|
1941
2172
|
*/
|
|
1942
2173
|
export declare function toMondayBased(dayOfWeek: number): number;
|
|
1943
2174
|
|
|
2175
|
+
export declare function ToolbarButton({ label, icon, count, variant, selected, className, ...props }: ToolbarButtonProps): JSX.Element;
|
|
2176
|
+
|
|
2177
|
+
export declare type ToolbarButtonProps = Omit<ButtonProps, "children"> & {
|
|
2178
|
+
label: string;
|
|
2179
|
+
icon?: ReactNode;
|
|
2180
|
+
count?: number;
|
|
2181
|
+
variant?: "tab" | "menu";
|
|
2182
|
+
selected?: boolean;
|
|
2183
|
+
};
|
|
2184
|
+
|
|
1944
2185
|
export declare function Tooltip({ children, content, position, delay, className, }: TooltipProps): JSX.Element;
|
|
1945
2186
|
|
|
1946
2187
|
export declare type TooltipPosition = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
|
|
@@ -1980,6 +2221,8 @@ export declare function useLongPress(onLongPress: () => void, onClick: () => voi
|
|
|
1980
2221
|
onClick: () => void;
|
|
1981
2222
|
};
|
|
1982
2223
|
|
|
2224
|
+
export declare function UserOutlineIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
2225
|
+
|
|
1983
2226
|
export declare function WarningIcon({ pathProps, ...props }: IconProps): JSX.Element;
|
|
1984
2227
|
|
|
1985
2228
|
export { }
|