qt-ui-kit 1.0.113 → 1.0.115

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