qt-ui-kit 1.0.112 → 1.0.114

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.d.mts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode } from 'react';
2
+ import * as React from 'react';
3
+ import React__default, { ReactNode, ReactElement } from 'react';
3
4
 
4
5
  declare enum IntegrationService {
5
6
  SLACK = "slack",
@@ -74,7 +75,7 @@ interface PreviewBadgeData {
74
75
  type: BadgeType;
75
76
  label?: string;
76
77
  }
77
- type Props$8 = {
78
+ type Props$a = {
78
79
  eventID: string;
79
80
  onSelected?: (eventID: string) => void;
80
81
  selected?: boolean;
@@ -93,28 +94,28 @@ type Props$8 = {
93
94
  eventBadges?: PreviewBadgeData[];
94
95
  onOverride?: (eventID: string, selectedItem: string) => void;
95
96
  };
96
- declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$8): react_jsx_runtime.JSX.Element;
97
+ 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;
97
98
 
98
99
  type NavButtonKey = "queue" | "account" | "logout";
99
100
  type NavButtonConfig$1 = {
100
101
  active?: boolean;
101
102
  onClick?: () => void;
102
103
  };
103
- type Props$7 = {
104
+ type Props$9 = {
104
105
  buttons?: Partial<Record<NavButtonKey, NavButtonConfig$1>>;
105
106
  };
106
- declare function NavBar({ buttons }: Props$7): react_jsx_runtime.JSX.Element;
107
+ declare function NavBar({ buttons }: Props$9): react_jsx_runtime.JSX.Element;
107
108
 
108
- type Props$6 = {
109
+ type Props$8 = {
109
110
  eventType?: EventType;
110
111
  eventData?: EventGroup[];
111
112
  groupUrgency?: UrgencyLevel;
112
113
  groupUrgencyText?: string;
113
114
  groupSummary?: string;
114
115
  };
115
- declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$6): react_jsx_runtime.JSX.Element;
116
+ declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$8): react_jsx_runtime.JSX.Element;
116
117
 
117
- type Props$5 = {
118
+ type Props$7 = {
118
119
  subjectLine?: string;
119
120
  to?: string;
120
121
  date?: string;
@@ -124,9 +125,9 @@ type Props$5 = {
124
125
  attachments?: string;
125
126
  body?: string;
126
127
  };
127
- declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$5): react_jsx_runtime.JSX.Element;
128
+ declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$7): react_jsx_runtime.JSX.Element;
128
129
 
129
- type Props$4 = {
130
+ type Props$6 = {
130
131
  messages?: ChatData[];
131
132
  };
132
133
  type ChatData = {
@@ -140,9 +141,9 @@ type ChatData = {
140
141
  images?: string[];
141
142
  emojis?: string[];
142
143
  };
143
- declare function ChatBody({ messages }: Props$4): react_jsx_runtime.JSX.Element;
144
+ declare function ChatBody({ messages }: Props$6): react_jsx_runtime.JSX.Element;
144
145
 
145
- type Props$3 = {
146
+ type Props$5 = {
146
147
  issueNumber?: string;
147
148
  notification?: string;
148
149
  project?: string;
@@ -157,13 +158,13 @@ type Props$3 = {
157
158
  description?: string;
158
159
  comments?: TicketComment[];
159
160
  };
160
- declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$3): react_jsx_runtime.JSX.Element;
161
+ declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$5): react_jsx_runtime.JSX.Element;
161
162
 
162
163
  type SearchResult = {
163
164
  label: string;
164
165
  count: number;
165
166
  };
166
- type Props$2 = {
167
+ type Props$4 = {
167
168
  loading?: boolean;
168
169
  results?: SearchResult[];
169
170
  initialText?: string;
@@ -171,27 +172,82 @@ type Props$2 = {
171
172
  /** Optional debounce for onUpdate calls (ms). Defaults to 250ms. */
172
173
  debounceMs?: number;
173
174
  };
174
- declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$2): react_jsx_runtime.JSX.Element;
175
+ declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$4): react_jsx_runtime.JSX.Element;
175
176
 
176
177
  type FilterButtonKey = "fires" | "insights" | "unread" | "done" | "more" | IntegrationService;
177
178
  type NavButtonConfig = {
178
179
  active?: boolean;
179
180
  onClick?: () => void;
180
181
  disabled?: boolean;
182
+ count?: string | number;
181
183
  };
182
- type Props$1 = {
184
+ type Props$3 = {
183
185
  buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
184
186
  };
185
- declare function FilterBar({ buttons }: Props$1): react_jsx_runtime.JSX.Element;
187
+ declare function FilterBar({ buttons }: Props$3): react_jsx_runtime.JSX.Element;
186
188
 
187
189
  type IconSize = 16 | 20 | 24 | 36;
188
190
 
189
- type Props = {
191
+ type Props$2 = {
190
192
  size?: IconSize;
191
193
  className?: string;
192
194
  service?: IntegrationService;
193
195
  };
194
- declare function BrandIcon({ size, className, service }: Props): react_jsx_runtime.JSX.Element;
196
+ declare function BrandIcon({ size, className, service }: Props$2): react_jsx_runtime.JSX.Element;
197
+
198
+ type Props$1 = {
199
+ isOpen: boolean;
200
+ onClose: () => void;
201
+ children: ReactNode;
202
+ className?: string;
203
+ disableBackdropClick?: boolean;
204
+ disableEscapeKey?: boolean;
205
+ };
206
+ declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$1): React.ReactPortal | null;
207
+
208
+ type ConfirmationVariant = "danger" | "primary" | "warning";
209
+ type Props = {
210
+ isOpen: boolean;
211
+ onClose: () => void;
212
+ onConfirm: () => void;
213
+ title: string;
214
+ message?: string | ReactNode;
215
+ confirmLabel?: string;
216
+ cancelLabel?: string;
217
+ variant?: ConfirmationVariant;
218
+ children?: ReactNode;
219
+ };
220
+ declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props): react_jsx_runtime.JSX.Element;
221
+
222
+ interface AccountInfoFieldProps {
223
+ label: string;
224
+ value?: string | null;
225
+ className?: string;
226
+ }
227
+ declare function AccountInfoField({ label, value, className, }: AccountInfoFieldProps): react_jsx_runtime.JSX.Element;
228
+
229
+ interface AccountInfoSectionProps {
230
+ title?: string;
231
+ children: ReactNode;
232
+ }
233
+ declare function AccountInfoSection({ title, children, }: AccountInfoSectionProps): react_jsx_runtime.JSX.Element;
234
+
235
+ interface AccountIntegrationCardItemProps {
236
+ name: string;
237
+ onDisconnect: () => void;
238
+ }
239
+ declare const AccountIntegrationCardItem: React__default.NamedExoticComponent<AccountIntegrationCardItemProps>;
240
+
241
+ interface AccountIntegrationCardProps {
242
+ integrationName: string;
243
+ onConnect: () => void;
244
+ disabled: boolean;
245
+ ready: boolean;
246
+ limit: number;
247
+ icon: ReactNode;
248
+ children?: ReactElement<typeof AccountIntegrationCardItem> | ReactElement<typeof AccountIntegrationCardItem>[];
249
+ }
250
+ declare const AccountIntegrationCard: React__default.NamedExoticComponent<Readonly<AccountIntegrationCardProps>>;
195
251
 
196
252
  declare enum EventState {
197
253
  NEW = "new",
@@ -283,4 +339,4 @@ type Event = {
283
339
 
284
340
  declare const fakeMessages: ChatData[];
285
341
 
286
- export { type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, type IconSize, IntegrationService, type MessageData, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };
342
+ 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 };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ReactNode } from 'react';
2
+ import * as React from 'react';
3
+ import React__default, { ReactNode, ReactElement } from 'react';
3
4
 
4
5
  declare enum IntegrationService {
5
6
  SLACK = "slack",
@@ -74,7 +75,7 @@ interface PreviewBadgeData {
74
75
  type: BadgeType;
75
76
  label?: string;
76
77
  }
77
- type Props$8 = {
78
+ type Props$a = {
78
79
  eventID: string;
79
80
  onSelected?: (eventID: string) => void;
80
81
  selected?: boolean;
@@ -93,28 +94,28 @@ type Props$8 = {
93
94
  eventBadges?: PreviewBadgeData[];
94
95
  onOverride?: (eventID: string, selectedItem: string) => void;
95
96
  };
96
- declare function PreviewCard({ eventID, onSelected, selected, onChecked, checked, service, subjectLine, body, sender, source, date, onClickGoToSource, eventCategory, read, overrideItems, eventBadges, onOverride, }: Props$8): react_jsx_runtime.JSX.Element;
97
+ 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;
97
98
 
98
99
  type NavButtonKey = "queue" | "account" | "logout";
99
100
  type NavButtonConfig$1 = {
100
101
  active?: boolean;
101
102
  onClick?: () => void;
102
103
  };
103
- type Props$7 = {
104
+ type Props$9 = {
104
105
  buttons?: Partial<Record<NavButtonKey, NavButtonConfig$1>>;
105
106
  };
106
- declare function NavBar({ buttons }: Props$7): react_jsx_runtime.JSX.Element;
107
+ declare function NavBar({ buttons }: Props$9): react_jsx_runtime.JSX.Element;
107
108
 
108
- type Props$6 = {
109
+ type Props$8 = {
109
110
  eventType?: EventType;
110
111
  eventData?: EventGroup[];
111
112
  groupUrgency?: UrgencyLevel;
112
113
  groupUrgencyText?: string;
113
114
  groupSummary?: string;
114
115
  };
115
- declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$6): react_jsx_runtime.JSX.Element;
116
+ declare function EventCard({ eventType, eventData, groupUrgency, groupUrgencyText, groupSummary, }: Props$8): react_jsx_runtime.JSX.Element;
116
117
 
117
- type Props$5 = {
118
+ type Props$7 = {
118
119
  subjectLine?: string;
119
120
  to?: string;
120
121
  date?: string;
@@ -124,9 +125,9 @@ type Props$5 = {
124
125
  attachments?: string;
125
126
  body?: string;
126
127
  };
127
- declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$5): react_jsx_runtime.JSX.Element;
128
+ declare function EmailBody({ subjectLine, to, date, from, CC, BCC, attachments, body, }: Props$7): react_jsx_runtime.JSX.Element;
128
129
 
129
- type Props$4 = {
130
+ type Props$6 = {
130
131
  messages?: ChatData[];
131
132
  };
132
133
  type ChatData = {
@@ -140,9 +141,9 @@ type ChatData = {
140
141
  images?: string[];
141
142
  emojis?: string[];
142
143
  };
143
- declare function ChatBody({ messages }: Props$4): react_jsx_runtime.JSX.Element;
144
+ declare function ChatBody({ messages }: Props$6): react_jsx_runtime.JSX.Element;
144
145
 
145
- type Props$3 = {
146
+ type Props$5 = {
146
147
  issueNumber?: string;
147
148
  notification?: string;
148
149
  project?: string;
@@ -157,13 +158,13 @@ type Props$3 = {
157
158
  description?: string;
158
159
  comments?: TicketComment[];
159
160
  };
160
- declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$3): react_jsx_runtime.JSX.Element;
161
+ declare function TicketBody({ issueNumber, notification, project, task, dueDate, startDate, assignees, reporter, team, location, related, description, comments, }: Props$5): react_jsx_runtime.JSX.Element;
161
162
 
162
163
  type SearchResult = {
163
164
  label: string;
164
165
  count: number;
165
166
  };
166
- type Props$2 = {
167
+ type Props$4 = {
167
168
  loading?: boolean;
168
169
  results?: SearchResult[];
169
170
  initialText?: string;
@@ -171,27 +172,82 @@ type Props$2 = {
171
172
  /** Optional debounce for onUpdate calls (ms). Defaults to 250ms. */
172
173
  debounceMs?: number;
173
174
  };
174
- declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$2): react_jsx_runtime.JSX.Element;
175
+ declare function SearchBar({ loading, results, initialText, onUpdate, debounceMs, }: Props$4): react_jsx_runtime.JSX.Element;
175
176
 
176
177
  type FilterButtonKey = "fires" | "insights" | "unread" | "done" | "more" | IntegrationService;
177
178
  type NavButtonConfig = {
178
179
  active?: boolean;
179
180
  onClick?: () => void;
180
181
  disabled?: boolean;
182
+ count?: string | number;
181
183
  };
182
- type Props$1 = {
184
+ type Props$3 = {
183
185
  buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
184
186
  };
185
- declare function FilterBar({ buttons }: Props$1): react_jsx_runtime.JSX.Element;
187
+ declare function FilterBar({ buttons }: Props$3): react_jsx_runtime.JSX.Element;
186
188
 
187
189
  type IconSize = 16 | 20 | 24 | 36;
188
190
 
189
- type Props = {
191
+ type Props$2 = {
190
192
  size?: IconSize;
191
193
  className?: string;
192
194
  service?: IntegrationService;
193
195
  };
194
- declare function BrandIcon({ size, className, service }: Props): react_jsx_runtime.JSX.Element;
196
+ declare function BrandIcon({ size, className, service }: Props$2): react_jsx_runtime.JSX.Element;
197
+
198
+ type Props$1 = {
199
+ isOpen: boolean;
200
+ onClose: () => void;
201
+ children: ReactNode;
202
+ className?: string;
203
+ disableBackdropClick?: boolean;
204
+ disableEscapeKey?: boolean;
205
+ };
206
+ declare function Modal({ isOpen, onClose, children, className, disableBackdropClick, disableEscapeKey, }: Props$1): React.ReactPortal | null;
207
+
208
+ type ConfirmationVariant = "danger" | "primary" | "warning";
209
+ type Props = {
210
+ isOpen: boolean;
211
+ onClose: () => void;
212
+ onConfirm: () => void;
213
+ title: string;
214
+ message?: string | ReactNode;
215
+ confirmLabel?: string;
216
+ cancelLabel?: string;
217
+ variant?: ConfirmationVariant;
218
+ children?: ReactNode;
219
+ };
220
+ declare function ConfirmationModal({ isOpen, onClose, onConfirm, title, message, confirmLabel, cancelLabel, variant, children, }: Props): react_jsx_runtime.JSX.Element;
221
+
222
+ interface AccountInfoFieldProps {
223
+ label: string;
224
+ value?: string | null;
225
+ className?: string;
226
+ }
227
+ declare function AccountInfoField({ label, value, className, }: AccountInfoFieldProps): react_jsx_runtime.JSX.Element;
228
+
229
+ interface AccountInfoSectionProps {
230
+ title?: string;
231
+ children: ReactNode;
232
+ }
233
+ declare function AccountInfoSection({ title, children, }: AccountInfoSectionProps): react_jsx_runtime.JSX.Element;
234
+
235
+ interface AccountIntegrationCardItemProps {
236
+ name: string;
237
+ onDisconnect: () => void;
238
+ }
239
+ declare const AccountIntegrationCardItem: React__default.NamedExoticComponent<AccountIntegrationCardItemProps>;
240
+
241
+ interface AccountIntegrationCardProps {
242
+ integrationName: string;
243
+ onConnect: () => void;
244
+ disabled: boolean;
245
+ ready: boolean;
246
+ limit: number;
247
+ icon: ReactNode;
248
+ children?: ReactElement<typeof AccountIntegrationCardItem> | ReactElement<typeof AccountIntegrationCardItem>[];
249
+ }
250
+ declare const AccountIntegrationCard: React__default.NamedExoticComponent<Readonly<AccountIntegrationCardProps>>;
195
251
 
196
252
  declare enum EventState {
197
253
  NEW = "new",
@@ -283,4 +339,4 @@ type Event = {
283
339
 
284
340
  declare const fakeMessages: ChatData[];
285
341
 
286
- export { type Attachment, BaseIconName, BrandIcon, type CalendarData, ChatBody, type ChatData, ColorVariants, EmailBody, type EmailData, type Event, EventCard, type EventData, type EventGroup, EventState, type EventSummaryParts, EventType, type ExternalPerson, FilterBar, type FilterButtonKey, type IconSize, IntegrationService, type MessageData, NavBar, PreviewCard, SearchBar, type SearchResult, TicketBody, type TicketComment, type TicketData, UrgencyLevel, fakeMessages };
342
+ 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 };