@shortstravelmgmt/component-lib 0.1.9 → 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.
- package/dist/index.d.ts +29 -3
- package/dist/index.esm.js +291 -251
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +291 -250
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -108,7 +108,7 @@ const Icons = {
|
|
|
108
108
|
Trash: TrashIcon$2,
|
|
109
109
|
};
|
|
110
110
|
|
|
111
|
-
var styles$
|
|
111
|
+
var styles$1d = {"alert":"Alert-module_alert__xxiES","content":"Alert-module_content__CVX32","icon":"Alert-module_icon__Xyh6J","body":"Alert-module_body__TTkmt","title":"Alert-module_title__7wNPO","message":"Alert-module_message__plreL","dismissButton":"Alert-module_dismissButton__MdRWh","primary":"Alert-module_primary__nME13","success":"Alert-module_success__GDt4S","warning":"Alert-module_warning__y4bLx","error":"Alert-module_error__nKMAG"};
|
|
112
112
|
|
|
113
113
|
const variantIcons = {
|
|
114
114
|
primary: LightbulbIcon,
|
|
@@ -118,10 +118,10 @@ const variantIcons = {
|
|
|
118
118
|
};
|
|
119
119
|
const Alert = ({ variant = 'primary', title, children, dismissible = false, onDismiss, className = '', }) => {
|
|
120
120
|
const IconComponent = variantIcons[variant];
|
|
121
|
-
return (jsx("div", { className: `${styles$
|
|
121
|
+
return (jsx("div", { className: `${styles$1d.alert} ${styles$1d[variant]} ${className}`, role: "alert", children: jsxs("div", { className: styles$1d.content, children: [jsx(IconComponent, { className: styles$1d.icon, size: 20 }), jsxs("div", { className: styles$1d.body, children: [title && jsx("h4", { className: styles$1d.title, children: title }), jsx("div", { className: styles$1d.message, children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: styles$1d.dismissButton, "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
|
|
122
122
|
};
|
|
123
123
|
|
|
124
|
-
var styles$
|
|
124
|
+
var styles$1c = {"avatar":"Avatar-module_avatar__AcTRg","xs":"Avatar-module_xs__4uGxI","sm":"Avatar-module_sm__NvzTi","md":"Avatar-module_md__PgY8p","lg":"Avatar-module_lg__lhkAZ","xl":"Avatar-module_xl__qTDTF","image":"Avatar-module_image__GX2c9","initials":"Avatar-module_initials__58FHH","group":"Avatar-module_group__XW0b1","overflow":"Avatar-module_overflow__ul4Cc"};
|
|
125
125
|
|
|
126
126
|
const getInitials = (name) => {
|
|
127
127
|
const parts = name.trim().split(/\s+/);
|
|
@@ -136,43 +136,43 @@ const getInitials = (name) => {
|
|
|
136
136
|
const Avatar = ({ src, alt, initials, name, size = 'md', className = '', ...props }) => {
|
|
137
137
|
const displayInitials = initials || (name ? getInitials(name) : '?');
|
|
138
138
|
const classNames = [
|
|
139
|
-
styles$
|
|
140
|
-
styles$
|
|
139
|
+
styles$1c.avatar,
|
|
140
|
+
styles$1c[size],
|
|
141
141
|
className,
|
|
142
142
|
]
|
|
143
143
|
.filter(Boolean)
|
|
144
144
|
.join(' ');
|
|
145
|
-
return (jsx("div", { className: classNames, ...props, children: src ? (jsx("img", { src: src, alt: alt || name || 'Avatar', className: styles$
|
|
145
|
+
return (jsx("div", { className: classNames, ...props, children: src ? (jsx("img", { src: src, alt: alt || name || 'Avatar', className: styles$1c.image })) : (jsx("span", { className: styles$1c.initials, children: displayInitials })) }));
|
|
146
146
|
};
|
|
147
147
|
Avatar.displayName = 'Avatar';
|
|
148
148
|
const AvatarGroup = ({ max = 4, className = '', children, ...props }) => {
|
|
149
149
|
const childArray = React.Children.toArray(children);
|
|
150
150
|
const visibleChildren = childArray.slice(0, max);
|
|
151
151
|
const remainingCount = childArray.length - max;
|
|
152
|
-
const classNames = [styles$
|
|
153
|
-
return (jsxs("div", { className: classNames, ...props, children: [visibleChildren, remainingCount > 0 && (jsx("div", { className: `${styles$
|
|
152
|
+
const classNames = [styles$1c.group, className].filter(Boolean).join(' ');
|
|
153
|
+
return (jsxs("div", { className: classNames, ...props, children: [visibleChildren, remainingCount > 0 && (jsx("div", { className: `${styles$1c.avatar} ${styles$1c.md} ${styles$1c.overflow}`, children: jsxs("span", { className: styles$1c.initials, children: ["+", remainingCount] }) }))] }));
|
|
154
154
|
};
|
|
155
155
|
AvatarGroup.displayName = 'AvatarGroup';
|
|
156
156
|
|
|
157
|
-
var styles$
|
|
157
|
+
var styles$1b = {"badge":"Badge-module_badge__lvuUg","sm":"Badge-module_sm__OTBAp","md":"Badge-module_md__YG44i","dot":"Badge-module_dot__RgcVD","default":"Badge-module_default__1ga4w","success":"Badge-module_success__jEfI9","warning":"Badge-module_warning__978mf","error":"Badge-module_error__xZJlm","info":"Badge-module_info__Xk7MM"};
|
|
158
158
|
|
|
159
159
|
/**
|
|
160
160
|
* Badge component for status indicators, labels, and tags.
|
|
161
161
|
*/
|
|
162
162
|
const Badge = ({ variant = 'default', size = 'md', dot = false, className = '', children, ...props }) => {
|
|
163
163
|
const classNames = [
|
|
164
|
-
styles$
|
|
165
|
-
styles$
|
|
166
|
-
styles$
|
|
164
|
+
styles$1b.badge,
|
|
165
|
+
styles$1b[variant],
|
|
166
|
+
styles$1b[size],
|
|
167
167
|
className,
|
|
168
168
|
]
|
|
169
169
|
.filter(Boolean)
|
|
170
170
|
.join(' ');
|
|
171
|
-
return (jsxs("span", { className: classNames, ...props, children: [dot && jsx("span", { className: styles$
|
|
171
|
+
return (jsxs("span", { className: classNames, ...props, children: [dot && jsx("span", { className: styles$1b.dot }), children] }));
|
|
172
172
|
};
|
|
173
173
|
Badge.displayName = 'Badge';
|
|
174
174
|
|
|
175
|
-
var styles$
|
|
175
|
+
var styles$1a = {"button":"Button-module_button__xDdzH","sm":"Button-module_sm__fb2AF","md":"Button-module_md__XOa6t","lg":"Button-module_lg__UN9rL","square":"Button-module_square__-o34b","primary":"Button-module_primary__jWHqR","secondary":"Button-module_secondary__30FUq","outline":"Button-module_outline__v98mS","ghost":"Button-module_ghost__XUGB1","danger":"Button-module_danger__NUxPy","fullWidth":"Button-module_fullWidth__p2otK","loading":"Button-module_loading__TsL5I","spinner":"Button-module_spinner__6bZoj","spin":"Button-module_spin__ZPDMG","icon":"Button-module_icon__21hUM","content":"Button-module_content__iVRPQ"};
|
|
176
176
|
|
|
177
177
|
/**
|
|
178
178
|
* Primary button component for user interactions.
|
|
@@ -180,21 +180,21 @@ var styles$19 = {"button":"Button-module_button__xDdzH","sm":"Button-module_sm__
|
|
|
180
180
|
*/
|
|
181
181
|
const Button = forwardRef(({ variant = 'primary', size = 'md', fullWidth = false, loading = false, leftIcon, rightIcon, square = false, className = '', disabled, children, ...props }, ref) => {
|
|
182
182
|
const classNames = [
|
|
183
|
-
styles$
|
|
184
|
-
styles$
|
|
185
|
-
styles$
|
|
186
|
-
fullWidth ? styles$
|
|
187
|
-
square ? styles$
|
|
188
|
-
loading ? styles$
|
|
183
|
+
styles$1a.button,
|
|
184
|
+
styles$1a[variant],
|
|
185
|
+
styles$1a[size],
|
|
186
|
+
fullWidth ? styles$1a.fullWidth : '',
|
|
187
|
+
square ? styles$1a.square : '',
|
|
188
|
+
loading ? styles$1a.loading : '',
|
|
189
189
|
className,
|
|
190
190
|
]
|
|
191
191
|
.filter(Boolean)
|
|
192
192
|
.join(' ');
|
|
193
|
-
return (jsxs("button", { ref: ref, className: classNames, disabled: disabled || loading, ...props, children: [loading && (jsx("span", { className: styles$
|
|
193
|
+
return (jsxs("button", { ref: ref, className: classNames, disabled: disabled || loading, ...props, children: [loading && (jsx("span", { className: styles$1a.spinner, children: jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "12", cy: "12", r: "10", strokeOpacity: "0.25" }), jsx("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round" })] }) })), !loading && leftIcon && jsx("span", { className: styles$1a.icon, children: leftIcon }), children && jsx("span", { className: styles$1a.content, children: children }), !loading && rightIcon && jsx("span", { className: styles$1a.icon, children: rightIcon })] }));
|
|
194
194
|
});
|
|
195
195
|
Button.displayName = 'Button';
|
|
196
196
|
|
|
197
|
-
var styles$
|
|
197
|
+
var styles$19 = {"wrapper":"Checkbox-module_wrapper__tYM-f","label":"Checkbox-module_label__x7c9f","disabled":"Checkbox-module_disabled__YtL8b","checkboxWrapper":"Checkbox-module_checkboxWrapper__ez0mi","input":"Checkbox-module_input__xBHoX","checkbox":"Checkbox-module_checkbox__zGuTf","sm":"Checkbox-module_sm__naurE","md":"Checkbox-module_md__LlE6O","lg":"Checkbox-module_lg__dMWT-","hasError":"Checkbox-module_hasError__aCefd","labelText":"Checkbox-module_labelText__7arlw","helperText":"Checkbox-module_helperText__jR4oi","errorText":"Checkbox-module_errorText__u8puP"};
|
|
198
198
|
|
|
199
199
|
const CheckIcon$1 = () => (jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M1 4L3.5 6.5L9 1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
200
200
|
const IndeterminateIcon = () => (jsx("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M1 1H9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
|
|
@@ -207,10 +207,10 @@ const Checkbox = forwardRef(({ label, size = 'md', helperText, error, indetermin
|
|
|
207
207
|
const helperId = `${checkboxId}-helper`;
|
|
208
208
|
const errorId = `${checkboxId}-error`;
|
|
209
209
|
const wrapperClasses = [
|
|
210
|
-
styles$
|
|
211
|
-
styles$
|
|
212
|
-
disabled ? styles$
|
|
213
|
-
error ? styles$
|
|
210
|
+
styles$19.wrapper,
|
|
211
|
+
styles$19[size],
|
|
212
|
+
disabled ? styles$19.disabled : '',
|
|
213
|
+
error ? styles$19.hasError : '',
|
|
214
214
|
className,
|
|
215
215
|
].filter(Boolean).join(' ');
|
|
216
216
|
// Handle indeterminate state via ref
|
|
@@ -226,13 +226,13 @@ const Checkbox = forwardRef(({ label, size = 'md', helperText, error, indetermin
|
|
|
226
226
|
ref.current = node;
|
|
227
227
|
}
|
|
228
228
|
};
|
|
229
|
-
return (jsxs("div", { className: wrapperClasses, children: [jsxs("label", { className: styles$
|
|
229
|
+
return (jsxs("div", { className: wrapperClasses, children: [jsxs("label", { className: styles$19.label, children: [jsxs("div", { className: styles$19.checkboxWrapper, children: [jsx("input", { ref: inputRef, type: "checkbox", id: checkboxId, className: styles$19.input, disabled: disabled, checked: checked, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
|
|
230
230
|
.filter(Boolean)
|
|
231
|
-
.join(' ') || undefined, ...props }), jsx("span", { className: styles$
|
|
231
|
+
.join(' ') || undefined, ...props }), jsx("span", { className: styles$19.checkbox, children: indeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckIcon$1, {}) })] }), label && jsx("span", { className: styles$19.labelText, children: label })] }), error && (jsx("span", { id: errorId, className: styles$19.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$19.helperText, children: helperText }))] }));
|
|
232
232
|
});
|
|
233
233
|
Checkbox.displayName = 'Checkbox';
|
|
234
234
|
|
|
235
|
-
var styles$
|
|
235
|
+
var styles$18 = {"wrapper":"Datepicker-module_wrapper__SdezU","fullWidth":"Datepicker-module_fullWidth__CAeMt","label":"Datepicker-module_label__qUNBV","inputWrapper":"Datepicker-module_inputWrapper__FK2IJ","sm":"Datepicker-module_sm__DuDMB","md":"Datepicker-module_md__oyus3","lg":"Datepicker-module_lg__2sqBg","icon":"Datepicker-module_icon__WdaRf","input":"Datepicker-module_input__4TCcy","disabled":"Datepicker-module_disabled__W0e-a","error":"Datepicker-module_error__XPpIy","helperText":"Datepicker-module_helperText__UllZP","errorText":"Datepicker-module_errorText__lveyr"};
|
|
236
236
|
|
|
237
237
|
const CalendarIcon = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] }));
|
|
238
238
|
/**
|
|
@@ -244,23 +244,23 @@ const Datepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
|
|
|
244
244
|
const helperId = `${inputId}-helper`;
|
|
245
245
|
const errorId = `${inputId}-error`;
|
|
246
246
|
const wrapperClasses = [
|
|
247
|
-
styles$
|
|
248
|
-
fullWidth ? styles$
|
|
247
|
+
styles$18.wrapper,
|
|
248
|
+
fullWidth ? styles$18.fullWidth : '',
|
|
249
249
|
className,
|
|
250
250
|
].filter(Boolean).join(' ');
|
|
251
251
|
const inputWrapperClasses = [
|
|
252
|
-
styles$
|
|
253
|
-
styles$
|
|
254
|
-
error ? styles$
|
|
255
|
-
disabled ? styles$
|
|
252
|
+
styles$18.inputWrapper,
|
|
253
|
+
styles$18[size],
|
|
254
|
+
error ? styles$18.error : '',
|
|
255
|
+
disabled ? styles$18.disabled : '',
|
|
256
256
|
].filter(Boolean).join(' ');
|
|
257
|
-
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$
|
|
257
|
+
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$18.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: styles$18.icon, children: jsx(CalendarIcon, {}) }), jsx("input", { ref: ref, type: "date", id: inputId, className: styles$18.input, disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
|
|
258
258
|
.filter(Boolean)
|
|
259
|
-
.join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: styles$
|
|
259
|
+
.join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: styles$18.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$18.helperText, children: helperText }))] }));
|
|
260
260
|
});
|
|
261
261
|
Datepicker.displayName = 'Datepicker';
|
|
262
262
|
|
|
263
|
-
var styles$
|
|
263
|
+
var styles$17 = {"wrapper":"Input-module_wrapper__-8ija","fullWidth":"Input-module_fullWidth__xXOvN","label":"Input-module_label__t4LH-","inputWrapper":"Input-module_inputWrapper__U4EEd","error":"Input-module_error__fT9Sb","disabled":"Input-module_disabled__3tnIE","sm":"Input-module_sm__lGHP-","md":"Input-module_md__pReoW","lg":"Input-module_lg__iqqov","input":"Input-module_input__PeHY6","icon":"Input-module_icon__jkJiF","textarea":"Input-module_textarea__ZgdBz","helperText":"Input-module_helperText__eKsC8","errorText":"Input-module_errorText__xoiKP"};
|
|
264
264
|
|
|
265
265
|
/**
|
|
266
266
|
* Input component for text entry.
|
|
@@ -268,45 +268,45 @@ var styles$16 = {"wrapper":"Input-module_wrapper__-8ija","fullWidth":"Input-modu
|
|
|
268
268
|
const Input = forwardRef(({ size = 'md', label, helperText, error, leftIcon, rightIcon, fullWidth = false, className = '', id, disabled, ...props }, ref) => {
|
|
269
269
|
const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
|
|
270
270
|
const wrapperClasses = [
|
|
271
|
-
styles$
|
|
272
|
-
fullWidth ? styles$
|
|
271
|
+
styles$17.wrapper,
|
|
272
|
+
fullWidth ? styles$17.fullWidth : '',
|
|
273
273
|
className,
|
|
274
274
|
]
|
|
275
275
|
.filter(Boolean)
|
|
276
276
|
.join(' ');
|
|
277
277
|
const inputWrapperClasses = [
|
|
278
|
-
styles$
|
|
279
|
-
styles$
|
|
280
|
-
error ? styles$
|
|
281
|
-
disabled ? styles$
|
|
278
|
+
styles$17.inputWrapper,
|
|
279
|
+
styles$17[size],
|
|
280
|
+
error ? styles$17.error : '',
|
|
281
|
+
disabled ? styles$17.disabled : '',
|
|
282
282
|
]
|
|
283
283
|
.filter(Boolean)
|
|
284
284
|
.join(' ');
|
|
285
|
-
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$
|
|
285
|
+
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$17.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsx("span", { className: styles$17.icon, children: leftIcon }), jsx("input", { ref: ref, id: inputId, className: styles$17.input, disabled: disabled, "aria-invalid": !!error, "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined, ...props }), rightIcon && jsx("span", { className: styles$17.icon, children: rightIcon })] }), error && (jsx("span", { id: `${inputId}-error`, className: styles$17.errorText, children: error })), helperText && !error && (jsx("span", { id: `${inputId}-helper`, className: styles$17.helperText, children: helperText }))] }));
|
|
286
286
|
});
|
|
287
287
|
Input.displayName = 'Input';
|
|
288
288
|
const Textarea = forwardRef(({ size = 'md', label, helperText, error, fullWidth = false, className = '', id, disabled, rows = 4, ...props }, ref) => {
|
|
289
289
|
const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
|
|
290
290
|
const wrapperClasses = [
|
|
291
|
-
styles$
|
|
292
|
-
fullWidth ? styles$
|
|
291
|
+
styles$17.wrapper,
|
|
292
|
+
fullWidth ? styles$17.fullWidth : '',
|
|
293
293
|
className,
|
|
294
294
|
]
|
|
295
295
|
.filter(Boolean)
|
|
296
296
|
.join(' ');
|
|
297
297
|
const textareaClasses = [
|
|
298
|
-
styles$
|
|
299
|
-
styles$
|
|
300
|
-
error ? styles$
|
|
301
|
-
disabled ? styles$
|
|
298
|
+
styles$17.textarea,
|
|
299
|
+
styles$17[size],
|
|
300
|
+
error ? styles$17.error : '',
|
|
301
|
+
disabled ? styles$17.disabled : '',
|
|
302
302
|
]
|
|
303
303
|
.filter(Boolean)
|
|
304
304
|
.join(' ');
|
|
305
|
-
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: textareaId, className: styles$
|
|
305
|
+
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: textareaId, className: styles$17.label, children: label })), jsx("textarea", { ref: ref, id: textareaId, className: textareaClasses, disabled: disabled, rows: rows, "aria-invalid": !!error, "aria-describedby": error ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : undefined, ...props }), error && (jsx("span", { id: `${textareaId}-error`, className: styles$17.errorText, children: error })), helperText && !error && (jsx("span", { id: `${textareaId}-helper`, className: styles$17.helperText, children: helperText }))] }));
|
|
306
306
|
});
|
|
307
307
|
Textarea.displayName = 'Textarea';
|
|
308
308
|
|
|
309
|
-
var styles$
|
|
309
|
+
var styles$16 = {"metric":"Metric-module_metric__LZ8D-","dark":"Metric-module_dark__FKdvj","clickable":"Metric-module_clickable__c3-pM","content":"Metric-module_content__YYpBG","valueRow":"Metric-module_valueRow__JpgYR","valueContainer":"Metric-module_valueContainer__CzjZ1","prefix":"Metric-module_prefix__Agpzq","value":"Metric-module_value__zspnf","suffix":"Metric-module_suffix__qvCMJ","warningIcon":"Metric-module_warningIcon__F-Ol5","label":"Metric-module_label__ydcti"};
|
|
310
310
|
|
|
311
311
|
const WarningIcon = () => (jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: jsx("path", { d: "M12 2L1 21h22L12 2zm0 3.5L19.5 19H4.5L12 5.5zM11 10v4h2v-4h-2zm0 6v2h2v-2h-2z" }) }));
|
|
312
312
|
/**
|
|
@@ -316,15 +316,15 @@ const WarningIcon = () => (jsx("svg", { width: "24", height: "24", viewBox: "0 0
|
|
|
316
316
|
const Metric = ({ value, label, prefix, suffix, dark = false, onClick, className = '', warning = false, }) => {
|
|
317
317
|
const displayValue = value !== undefined && !isNaN(parseFloat(String(value))) ? value : 0;
|
|
318
318
|
return (jsx("div", { className: `
|
|
319
|
-
${styles$
|
|
320
|
-
${dark ? styles$
|
|
321
|
-
${onClick ? styles$
|
|
319
|
+
${styles$16.metric}
|
|
320
|
+
${dark ? styles$16.dark : ''}
|
|
321
|
+
${onClick ? styles$16.clickable : ''}
|
|
322
322
|
${className}
|
|
323
|
-
`, onClick: onClick, children: value !== undefined && (jsxs("div", { className: styles$
|
|
323
|
+
`, onClick: onClick, children: value !== undefined && (jsxs("div", { className: styles$16.content, children: [jsxs("div", { className: styles$16.valueRow, children: [jsxs("div", { className: styles$16.valueContainer, children: [prefix && jsx("span", { className: styles$16.prefix, children: prefix }), jsx("span", { className: styles$16.value, children: displayValue }), suffix && jsx("span", { className: styles$16.suffix, children: suffix })] }), warning && (jsx("div", { className: styles$16.warningIcon, children: jsx(WarningIcon, {}) }))] }), jsx("div", { className: styles$16.label, children: label })] })) }));
|
|
324
324
|
};
|
|
325
325
|
Metric.displayName = 'Metric';
|
|
326
326
|
|
|
327
|
-
var styles$
|
|
327
|
+
var styles$15 = {"wrapper":"Select-module_wrapper__UN2Bo","fullWidth":"Select-module_fullWidth__GgV-D","label":"Select-module_label__aSRVE","selectWrapper":"Select-module_selectWrapper__OCGYf","sm":"Select-module_sm__oTHGX","md":"Select-module_md__VSZQg","lg":"Select-module_lg__nknhY","select":"Select-module_select__DY-Id","hasLeftIcon":"Select-module_hasLeftIcon__ZrReQ","leftIcon":"Select-module_leftIcon__nBU1-","chevron":"Select-module_chevron__1MAEQ","disabled":"Select-module_disabled__0GOXE","error":"Select-module_error__Yijk5","helperText":"Select-module_helperText__rHrqP","errorText":"Select-module_errorText__1kM2R"};
|
|
328
328
|
|
|
329
329
|
const ChevronDownIcon = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "6 9 12 15 18 9" }) }));
|
|
330
330
|
/**
|
|
@@ -336,16 +336,16 @@ const Select = forwardRef(({ options, optionGroups, size = 'md', label, placehol
|
|
|
336
336
|
const helperId = `${selectId}-helper`;
|
|
337
337
|
const errorId = `${selectId}-error`;
|
|
338
338
|
const wrapperClasses = [
|
|
339
|
-
styles$
|
|
340
|
-
fullWidth ? styles$
|
|
339
|
+
styles$15.wrapper,
|
|
340
|
+
fullWidth ? styles$15.fullWidth : '',
|
|
341
341
|
className,
|
|
342
342
|
].filter(Boolean).join(' ');
|
|
343
343
|
const selectWrapperClasses = [
|
|
344
|
-
styles$
|
|
345
|
-
styles$
|
|
346
|
-
error ? styles$
|
|
347
|
-
disabled ? styles$
|
|
348
|
-
leftIcon ? styles$
|
|
344
|
+
styles$15.selectWrapper,
|
|
345
|
+
styles$15[size],
|
|
346
|
+
error ? styles$15.error : '',
|
|
347
|
+
disabled ? styles$15.disabled : '',
|
|
348
|
+
leftIcon ? styles$15.hasLeftIcon : '',
|
|
349
349
|
].filter(Boolean).join(' ');
|
|
350
350
|
const renderOptions = () => {
|
|
351
351
|
// Render grouped options
|
|
@@ -358,19 +358,19 @@ const Select = forwardRef(({ options, optionGroups, size = 'md', label, placehol
|
|
|
358
358
|
}
|
|
359
359
|
return null;
|
|
360
360
|
};
|
|
361
|
-
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: selectId, className: styles$
|
|
361
|
+
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: selectId, className: styles$15.label, children: label })), jsxs("div", { className: selectWrapperClasses, children: [leftIcon && jsx("span", { className: styles$15.leftIcon, children: leftIcon }), jsxs("select", { ref: ref, id: selectId, className: styles$15.select, disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
|
|
362
362
|
.filter(Boolean)
|
|
363
|
-
.join(' ') || undefined, ...props, children: [placeholder && (jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsx("span", { className: styles$
|
|
363
|
+
.join(' ') || undefined, ...props, children: [placeholder && (jsx("option", { value: "", disabled: true, children: placeholder })), renderOptions()] }), jsx("span", { className: styles$15.chevron, children: jsx(ChevronDownIcon, {}) })] }), error && (jsx("span", { id: errorId, className: styles$15.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$15.helperText, children: helperText }))] }));
|
|
364
364
|
});
|
|
365
365
|
Select.displayName = 'Select';
|
|
366
366
|
|
|
367
|
-
var styles$
|
|
367
|
+
var styles$14 = {"spinner":"Spinner-module_spinner__OZwmB","svg":"Spinner-module_svg__Tusqk","spin":"Spinner-module_spin__YAPc9","track":"Spinner-module_track__NxLfV","indicator":"Spinner-module_indicator__gSUxF","xs":"Spinner-module_xs__4-WEg","sm":"Spinner-module_sm__enoDn","md":"Spinner-module_md__6axf9","lg":"Spinner-module_lg__EvJyC","xl":"Spinner-module_xl__yIXoK","srOnly":"Spinner-module_srOnly__WnZYf"};
|
|
368
368
|
|
|
369
369
|
const Spinner = ({ size = 'md', className = '', color, label = 'Loading...', }) => {
|
|
370
|
-
return (jsxs("span", { className: `${styles$
|
|
370
|
+
return (jsxs("span", { className: `${styles$14.spinner} ${styles$14[size]} ${className}`, role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxs("svg", { className: styles$14.svg, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: styles$14.track, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: styles$14.indicator, fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), jsx("span", { className: styles$14.srOnly, children: label })] }));
|
|
371
371
|
};
|
|
372
372
|
|
|
373
|
-
var styles$
|
|
373
|
+
var styles$13 = {"badge":"StatusBadge-module_badge__-BwEk","ticketed":"StatusBadge-module_ticketed__AJVZM","itinerary":"StatusBadge-module_itinerary__yRFNy","not-ticketed":"StatusBadge-module_not-ticketed__76GXg","submitted":"StatusBadge-module_submitted__QW0LL","pending":"StatusBadge-module_pending__FpMYC","cancelled":"StatusBadge-module_cancelled__XRz4S"};
|
|
374
374
|
|
|
375
375
|
const statusLabels = {
|
|
376
376
|
ticketed: 'Ticketed',
|
|
@@ -382,20 +382,20 @@ const statusLabels = {
|
|
|
382
382
|
};
|
|
383
383
|
const StatusBadge = ({ status, label, className, }) => {
|
|
384
384
|
const displayLabel = label || statusLabels[status] || status;
|
|
385
|
-
return (jsx("span", { className: `${styles$
|
|
385
|
+
return (jsx("span", { className: `${styles$13.badge} ${styles$13[status]} ${className || ''}`, "data-status": status, children: displayLabel }));
|
|
386
386
|
};
|
|
387
387
|
|
|
388
|
-
var styles$
|
|
388
|
+
var styles$12 = {"tag":"Tag-module_tag__uQVQa","content":"Tag-module_content__Z5bK9","sm":"Tag-module_sm__DvKJV","md":"Tag-module_md__KTo2m","lg":"Tag-module_lg__8xhWB","default":"Tag-module_default__5-uQz","primary":"Tag-module_primary__lwwYl","success":"Tag-module_success__kl3II","warning":"Tag-module_warning__peZRm","error":"Tag-module_error__6xzkl","info":"Tag-module_info__eKYiV","clickable":"Tag-module_clickable__TyiNK","removeButton":"Tag-module_removeButton__peMwo","removeIcon":"Tag-module_removeIcon__dQyJZ"};
|
|
389
389
|
|
|
390
390
|
const Tag = ({ children, variant = 'default', size = 'md', removable = false, onRemove, onClick, className = '', style, }) => {
|
|
391
391
|
const isClickable = Boolean(onClick);
|
|
392
|
-
return (jsxs("span", { className: `${styles$
|
|
392
|
+
return (jsxs("span", { className: `${styles$12.tag} ${styles$12[variant]} ${styles$12[size]} ${isClickable ? styles$12.clickable : ''} ${className}`, onClick: onClick, style: style, role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, children: [jsx("span", { className: styles$12.content, children: children }), removable && (jsx("button", { type: "button", className: styles$12.removeButton, onClick: (e) => {
|
|
393
393
|
e.stopPropagation();
|
|
394
394
|
onRemove?.();
|
|
395
|
-
}, "aria-label": "Remove", children: jsx("svg", { className: styles$
|
|
395
|
+
}, "aria-label": "Remove", children: jsx("svg", { className: styles$12.removeIcon, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
|
|
396
396
|
};
|
|
397
397
|
|
|
398
|
-
var styles$
|
|
398
|
+
var styles$11 = {"wrapper":"Timepicker-module_wrapper__pPrwn","fullWidth":"Timepicker-module_fullWidth__de3hO","label":"Timepicker-module_label__5RDrm","inputWrapper":"Timepicker-module_inputWrapper__-E5pk","sm":"Timepicker-module_sm__sWJu2","md":"Timepicker-module_md__TfpGX","lg":"Timepicker-module_lg__xSlw-","icon":"Timepicker-module_icon__NuPk4","input":"Timepicker-module_input__NxTmR","disabled":"Timepicker-module_disabled__lyxzF","error":"Timepicker-module_error__TOMK7","helperText":"Timepicker-module_helperText__MmcqS","errorText":"Timepicker-module_errorText__pXdnE"};
|
|
399
399
|
|
|
400
400
|
const ClockIcon = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("polyline", { points: "12 6 12 12 16 14" })] }));
|
|
401
401
|
/**
|
|
@@ -407,34 +407,34 @@ const Timepicker = forwardRef(({ size = 'md', label, helperText, error, fullWidt
|
|
|
407
407
|
const helperId = `${inputId}-helper`;
|
|
408
408
|
const errorId = `${inputId}-error`;
|
|
409
409
|
const wrapperClasses = [
|
|
410
|
-
styles$
|
|
411
|
-
fullWidth ? styles$
|
|
410
|
+
styles$11.wrapper,
|
|
411
|
+
fullWidth ? styles$11.fullWidth : '',
|
|
412
412
|
className,
|
|
413
413
|
].filter(Boolean).join(' ');
|
|
414
414
|
const inputWrapperClasses = [
|
|
415
|
-
styles$
|
|
416
|
-
styles$
|
|
417
|
-
error ? styles$
|
|
418
|
-
disabled ? styles$
|
|
415
|
+
styles$11.inputWrapper,
|
|
416
|
+
styles$11[size],
|
|
417
|
+
error ? styles$11.error : '',
|
|
418
|
+
disabled ? styles$11.disabled : '',
|
|
419
419
|
].filter(Boolean).join(' ');
|
|
420
|
-
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$
|
|
420
|
+
return (jsxs("div", { className: wrapperClasses, children: [label && (jsx("label", { htmlFor: inputId, className: styles$11.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: styles$11.icon, children: jsx(ClockIcon, {}) }), jsx("input", { ref: ref, type: "time", id: inputId, className: styles$11.input, disabled: disabled, "aria-invalid": !!error, "aria-describedby": [error ? errorId : null, helperText ? helperId : null]
|
|
421
421
|
.filter(Boolean)
|
|
422
|
-
.join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: styles$
|
|
422
|
+
.join(' ') || undefined, ...props })] }), error && (jsx("span", { id: errorId, className: styles$11.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$11.helperText, children: helperText }))] }));
|
|
423
423
|
});
|
|
424
424
|
Timepicker.displayName = 'Timepicker';
|
|
425
425
|
|
|
426
|
-
var styles
|
|
426
|
+
var styles$10 = {"title":"Title-module_title__mSSqn","light":"Title-module_light__7mlh-","normal":"Title-module_normal__ZYrS4","medium":"Title-module_medium__UK-Bj","semibold":"Title-module_semibold__07lTs","bold":"Title-module_bold__-oWUS"};
|
|
427
427
|
|
|
428
428
|
/**
|
|
429
429
|
* Title component for page headings.
|
|
430
430
|
* Large, prominent text for page titles.
|
|
431
431
|
*/
|
|
432
432
|
const Title = ({ children, weight = 'light', className = '', }) => {
|
|
433
|
-
return (jsx("h1", { className: `${styles
|
|
433
|
+
return (jsx("h1", { className: `${styles$10.title} ${styles$10[weight]} ${className}`, children: children }));
|
|
434
434
|
};
|
|
435
435
|
Title.displayName = 'Title';
|
|
436
436
|
|
|
437
|
-
var styles
|
|
437
|
+
var styles$$ = {"toggle":"Toggle-module_toggle__lRFvk","checked":"Toggle-module_checked__duOWU","disabled":"Toggle-module_disabled__DV2FB","thumb":"Toggle-module_thumb__ehIbb","sm":"Toggle-module_sm__Gs9bK","md":"Toggle-module_md__hTNCY","lg":"Toggle-module_lg__DpHtS","wrapper":"Toggle-module_wrapper__-Bvff","wrapperDisabled":"Toggle-module_wrapperDisabled__ZSCvM","label":"Toggle-module_label__GeuIf"};
|
|
438
438
|
|
|
439
439
|
const Toggle = ({ checked, onChange, disabled = false, size = 'md', label, labelPosition = 'right', className = '', 'aria-label': ariaLabel, }) => {
|
|
440
440
|
const handleClick = () => {
|
|
@@ -448,14 +448,14 @@ const Toggle = ({ checked, onChange, disabled = false, size = 'md', label, label
|
|
|
448
448
|
onChange?.(!checked);
|
|
449
449
|
}
|
|
450
450
|
};
|
|
451
|
-
const toggleElement = (jsx("div", { className: `${styles
|
|
451
|
+
const toggleElement = (jsx("div", { className: `${styles$$.toggle} ${styles$$[size]} ${checked ? styles$$.checked : ''} ${disabled ? styles$$.disabled : ''} ${className}`, onClick: handleClick, onKeyDown: handleKeyDown, role: "switch", "aria-checked": checked, "aria-disabled": disabled, "aria-label": ariaLabel || label, tabIndex: disabled ? -1 : 0, children: jsx("span", { className: styles$$.thumb }) }));
|
|
452
452
|
if (label) {
|
|
453
|
-
return (jsxs("label", { className: `${styles
|
|
453
|
+
return (jsxs("label", { className: `${styles$$.wrapper} ${disabled ? styles$$.wrapperDisabled : ''}`, children: [labelPosition === 'left' && jsx("span", { className: styles$$.label, children: label }), toggleElement, labelPosition === 'right' && jsx("span", { className: styles$$.label, children: label })] }));
|
|
454
454
|
}
|
|
455
455
|
return toggleElement;
|
|
456
456
|
};
|
|
457
457
|
|
|
458
|
-
var styles$
|
|
458
|
+
var styles$_ = {"wrapper":"Tooltip-module_wrapper__9SUwl","tooltip":"Tooltip-module_tooltip__KQ7km","fadeIn":"Tooltip-module_fadeIn__dL8S5","content":"Tooltip-module_content__kO8yx","dark":"Tooltip-module_dark__Y66ss","light":"Tooltip-module_light__mItfR","top":"Tooltip-module_top__1jrIn","bottom":"Tooltip-module_bottom__99YBc","left":"Tooltip-module_left__ZNd1H","right":"Tooltip-module_right__r0j5Q","arrow":"Tooltip-module_arrow__qcKWx","arrowTop":"Tooltip-module_arrowTop__k13dt","arrowBottom":"Tooltip-module_arrowBottom__FP-w2","arrowLeft":"Tooltip-module_arrowLeft__7T1uO","arrowRight":"Tooltip-module_arrowRight__FbPdB"};
|
|
459
459
|
|
|
460
460
|
const Tooltip = ({ content, children, position = 'top', variant = 'dark', delay = 200, disabled = false, className = '', }) => {
|
|
461
461
|
const [isVisible, setIsVisible] = useState(false);
|
|
@@ -519,10 +519,10 @@ const Tooltip = ({ content, children, position = 'top', variant = 'dark', delay
|
|
|
519
519
|
}
|
|
520
520
|
};
|
|
521
521
|
}, []);
|
|
522
|
-
return (jsxs("div", { ref: triggerRef, className: `${styles$
|
|
522
|
+
return (jsxs("div", { ref: triggerRef, className: `${styles$_.wrapper} ${className}`, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, children: [children, isVisible && content && (jsxs("div", { ref: tooltipRef, className: `${styles$_.tooltip} ${styles$_[actualPosition]} ${styles$_[variant]}`, role: "tooltip", children: [jsx("div", { className: styles$_.content, children: content }), jsx("div", { className: `${styles$_.arrow} ${styles$_[`arrow${actualPosition.charAt(0).toUpperCase()}${actualPosition.slice(1)}`]}` })] }))] }));
|
|
523
523
|
};
|
|
524
524
|
|
|
525
|
-
var styles$
|
|
525
|
+
var styles$Z = {"service":"TravelServiceIcon-module_service__-4EZb","code":"TravelServiceIcon-module_code__vElzI","multi":"TravelServiceIcon-module_multi__nqZLM","multiIndicator":"TravelServiceIcon-module_multiIndicator__KJF1L"};
|
|
526
526
|
|
|
527
527
|
// Airline brand colors
|
|
528
528
|
const vendorColors = {
|
|
@@ -562,16 +562,16 @@ const TravelServiceIcon = ({ type, vendor, mode = 'icon', size = 28, multi = fal
|
|
|
562
562
|
const colors = mode === 'icon' && vendorColors[vendorKey]
|
|
563
563
|
? vendorColors[vendorKey]
|
|
564
564
|
: typeColors$1[type] || typeColors$1.U;
|
|
565
|
-
return (jsxs("span", { className: `${styles$
|
|
565
|
+
return (jsxs("span", { className: `${styles$Z.service} ${multi ? styles$Z.multi : ''} ${className || ''}`, style: {
|
|
566
566
|
width: size,
|
|
567
567
|
height: size,
|
|
568
568
|
backgroundColor: colors.bg,
|
|
569
569
|
color: colors.fg,
|
|
570
570
|
fontSize: size * 0.4,
|
|
571
|
-
}, title: vendor ? `${vendor} (${type})` : type, children: [mode === 'code' && vendor ? (jsx("span", { className: styles$
|
|
571
|
+
}, title: vendor ? `${vendor} (${type})` : type, children: [mode === 'code' && vendor ? (jsx("span", { className: styles$Z.code, children: vendor })) : (jsx("svg", { viewBox: "0 0 24 24", width: size * 0.55, height: size * 0.55, fill: "currentColor", children: typeIcons$1[type] || typeIcons$1.U })), multi && jsx("span", { className: styles$Z.multiIndicator, children: "+" })] }));
|
|
572
572
|
};
|
|
573
573
|
|
|
574
|
-
var styles$
|
|
574
|
+
var styles$Y = {"icon":"TypeIcon-module_icon__WUL-x"};
|
|
575
575
|
|
|
576
576
|
const typeLabels = {
|
|
577
577
|
A: 'Air',
|
|
@@ -604,7 +604,7 @@ const typeIcons = {
|
|
|
604
604
|
const TypeIcon = ({ type, size = 18, showTooltip = true, className, }) => {
|
|
605
605
|
const colors = typeColors[type] || typeColors.U;
|
|
606
606
|
const label = typeLabels[type] || 'Unknown';
|
|
607
|
-
return (jsx("span", { className: `${styles$
|
|
607
|
+
return (jsx("span", { className: `${styles$Y.icon} ${className || ''}`, style: {
|
|
608
608
|
width: size,
|
|
609
609
|
height: size,
|
|
610
610
|
backgroundColor: colors.bg,
|
|
@@ -612,7 +612,7 @@ const TypeIcon = ({ type, size = 18, showTooltip = true, className, }) => {
|
|
|
612
612
|
}, title: showTooltip ? label : undefined, "aria-label": label, children: jsx("svg", { viewBox: "0 0 24 24", width: size * 0.6, height: size * 0.6, fill: "currentColor", children: typeIcons[type] || typeIcons.U }) }));
|
|
613
613
|
};
|
|
614
614
|
|
|
615
|
-
var styles$
|
|
615
|
+
var styles$X = {"accordion":"Accordion-module_accordion__I3hmS","headerContainer":"Accordion-module_headerContainer__QhfHx","toggle":"Accordion-module_toggle__rlK5n","caret":"Accordion-module_caret__iZAh1","open":"Accordion-module_open__5jX-w","header":"Accordion-module_header__gzKrn","body":"Accordion-module_body__xTgL6","hidden":"Accordion-module_hidden__wcCWd","visible":"Accordion-module_visible__116om","timeline":"Accordion-module_timeline__ikrdK","line":"Accordion-module_line__buDP1","endCaret":"Accordion-module_endCaret__OXpPJ","content":"Accordion-module_content__aL8Vn"};
|
|
616
616
|
|
|
617
617
|
const CaretIcon = ({ className }) => (jsx("svg", { className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "9 18 15 12 9 6" }) }));
|
|
618
618
|
/**
|
|
@@ -630,21 +630,21 @@ const Accordion = ({ header, children, defaultOpen = true, open: controlledOpen,
|
|
|
630
630
|
}
|
|
631
631
|
onOpenChange?.(newOpen);
|
|
632
632
|
};
|
|
633
|
-
return (jsxs("div", { className: `${styles$
|
|
633
|
+
return (jsxs("div", { className: `${styles$X.accordion} ${className || ''}`, children: [jsxs("div", { className: styles$X.headerContainer, children: [jsx("button", { type: "button", className: styles$X.toggle, onClick: handleToggle, "aria-expanded": isOpen, children: jsx(CaretIcon, { className: `${styles$X.caret} ${isOpen ? styles$X.open : ''}` }) }), jsx("div", { className: styles$X.header, children: header })] }), jsxs("div", { className: `${styles$X.body} ${isOpen ? styles$X.visible : styles$X.hidden}`, "aria-hidden": !isOpen, children: [showTimeline && (jsxs("div", { className: styles$X.timeline, children: [jsx("div", { className: styles$X.line }), jsx(CaretIcon, { className: styles$X.endCaret })] })), jsx("div", { className: styles$X.content, children: children })] })] }));
|
|
634
634
|
};
|
|
635
635
|
Accordion.displayName = 'Accordion';
|
|
636
636
|
|
|
637
|
-
var styles$
|
|
637
|
+
var styles$W = {"selector":"CalendarSelectors-module_selector__1nDos","item":"CalendarSelectors-module_item__CoR5s","active":"CalendarSelectors-module_active__u4w6Z","sm":"CalendarSelectors-module_sm__ju5t-","withLabel":"CalendarSelectors-module_withLabel__Jr9Re","md":"CalendarSelectors-module_md__a-U38","lg":"CalendarSelectors-module_lg__WHvAF","iconOnly":"CalendarSelectors-module_iconOnly__cAjyD"};
|
|
638
638
|
|
|
639
639
|
const ListIcon = () => (jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), jsx("circle", { cx: "3", cy: "6", r: "1", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "3", cy: "12", r: "1", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "3", cy: "18", r: "1", fill: "currentColor", stroke: "none" })] }));
|
|
640
|
-
const SegmentedSelector = ({ options, value, onChange, disabled = false, size = 'md', className = '', ariaLabel = 'View options', }) => (jsx("div", { className: [styles$
|
|
640
|
+
const SegmentedSelector = ({ options, value, onChange, disabled = false, size = 'md', className = '', ariaLabel = 'View options', }) => (jsx("div", { className: [styles$W.selector, className].filter(Boolean).join(' '), role: "group", "aria-label": ariaLabel, children: options.map((option) => {
|
|
641
641
|
const active = option.id === value;
|
|
642
642
|
const accessibleName = option.alt ?? option.label ?? option.id;
|
|
643
643
|
return (jsxs("button", { type: "button", title: accessibleName, "aria-label": accessibleName, "aria-pressed": active, disabled: disabled, className: [
|
|
644
|
-
styles$
|
|
645
|
-
styles$
|
|
646
|
-
option.label ? styles$
|
|
647
|
-
active ? styles$
|
|
644
|
+
styles$W.item,
|
|
645
|
+
styles$W[size],
|
|
646
|
+
option.label ? styles$W.withLabel : styles$W.iconOnly,
|
|
647
|
+
active ? styles$W.active : '',
|
|
648
648
|
].filter(Boolean).join(' '), onClick: () => onChange?.(option.id), children: [option.icon, option.label && jsx("span", { children: option.label })] }, option.id));
|
|
649
649
|
}) }));
|
|
650
650
|
const CalendarViewSelector = ({ value, onChange, ...props }) => (jsx(SegmentedSelector, { ...props, ariaLabel: "Calendar view", value: value, onChange: (nextValue) => onChange?.(nextValue), options: [
|
|
@@ -657,7 +657,7 @@ const CalendarTypeSelector = ({ value, onChange, ...props }) => (jsx(SegmentedSe
|
|
|
657
657
|
{ id: 'due_dates', label: 'Due Dates' },
|
|
658
658
|
] }));
|
|
659
659
|
|
|
660
|
-
var styles$
|
|
660
|
+
var styles$V = {"dropdown":"Dropdown-module_dropdown__K4-yz","arrow":"Dropdown-module_arrow__2Xuwf","arrowOpen":"Dropdown-module_arrowOpen__5g2iY","menu":"Dropdown-module_menu__dCgm8","menuOpen":"Dropdown-module_menuOpen__-IXFR","left":"Dropdown-module_left__tnNcS","center":"Dropdown-module_center__s9zhj","right":"Dropdown-module_right__s71gz","item":"Dropdown-module_item__R008o","itemDisabled":"Dropdown-module_itemDisabled__XIuNm","itemIcon":"Dropdown-module_itemIcon__DbSnD"};
|
|
661
661
|
|
|
662
662
|
const Dropdown = ({ label, children, alignment = 'left', width, className = '', disabled = false, }) => {
|
|
663
663
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -680,14 +680,14 @@ const Dropdown = ({ label, children, alignment = 'left', width, className = '',
|
|
|
680
680
|
setIsOpen(false);
|
|
681
681
|
}
|
|
682
682
|
};
|
|
683
|
-
return (jsxs("div", { ref: dropdownRef, className: `${styles$
|
|
683
|
+
return (jsxs("div", { ref: dropdownRef, className: `${styles$V.dropdown} ${className}`, onKeyDown: handleKeyDown, children: [jsxs(Button, { variant: "secondary", onClick: () => !disabled && setIsOpen(!isOpen), disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "true", children: [label, jsx("svg", { className: `${styles$V.arrow} ${isOpen ? styles$V.arrowOpen : ''}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", width: "16", height: "16", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), jsx("div", { className: `${styles$V.menu} ${styles$V[alignment]} ${isOpen ? styles$V.menuOpen : ''}`, style: width ? { minWidth: `${width}px` } : undefined, role: "menu", children: children })] }));
|
|
684
684
|
};
|
|
685
685
|
const DropdownItem = ({ children, onClick, disabled = false, icon, className = '', }) => {
|
|
686
|
-
return (jsxs("button", { type: "button", className: `${styles$
|
|
686
|
+
return (jsxs("button", { type: "button", className: `${styles$V.item} ${disabled ? styles$V.itemDisabled : ''} ${className}`, onClick: onClick, disabled: disabled, role: "menuitem", children: [icon && jsx("span", { className: styles$V.itemIcon, children: icon }), children] }));
|
|
687
687
|
};
|
|
688
688
|
Dropdown.Item = DropdownItem;
|
|
689
689
|
|
|
690
|
-
var styles$
|
|
690
|
+
var styles$U = {"wrapper":"FilterChip-module_wrapper__YDRSW","chip":"FilterChip-module_chip__pF7K5","open":"FilterChip-module_open__EYBp7","active":"FilterChip-module_active__JEkku","label":"FilterChip-module_label__tRr-y","value":"FilterChip-module_value__0EcVu","chevron":"FilterChip-module_chevron__kh13z","rotated":"FilterChip-module_rotated__U-FzI","dropdown":"FilterChip-module_dropdown__w3ytW","infoMessage":"FilterChip-module_infoMessage__0TzcA","searchWrapper":"FilterChip-module_searchWrapper__VHOSK","searchIcon":"FilterChip-module_searchIcon__jJ2K-","searchInput":"FilterChip-module_searchInput__FqwvR","optionsList":"FilterChip-module_optionsList__P0dgd","option":"FilterChip-module_option__DMuqM","selected":"FilterChip-module_selected__ltt9Y","noResults":"FilterChip-module_noResults__QGNao"};
|
|
691
691
|
|
|
692
692
|
const FilterChip = ({ label, value, options, onChange, searchable = false, searchPlaceholder = 'Search...', infoMessage, className, }) => {
|
|
693
693
|
const [open, setOpen] = useState(false);
|
|
@@ -724,13 +724,13 @@ const FilterChip = ({ label, value, options, onChange, searchable = false, searc
|
|
|
724
724
|
const selectedOption = options.find(opt => opt.value === value);
|
|
725
725
|
const displayValue = selectedOption?.label || value;
|
|
726
726
|
const isDefault = value === options[0]?.value;
|
|
727
|
-
return (jsxs("div", { ref: ref, className: `${styles$
|
|
727
|
+
return (jsxs("div", { ref: ref, className: `${styles$U.wrapper} ${className || ''}`, children: [jsxs("button", { type: "button", className: `${styles$U.chip} ${open ? styles$U.open : ''} ${!isDefault ? styles$U.active : ''}`, onClick: () => setOpen(!open), "aria-haspopup": "listbox", "aria-expanded": open, children: [jsxs("span", { className: styles$U.label, children: [label, ":"] }), jsx("span", { className: styles$U.value, children: displayValue }), jsx("svg", { className: `${styles$U.chevron} ${open ? styles$U.rotated : ''}`, width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "6 9 12 15 18 9" }) })] }), open && (jsxs("div", { className: styles$U.dropdown, role: "listbox", children: [infoMessage && (jsxs("div", { className: styles$U.infoMessage, children: [jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", children: jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" }) }), jsx("span", { children: infoMessage })] })), searchable && (jsxs("div", { className: styles$U.searchWrapper, children: [jsxs("svg", { className: styles$U.searchIcon, width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: searchPlaceholder, className: styles$U.searchInput, autoFocus: true })] })), jsxs("div", { className: styles$U.optionsList, children: [filteredOptions.map((option) => (jsx("button", { type: "button", role: "option", "aria-selected": option.value === value, className: `${styles$U.option} ${option.value === value ? styles$U.selected : ''}`, onClick: () => {
|
|
728
728
|
onChange(option.value);
|
|
729
729
|
setOpen(false);
|
|
730
|
-
}, children: option.label }, option.value))), filteredOptions.length === 0 && (jsx("div", { className: styles$
|
|
730
|
+
}, children: option.label }, option.value))), filteredOptions.length === 0 && (jsx("div", { className: styles$U.noResults, children: "No results found" }))] })] }))] }));
|
|
731
731
|
};
|
|
732
732
|
|
|
733
|
-
var styles$
|
|
733
|
+
var styles$T = {"formField":"FormField-module_formField__VhLhK","label":"FormField-module_label__CNCs6","required":"FormField-module_required__HkPQf","inputElement":"FormField-module_inputElement__9uvGR","inputError":"FormField-module_inputError__xD7fk","helperText":"FormField-module_helperText__D99kd","errorText":"FormField-module_errorText__8mXAJ","visuallyHidden":"FormField-module_visuallyHidden__YQc7S"};
|
|
734
734
|
|
|
735
735
|
const FormField = forwardRef(({ label, helperText, error, required = false, hideLabel = false, className, as = 'input', inputProps, textareaProps, children, }, ref) => {
|
|
736
736
|
const generatedId = useId();
|
|
@@ -749,15 +749,15 @@ const FormField = forwardRef(({ label, helperText, error, required = false, hide
|
|
|
749
749
|
return children;
|
|
750
750
|
}
|
|
751
751
|
if (as === 'textarea') {
|
|
752
|
-
return (jsx(Textarea, { ref: ref, id: inputId, "aria-describedby": describedBy, "aria-invalid": hasError, "aria-required": required, ...textareaProps, className: `${styles$
|
|
752
|
+
return (jsx(Textarea, { ref: ref, id: inputId, "aria-describedby": describedBy, "aria-invalid": hasError, "aria-required": required, ...textareaProps, className: `${styles$T.inputElement} ${hasError ? styles$T.inputError : ''} ${textareaProps?.className || ''}` }));
|
|
753
753
|
}
|
|
754
|
-
return (jsx(Input, { ref: ref, id: inputId, "aria-describedby": describedBy, "aria-invalid": hasError, "aria-required": required, ...inputProps, className: `${styles$
|
|
754
|
+
return (jsx(Input, { ref: ref, id: inputId, "aria-describedby": describedBy, "aria-invalid": hasError, "aria-required": required, ...inputProps, className: `${styles$T.inputElement} ${hasError ? styles$T.inputError : ''} ${inputProps?.className || ''}` }));
|
|
755
755
|
};
|
|
756
|
-
return (jsxs("div", { className: `${styles$
|
|
756
|
+
return (jsxs("div", { className: `${styles$T.formField} ${className || ''}`, children: [jsxs("label", { htmlFor: inputId, className: `${styles$T.label} ${hideLabel ? styles$T.visuallyHidden : ''}`, children: [label, required && jsx("span", { className: styles$T.required, "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsx("p", { id: helperId, className: styles$T.helperText, children: helperText })), hasError && (jsx("p", { id: errorId, className: styles$T.errorText, role: "alert", children: error }))] }));
|
|
757
757
|
});
|
|
758
758
|
FormField.displayName = 'FormField';
|
|
759
759
|
|
|
760
|
-
var styles$
|
|
760
|
+
var styles$S = {"row":"FormRow-module_row__2ObP9","cols1":"FormRow-module_cols1__WsxX3","cols2":"FormRow-module_cols2__t548T","cols3":"FormRow-module_cols3__zjoSR","cols4":"FormRow-module_cols4__DbZL-","gapsm":"FormRow-module_gapsm__sl0ji","gapmd":"FormRow-module_gapmd__77Yp3","gaplg":"FormRow-module_gaplg__Yb-fh","stackMobile":"FormRow-module_stackMobile__6UluR"};
|
|
761
761
|
|
|
762
762
|
/**
|
|
763
763
|
* FormRow component for laying out form fields in a responsive grid.
|
|
@@ -767,16 +767,16 @@ const FormRow = ({ children, columns, gap = 'md', className, stackOnMobile = tru
|
|
|
767
767
|
const childCount = Children.count(children);
|
|
768
768
|
const colCount = columns || (childCount > 4 ? 4 : childCount);
|
|
769
769
|
return (jsx("div", { className: `
|
|
770
|
-
${styles$
|
|
771
|
-
${styles$
|
|
772
|
-
${styles$
|
|
773
|
-
${stackOnMobile ? styles$
|
|
770
|
+
${styles$S.row}
|
|
771
|
+
${styles$S[`cols${colCount}`]}
|
|
772
|
+
${styles$S[`gap${gap}`]}
|
|
773
|
+
${stackOnMobile ? styles$S.stackMobile : ''}
|
|
774
774
|
${className || ''}
|
|
775
775
|
`, children: children }));
|
|
776
776
|
};
|
|
777
777
|
FormRow.displayName = 'FormRow';
|
|
778
778
|
|
|
779
|
-
var styles$
|
|
779
|
+
var styles$R = {"section":"FormSection-module_section__T17Vg","header":"FormSection-module_header__2MkY6","icon":"FormSection-module_icon__uywPB","title":"FormSection-module_title__dlvYD","fieldset":"FormSection-module_fieldset__pDDIo","disabled":"FormSection-module_disabled__xC3-e","status":"FormSection-module_status__2XOyW","statusLabel":"FormSection-module_statusLabel__VAuDb","statusValue":"FormSection-module_statusValue__YKSc-","submitted":"FormSection-module_submitted__sS-zT","not-submitted":"FormSection-module_not-submitted__Kuk2i","draft":"FormSection-module_draft__XHq3-"};
|
|
780
780
|
|
|
781
781
|
/**
|
|
782
782
|
* FormSection component for grouping related form fields with a title and icon.
|
|
@@ -785,45 +785,45 @@ var styles$Q = {"section":"FormSection-module_section__T17Vg","header":"FormSect
|
|
|
785
785
|
const FormSection = ({ title, icon, status, disabled = false, children, className, id, }) => {
|
|
786
786
|
const isSubmitted = status === 'submitted';
|
|
787
787
|
const isDisabled = disabled || isSubmitted;
|
|
788
|
-
return (jsxs("div", { className: `${styles$
|
|
788
|
+
return (jsxs("div", { className: `${styles$R.section} ${className || ''}`, id: id, children: [jsxs("div", { className: styles$R.header, children: [icon && jsx("span", { className: styles$R.icon, children: icon }), jsx("h2", { className: styles$R.title, children: title })] }), jsxs("fieldset", { disabled: isDisabled, className: `${styles$R.fieldset} ${isDisabled ? styles$R.disabled : ''}`, children: [status && (jsxs("div", { className: styles$R.status, children: [jsx("span", { className: styles$R.statusLabel, children: "Status:" }), jsx("span", { className: `${styles$R.statusValue} ${styles$R[status]}`, children: status === 'submitted' ? 'Submitted' : status === 'draft' ? 'Draft' : 'Not Submitted' })] })), children] })] }));
|
|
789
789
|
};
|
|
790
790
|
FormSection.displayName = 'FormSection';
|
|
791
791
|
|
|
792
|
-
var styles$
|
|
792
|
+
var styles$Q = {"stack":"FormStack-module_stack__SURjY","sm":"FormStack-module_sm__rt3tb","md":"FormStack-module_md__SRDmc","lg":"FormStack-module_lg__jql3j"};
|
|
793
793
|
|
|
794
794
|
/** Standard vertical form-field rhythm used by Hub modal forms. */
|
|
795
|
-
const FormStack = ({ children, gap = 'md', className = '' }) => (jsx("div", { className: [styles$
|
|
795
|
+
const FormStack = ({ children, gap = 'md', className = '' }) => (jsx("div", { className: [styles$Q.stack, styles$Q[gap], className].filter(Boolean).join(' '), children: children }));
|
|
796
796
|
|
|
797
|
-
var styles$
|
|
797
|
+
var styles$P = {"toggle":"ManifestViewToggle-module_toggle__sHnAd","lockedToggle":"ManifestViewToggle-module_lockedToggle__m70h9","tab":"ManifestViewToggle-module_tab__qcwg7","active":"ManifestViewToggle-module_active__ln3B8","locked":"ManifestViewToggle-module_locked__Udun8","lockedActive":"ManifestViewToggle-module_lockedActive__kYSaF","count":"ManifestViewToggle-module_count__M-8a8"};
|
|
798
798
|
|
|
799
799
|
const ManifestViewToggle = ({ view, onView, paxCount, eqCount, locked, className = '', }) => {
|
|
800
800
|
const tabs = [
|
|
801
801
|
{ key: 'passengers', label: 'Passengers', count: paxCount, icon: UsersIcon$1 },
|
|
802
802
|
{ key: 'equipment', label: 'Equipment', count: eqCount, icon: CubeIcon },
|
|
803
803
|
];
|
|
804
|
-
return (jsx("div", { className: [styles$
|
|
804
|
+
return (jsx("div", { className: [styles$P.toggle, locked ? styles$P.lockedToggle : '', className].filter(Boolean).join(' '), role: "tablist", "aria-label": "Manifest view", children: tabs.map((tab) => {
|
|
805
805
|
const active = view === tab.key;
|
|
806
806
|
const Icon = locked ? LockIcon$1 : tab.icon;
|
|
807
807
|
return (jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => onView(tab.key), className: [
|
|
808
|
-
styles$
|
|
809
|
-
active ? styles$
|
|
810
|
-
locked ? styles$
|
|
811
|
-
locked && active ? styles$
|
|
812
|
-
].filter(Boolean).join(' '), children: [jsx(Icon, { size: 16 }), tab.label, jsx("span", { className: styles$
|
|
808
|
+
styles$P.tab,
|
|
809
|
+
active ? styles$P.active : '',
|
|
810
|
+
locked ? styles$P.locked : '',
|
|
811
|
+
locked && active ? styles$P.lockedActive : '',
|
|
812
|
+
].filter(Boolean).join(' '), children: [jsx(Icon, { size: 16 }), tab.label, jsx("span", { className: styles$P.count, children: tab.count })] }, tab.key));
|
|
813
813
|
}) }));
|
|
814
814
|
};
|
|
815
815
|
|
|
816
|
-
var styles$
|
|
816
|
+
var styles$O = {"navItem":"NavItem-module_navItem__4PpZU","disabled":"NavItem-module_disabled__uYqez","default":"NavItem-module_default__VB92P","active":"NavItem-module_active__3bcnW","pill":"NavItem-module_pill__pn5gl","icon":"NavItem-module_icon__j9VQ5","label":"NavItem-module_label__3S3KY","sm":"NavItem-module_sm__1oeZI","md":"NavItem-module_md__ySO90","lg":"NavItem-module_lg__OmaBw","collapsed":"NavItem-module_collapsed__ciZ6-","iconSm":"NavItem-module_iconSm__UvWnu","iconMd":"NavItem-module_iconMd__uAMlQ","iconLg":"NavItem-module_iconLg__PFPKD","badge":"NavItem-module_badge__oP9u2"};
|
|
817
817
|
|
|
818
818
|
const NavItem = ({ icon, label, active = false, collapsed = false, variant = 'default', size = 'md', badge, badgeVariant = 'default', onClick, disabled = false, href, external = false, className, 'aria-label': ariaLabel, }) => {
|
|
819
|
-
const content = (jsxs(Fragment, { children: [icon && jsx("span", { className: `${styles$
|
|
819
|
+
const content = (jsxs(Fragment, { children: [icon && jsx("span", { className: `${styles$O.icon} ${styles$O[`icon${size.charAt(0).toUpperCase()}${size.slice(1)}`]}`, "aria-hidden": "true", children: icon }), !collapsed && (jsx("span", { className: styles$O.label, children: label })), badge !== undefined && !collapsed && (jsx(Badge, { variant: badgeVariant, className: styles$O.badge, children: badge }))] }));
|
|
820
820
|
const classNames = [
|
|
821
|
-
styles$
|
|
822
|
-
styles$
|
|
823
|
-
styles$
|
|
824
|
-
active ? styles$
|
|
825
|
-
collapsed ? styles$
|
|
826
|
-
disabled ? styles$
|
|
821
|
+
styles$O.navItem,
|
|
822
|
+
styles$O[variant],
|
|
823
|
+
styles$O[size],
|
|
824
|
+
active ? styles$O.active : '',
|
|
825
|
+
collapsed ? styles$O.collapsed : '',
|
|
826
|
+
disabled ? styles$O.disabled : '',
|
|
827
827
|
className || '',
|
|
828
828
|
].filter(Boolean).join(' ');
|
|
829
829
|
const commonProps = {
|
|
@@ -838,7 +838,7 @@ const NavItem = ({ icon, label, active = false, collapsed = false, variant = 'de
|
|
|
838
838
|
return (jsx("button", { type: "button", onClick: disabled ? undefined : onClick, disabled: disabled, ...commonProps, children: content }));
|
|
839
839
|
};
|
|
840
840
|
|
|
841
|
-
var styles$
|
|
841
|
+
var styles$N = {"barContainer":"Progress-module_barContainer__e4v8v","barTrack":"Progress-module_barTrack__tJsPO","barFill":"Progress-module_barFill__RbcDy","barxs":"Progress-module_barxs__TLS4q","barsm":"Progress-module_barsm__BFAiw","barmd":"Progress-module_barmd__QDW-h","barlg":"Progress-module_barlg__C-Mzw","barLabel":"Progress-module_barLabel__4PFJ7","circleContainer":"Progress-module_circleContainer__zyOTa","circleSvg":"Progress-module_circleSvg__0Tt1Q","circleTrack":"Progress-module_circleTrack__p4VWf","circleFill":"Progress-module_circleFill__6fU2M","circleLabel":"Progress-module_circleLabel__vHLfU","primary":"Progress-module_primary__H2wpc","success":"Progress-module_success__rmmnE","warning":"Progress-module_warning__68ovy","error":"Progress-module_error__ZXkH0"};
|
|
842
842
|
|
|
843
843
|
const dimensions = {
|
|
844
844
|
xs: 32,
|
|
@@ -854,7 +854,7 @@ const strokeWidths = {
|
|
|
854
854
|
};
|
|
855
855
|
const ProgressBar = ({ value, max = 100, size = 'md', variant = 'primary', showLabel = false, className = '', }) => {
|
|
856
856
|
const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
|
|
857
|
-
return (jsxs("div", { className: `${styles$
|
|
857
|
+
return (jsxs("div", { className: `${styles$N.barContainer} ${styles$N[`bar${size}`]} ${className}`, children: [jsx("div", { className: styles$N.barTrack, children: jsx("div", { className: `${styles$N.barFill} ${styles$N[variant]}`, style: { width: `${percentage}%` }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max }) }), showLabel && (jsxs("span", { className: styles$N.barLabel, children: [Math.round(percentage), "%"] }))] }));
|
|
858
858
|
};
|
|
859
859
|
const ProgressCircle = ({ value, max = 100, size = 'md', variant = 'primary', showLabel = false, className = '', }) => {
|
|
860
860
|
const percentage = Math.min(Math.max((value / max) * 100, 0), 100);
|
|
@@ -863,7 +863,7 @@ const ProgressCircle = ({ value, max = 100, size = 'md', variant = 'primary', sh
|
|
|
863
863
|
const radius = (dimension - strokeWidth) / 2;
|
|
864
864
|
const circumference = radius * 2 * Math.PI;
|
|
865
865
|
const strokeDashoffset = circumference - (percentage / 100) * circumference;
|
|
866
|
-
return (jsxs("div", { className: `${styles$
|
|
866
|
+
return (jsxs("div", { className: `${styles$N.circleContainer} ${className}`, style: { width: dimension, height: dimension }, children: [jsxs("svg", { width: dimension, height: dimension, className: styles$N.circleSvg, children: [jsx("circle", { className: styles$N.circleTrack, cx: dimension / 2, cy: dimension / 2, r: radius, strokeWidth: strokeWidth, fill: "transparent" }), jsx("circle", { className: `${styles$N.circleFill} ${styles$N[variant]}`, cx: dimension / 2, cy: dimension / 2, r: radius, strokeWidth: strokeWidth, fill: "transparent", strokeDasharray: circumference, strokeDashoffset: strokeDashoffset, strokeLinecap: "round", role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max })] }), showLabel && (jsxs("span", { className: styles$N.circleLabel, style: { fontSize: size === 'xs' ? '8px' : size === 'sm' ? '10px' : size === 'md' ? '12px' : '14px' }, children: [Math.round(percentage), "%"] }))] }));
|
|
867
867
|
};
|
|
868
868
|
// Combined export
|
|
869
869
|
const Progress = {
|
|
@@ -871,7 +871,7 @@ const Progress = {
|
|
|
871
871
|
Circle: ProgressCircle,
|
|
872
872
|
};
|
|
873
873
|
|
|
874
|
-
var styles$
|
|
874
|
+
var styles$M = {"toolbar":"RosterToolbar-module_toolbar__IHjs9","leftSection":"RosterToolbar-module_leftSection__baz7E","rightSection":"RosterToolbar-module_rightSection__R2b-D","dropdown":"RosterToolbar-module_dropdown__NKaWV","dropdownTrigger":"RosterToolbar-module_dropdownTrigger__nCoaZ","dropdownMenu":"RosterToolbar-module_dropdownMenu__7QuED","dropdownItem":"RosterToolbar-module_dropdownItem__mrsat","dropdownItemIcon":"RosterToolbar-module_dropdownItemIcon__gx5tx","lockButton":"RosterToolbar-module_lockButton__zw3s0","locked":"RosterToolbar-module_locked__DVnqB","saveButton":"RosterToolbar-module_saveButton__th1lq","spinner":"RosterToolbar-module_spinner__uWdPg"};
|
|
875
875
|
|
|
876
876
|
const ImportIcon = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), jsx("polyline", { points: "17 8 12 3 7 8" }), jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }));
|
|
877
877
|
const ExportIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), jsx("polyline", { points: "7 10 12 15 17 10" }), jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })] }));
|
|
@@ -879,23 +879,23 @@ const ChevronIcon$2 = () => (jsx("svg", { width: "12", height: "12", viewBox: "0
|
|
|
879
879
|
const LockIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }));
|
|
880
880
|
const UnlockIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsx("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })] }));
|
|
881
881
|
const SaveIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), jsx("polyline", { points: "17 21 17 13 7 13 7 21" }), jsx("polyline", { points: "7 3 7 8 15 8" })] }));
|
|
882
|
-
const SpinnerIcon = () => (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: styles$
|
|
882
|
+
const SpinnerIcon = () => (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: styles$M.spinner, children: jsx("circle", { cx: "12", cy: "12", r: "10", strokeDasharray: "32", strokeDashoffset: "32" }) }));
|
|
883
883
|
const DropdownButton = ({ label, icon, options, }) => {
|
|
884
|
-
return (jsxs("div", { className: styles$
|
|
884
|
+
return (jsxs("div", { className: styles$M.dropdown, children: [jsxs("button", { type: "button", className: styles$M.dropdownTrigger, children: [icon, jsx("span", { children: label }), jsx(ChevronIcon$2, {})] }), jsx("div", { className: styles$M.dropdownMenu, children: options.map((option, i) => (jsxs("button", { type: "button", className: styles$M.dropdownItem, onClick: option.onClick, disabled: option.disabled, children: [option.icon && jsx("span", { className: styles$M.dropdownItemIcon, children: option.icon }), option.label] }, i))) })] }));
|
|
885
885
|
};
|
|
886
886
|
/**
|
|
887
887
|
* RosterToolbar - Toolbar for roster management with import/export/save actions
|
|
888
888
|
*/
|
|
889
889
|
const RosterToolbar = ({ importOptions, exportOptions, lockToggle, saveButton, additionalActions, searchField, className = '', }) => {
|
|
890
|
-
const toolbarClasses = [styles$
|
|
891
|
-
return (jsxs("div", { className: toolbarClasses, children: [jsxs("div", { className: styles$
|
|
892
|
-
styles$
|
|
893
|
-
lockToggle.isLocked ? styles$
|
|
894
|
-
].filter(Boolean).join(' '), onClick: () => lockToggle.onToggle(!lockToggle.isLocked), disabled: lockToggle.disabled, "aria-label": lockToggle.isLocked ? 'Unlock roster' : 'Lock roster', children: [lockToggle.isLocked ? jsx(LockIcon, {}) : jsx(UnlockIcon, {}), jsx("span", { children: lockToggle.isLocked ? 'Locked' : 'Unlocked' })] })), saveButton && (jsxs("button", { type: "button", className: styles$
|
|
890
|
+
const toolbarClasses = [styles$M.toolbar, className].filter(Boolean).join(' ');
|
|
891
|
+
return (jsxs("div", { className: toolbarClasses, children: [jsxs("div", { className: styles$M.leftSection, children: [searchField, additionalActions] }), jsxs("div", { className: styles$M.rightSection, children: [importOptions && importOptions.length > 0 && (jsx(DropdownButton, { label: "Import", icon: jsx(ImportIcon, {}), options: importOptions })), exportOptions && exportOptions.length > 0 && (jsx(DropdownButton, { label: "Export", icon: jsx(ExportIcon$1, {}), options: exportOptions })), lockToggle && (jsxs("button", { type: "button", className: [
|
|
892
|
+
styles$M.lockButton,
|
|
893
|
+
lockToggle.isLocked ? styles$M.locked : '',
|
|
894
|
+
].filter(Boolean).join(' '), onClick: () => lockToggle.onToggle(!lockToggle.isLocked), disabled: lockToggle.disabled, "aria-label": lockToggle.isLocked ? 'Unlock roster' : 'Lock roster', children: [lockToggle.isLocked ? jsx(LockIcon, {}) : jsx(UnlockIcon, {}), jsx("span", { children: lockToggle.isLocked ? 'Locked' : 'Unlocked' })] })), saveButton && (jsxs("button", { type: "button", className: styles$M.saveButton, onClick: saveButton.onClick, disabled: saveButton.disabled || saveButton.loading, children: [saveButton.loading ? jsx(SpinnerIcon, {}) : jsx(SaveIcon, {}), jsx("span", { children: saveButton.label || 'Save' })] }))] })] }));
|
|
895
895
|
};
|
|
896
896
|
RosterToolbar.displayName = 'RosterToolbar';
|
|
897
897
|
|
|
898
|
-
var styles$
|
|
898
|
+
var styles$L = {"searchField":"SearchField-module_searchField__c7gUE","inputWrapper":"SearchField-module_inputWrapper__SUzHv","searchIcon":"SearchField-module_searchIcon__MOZ2m","input":"SearchField-module_input__abJcl","clearButton":"SearchField-module_clearButton__RMIg2","sm":"SearchField-module_sm__-sayT","lg":"SearchField-module_lg__QKacI"};
|
|
899
899
|
|
|
900
900
|
const SearchField = forwardRef(({ placeholder = 'Search...', value, defaultValue = '', onChange, onSearch, onClear, size = 'md', disabled = false, showClear = true, showButton = true, className, id, 'aria-label': ariaLabel = 'Search', ...props }, ref) => {
|
|
901
901
|
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
@@ -923,25 +923,25 @@ const SearchField = forwardRef(({ placeholder = 'Search...', value, defaultValue
|
|
|
923
923
|
onSearch?.(currentValue);
|
|
924
924
|
}
|
|
925
925
|
};
|
|
926
|
-
return (jsxs("form", { className: `${styles$
|
|
926
|
+
return (jsxs("form", { className: `${styles$L.searchField} ${styles$L[size]} ${className || ''}`, onSubmit: handleSubmit, role: "search", children: [jsxs("div", { className: styles$L.inputWrapper, children: [jsx(SearchIcon$1, { className: styles$L.searchIcon, "aria-hidden": "true" }), jsx(Input, { ref: ref, id: id, type: "search", placeholder: placeholder, value: currentValue, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: styles$L.input, "aria-label": ariaLabel, ...props }), showClear && currentValue && (jsx("button", { type: "button", className: styles$L.clearButton, onClick: handleClear, disabled: disabled, "aria-label": "Clear search", children: jsx(CloseIcon, { size: 16 }) }))] }), showButton && (jsx(Button, { type: "submit", variant: "primary", size: size, disabled: disabled, children: "Search" }))] }));
|
|
927
927
|
});
|
|
928
928
|
SearchField.displayName = 'SearchField';
|
|
929
929
|
|
|
930
|
-
var styles$
|
|
930
|
+
var styles$K = {"form":"SchoolContactForm-module_form__-Mx7k","portalLabel":"SchoolContactForm-module_portalLabel__GAeV6","newContactLabel":"SchoolContactForm-module_newContactLabel__7S3Vw","divider":"SchoolContactForm-module_divider__ZSx-R","nameFields":"SchoolContactForm-module_nameFields__Fcjl8","phoneFields":"SchoolContactForm-module_phoneFields__-zRPe"};
|
|
931
931
|
|
|
932
932
|
/**
|
|
933
933
|
* Layout for Hub's school-contact editor. Field controls stay injectable so
|
|
934
934
|
* consuming applications retain their form state, validation, and masking.
|
|
935
935
|
*/
|
|
936
|
-
const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: [styles$
|
|
936
|
+
const SchoolContactForm = ({ mode, createFromPortalUser, firstNameField, middleInitialField, lastNameField, businessPhoneField, cellPhoneField, emailField, className = '', }) => (jsxs("div", { className: [styles$K.form, className].filter(Boolean).join(' '), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: styles$K.portalLabel, children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: styles$K.divider, children: jsx("strong", { children: "OR" }) }), jsx("p", { className: styles$K.newContactLabel, children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: styles$K.nameFields, children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: styles$K.phoneFields, children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
|
|
937
937
|
|
|
938
|
-
var styles$
|
|
938
|
+
var styles$J = {"segment":"Segment-module_segment__UF-SG","fullWidth":"Segment-module_fullWidth__Hi19i","option":"Segment-module_option__UJUhj","disabled":"Segment-module_disabled__CSxuQ","selected":"Segment-module_selected__gRnVj","sm":"Segment-module_sm__h8S7Z","md":"Segment-module_md__4uTae","lg":"Segment-module_lg__zL0Hv","icon":"Segment-module_icon__ZHRr6"};
|
|
939
939
|
|
|
940
940
|
const Segment = ({ options, value, onChange, size = 'md', fullWidth = false, className = '', 'aria-label': ariaLabel, }) => {
|
|
941
|
-
return (jsx("div", { className: `${styles$
|
|
941
|
+
return (jsx("div", { className: `${styles$J.segment} ${styles$J[size]} ${fullWidth ? styles$J.fullWidth : ''} ${className}`, role: "radiogroup", "aria-label": ariaLabel, children: options.map((option) => (jsxs("button", { type: "button", className: `${styles$J.option} ${value === option.value ? styles$J.selected : ''} ${option.disabled ? styles$J.disabled : ''}`, onClick: () => !option.disabled && onChange(option.value), disabled: option.disabled, role: "radio", "aria-checked": value === option.value, children: [option.icon && jsx("span", { className: styles$J.icon, children: option.icon }), option.label] }, option.value))) }));
|
|
942
942
|
};
|
|
943
943
|
|
|
944
|
-
var styles$
|
|
944
|
+
var styles$I = {"container":"SelectFilter-module_container__tCC9y","trigger":"SelectFilter-module_trigger__5WbMf","open":"SelectFilter-module_open__oo-Y6","disabled":"SelectFilter-module_disabled__JUdi3","triggerText":"SelectFilter-module_triggerText__LM07K","placeholder":"SelectFilter-module_placeholder__J0xyo","chevron":"SelectFilter-module_chevron__x-Pnr","dropdown":"SelectFilter-module_dropdown__52FPP","tabs":"SelectFilter-module_tabs__wp6on","tab":"SelectFilter-module_tab__JpnWo","activeTab":"SelectFilter-module_activeTab__ShP7x","actions":"SelectFilter-module_actions__phfFl","actionBtn":"SelectFilter-module_actionBtn__ppB--","options":"SelectFilter-module_options__p1iCX","option":"SelectFilter-module_option__0vwfy","selected":"SelectFilter-module_selected__2vxyT","checkbox":"SelectFilter-module_checkbox__qTUjy","optionLabel":"SelectFilter-module_optionLabel__L4CMA","footer":"SelectFilter-module_footer__aq4JP","applyBtn":"SelectFilter-module_applyBtn__RFKei"};
|
|
945
945
|
|
|
946
946
|
const ChevronIcon$1 = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "6 9 12 15 18 9" }) }));
|
|
947
947
|
const CheckIcon = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polyline", { points: "20 6 9 17 4 12" }) }));
|
|
@@ -1014,11 +1014,11 @@ const SelectFilter = ({ label, options = [], groupedOptions = {}, value = [], on
|
|
|
1014
1014
|
}
|
|
1015
1015
|
return `${selected.length} selected`;
|
|
1016
1016
|
};
|
|
1017
|
-
return (jsxs("div", { ref: dropdownRef, className: `${styles$
|
|
1017
|
+
return (jsxs("div", { ref: dropdownRef, className: `${styles$I.container} ${className}`, children: [jsxs("button", { type: "button", className: `${styles$I.trigger} ${disabled ? styles$I.disabled : ''} ${isOpen ? styles$I.open : ''}`, onClick: () => !disabled && setIsOpen(!isOpen), children: [jsx("span", { className: `${styles$I.triggerText} ${selectedValues.length === 0 ? styles$I.placeholder : ''}`, children: getDisplayText() }), jsx("span", { className: styles$I.chevron, children: jsx(ChevronIcon$1, {}) })] }), isOpen && (jsxs("div", { className: styles$I.dropdown, style: { width }, children: [grouped && tabs.length > 0 && (jsx("div", { className: styles$I.tabs, children: tabs.map(tab => (jsx("button", { type: "button", className: `${styles$I.tab} ${activeTab === tab ? styles$I.activeTab : ''}`, onClick: () => setActiveTab(tab), children: tab.charAt(0).toUpperCase() + tab.slice(1) }, tab))) })), multiselect && (jsxs("div", { className: styles$I.actions, children: [jsx("button", { type: "button", className: styles$I.actionBtn, onClick: handleSelectAll, children: "Select All" }), jsx("button", { type: "button", className: styles$I.actionBtn, onClick: handleClear, children: "Clear" })] })), jsx("div", { className: styles$I.options, children: currentOptions.map(option => (jsxs("div", { className: `${styles$I.option} ${selectedValues.includes(option.value) ? styles$I.selected : ''}`, onClick: () => handleSelect(option.value), children: [multiselect && (jsx("span", { className: styles$I.checkbox, children: selectedValues.includes(option.value) && jsx(CheckIcon, {}) })), jsx("span", { className: styles$I.optionLabel, children: option.label })] }, option.value))) }), multiselect && (jsx("div", { className: styles$I.footer, children: jsx("button", { type: "button", className: styles$I.applyBtn, onClick: () => setIsOpen(false), children: "Apply" }) }))] }))] }));
|
|
1018
1018
|
};
|
|
1019
1019
|
SelectFilter.displayName = 'SelectFilter';
|
|
1020
1020
|
|
|
1021
|
-
var styles$
|
|
1021
|
+
var styles$H = {"list":"ServiceToggle-module_list__bBts8","item":"ServiceToggle-module_item__4wEbQ","labelContainer":"ServiceToggle-module_labelContainer__oz-I1","clickable":"ServiceToggle-module_clickable__yzQxe","icon":"ServiceToggle-module_icon__8IdST","label":"ServiceToggle-module_label__J98Ve"};
|
|
1022
1022
|
|
|
1023
1023
|
/**
|
|
1024
1024
|
* ServiceToggle component for a single service item.
|
|
@@ -1031,19 +1031,19 @@ const ServiceToggle = ({ label, icon, hasToggle = true, enabled = false, onToggl
|
|
|
1031
1031
|
onClick();
|
|
1032
1032
|
}
|
|
1033
1033
|
};
|
|
1034
|
-
return (jsxs("div", { className: styles$
|
|
1034
|
+
return (jsxs("div", { className: styles$H.item, children: [jsxs("div", { className: `${styles$H.labelContainer} ${isClickable ? styles$H.clickable : ''}`, onClick: handleClick, children: [icon && jsx("span", { className: styles$H.icon, children: icon }), jsx("span", { className: styles$H.label, children: label })] }), hasToggle && (jsx(Toggle, { "aria-label": label, checked: enabled, onChange: (checked) => onToggle?.(checked), disabled: disabled, size: "sm" }))] }));
|
|
1035
1035
|
};
|
|
1036
1036
|
/**
|
|
1037
1037
|
* ServiceToggleList component for displaying a list of services with toggles.
|
|
1038
1038
|
* Used in travel request forms for service selection (Air, Hotel, Ground, etc.)
|
|
1039
1039
|
*/
|
|
1040
1040
|
const ServiceToggleList = ({ services, enabledServices = {}, onToggle, onClick, className, }) => {
|
|
1041
|
-
return (jsx("div", { className: `${styles$
|
|
1041
|
+
return (jsx("div", { className: `${styles$H.list} ${className || ''}`, children: services.map((service) => (jsx(ServiceToggle, { serviceKey: service.key, label: service.label, icon: service.icon, hasToggle: service.hasToggle, enabled: enabledServices[service.key] ?? false, onToggle: (enabled) => onToggle?.(service.key, enabled), onClick: () => onClick?.(service.key) }, service.key))) }));
|
|
1042
1042
|
};
|
|
1043
1043
|
ServiceToggle.displayName = 'ServiceToggle';
|
|
1044
1044
|
ServiceToggleList.displayName = 'ServiceToggleList';
|
|
1045
1045
|
|
|
1046
|
-
var styles$
|
|
1046
|
+
var styles$G = {"toggle":"SupplierTypeToggle-module_toggle__x4pTJ","active":"SupplierTypeToggle-module_active__8BGSe"};
|
|
1047
1047
|
|
|
1048
1048
|
const SUPPLIER_TYPE_OPTIONS = [
|
|
1049
1049
|
{ value: 'A', label: 'Air' },
|
|
@@ -1064,10 +1064,10 @@ const SupplierTypeToggle = ({ value, defaultValue = '', onChange, disabled = fal
|
|
|
1064
1064
|
setInternalValue(nextValue);
|
|
1065
1065
|
onChange?.(nextValue);
|
|
1066
1066
|
};
|
|
1067
|
-
return (jsx("div", { className: [styles$
|
|
1067
|
+
return (jsx("div", { className: [styles$G.toggle, className].filter(Boolean).join(' '), role: "group", "aria-label": "Supplier type", children: OPTIONS.map((option) => (jsx("button", { type: "button", disabled: disabled, "aria-pressed": activeValue === option.value, className: activeValue === option.value ? styles$G.active : '', onClick: () => handleSelect(option.value), children: option.label }, option.value || 'all'))) }));
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var styles$
|
|
1070
|
+
var styles$F = {"header":"TeamHeader-module_header__3Zx1c","empty":"TeamHeader-module_empty__fKrFE","left":"TeamHeader-module_left__yqug2","backButton":"TeamHeader-module_backButton__MqElX","titles":"TeamHeader-module_titles__m3Ne9","pretitle":"TeamHeader-module_pretitle__rZUD6","title":"TeamHeader-module_title__i3dmZ","actions":"TeamHeader-module_actions__ft1DN","subMenu":"TeamHeader-module_subMenu__oL-3Q","activeTab":"TeamHeader-module_activeTab__AUzdq"};
|
|
1071
1071
|
|
|
1072
1072
|
const BackIcon = () => (jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }), jsx("polyline", { points: "12 19 5 12 12 5" })] }));
|
|
1073
1073
|
/**
|
|
@@ -1078,8 +1078,8 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
|
|
|
1078
1078
|
? `${teamCode} - ${teamName}`
|
|
1079
1079
|
: teamName || teamCode || '');
|
|
1080
1080
|
const headerClasses = [
|
|
1081
|
-
styles$
|
|
1082
|
-
!title ? styles$
|
|
1081
|
+
styles$F.header,
|
|
1082
|
+
!title ? styles$F.empty : '',
|
|
1083
1083
|
className,
|
|
1084
1084
|
].filter(Boolean).join(' ');
|
|
1085
1085
|
const handleBack = () => {
|
|
@@ -1091,7 +1091,7 @@ const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team
|
|
|
1091
1091
|
window.location.href = backHref;
|
|
1092
1092
|
}
|
|
1093
1093
|
};
|
|
1094
|
-
return (jsxs("div", { className: headerClasses, children: [jsxs("div", { className: styles$
|
|
1094
|
+
return (jsxs("div", { className: headerClasses, children: [jsxs("div", { className: styles$F.left, children: [(backHref || onBack) && (jsx("button", { type: "button", className: styles$F.backButton, onClick: handleBack, "aria-label": "Go back", children: jsx(BackIcon, {}) })), jsxs("div", { className: styles$F.titles, children: [pretitle && jsx("span", { className: styles$F.pretitle, children: pretitle }), jsxs("h1", { className: styles$F.title, children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: styles$F.actions, children: actions }))] }));
|
|
1095
1095
|
};
|
|
1096
1096
|
const DEFAULT_TABS$1 = [
|
|
1097
1097
|
{ id: 'profile', label: 'Profile' },
|
|
@@ -1100,11 +1100,11 @@ const DEFAULT_TABS$1 = [
|
|
|
1100
1100
|
{ id: 'user-access', label: 'User Access' },
|
|
1101
1101
|
];
|
|
1102
1102
|
/** Router-agnostic counterpart of Hub's team-management submenu. */
|
|
1103
|
-
const TeamSubMenu = ({ tabs = DEFAULT_TABS$1, activeTab, onTabChange, className = '' }) => (jsx("nav", { className: [styles$
|
|
1103
|
+
const TeamSubMenu = ({ tabs = DEFAULT_TABS$1, activeTab, onTabChange, className = '' }) => (jsx("nav", { className: [styles$F.subMenu, className].filter(Boolean).join(' '), "aria-label": "Team management sections", children: tabs.map((tab) => (jsx("button", { type: "button", className: activeTab === tab.id ? styles$F.activeTab : '', "aria-current": activeTab === tab.id ? 'page' : undefined, onClick: () => onTabChange?.(tab.id), children: tab.label }, tab.id))) }));
|
|
1104
1104
|
TeamHeader.displayName = 'TeamHeader';
|
|
1105
1105
|
TeamSubMenu.displayName = 'TeamSubMenu';
|
|
1106
1106
|
|
|
1107
|
-
var styles$
|
|
1107
|
+
var styles$E = {"segment":"TripSegment-module_segment__jX-Nq","light":"TripSegment-module_light__hHSb3","dark":"TripSegment-module_dark__3Fuo7","empty":"TripSegment-module_empty__vmzg0","item":"TripSegment-module_item__S-RC1","itemHeader":"TripSegment-module_itemHeader__wFWMo","itemType":"TripSegment-module_itemType__NsDLe","itemName":"TripSegment-module_itemName__ysYsC","route":"TripSegment-module_route__Shyz0","location":"TripSegment-module_location__8VCMH","details":"TripSegment-module_details__4U4Km","dates":"TripSegment-module_dates__Wn4-k"};
|
|
1108
1108
|
|
|
1109
1109
|
const PlaneIcon$2 = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5Z" }) }));
|
|
1110
1110
|
const BusIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("rect", { x: "4", y: "4", width: "16", height: "14", rx: "2" }), jsx("path", { d: "M8 6v6" }), jsx("path", { d: "M16 6v6" }), jsx("circle", { cx: "8", cy: "16", r: "1" }), jsx("circle", { cx: "16", cy: "16", r: "1" })] }));
|
|
@@ -1114,41 +1114,41 @@ const ArrowIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0
|
|
|
1114
1114
|
* Base TripSegment component wrapper
|
|
1115
1115
|
*/
|
|
1116
1116
|
const TripSegment = ({ type: _type, variant = 'light', className = '', children, }) => {
|
|
1117
|
-
return (jsx("div", { className: `${styles$
|
|
1117
|
+
return (jsx("div", { className: `${styles$E.segment} ${styles$E[variant]} ${className}`, children: children }));
|
|
1118
1118
|
};
|
|
1119
1119
|
/**
|
|
1120
1120
|
* AirSegment component for displaying flight information
|
|
1121
1121
|
*/
|
|
1122
1122
|
const AirSegment = ({ flights, variant = 'light', className = '', }) => {
|
|
1123
1123
|
if (!flights || flights.length === 0) {
|
|
1124
|
-
return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: jsx("span", { className: styles$
|
|
1124
|
+
return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: jsx("span", { className: styles$E.empty, children: "No flights" }) }));
|
|
1125
1125
|
}
|
|
1126
|
-
return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxs("div", { className: styles$
|
|
1126
|
+
return (jsx(TripSegment, { type: "air", variant: variant, className: className, children: flights.map((flight, i) => (jsxs("div", { className: styles$E.item, children: [jsxs("div", { className: styles$E.itemHeader, children: [jsx(PlaneIcon$2, {}), jsx("span", { className: styles$E.itemType, children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxs("div", { className: styles$E.route, children: [jsx("span", { className: styles$E.location, children: flight.departure }), jsx(ArrowIcon, {}), jsx("span", { className: styles$E.location, children: flight.arrival })] }), jsxs("div", { className: styles$E.details, children: [jsx("span", { children: flight.departureDate }), flight.departureTime && jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxs("div", { className: styles$E.details, children: [jsx("span", { children: flight.airline }), flight.flightNumber && jsxs("span", { children: ["#", flight.flightNumber] })] }))] }, i))) }));
|
|
1127
1127
|
};
|
|
1128
1128
|
/**
|
|
1129
1129
|
* GroundSegment component for displaying ground transportation
|
|
1130
1130
|
*/
|
|
1131
1131
|
const GroundSegment = ({ segments, variant = 'light', className = '', }) => {
|
|
1132
1132
|
if (!segments || segments.length === 0) {
|
|
1133
|
-
return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: jsx("span", { className: styles$
|
|
1133
|
+
return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: jsx("span", { className: styles$E.empty, children: "No ground transportation" }) }));
|
|
1134
1134
|
}
|
|
1135
|
-
return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxs("div", { className: styles$
|
|
1135
|
+
return (jsx(TripSegment, { type: "ground", variant: variant, className: className, children: segments.map((segment, i) => (jsxs("div", { className: styles$E.item, children: [jsxs("div", { className: styles$E.itemHeader, children: [jsx(BusIcon$1, {}), jsx("span", { className: styles$E.itemType, children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxs("div", { className: styles$E.route, children: [jsx("span", { className: styles$E.location, children: segment.pickupLocation }), jsx(ArrowIcon, {}), jsx("span", { className: styles$E.location, children: segment.dropoffLocation })] }), jsxs("div", { className: styles$E.details, children: [jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxs("div", { className: styles$E.details, children: [jsx("span", { children: segment.company }), segment.vehicleCount && jsxs("span", { children: [segment.vehicleCount, " vehicles"] })] }))] }, i))) }));
|
|
1136
1136
|
};
|
|
1137
1137
|
/**
|
|
1138
1138
|
* HotelSegment component for displaying hotel information
|
|
1139
1139
|
*/
|
|
1140
1140
|
const HotelSegment = ({ hotels, variant = 'light', className = '', }) => {
|
|
1141
1141
|
if (!hotels || hotels.length === 0) {
|
|
1142
|
-
return (jsx(TripSegment, { type: "hotel", variant: variant, className: className, children: jsx("span", { className: styles$
|
|
1142
|
+
return (jsx(TripSegment, { type: "hotel", variant: variant, className: className, children: jsx("span", { className: styles$E.empty, children: "No hotels" }) }));
|
|
1143
1143
|
}
|
|
1144
|
-
return (jsx(TripSegment, { type: "hotel", variant: variant, className: className, children: hotels.map((hotel, i) => (jsxs("div", { className: styles$
|
|
1144
|
+
return (jsx(TripSegment, { type: "hotel", variant: variant, className: className, children: hotels.map((hotel, i) => (jsxs("div", { className: styles$E.item, children: [jsxs("div", { className: styles$E.itemHeader, children: [jsx(HotelIcon$2, {}), jsx("span", { className: styles$E.itemName, children: hotel.name })] }), hotel.city && (jsx("div", { className: styles$E.details, children: jsx("span", { children: hotel.city }) })), jsxs("div", { className: styles$E.dates, children: [jsx("span", { children: hotel.checkIn }), jsx("span", { children: "\u2013" }), jsx("span", { children: hotel.checkOut })] }), hotel.roomCount && (jsx("div", { className: styles$E.details, children: jsxs("span", { children: [hotel.roomCount, " rooms"] }) }))] }, i))) }));
|
|
1145
1145
|
};
|
|
1146
1146
|
TripSegment.displayName = 'TripSegment';
|
|
1147
1147
|
AirSegment.displayName = 'AirSegment';
|
|
1148
1148
|
GroundSegment.displayName = 'GroundSegment';
|
|
1149
1149
|
HotelSegment.displayName = 'HotelSegment';
|
|
1150
1150
|
|
|
1151
|
-
var styles$
|
|
1151
|
+
var styles$D = {"sidenav":"Sidenav-module_sidenav__9DKVg","expanded":"Sidenav-module_expanded__TfkMs","collapsed":"Sidenav-module_collapsed__xyLkg","toggle":"Sidenav-module_toggle__JCoZu","logoContainer":"Sidenav-module_logoContainer__lLl0-","nav":"Sidenav-module_nav__ZwGrU","navItem":"Sidenav-module_navItem__HhFpj","active":"Sidenav-module_active__-oHUp","icon":"Sidenav-module_icon__7XJWf","label":"Sidenav-module_label__DJDBw","footer":"Sidenav-module_footer__EgrDk"};
|
|
1152
1152
|
|
|
1153
1153
|
/**
|
|
1154
1154
|
* Sidenav component for main navigation.
|
|
@@ -1157,8 +1157,8 @@ var styles$C = {"sidenav":"Sidenav-module_sidenav__9DKVg","expanded":"Sidenav-mo
|
|
|
1157
1157
|
const Sidenav = ({ logo, logoCollapsed, items, activeKey, onItemClick, defaultExpanded = true, footer, className = '', ...props }) => {
|
|
1158
1158
|
const [expanded, setExpanded] = useState(defaultExpanded);
|
|
1159
1159
|
const classNames = [
|
|
1160
|
-
styles$
|
|
1161
|
-
expanded ? styles$
|
|
1160
|
+
styles$D.sidenav,
|
|
1161
|
+
expanded ? styles$D.expanded : styles$D.collapsed,
|
|
1162
1162
|
className,
|
|
1163
1163
|
]
|
|
1164
1164
|
.filter(Boolean)
|
|
@@ -1171,20 +1171,20 @@ const Sidenav = ({ logo, logoCollapsed, items, activeKey, onItemClick, defaultEx
|
|
|
1171
1171
|
onItemClick(item.key);
|
|
1172
1172
|
}
|
|
1173
1173
|
};
|
|
1174
|
-
return (jsxs("aside", { className: classNames, ...props, children: [jsx("button", { className: styles$
|
|
1174
|
+
return (jsxs("aside", { className: classNames, ...props, children: [jsx("button", { className: styles$D.toggle, onClick: () => setExpanded(!expanded), "aria-label": expanded ? 'Collapse sidebar' : 'Expand sidebar', children: expanded ? (jsx(ChevronLeftIcon, { size: 16 })) : (jsx(ChevronRightIcon$1, { size: 16 })) }), jsx("div", { className: styles$D.logoContainer, children: expanded ? logo : logoCollapsed || logo }), jsx("nav", { className: styles$D.nav, children: items.map((item) => {
|
|
1175
1175
|
const isActive = item.key === activeKey;
|
|
1176
1176
|
const itemClasses = [
|
|
1177
|
-
styles$
|
|
1178
|
-
isActive ? styles$
|
|
1177
|
+
styles$D.navItem,
|
|
1178
|
+
isActive ? styles$D.active : '',
|
|
1179
1179
|
]
|
|
1180
1180
|
.filter(Boolean)
|
|
1181
1181
|
.join(' ');
|
|
1182
|
-
return (jsxs("button", { className: itemClasses, onClick: () => handleItemClick(item), "aria-current": isActive ? 'page' : undefined, title: !expanded ? item.label : undefined, children: [jsx("span", { className: styles$
|
|
1183
|
-
}) }), footer && jsx("div", { className: styles$
|
|
1182
|
+
return (jsxs("button", { className: itemClasses, onClick: () => handleItemClick(item), "aria-current": isActive ? 'page' : undefined, title: !expanded ? item.label : undefined, children: [jsx("span", { className: styles$D.icon, children: item.icon }), expanded && jsx("span", { className: styles$D.label, children: item.label })] }, item.key));
|
|
1183
|
+
}) }), footer && jsx("div", { className: styles$D.footer, children: footer })] }));
|
|
1184
1184
|
};
|
|
1185
1185
|
Sidenav.displayName = 'Sidenav';
|
|
1186
1186
|
|
|
1187
|
-
var styles$
|
|
1187
|
+
var styles$C = {"topbar":"Topbar-module_topbar__U9CDj","left":"Topbar-module_left__m4aap","accountWrapper":"Topbar-module_accountWrapper__5mjDZ","accountSelector":"Topbar-module_accountSelector__iqI--","open":"Topbar-module_open__2Xsp1","accountCode":"Topbar-module_accountCode__KMKWm","accountName":"Topbar-module_accountName__XZYjB","chevron":"Topbar-module_chevron__OSXcD","chevronOpen":"Topbar-module_chevronOpen__jVvEl","dropdown":"Topbar-module_dropdown__fA5Gw","dropdownSearch":"Topbar-module_dropdownSearch__9zqy3","searchIcon":"Topbar-module_searchIcon__sHGnK","searchInput":"Topbar-module_searchInput__1TSc3","dropdownList":"Topbar-module_dropdownList__P4q9b","dropdownItem":"Topbar-module_dropdownItem__w-eHf","selected":"Topbar-module_selected__MylKY","dropdownItemCode":"Topbar-module_dropdownItemCode__cUAn6","dropdownItemName":"Topbar-module_dropdownItemName__MYw3k","noResults":"Topbar-module_noResults__PkNfT","actions":"Topbar-module_actions__KtaiZ"};
|
|
1188
1188
|
|
|
1189
1189
|
/**
|
|
1190
1190
|
* Topbar component for the main header.
|
|
@@ -1195,7 +1195,7 @@ const Topbar = ({ account, accounts, onAccountSelect, onAccountClick, actions, l
|
|
|
1195
1195
|
const [searchQuery, setSearchQuery] = useState('');
|
|
1196
1196
|
const dropdownRef = useRef(null);
|
|
1197
1197
|
const searchInputRef = useRef(null);
|
|
1198
|
-
const classNames = [styles$
|
|
1198
|
+
const classNames = [styles$C.topbar, className].filter(Boolean).join(' ');
|
|
1199
1199
|
// Close dropdown on outside click
|
|
1200
1200
|
useEffect(() => {
|
|
1201
1201
|
if (!isOpen)
|
|
@@ -1244,27 +1244,27 @@ const Topbar = ({ account, accounts, onAccountSelect, onAccountClick, actions, l
|
|
|
1244
1244
|
const filteredAccounts = accounts?.filter(acc => acc.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
|
|
1245
1245
|
acc.code.toLowerCase().includes(searchQuery.toLowerCase())) || [];
|
|
1246
1246
|
const hasDropdown = accounts && accounts.length > 0;
|
|
1247
|
-
return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: styles$
|
|
1247
|
+
return (jsxs("header", { className: classNames, ...props, children: [jsxs("div", { className: styles$C.left, children: [leftContent, account && (jsxs("div", { className: styles$C.accountWrapper, ref: dropdownRef, children: [jsxs("button", { className: `${styles$C.accountSelector} ${isOpen ? styles$C.open : ''}`, onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: styles$C.accountCode, children: account.code }), jsx("span", { className: styles$C.accountName, children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: `${styles$C.chevron} ${isOpen ? styles$C.chevronOpen : ''}` }))] }), isOpen && hasDropdown && (jsxs("div", { className: styles$C.dropdown, role: "listbox", children: [jsxs("div", { className: styles$C.dropdownSearch, children: [jsxs("svg", { className: styles$C.searchIcon, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] }), jsx("input", { ref: searchInputRef, type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Search accounts...", className: styles$C.searchInput })] }), jsx("div", { className: styles$C.dropdownList, children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: `${styles$C.dropdownItem} ${acc.code === account.code ? styles$C.selected : ''}`, onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: styles$C.dropdownItemCode, children: acc.code }), jsx("span", { className: styles$C.dropdownItemName, children: acc.name })] }, acc.code)))) : (jsx("div", { className: styles$C.noResults, children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: styles$C.actions, children: actions })] }));
|
|
1248
1248
|
};
|
|
1249
1249
|
Topbar.displayName = 'Topbar';
|
|
1250
1250
|
|
|
1251
|
-
var styles$
|
|
1251
|
+
var styles$B = {"appLayout":"AppLayout-module_appLayout__NFbZk","mainArea":"AppLayout-module_mainArea__t-6oq","content":"AppLayout-module_content__5kV7S"};
|
|
1252
1252
|
|
|
1253
1253
|
const AppLayout = ({ navItems = [], activeNavKey, logo, collapsedLogo, account, defaultExpanded = true, onNavItemClick, onAccountClick, children, navFooter, topbarActions, className, }) => {
|
|
1254
|
-
return (jsxs("div", { className: `${styles$
|
|
1254
|
+
return (jsxs("div", { className: `${styles$B.appLayout} ${className || ''}`, children: [jsx(Sidenav, { items: navItems, activeKey: activeNavKey, defaultExpanded: defaultExpanded, onItemClick: onNavItemClick, logo: logo, logoCollapsed: collapsedLogo, footer: navFooter }), jsxs("div", { className: styles$B.mainArea, children: [jsx(Topbar, { account: account, onAccountClick: onAccountClick, actions: topbarActions }), jsx("main", { className: styles$B.content, children: children })] })] }));
|
|
1255
1255
|
};
|
|
1256
1256
|
|
|
1257
|
-
var styles$
|
|
1257
|
+
var styles$A = {"card":"Card-module_card__Ak6-W","default":"Card-module_default__e-M3H","bordered":"Card-module_bordered__pUL4k","elevated":"Card-module_elevated__8f-WS","interactive":"Card-module_interactive__6B4fH","padding-none":"Card-module_padding-none__c1qKN","padding-sm":"Card-module_padding-sm__Uejon","padding-md":"Card-module_padding-md__kR4F9","padding-lg":"Card-module_padding-lg__MleX9","header":"Card-module_header__NiVTV","headerContent":"Card-module_headerContent__LyJRB","title":"Card-module_title__3DN1v","subtitle":"Card-module_subtitle__gE5L-","actions":"Card-module_actions__gHmpq","body":"Card-module_body__BU4oo","footer":"Card-module_footer__zjjTd"};
|
|
1258
1258
|
|
|
1259
1259
|
/**
|
|
1260
1260
|
* Card component for grouping related content.
|
|
1261
1261
|
*/
|
|
1262
1262
|
const Card = forwardRef(({ variant = 'default', padding = 'md', interactive = false, className = '', children, ...props }, ref) => {
|
|
1263
1263
|
const classNames = [
|
|
1264
|
-
styles$
|
|
1265
|
-
styles$
|
|
1266
|
-
styles$
|
|
1267
|
-
interactive ? styles$
|
|
1264
|
+
styles$A.card,
|
|
1265
|
+
styles$A[variant],
|
|
1266
|
+
styles$A[`padding-${padding}`],
|
|
1267
|
+
interactive ? styles$A.interactive : '',
|
|
1268
1268
|
className,
|
|
1269
1269
|
]
|
|
1270
1270
|
.filter(Boolean)
|
|
@@ -1273,22 +1273,22 @@ const Card = forwardRef(({ variant = 'default', padding = 'md', interactive = fa
|
|
|
1273
1273
|
});
|
|
1274
1274
|
Card.displayName = 'Card';
|
|
1275
1275
|
const CardHeader = ({ title, subtitle, actions, className = '', children, ...props }) => {
|
|
1276
|
-
const classNames = [styles$
|
|
1277
|
-
return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: styles$
|
|
1276
|
+
const classNames = [styles$A.header, className].filter(Boolean).join(' ');
|
|
1277
|
+
return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: styles$A.headerContent, children: [title && jsx("h3", { className: styles$A.title, children: title }), subtitle && jsx("p", { className: styles$A.subtitle, children: subtitle }), children] }), actions && jsx("div", { className: styles$A.actions, children: actions })] }));
|
|
1278
1278
|
};
|
|
1279
1279
|
CardHeader.displayName = 'CardHeader';
|
|
1280
1280
|
const CardBody = ({ className = '', children, ...props }) => {
|
|
1281
|
-
const classNames = [styles$
|
|
1281
|
+
const classNames = [styles$A.body, className].filter(Boolean).join(' ');
|
|
1282
1282
|
return (jsx("div", { className: classNames, ...props, children: children }));
|
|
1283
1283
|
};
|
|
1284
1284
|
CardBody.displayName = 'CardBody';
|
|
1285
1285
|
const CardFooter = ({ className = '', children, ...props }) => {
|
|
1286
|
-
const classNames = [styles$
|
|
1286
|
+
const classNames = [styles$A.footer, className].filter(Boolean).join(' ');
|
|
1287
1287
|
return (jsx("div", { className: classNames, ...props, children: children }));
|
|
1288
1288
|
};
|
|
1289
1289
|
CardFooter.displayName = 'CardFooter';
|
|
1290
1290
|
|
|
1291
|
-
var styles$
|
|
1291
|
+
var styles$z = {"container":"ContactList-module_container__1kjze","alert":"ContactList-module_alert__KC0tz","card":"ContactList-module_card__TOyp2","header":"ContactList-module_header__QysLx","titleRow":"ContactList-module_titleRow__tUDMS","title":"ContactList-module_title__R-IOd","tooltip":"ContactList-module_tooltip__DDMka","list":"ContactList-module_list__6tjo-","contactItem":"ContactList-module_contactItem__4SoW-","contactInfo":"ContactList-module_contactInfo__6cQpi","contactName":"ContactList-module_contactName__z748K","badge":"ContactList-module_badge__USFpb","badgeSecondary":"ContactList-module_badgeSecondary__OSwqF","contactRole":"ContactList-module_contactRole__6kfuQ","contactDetails":"ContactList-module_contactDetails__ihY0M","contactLink":"ContactList-module_contactLink__sWGp9","contactPhone":"ContactList-module_contactPhone__dUn6z","contactActions":"ContactList-module_contactActions__6WT-z","actionButton":"ContactList-module_actionButton__aPnGZ","actionButtonDanger":"ContactList-module_actionButtonDanger__yRBz0","empty":"ContactList-module_empty__bRTDB","footer":"ContactList-module_footer__18gB-","addButton":"ContactList-module_addButton__STUhp"};
|
|
1292
1292
|
|
|
1293
1293
|
const InfoIcon = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] }));
|
|
1294
1294
|
const EditIcon$1 = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })] }));
|
|
@@ -1299,18 +1299,18 @@ const PlusIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0
|
|
|
1299
1299
|
*/
|
|
1300
1300
|
const ContactList = ({ title = 'Contacts', tooltip, contacts, onEdit, onRemove, onAdd, showAdd = true, addLabel = 'Add Contact', alert, className = '', }) => {
|
|
1301
1301
|
const listClasses = [
|
|
1302
|
-
styles$
|
|
1302
|
+
styles$z.container,
|
|
1303
1303
|
className,
|
|
1304
1304
|
].filter(Boolean).join(' ');
|
|
1305
|
-
return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: styles$
|
|
1305
|
+
return (jsxs("div", { className: listClasses, children: [alert && (jsx("div", { className: styles$z.alert, children: alert })), jsxs("div", { className: styles$z.card, children: [jsx("div", { className: styles$z.header, children: jsxs("div", { className: styles$z.titleRow, children: [jsx("h3", { className: styles$z.title, children: title }), tooltip && (jsx("span", { className: styles$z.tooltip, children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: styles$z.list, children: [contacts.map((contact) => (jsxs("div", { className: styles$z.contactItem, children: [jsxs("div", { className: styles$z.contactInfo, children: [jsxs("div", { className: styles$z.contactName, children: [contact.name, contact.isPrimary && (jsx("span", { className: styles$z.badge, children: "Primary" })), contact.isSecondary && (jsx("span", { className: `${styles$z.badge} ${styles$z.badgeSecondary}`, children: "Secondary" }))] }), contact.role && (jsx("div", { className: styles$z.contactRole, children: contact.role })), jsxs("div", { className: styles$z.contactDetails, children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: styles$z.contactLink, children: contact.email })), contact.phone && (jsx("span", { className: styles$z.contactPhone, children: contact.phone }))] })] }), jsxs("div", { className: styles$z.contactActions, children: [onEdit && (jsx("button", { type: "button", className: styles$z.actionButton, onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: `${styles$z.actionButton} ${styles$z.actionButtonDanger}`, onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: styles$z.empty, children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: styles$z.footer, children: jsxs("button", { type: "button", className: styles$z.addButton, onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
|
|
1306
1306
|
};
|
|
1307
1307
|
ContactList.displayName = 'ContactList';
|
|
1308
1308
|
|
|
1309
|
-
var styles$
|
|
1309
|
+
var styles$y = {"container":"Drawer-module_container__hXuOY","backdrop":"Drawer-module_backdrop__MIipQ","fadeIn":"Drawer-module_fadeIn__QsuvQ","backdropOpen":"Drawer-module_backdropOpen__YpH--","drawer":"Drawer-module_drawer__EHbbs","right":"Drawer-module_right__x6P6Q","drawerOpen":"Drawer-module_drawerOpen__KTgFg","left":"Drawer-module_left__aVF9t","top":"Drawer-module_top__wuvhi","bottom":"Drawer-module_bottom__rt-VZ","sizeSm":"Drawer-module_sizeSm__LFrm3","sizeMd":"Drawer-module_sizeMd__A1QTQ","sizeLg":"Drawer-module_sizeLg__6laD8","sizeXl":"Drawer-module_sizeXl__FY9mZ","sizeFull":"Drawer-module_sizeFull__BGQ1q","header":"Drawer-module_header__MpR14","headerContent":"Drawer-module_headerContent__dFcLH","title":"Drawer-module_title__0AmOX","closeButton":"Drawer-module_closeButton__VuXsE","body":"Drawer-module_body__GLUGo","footer":"Drawer-module_footer__K5ekS"};
|
|
1310
1310
|
|
|
1311
|
-
const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: `${styles$
|
|
1312
|
-
const DrawerBody = ({ children, className = '' }) => (jsx("div", { className: `${styles$
|
|
1313
|
-
const DrawerFooter = ({ children, className = '' }) => (jsx("div", { className: `${styles$
|
|
1311
|
+
const DrawerHeader = ({ title, children, showClose = true, onClose, className = '', }) => (jsxs("div", { className: `${styles$y.header} ${className}`, children: [jsxs("div", { className: styles$y.headerContent, children: [title && jsx("h2", { className: styles$y.title, children: title }), children] }), showClose && (jsx("button", { type: "button", className: styles$y.closeButton, onClick: onClose, "aria-label": "Close drawer", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] }));
|
|
1312
|
+
const DrawerBody = ({ children, className = '' }) => (jsx("div", { className: `${styles$y.body} ${className}`, children: children }));
|
|
1313
|
+
const DrawerFooter = ({ children, className = '' }) => (jsx("div", { className: `${styles$y.footer} ${className}`, children: children }));
|
|
1314
1314
|
const Drawer = ({ isOpen, onClose, position = 'right', size = 'md', children, closeOnBackdropClick = true, closeOnEscape = true, showBackdrop = true, className = '', }) => {
|
|
1315
1315
|
const handleEscape = useCallback((e) => {
|
|
1316
1316
|
if (closeOnEscape && e.key === 'Escape') {
|
|
@@ -1334,7 +1334,7 @@ const Drawer = ({ isOpen, onClose, position = 'right', size = 'md', children, cl
|
|
|
1334
1334
|
};
|
|
1335
1335
|
if (!isOpen)
|
|
1336
1336
|
return null;
|
|
1337
|
-
return (jsxs("div", { className: styles$
|
|
1337
|
+
return (jsxs("div", { className: styles$y.container, children: [showBackdrop && (jsx("div", { className: `${styles$y.backdrop} ${isOpen ? styles$y.backdropOpen : ''}`, onClick: handleBackdropClick })), jsx("div", { className: `${styles$y.drawer} ${styles$y[position]} ${styles$y[`size${size.charAt(0).toUpperCase()}${size.slice(1)}`]} ${isOpen ? styles$y.drawerOpen : ''} ${className}`, role: "dialog", "aria-modal": "true", children: React.Children.map(children, (child) => {
|
|
1338
1338
|
if (React.isValidElement(child) && child.type === DrawerHeader) {
|
|
1339
1339
|
return React.cloneElement(child, {
|
|
1340
1340
|
onClose,
|
|
@@ -1347,7 +1347,7 @@ Drawer.Header = DrawerHeader;
|
|
|
1347
1347
|
Drawer.Body = DrawerBody;
|
|
1348
1348
|
Drawer.Footer = DrawerFooter;
|
|
1349
1349
|
|
|
1350
|
-
var styles$
|
|
1350
|
+
var styles$x = {"drawer":"DueDatesDrawer-module_drawer__TqC4Q","open":"DueDatesDrawer-module_open__Yblf3","body":"DueDatesDrawer-module_body__OwwF-","search":"DueDatesDrawer-module_search__g7-Rl","cards":"DueDatesDrawer-module_cards__bFG90","empty":"DueDatesDrawer-module_empty__K2ULN","card":"DueDatesDrawer-module_card__4Os-5","cardTitle":"DueDatesDrawer-module_cardTitle__fU-cP","status":"DueDatesDrawer-module_status__dXifz","completed":"DueDatesDrawer-module_completed__jWoYi","pastDue":"DueDatesDrawer-module_pastDue__TSikC","tags":"DueDatesDrawer-module_tags__8P87y","completion":"DueDatesDrawer-module_completion__mIrWm"};
|
|
1351
1351
|
|
|
1352
1352
|
const isTravelDueDateCompleted = (item) => item.status.trim().toLowerCase() === 'completed' || !!item.completeddatetime;
|
|
1353
1353
|
const parseLocalDate$1 = (value) => {
|
|
@@ -1363,7 +1363,7 @@ const DueDateCard$1 = ({ item, onToggle, onTaskClick }) => {
|
|
|
1363
1363
|
const completed = isTravelDueDateCompleted(item);
|
|
1364
1364
|
const dueDate = parseLocalDate$1(item.duedate);
|
|
1365
1365
|
const pastDue = !!dueDate && dueDate < new Date() && !completed;
|
|
1366
|
-
return (jsxs("article", { className: styles$
|
|
1366
|
+
return (jsxs("article", { className: styles$x.card, children: [jsxs("div", { className: styles$x.cardTitle, children: [jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: [styles$x.status, completed ? styles$x.completed : pastDue ? styles$x.pastDue : ''].filter(Boolean).join(' '), onClick: () => onToggle?.(item), children: completed ? jsx(CheckIcon$2, { size: 12 }) : null }), jsx("h5", { children: item.tasktitle })] }), item.description && jsx("p", { children: item.description }), jsxs("div", { className: styles$x.tags, children: [jsx("span", { style: { backgroundColor: sportColor$1(item.sportCode) }, children: item.sportCode }), jsx("button", { type: "button", disabled: !item.masterTripGUID || !onTaskClick, onClick: () => item.masterTripGUID && onTaskClick?.(item.masterTripGUID), children: item.tripName })] }), completed && item.completeddatetime && jsxs("div", { className: styles$x.completion, children: [jsx(CheckIcon$2, { size: 14 }), jsxs("span", { children: [jsx("em", { children: "on" }), " ", formatDate$2(item.completeddatetime, { month: 'numeric', day: 'numeric', year: '2-digit' }), " ", jsx("em", { children: "by" }), " ", item.completedby] })] })] }));
|
|
1367
1367
|
};
|
|
1368
1368
|
/** Hub's searchable, status-aware due-dates drawer. */
|
|
1369
1369
|
const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, onClose, onToggle, onTaskClick, className = '' }) => {
|
|
@@ -1375,10 +1375,10 @@ const DueDatesDrawer = ({ isOpen, dueDates, selectedDate, selectedTrip, onClose,
|
|
|
1375
1375
|
const matches = items.filter((item) => (!selectedTrip || item.masterTripGUID === String(selectedTrip)) && (!normalized || item.tasktitle.toLowerCase().includes(normalized) || item.sportCode.toLowerCase().includes(normalized) || item.description.toLowerCase().includes(normalized)));
|
|
1376
1376
|
return matches.length ? [[date, matches]] : [];
|
|
1377
1377
|
})), [dueDates, search, selectedDate, selectedTrip]);
|
|
1378
|
-
return (jsxs("aside", { className: [styles$
|
|
1378
|
+
return (jsxs("aside", { className: [styles$x.drawer, isOpen ? styles$x.open : '', className].filter(Boolean).join(' '), "aria-hidden": !isOpen, "aria-label": "Due Dates", children: [jsxs("header", { children: [jsx("h3", { children: "Due Dates" }), jsx("button", { type: "button", "aria-label": "Close due dates", onClick: onClose, children: jsx(CloseIcon, { size: 24 }) })] }), jsxs("div", { className: styles$x.body, children: [jsxs("label", { className: styles$x.search, children: [jsx(SearchIcon$1, { size: 16 }), jsx("input", { type: "search", placeholder: "Search", value: search, onChange: (event) => setSearch(event.target.value) })] }), !Object.keys(filtered).length ? jsx("div", { className: styles$x.empty, children: "No due dates found." }) : Object.entries(filtered).map(([date, items]) => (jsxs("section", { children: [jsx("h4", { children: formatDate$2(date, { month: 'long', day: 'numeric', year: 'numeric' }) }), jsx("div", { className: styles$x.cards, children: items.map((item) => jsx(DueDateCard$1, { item: item, onToggle: onToggle, onTaskClick: onTaskClick }, `${date}-${item.taskid}`)) })] }, date)))] })] }));
|
|
1379
1379
|
};
|
|
1380
1380
|
|
|
1381
|
-
var styles$
|
|
1381
|
+
var styles$w = {"shell":"HubAppShell-module_shell__Y13Fo","main":"HubAppShell-module_main__OvnjA","beta":"HubAppShell-module_beta__V8Dzh","sidebar":"HubAppShell-module_sidebar__73gt6","shellExpanded":"HubAppShell-module_shellExpanded__z9cLL","expandButton":"HubAppShell-module_expandButton__hyYi-","logo":"HubAppShell-module_logo__iylLM","defaultLogo":"HubAppShell-module_defaultLogo__tVCz-","desktopNav":"HubAppShell-module_desktopNav__-ZRGD","navItem":"HubAppShell-module_navItem__FKkXN","active":"HubAppShell-module_active__zu1-B","navIcon":"HubAppShell-module_navIcon__QRImh","disabledNav":"HubAppShell-module_disabledNav__zj07n","sidebarFooter":"HubAppShell-module_sidebarFooter__kA2bq","profile":"HubAppShell-module_profile__JCGL5","avatar":"HubAppShell-module_avatar__V-lFG","profileMenu":"HubAppShell-module_profileMenu__qqWSu","topbar":"HubAppShell-module_topbar__U4w0A","defaultAccount":"HubAppShell-module_defaultAccount__3vohz","defaultActions":"HubAppShell-module_defaultActions__wAEJb","desktopActions":"HubAppShell-module_desktopActions__uVRKY","mobileActions":"HubAppShell-module_mobileActions__W6Rf9","content":"HubAppShell-module_content__yCgGs","contentDisabled":"HubAppShell-module_contentDisabled__btmCY","mobileNav":"HubAppShell-module_mobileNav__X0zBs","mobileNavItem":"HubAppShell-module_mobileNavItem__1x94j","mobileExtras":"HubAppShell-module_mobileExtras__xo3qI","mobileBooking":"HubAppShell-module_mobileBooking__-Jz9h","mobilePrimary":"HubAppShell-module_mobilePrimary__p5PCn","mobileFooter":"HubAppShell-module_mobileFooter__QvsE-","loading":"HubAppShell-module_loading__V8RiG"};
|
|
1382
1382
|
|
|
1383
1383
|
const HUB_INDIVIDUAL_TRAVEL_ITEM = { key: 'individual-travel', label: 'Individual Travel', path: '/individual-travel', icon: jsx(UserIcon, { size: 24 }) };
|
|
1384
1384
|
const HUB_NAV_ITEMS = [
|
|
@@ -1388,9 +1388,9 @@ const HUB_NAV_ITEMS = [
|
|
|
1388
1388
|
{ key: 'team-management', label: 'Team Management', path: '/team-management', icon: jsx(UsersIcon$1, { size: 24 }) },
|
|
1389
1389
|
];
|
|
1390
1390
|
const HUB_ADMIN_ITEM = { key: 'administration', label: 'Administration', path: '/administration', icon: jsx(SettingsIcon, { size: 24 }) };
|
|
1391
|
-
const DefaultLogo = ({ expanded }) => jsxs("div", { className: styles$
|
|
1392
|
-
const DefaultAccount = () => jsxs("button", { type: "button", className: styles$
|
|
1393
|
-
const DefaultActions = ({ isMobileNavOpen, toggleMobileNav }) => (jsxs("div", { className: styles$
|
|
1391
|
+
const DefaultLogo = ({ expanded }) => jsxs("div", { className: styles$w.defaultLogo, children: [jsx(LogoIcon, { size: expanded ? 38 : 32 }), expanded && jsxs("span", { children: [jsx("strong", { children: "SHORT'S" }), jsx("small", { children: "TRAVEL MANAGEMENT" })] })] });
|
|
1392
|
+
const DefaultAccount = () => jsxs("button", { type: "button", className: styles$w.defaultAccount, children: [jsx("span", { children: "UNI" }), jsx("strong", { children: "University of Northern Iowa" })] });
|
|
1393
|
+
const DefaultActions = ({ isMobileNavOpen, toggleMobileNav }) => (jsxs("div", { className: styles$w.defaultActions, children: [jsxs("div", { className: styles$w.desktopActions, children: [jsx(Button, { size: "lg", leftIcon: jsx(ArrowUpRightIcon, { size: 18 }), children: "Book Team Travel" }), jsx(Button, { variant: "secondary", size: "lg", square: true, "aria-label": "Provide Feedback", children: jsx(LightbulbIcon, { size: 18 }) }), jsx(Button, { variant: "secondary", size: "lg", square: true, "aria-label": "Announcements", children: jsx(MegaphoneIcon, { size: 18 }) }), jsx(Button, { variant: "secondary", size: "lg", square: true, "aria-label": "Contact Us", children: jsx(PhoneIcon, { size: 18 }) })] }), jsxs("div", { className: styles$w.mobileActions, children: [jsx(Button, { variant: "ghost", size: "lg", square: true, "aria-label": "Announcements", children: jsx(MegaphoneIcon, { size: 20 }) }), jsx(Button, { variant: "ghost", size: "lg", square: true, "aria-label": isMobileNavOpen ? 'Close navigation' : 'Open navigation', onClick: toggleMobileNav, children: isMobileNavOpen ? jsx(CloseIcon, { size: 22 }) : jsx(MenuIcon, { size: 22 }) })] })] }));
|
|
1394
1394
|
/** The shared application navigation and content shell used by Hub and its Storybook pages. */
|
|
1395
1395
|
const HubAppShell = ({ children, navItems = HUB_NAV_ITEMS, individualTravelItem = HUB_INDIVIDUAL_TRAVEL_ITEM, adminItem = HUB_ADMIN_ITEM, activeNavKey, onNavigate, onLogoClick, onLegacyPortal, accountSelector, renderTopbarActions, renderMobileExtras, mobileFooter, profileMenu, userInitials = 'KM', isAdmin = true, navigationDisabled = false, loading = false, contentDisabled = false, showContent = true, logo, defaultExpanded = false, betaLabel = 'Beta Version', className = '', }) => {
|
|
1396
1396
|
const [expanded, setExpanded] = useState(defaultExpanded);
|
|
@@ -1413,11 +1413,11 @@ const HubAppShell = ({ children, navItems = HUB_NAV_ITEMS, individualTravelItem
|
|
|
1413
1413
|
onNavigate?.(item);
|
|
1414
1414
|
closeMobileNav();
|
|
1415
1415
|
};
|
|
1416
|
-
const renderNavItem = (item, mobile = false) => (jsxs("button", { type: "button", className: [styles$
|
|
1417
|
-
return (jsxs("div", { className: [styles$
|
|
1416
|
+
const renderNavItem = (item, mobile = false) => (jsxs("button", { type: "button", className: [styles$w.navItem, activeNavKey === item.key ? styles$w.active : '', mobile ? styles$w.mobileNavItem : ''].filter(Boolean).join(' '), "aria-current": activeNavKey === item.key ? 'page' : undefined, "aria-label": item.label, title: item.label, onClick: () => navigate(item), children: [jsx("span", { className: styles$w.navIcon, children: item.icon }), (expanded || mobile) && jsx("span", { children: item.label })] }, item.key));
|
|
1417
|
+
return (jsxs("div", { className: [styles$w.shell, expanded ? styles$w.shellExpanded : '', className].filter(Boolean).join(' '), children: [loading && jsx("div", { className: styles$w.loading, role: "status", "aria-label": "Loading", "data-testid": "loading-overlay", children: jsx("span", {}) }), betaLabel && jsx("div", { className: styles$w.beta, children: betaLabel }), jsxs("aside", { className: styles$w.sidebar, "data-expanded": expanded, children: [jsx("button", { type: "button", className: styles$w.expandButton, "aria-label": expanded ? 'Collapse sidebar' : 'Expand sidebar', onClick: () => setExpanded((value) => !value), children: expanded ? jsx(ChevronLeftIcon, { size: 16 }) : jsx(ChevronRightIcon$1, { size: 16 }) }), jsx("button", { type: "button", className: styles$w.logo, "aria-label": "Go to Home", onClick: onLogoClick, children: logo ?? jsx(DefaultLogo, { expanded: expanded }) }), jsxs("nav", { className: styles$w.desktopNav, "aria-label": "Hub navigation", children: [jsxs("button", { type: "button", className: styles$w.navItem, "aria-label": "Old Portal", title: "Old Portal", onClick: onLegacyPortal, children: [jsx("span", { className: styles$w.navIcon, children: jsx(ArrowUpRightIcon, { size: 24 }) }), expanded && jsx("span", { children: "Old Portal" })] }), renderNavItem(individualTravelItem), jsx("div", { className: navigationDisabled ? styles$w.disabledNav : '', children: navItems.map((item) => renderNavItem(item)) })] }), jsxs("div", { className: styles$w.sidebarFooter, children: [isAdmin && renderNavItem(adminItem), jsxs("div", { className: styles$w.profile, ref: profileRef, children: [jsx("button", { type: "button", className: styles$w.avatar, "aria-label": "User Information", onClick: () => setIsProfileOpen((value) => !value), children: userInitials }), isProfileOpen && profileMenu && jsx("div", { className: styles$w.profileMenu, children: profileMenu })] })] })] }), jsxs("div", { className: styles$w.main, children: [jsxs("header", { className: styles$w.topbar, children: [jsx("div", { children: accountSelector ?? jsx(DefaultAccount, {}) }), renderTopbarActions?.(actions) ?? jsx(DefaultActions, { ...actions })] }), isMobileNavOpen && jsxs("div", { className: styles$w.mobileNav, children: [jsx("nav", { "aria-label": "Mobile Hub navigation", children: navItems.map((item) => renderNavItem(item, true)) }), jsxs("div", { className: styles$w.mobileExtras, role: "group", "aria-label": "Mobile navigation actions", children: [renderMobileExtras?.(closeMobileNav) ?? jsxs("button", { type: "button", className: styles$w.mobileBooking, onClick: closeMobileNav, children: [jsx(ArrowUpRightIcon, { size: 20 }), jsx("span", { children: "Book Team Travel" })] }), jsxs("button", { type: "button", className: styles$w.mobilePrimary, onClick: () => { onLegacyPortal?.(); closeMobileNav(); }, children: [jsx(ArrowUpRightIcon, { size: 20 }), jsx("span", { children: "Legacy Portal" })] })] }), mobileFooter && jsx("div", { className: styles$w.mobileFooter, children: mobileFooter })] }), showContent && jsx("main", { className: [styles$w.content, contentDisabled ? styles$w.contentDisabled : ''].filter(Boolean).join(' '), children: children })] })] }));
|
|
1418
1418
|
};
|
|
1419
1419
|
|
|
1420
|
-
var styles$
|
|
1420
|
+
var styles$v = {"container":"MembershipPrograms-module_container__qsGZu","loading":"MembershipPrograms-module_loading__tjDtr","alert":"MembershipPrograms-module_alert__GZc0f","header":"MembershipPrograms-module_header__ywXOE","title":"MembershipPrograms-module_title__WZGyt","addButton":"MembershipPrograms-module_addButton__rNlNb","empty":"MembershipPrograms-module_empty__pYrHW","list":"MembershipPrograms-module_list__8A9MG","group":"MembershipPrograms-module_group__v1Vc6","groupHeader":"MembershipPrograms-module_groupHeader__I5KJO","groupIcon":"MembershipPrograms-module_groupIcon__e1LIq","groupLabel":"MembershipPrograms-module_groupLabel__Wqift","programs":"MembershipPrograms-module_programs__hxHXQ","program":"MembershipPrograms-module_program__S3HTM","programInfo":"MembershipPrograms-module_programInfo__RJruG","programProvider":"MembershipPrograms-module_programProvider__c7enz","programName":"MembershipPrograms-module_programName__TN42s","programNumber":"MembershipPrograms-module_programNumber__GKav4","programStatus":"MembershipPrograms-module_programStatus__2imvX","programActions":"MembershipPrograms-module_programActions__36LkY","actionButton":"MembershipPrograms-module_actionButton__y-GI4","removeButton":"MembershipPrograms-module_removeButton__cTTuZ"};
|
|
1421
1421
|
|
|
1422
1422
|
const PlaneIcon$1 = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5Z" }) }));
|
|
1423
1423
|
const HotelIcon$1 = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M3 21h18" }), jsx("path", { d: "M19 21V5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v16" }), jsx("path", { d: "M9 21v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4" })] }));
|
|
@@ -1443,8 +1443,8 @@ const TYPE_LABELS = {
|
|
|
1443
1443
|
*/
|
|
1444
1444
|
const MembershipPrograms = ({ title = 'Membership Programs', programs, onEdit, onRemove, onAdd, alert, isLoading = false, emptyMessage = 'No membership programs added', className = '', }) => {
|
|
1445
1445
|
const containerClasses = [
|
|
1446
|
-
styles$
|
|
1447
|
-
isLoading ? styles$
|
|
1446
|
+
styles$v.container,
|
|
1447
|
+
isLoading ? styles$v.loading : '',
|
|
1448
1448
|
className,
|
|
1449
1449
|
].filter(Boolean).join(' ');
|
|
1450
1450
|
const groupedPrograms = programs.reduce((acc, program) => {
|
|
@@ -1455,30 +1455,30 @@ const MembershipPrograms = ({ title = 'Membership Programs', programs, onEdit, o
|
|
|
1455
1455
|
return acc;
|
|
1456
1456
|
}, {});
|
|
1457
1457
|
const typeOrder = ['airline', 'hotel', 'car', 'other'];
|
|
1458
|
-
return (jsxs("div", { className: containerClasses, children: [alert && jsx("div", { className: styles$
|
|
1458
|
+
return (jsxs("div", { className: containerClasses, children: [alert && jsx("div", { className: styles$v.alert, children: alert }), jsxs("div", { className: styles$v.header, children: [jsx("h2", { className: styles$v.title, children: title }), onAdd && (jsxs("button", { type: "button", className: styles$v.addButton, onClick: onAdd, "aria-label": "Add membership program", children: [jsx(PlusIcon, {}), jsx("span", { children: "Add Program" })] }))] }), programs.length === 0 ? (jsx("div", { className: styles$v.empty, children: jsx("p", { children: emptyMessage }) })) : (jsx("div", { className: styles$v.list, children: typeOrder.map((type) => {
|
|
1459
1459
|
const typePrograms = groupedPrograms[type];
|
|
1460
1460
|
if (!typePrograms || typePrograms.length === 0)
|
|
1461
1461
|
return null;
|
|
1462
|
-
return (jsxs("div", { className: styles$
|
|
1462
|
+
return (jsxs("div", { className: styles$v.group, children: [jsxs("div", { className: styles$v.groupHeader, children: [jsx("span", { className: styles$v.groupIcon, children: TYPE_ICONS[type] }), jsx("span", { className: styles$v.groupLabel, children: TYPE_LABELS[type] })] }), jsx("div", { className: styles$v.programs, children: typePrograms.map((program) => (jsxs("div", { className: styles$v.program, children: [jsxs("div", { className: styles$v.programInfo, children: [jsx("div", { className: styles$v.programProvider, children: program.provider }), program.programName && (jsx("div", { className: styles$v.programName, children: program.programName })), jsx("div", { className: styles$v.programNumber, children: program.membershipNumber }), program.status && (jsx("div", { className: styles$v.programStatus, children: program.status }))] }), jsxs("div", { className: styles$v.programActions, children: [onEdit && (jsx("button", { type: "button", className: styles$v.actionButton, onClick: () => onEdit(program), "aria-label": `Edit ${program.provider} program`, children: jsx(EditIcon, {}) })), onRemove && (jsx("button", { type: "button", className: [styles$v.actionButton, styles$v.removeButton].join(' '), onClick: () => onRemove(program), "aria-label": `Remove ${program.provider} program`, children: jsx(TrashIcon, {}) }))] })] }, program.id))) })] }, type));
|
|
1463
1463
|
}) }))] }));
|
|
1464
1464
|
};
|
|
1465
1465
|
MembershipPrograms.displayName = 'MembershipPrograms';
|
|
1466
1466
|
|
|
1467
|
-
var styles$
|
|
1467
|
+
var styles$u = {"stats":"ManifestCapacityStats-module_stats__BA5-o","stat":"ManifestCapacityStats-module_stat__qLJtb","labelRow":"ManifestCapacityStats-module_labelRow__iDQqn","label":"ManifestCapacityStats-module_label__5BRoZ","value":"ManifestCapacityStats-module_value__4hiE5","sub":"ManifestCapacityStats-module_sub__w7djZ","warningText":"ManifestCapacityStats-module_warningText__CZZ9a","warningIcon":"ManifestCapacityStats-module_warningIcon__NoXmW","alertIcon":"ManifestCapacityStats-module_alertIcon__h0QHJ","meter":"ManifestCapacityStats-module_meter__DrUuq","meterFill":"ManifestCapacityStats-module_meterFill__v7zKW","meterOver":"ManifestCapacityStats-module_meterOver__UqigI","alert":"ManifestCapacityStats-module_alert__vwkBX"};
|
|
1468
1468
|
|
|
1469
1469
|
const Stat = ({ label, value, sub, meterValue, meterMax, warn = false }) => {
|
|
1470
1470
|
const ratio = meterMax > 0 ? Math.min(100, Math.max(0, (meterValue / meterMax) * 100)) : 0;
|
|
1471
|
-
return (jsxs("div", { className: styles$
|
|
1471
|
+
return (jsxs("div", { className: styles$u.stat, children: [jsxs("div", { className: styles$u.labelRow, children: [jsx("span", { className: styles$u.label, children: label }), warn && jsx(WarningIcon$1, { size: 14, className: styles$u.warningIcon, "aria-label": `${label} warning` })] }), jsx("div", { className: [styles$u.value, warn ? styles$u.warningText : ''].filter(Boolean).join(' '), children: value }), jsx("div", { className: styles$u.sub, children: sub }), jsx("div", { className: styles$u.meter, "aria-hidden": "true", children: jsx("span", { className: [styles$u.meterFill, warn ? styles$u.meterOver : ''].filter(Boolean).join(' '), style: { width: `${ratio}%` } }) })] }));
|
|
1472
1472
|
};
|
|
1473
1473
|
/** Advisory seat and payload meters from Hub's charter manifest. */
|
|
1474
1474
|
const ManifestCapacityStats = ({ paxCount, seats, paxWeight, cargoWeight, payloadLimit, className = '', }) => {
|
|
1475
1475
|
const totalWeight = paxWeight + cargoWeight;
|
|
1476
1476
|
const overSeats = seats > 0 && paxCount > seats;
|
|
1477
1477
|
const overPayload = payloadLimit > 0 && totalWeight > payloadLimit;
|
|
1478
|
-
return (jsxs("div", { className: className, children: [jsxs("div", { className: styles$
|
|
1478
|
+
return (jsxs("div", { className: className, children: [jsxs("div", { className: styles$u.stats, children: [jsx(Stat, { label: "Seats", value: `${paxCount} / ${seats}`, sub: overSeats ? `${paxCount - seats} over capacity` : `${Math.max(0, seats - paxCount)} seats open`, meterValue: paxCount, meterMax: seats, warn: overSeats }), jsx(Stat, { label: "Passenger weight", value: `${paxWeight.toLocaleString()} lb`, sub: `${paxCount} passengers`, meterValue: paxWeight, meterMax: payloadLimit }), jsx(Stat, { label: "Cargo weight", value: `${cargoWeight.toLocaleString()} lb`, sub: "Equipment + bags", meterValue: cargoWeight, meterMax: payloadLimit }), jsx(Stat, { label: "Total payload", value: `${totalWeight.toLocaleString()} lb`, sub: overPayload ? `${(totalWeight - payloadLimit).toLocaleString()} lb over limit` : `Limit ${payloadLimit.toLocaleString()} lb`, meterValue: totalWeight, meterMax: payloadLimit, warn: overPayload })] }), (overSeats || overPayload) && (jsxs("div", { className: styles$u.alert, role: "alert", children: [jsx(WarningIcon$1, { size: 20, className: styles$u.alertIcon }), jsxs("div", { children: [overSeats && (jsxs("div", { children: [jsx("strong", { children: "Over seat capacity." }), " Remove ", paxCount - seats, " passenger(s) or split the manifest by segment."] })), overPayload && (jsxs("div", { children: [jsx("strong", { children: "Over the contracted payload." }), " Total payload exceeds the quoted maximum \u2014 coordinate with the team/client and confirm with the carrier before sending."] }))] })] }))] }));
|
|
1479
1479
|
};
|
|
1480
1480
|
|
|
1481
|
-
var styles$
|
|
1481
|
+
var styles$t = {"overlay":"Modal-module_overlay__n7Paz","fadeIn":"Modal-module_fadeIn__upWKg","modal":"Modal-module_modal__YZQ-K","slideIn":"Modal-module_slideIn__mtAFr","sm":"Modal-module_sm__QSWSJ","md":"Modal-module_md__6t9J8","lg":"Modal-module_lg__5r3uQ","xl":"Modal-module_xl__JPpjn","full":"Modal-module_full__y9leS","header":"Modal-module_header__xTw6j","title":"Modal-module_title__KvPHy","closeButton":"Modal-module_closeButton__JoRui","body":"Modal-module_body__K3swC","footer":"Modal-module_footer__Z1UcB","footerButtons":"Modal-module_footerButtons__u-Ayv","confirmMessage":"Modal-module_confirmMessage__ZlKV8"};
|
|
1482
1482
|
|
|
1483
1483
|
const Modal = ({ isOpen, onClose, title, children, size = 'md', showCloseButton = true, closeOnBackdropClick = true, closeOnEscape = true, footer, className = '', }) => {
|
|
1484
1484
|
const handleEscape = useCallback((e) => {
|
|
@@ -1503,12 +1503,12 @@ const Modal = ({ isOpen, onClose, title, children, size = 'md', showCloseButton
|
|
|
1503
1503
|
};
|
|
1504
1504
|
if (!isOpen)
|
|
1505
1505
|
return null;
|
|
1506
|
-
return (jsx("div", { className: styles$
|
|
1506
|
+
return (jsx("div", { className: styles$t.overlay, onClick: handleBackdropClick, children: jsxs("div", { className: `${styles$t.modal} ${styles$t[size]} ${className}`, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'modal-title' : undefined, children: [(title || showCloseButton) && (jsxs("div", { className: styles$t.header, children: [title && (jsx("h2", { id: "modal-title", className: styles$t.title, children: title })), showCloseButton && (jsx("button", { type: "button", className: styles$t.closeButton, onClick: onClose, "aria-label": "Close modal", children: jsx("svg", { width: "20", height: "20", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) }))] })), jsx("div", { className: styles$t.body, children: children }), footer && jsx("div", { className: styles$t.footer, children: footer })] }) }));
|
|
1507
1507
|
};
|
|
1508
|
-
const ModalFooter = ({ children, className = '' }) => (jsx("div", { className: `${styles$
|
|
1509
|
-
const ConfirmModal = ({ message, confirmText = 'Confirm', cancelText = 'Cancel', onConfirm, onClose, destructive = false, loading = false, ...props }) => (jsx(Modal, { ...props, onClose: onClose, size: "sm", footer: jsxs(ModalFooter, { children: [jsx(Button, { variant: "secondary", onClick: onClose, children: cancelText }), jsx(Button, { variant: destructive ? 'danger' : 'primary', onClick: onConfirm, disabled: loading, children: loading ? 'Loading...' : confirmText })] }), children: jsx("div", { className: styles$
|
|
1508
|
+
const ModalFooter = ({ children, className = '' }) => (jsx("div", { className: `${styles$t.footerButtons} ${className}`, children: children }));
|
|
1509
|
+
const ConfirmModal = ({ message, confirmText = 'Confirm', cancelText = 'Cancel', onConfirm, onClose, destructive = false, loading = false, ...props }) => (jsx(Modal, { ...props, onClose: onClose, size: "sm", footer: jsxs(ModalFooter, { children: [jsx(Button, { variant: "secondary", onClick: onClose, children: cancelText }), jsx(Button, { variant: destructive ? 'danger' : 'primary', onClick: onConfirm, disabled: loading, children: loading ? 'Loading...' : confirmText })] }), children: jsx("div", { className: styles$t.confirmMessage, children: message }) }));
|
|
1510
1510
|
|
|
1511
|
-
var styles$
|
|
1511
|
+
var styles$s = {"module":"Module-module_module__1Lglz","header":"Module-module_header__-qP6m","closed":"Module-module_closed__J5FYJ","sm":"Module-module_sm__g-iVI","md":"Module-module_md__zmKQE","lg":"Module-module_lg__5uVgV","titleRow":"Module-module_titleRow__3upJc","icon":"Module-module_icon__MXVy7","iconSpaced":"Module-module_iconSpaced__O8F0i","title":"Module-module_title__Qdyv0","badge":"Module-module_badge__zoNEC","tools":"Module-module_tools__w6Z1b","toggleBtn":"Module-module_toggleBtn__VxH2u","bodyWrapper":"Module-module_bodyWrapper__IogVT","body":"Module-module_body__O9n9B","hidden":"Module-module_hidden__mmUYg","footer":"Module-module_footer__hrUY9","divider":"Module-module_divider__YQKdf","dark":"Module-module_dark__w8Fb-","verticalDivider":"Module-module_verticalDivider__t3g-3"};
|
|
1512
1512
|
|
|
1513
1513
|
const ChevronIcon = ({ direction }) => (jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { transform: direction === 'up' ? 'rotate(180deg)' : 'none' }, children: jsx("polyline", { points: "6 9 12 15 18 9" }) }));
|
|
1514
1514
|
/**
|
|
@@ -1530,19 +1530,19 @@ const Module = ({ title, icon, iconClassName = '', badge, before, children, afte
|
|
|
1530
1530
|
setOpen(!open);
|
|
1531
1531
|
}
|
|
1532
1532
|
};
|
|
1533
|
-
return (jsxs("div", { className: `${styles$
|
|
1533
|
+
return (jsxs("div", { className: `${styles$s.module} ${className}`, children: [title && (jsx("div", { className: `${styles$s.header} ${styles$s[size]} ${!open ? styles$s.closed : ''} ${headerClassName}`, children: jsxs("div", { className: `${styles$s.titleRow} ${styles$s[size]} ${titleClassName}`, children: [icon && (jsx("span", { className: `${styles$s.icon} ${size === 'sm' ? '' : styles$s.iconSpaced} ${iconClassName}`, children: icon })), jsx("div", { className: styles$s.title, children: title }), badge && jsx("span", { className: styles$s.badge, children: badge }), jsxs("div", { className: styles$s.tools, children: [tools, useToggle && (jsx("button", { type: "button", className: styles$s.toggleBtn, onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: styles$s.bodyWrapper, children: [before, jsx("div", { className: `${styles$s.body} ${styles$s[size]} ${!open ? styles$s.hidden : ''} ${bodyClassName}`, children: children }), after] }), footer && (jsx("div", { className: `${styles$s.footer} ${!open ? styles$s.hidden : ''}`, children: footer }))] }));
|
|
1534
1534
|
};
|
|
1535
1535
|
/**
|
|
1536
1536
|
* Horizontal divider for Module content
|
|
1537
1537
|
*/
|
|
1538
|
-
const ModuleDivider = ({ dark = false, className = '' }) => (jsx("hr", { className: `${styles$
|
|
1538
|
+
const ModuleDivider = ({ dark = false, className = '' }) => (jsx("hr", { className: `${styles$s.divider} ${dark ? styles$s.dark : ''} ${className}` }));
|
|
1539
1539
|
/**
|
|
1540
1540
|
* Vertical divider for Module content
|
|
1541
1541
|
*/
|
|
1542
|
-
const ModuleVerticalDivider = ({ dark = false, className = '' }) => (jsx("div", { className: `${styles$
|
|
1542
|
+
const ModuleVerticalDivider = ({ dark = false, className = '' }) => (jsx("div", { className: `${styles$s.verticalDivider} ${dark ? styles$s.dark : ''} ${className}` }));
|
|
1543
1543
|
Module.displayName = 'Module';
|
|
1544
1544
|
|
|
1545
|
-
var styles$
|
|
1545
|
+
var styles$r = {"stack":"PageBanners-module_stack__v6nwz","banner":"PageBanners-module_banner__8lgnU","system":"PageBanners-module_system__Xiqoe","alert":"PageBanners-module_alert__O2lYb","systemIcon":"PageBanners-module_systemIcon__su3aG","alertIcon":"PageBanners-module_alertIcon__owy3V","alertTitle":"PageBanners-module_alertTitle__zeo3d","alertDismiss":"PageBanners-module_alertDismiss__2JI9V","content":"PageBanners-module_content__ZHLA9","title":"PageBanners-module_title__-53EA","detail":"PageBanners-module_detail__xgNJE","clamp":"PageBanners-module_clamp__iWIIp","alertLink":"PageBanners-module_alertLink__mxQM5","dismiss":"PageBanners-module_dismiss__aWRXw"};
|
|
1546
1546
|
|
|
1547
1547
|
const decodeEntities = (value) => {
|
|
1548
1548
|
if (typeof document === 'undefined')
|
|
@@ -1569,13 +1569,13 @@ const PageBanners = ({ systemBanners, alertBanners, className = '', }) => {
|
|
|
1569
1569
|
const visibleAlerts = alertBanners.filter((banner) => !dismissed.has(banner.id));
|
|
1570
1570
|
if (!visibleSystem.length && !visibleAlerts.length)
|
|
1571
1571
|
return null;
|
|
1572
|
-
return (jsxs("div", { className: [styles$
|
|
1573
|
-
const content = (jsxs("div", { className: styles$
|
|
1574
|
-
return (jsxs("div", { className: [styles$
|
|
1572
|
+
return (jsxs("div", { className: [styles$r.stack, className].filter(Boolean).join(' '), role: "region", "aria-label": "Page notices", children: [visibleSystem.map((banner) => (jsxs("div", { className: [styles$r.banner, styles$r.system].join(' '), role: "status", children: [jsx(InfoIcon$1, { className: styles$r.systemIcon, size: 20, "aria-hidden": "true" }), jsxs("div", { className: styles$r.content, children: [jsx("p", { className: styles$r.title, dangerouslySetInnerHTML: { __html: banner.html } }), banner.detailHtml && (jsx("p", { className: styles$r.detail, dangerouslySetInnerHTML: { __html: banner.detailHtml } }))] }), jsx("button", { type: "button", className: styles$r.dismiss, "aria-label": "Dismiss notice", onClick: () => dismiss(banner.id), children: jsx(CloseIcon, { size: 16 }) })] }, banner.id))), visibleAlerts.map((banner) => {
|
|
1573
|
+
const content = (jsxs("div", { className: styles$r.content, children: [jsx("p", { className: [styles$r.title, styles$r.alertTitle].join(' '), children: decodeEntities(banner.title) }), banner.body && jsx("p", { className: [styles$r.detail, styles$r.clamp].join(' '), children: decodeEntities(banner.body) })] }));
|
|
1574
|
+
return (jsxs("div", { className: [styles$r.banner, styles$r.alert].join(' '), role: "alert", children: [jsx(WarningIcon$1, { className: styles$r.alertIcon, size: 20, "aria-hidden": "true" }), banner.href ? (jsx("a", { href: banner.href, className: styles$r.alertLink, children: content })) : (content), jsx("button", { type: "button", className: [styles$r.dismiss, styles$r.alertDismiss].join(' '), "aria-label": "Dismiss alert", onClick: () => dismiss(banner.id), children: jsx(CloseIcon, { size: 16 }) })] }, banner.id));
|
|
1575
1575
|
})] }));
|
|
1576
1576
|
};
|
|
1577
1577
|
|
|
1578
|
-
var styles$
|
|
1578
|
+
var styles$q = {"panel":"PreferencesPanel-module_panel__xsxcw","loading":"PreferencesPanel-module_loading__GopYy","alert":"PreferencesPanel-module_alert__9yYz3","title":"PreferencesPanel-module_title__Z5dpP","grid":"PreferencesPanel-module_grid__e0urP","section":"PreferencesPanel-module_section__6cbAx","sectionHeader":"PreferencesPanel-module_sectionHeader__X6e5h","sectionIcon":"PreferencesPanel-module_sectionIcon__jVJwn","sectionTitle":"PreferencesPanel-module_sectionTitle__29M-O","fields":"PreferencesPanel-module_fields__rryQ3","field":"PreferencesPanel-module_field__W3Z9z","fieldLabel":"PreferencesPanel-module_fieldLabel__usgRa","fieldValue":"PreferencesPanel-module_fieldValue__AEJ1C","fieldInput":"PreferencesPanel-module_fieldInput__rS8OR","footer":"PreferencesPanel-module_footer__qTYqi"};
|
|
1579
1579
|
|
|
1580
1580
|
const PlaneIcon = () => (jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5Z" }) }));
|
|
1581
1581
|
const BusIcon = () => (jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("rect", { x: "4", y: "4", width: "16", height: "14", rx: "2" }), jsx("path", { d: "M8 6v6" }), jsx("path", { d: "M16 6v6" }), jsx("circle", { cx: "8", cy: "16", r: "1" }), jsx("circle", { cx: "16", cy: "16", r: "1" })] }));
|
|
@@ -1590,15 +1590,15 @@ const DEFAULT_ICONS = {
|
|
|
1590
1590
|
*/
|
|
1591
1591
|
const PreferencesPanel = ({ title, sections, alert, footer, isLoading = false, className = '', }) => {
|
|
1592
1592
|
const panelClasses = [
|
|
1593
|
-
styles$
|
|
1594
|
-
isLoading ? styles$
|
|
1593
|
+
styles$q.panel,
|
|
1594
|
+
isLoading ? styles$q.loading : '',
|
|
1595
1595
|
className,
|
|
1596
1596
|
].filter(Boolean).join(' ');
|
|
1597
|
-
return (jsxs("div", { className: panelClasses, children: [alert && (jsx("div", { className: styles$
|
|
1597
|
+
return (jsxs("div", { className: panelClasses, children: [alert && (jsx("div", { className: styles$q.alert, children: alert })), title && jsx("h2", { className: styles$q.title, children: title }), jsx("div", { className: styles$q.grid, children: sections.map((section, i) => (jsxs("div", { className: styles$q.section, children: [jsxs("div", { className: styles$q.sectionHeader, children: [(section.icon || DEFAULT_ICONS[section.title.toLowerCase()]) && (jsx("span", { className: styles$q.sectionIcon, children: section.icon || DEFAULT_ICONS[section.title.toLowerCase()] })), jsx("h3", { className: styles$q.sectionTitle, children: section.title })] }), jsx("div", { className: styles$q.fields, children: section.fields.map((field, j) => (jsxs("div", { className: styles$q.field, children: [jsx("label", { className: styles$q.fieldLabel, children: field.label }), field.input ? (jsx("div", { className: styles$q.fieldInput, children: field.input })) : (jsx("div", { className: styles$q.fieldValue, children: field.value || '—' }))] }, j))) })] }, i))) }), footer && (jsx("div", { className: styles$q.footer, children: footer }))] }));
|
|
1598
1598
|
};
|
|
1599
1599
|
PreferencesPanel.displayName = 'PreferencesPanel';
|
|
1600
1600
|
|
|
1601
|
-
var styles$
|
|
1601
|
+
var styles$p = {"summary":"RequestSummary-module_summary__nxews","title":"RequestSummary-module_title__NAq53","submissionInfo":"RequestSummary-module_submissionInfo__dwkaf","label":"RequestSummary-module_label__pGo-5","value":"RequestSummary-module_value__F8m9g","sections":"RequestSummary-module_sections__uWXtM","section":"RequestSummary-module_section__TlxbY","sectionTitle":"RequestSummary-module_sectionTitle__iMPB2","segment":"RequestSummary-module_segment__xq-Lp","segmentTitle":"RequestSummary-module_segmentTitle__ey5-f","row":"RequestSummary-module_row__tfJzQ","empty":"RequestSummary-module_empty__fzxmd"};
|
|
1602
1602
|
|
|
1603
1603
|
/**
|
|
1604
1604
|
* SummaryItem component displays a single label-value pair.
|
|
@@ -1607,7 +1607,7 @@ const SummaryItemRow = ({ item, value }) => {
|
|
|
1607
1607
|
if (!value)
|
|
1608
1608
|
return null;
|
|
1609
1609
|
const formattedValue = item.format ? item.format(value) : String(value);
|
|
1610
|
-
return (jsxs("div", { className: styles$
|
|
1610
|
+
return (jsxs("div", { className: styles$p.row, children: [jsx("span", { className: styles$p.label, children: item.label }), jsx("span", { className: styles$p.value, children: formattedValue })] }));
|
|
1611
1611
|
};
|
|
1612
1612
|
/**
|
|
1613
1613
|
* SummarySection component for a group of related summary items.
|
|
@@ -1618,7 +1618,7 @@ const SummarySection = ({ section, values }) => {
|
|
|
1618
1618
|
const hasSegments = section.segments?.some(seg => seg.items.some(item => values[`${section.key}_${seg.label}_${item.label}`] || values[item.label]));
|
|
1619
1619
|
if (!hasItems && !hasSegments)
|
|
1620
1620
|
return null;
|
|
1621
|
-
return (jsxs("div", { className: styles$
|
|
1621
|
+
return (jsxs("div", { className: styles$p.section, children: [jsx("h3", { className: styles$p.sectionTitle, children: section.title }), section.items?.map((item, i) => (jsx(SummaryItemRow, { item: item, value: values[item.label] || values[`${section.key}_${item.label}`] }, i))), section.segments?.map((segment, i) => (jsxs("div", { className: styles$p.segment, children: [jsx("h4", { className: styles$p.segmentTitle, children: segment.label }), segment.items.map((item, j) => (jsx(SummaryItemRow, { item: item, value: values[`${section.key}_${segment.label}_${item.label}`] || values[item.label] }, j)))] }, i)))] }));
|
|
1622
1622
|
};
|
|
1623
1623
|
/**
|
|
1624
1624
|
* RequestSummary component for displaying a summary of travel request form data.
|
|
@@ -1626,18 +1626,18 @@ const SummarySection = ({ section, values }) => {
|
|
|
1626
1626
|
*/
|
|
1627
1627
|
const RequestSummary$1 = ({ sections, values, enabledSections = {}, submissionInfo, className, title = 'Request Summary', }) => {
|
|
1628
1628
|
const visibleSections = sections.filter(section => enabledSections[section.key] !== false);
|
|
1629
|
-
return (jsxs("div", { className: `${styles$
|
|
1629
|
+
return (jsxs("div", { className: `${styles$p.summary} ${className || ''}`, children: [jsx("h2", { className: styles$p.title, children: title }), submissionInfo && (jsxs("div", { className: styles$p.submissionInfo, children: [jsx("span", { className: styles$p.label, children: "Submitted by" }), jsx("span", { className: styles$p.value, children: submissionInfo.submittedBy }), jsx("span", { className: styles$p.label, children: "on" }), jsx("span", { className: styles$p.value, children: submissionInfo.submittedOn })] })), jsx("div", { className: styles$p.sections, children: visibleSections.map((section) => (jsx(SummarySection, { section: section, values: values }, section.key))) }), visibleSections.length === 0 && (jsx("p", { className: styles$p.empty, children: "No services selected" }))] }));
|
|
1630
1630
|
};
|
|
1631
1631
|
RequestSummary$1.displayName = 'RequestSummary';
|
|
1632
1632
|
|
|
1633
|
-
var styles$
|
|
1633
|
+
var styles$o = {"layout":"RequestFormLayout-module_layout__R-vaM","header":"RequestFormLayout-module_header__705In","headerContent":"RequestFormLayout-module_headerContent__Uu0br","headerTitle":"RequestFormLayout-module_headerTitle__W-fub","pagination":"RequestFormLayout-module_pagination__hTpNr","separator":"RequestFormLayout-module_separator__BgEsp","eventName":"RequestFormLayout-module_eventName__1zpgS","headerRight":"RequestFormLayout-module_headerRight__VjjY3","body":"RequestFormLayout-module_body__RBH8O","sidebar":"RequestFormLayout-module_sidebar__Ozr7m","showOnMobile":"RequestFormLayout-module_showOnMobile__kyyER","sidebarContent":"RequestFormLayout-module_sidebarContent__IdoMX","main":"RequestFormLayout-module_main__132ss","mainContent":"RequestFormLayout-module_mainContent__vnp1R","summarySidebar":"RequestFormLayout-module_summarySidebar__Vfg-z","summaryContent":"RequestFormLayout-module_summaryContent__Oppnd","footer":"RequestFormLayout-module_footer__yxDM5","footerContent":"RequestFormLayout-module_footerContent__GmTkE","button":"RequestFormLayout-module_button__-iWUv","primary":"RequestFormLayout-module_primary__cs2Fb","secondary":"RequestFormLayout-module_secondary__9WNRX"};
|
|
1634
1634
|
|
|
1635
1635
|
/**
|
|
1636
1636
|
* RequestFormHeader component for the fixed header in travel request forms.
|
|
1637
1637
|
*/
|
|
1638
1638
|
const RequestFormHeader = ({ title, currentPage, totalPages, eventName, rightContent, className, }) => {
|
|
1639
1639
|
const showPagination = currentPage !== undefined && totalPages !== undefined && totalPages > 1;
|
|
1640
|
-
return (jsx("header", { className: `${styles$
|
|
1640
|
+
return (jsx("header", { className: `${styles$o.header} ${className || ''}`, children: jsxs("div", { className: styles$o.headerContent, children: [jsxs("h1", { className: styles$o.headerTitle, children: [title, showPagination && (jsxs("span", { className: styles$o.pagination, children: ["(", currentPage, "/", totalPages, ")"] })), eventName && (jsxs(Fragment, { children: [jsx("span", { className: styles$o.separator, children: "\u2013" }), jsx("span", { className: styles$o.eventName, children: eventName })] }))] }), rightContent && jsx("div", { className: styles$o.headerRight, children: rightContent })] }) }));
|
|
1641
1641
|
};
|
|
1642
1642
|
/**
|
|
1643
1643
|
* RequestFormFooter component for the fixed footer with navigation buttons.
|
|
@@ -1645,20 +1645,20 @@ const RequestFormHeader = ({ title, currentPage, totalPages, eventName, rightCon
|
|
|
1645
1645
|
const RequestFormFooter = ({ onPrevious, onNext, isFirstPage = false, isLastPage = false, isSubmitting = false, previousText, nextText, className, }) => {
|
|
1646
1646
|
const prevLabel = previousText || (isFirstPage ? 'Cancel' : 'Previous');
|
|
1647
1647
|
const nextLabel = nextText || (isLastPage ? 'Submit' : 'Next');
|
|
1648
|
-
return (jsx("footer", { className: `${styles$
|
|
1648
|
+
return (jsx("footer", { className: `${styles$o.footer} ${className || ''}`, children: jsxs("div", { className: styles$o.footerContent, children: [jsx("button", { type: "button", className: `${styles$o.button} ${styles$o.secondary}`, onClick: onPrevious, disabled: isSubmitting, children: prevLabel }), jsx("button", { type: "button", className: `${styles$o.button} ${styles$o.primary}`, onClick: onNext, disabled: isSubmitting, children: isSubmitting ? 'Submitting...' : nextLabel })] }) }));
|
|
1649
1649
|
};
|
|
1650
1650
|
/**
|
|
1651
1651
|
* RequestFormLayout organism for travel request forms.
|
|
1652
1652
|
* Provides a three-column layout with fixed header and footer.
|
|
1653
1653
|
*/
|
|
1654
1654
|
const RequestFormLayout = ({ header, sidebar, children, summary, footer, className, showSidebarOnMobile = false, }) => {
|
|
1655
|
-
return (jsxs("div", { className: `${styles$
|
|
1655
|
+
return (jsxs("div", { className: `${styles$o.layout} ${className || ''}`, children: [header, jsxs("div", { className: styles$o.body, children: [sidebar && (jsx("aside", { className: `${styles$o.sidebar} ${showSidebarOnMobile ? styles$o.showOnMobile : ''}`, children: jsx("div", { className: styles$o.sidebarContent, children: sidebar }) })), jsx("main", { className: styles$o.main, children: jsx("div", { className: styles$o.mainContent, children: children }) }), summary && (jsx("aside", { className: styles$o.summarySidebar, children: jsx("div", { className: styles$o.summaryContent, children: summary }) }))] }), footer] }));
|
|
1656
1656
|
};
|
|
1657
1657
|
RequestFormLayout.displayName = 'RequestFormLayout';
|
|
1658
1658
|
RequestFormHeader.displayName = 'RequestFormHeader';
|
|
1659
1659
|
RequestFormFooter.displayName = 'RequestFormFooter';
|
|
1660
1660
|
|
|
1661
|
-
var styles$
|
|
1661
|
+
var styles$n = {"wrapper":"Table-module_wrapper__1klo5","table":"Table-module_table__fkuUB","header":"Table-module_header__vRy6j","headerCell":"Table-module_headerCell__2KzYn","headerContent":"Table-module_headerContent__HPl8-","sortable":"Table-module_sortable__NiS6E","sortIcon":"Table-module_sortIcon__Fy6z7","body":"Table-module_body__Wt52U","row":"Table-module_row__4GEgX","cell":"Table-module_cell__Xr-7H","alignLeft":"Table-module_alignLeft__FtI9E","alignCenter":"Table-module_alignCenter__p8Tr8","alignRight":"Table-module_alignRight__Ca7Yr","bordered":"Table-module_bordered__9bM3L","striped":"Table-module_striped__6TMF-","hoverable":"Table-module_hoverable__KN5Fp","compact":"Table-module_compact__opzS-","clickable":"Table-module_clickable__2ummV","loading":"Table-module_loading__tFELE","empty":"Table-module_empty__urRiw","pulse":"Table-module_pulse__t32v9"};
|
|
1662
1662
|
|
|
1663
1663
|
const Table = ({ columns, data, rowKey = 'id', bordered = false, striped = false, hoverable = true, compact = false, loading = false, emptyMessage = 'No data available', onRowClick, className = '', }) => {
|
|
1664
1664
|
const [sortColumn, setSortColumn] = useState(null);
|
|
@@ -1696,12 +1696,12 @@ const Table = ({ columns, data, rowKey = 'id', bordered = false, striped = false
|
|
|
1696
1696
|
}
|
|
1697
1697
|
return row[rowKey] ?? index;
|
|
1698
1698
|
};
|
|
1699
|
-
return (jsx("div", { className: `${styles$
|
|
1699
|
+
return (jsx("div", { className: `${styles$n.wrapper} ${className}`, children: jsxs("table", { className: `${styles$n.table} ${bordered ? styles$n.bordered : ''} ${striped ? styles$n.striped : ''} ${hoverable ? styles$n.hoverable : ''} ${compact ? styles$n.compact : ''}`, children: [jsx("thead", { className: styles$n.header, children: jsx("tr", { children: columns.map((column) => (jsx("th", { className: `${styles$n.headerCell} ${column.sortable ? styles$n.sortable : ''} ${styles$n[`align${(column.align || 'left').charAt(0).toUpperCase()}${(column.align || 'left').slice(1)}`]}`, style: column.width ? { width: column.width } : undefined, onClick: () => handleSort(column), children: jsxs("span", { className: styles$n.headerContent, children: [column.label, column.sortable && (jsx("span", { className: styles$n.sortIcon, children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key))) }) }), jsx("tbody", { className: styles$n.body, children: loading ? (jsx("tr", { children: jsx("td", { colSpan: columns.length, className: styles$n.loading, children: "Loading..." }) })) : sortedData.length === 0 ? (jsx("tr", { children: jsx("td", { colSpan: columns.length, className: styles$n.empty, children: emptyMessage }) })) : (sortedData.map((row, rowIndex) => (jsx("tr", { className: `${styles$n.row} ${onRowClick ? styles$n.clickable : ''}`, onClick: () => onRowClick?.(row, rowIndex), children: columns.map((column) => (jsx("td", { className: `${styles$n.cell} ${styles$n[`align${(column.align || 'left').charAt(0).toUpperCase()}${(column.align || 'left').slice(1)}`]}`, children: column.render
|
|
1700
1700
|
? column.render(row[column.key], row, rowIndex)
|
|
1701
1701
|
: row[column.key] }, column.key))) }, getRowKey(row, rowIndex))))) })] }) }));
|
|
1702
1702
|
};
|
|
1703
1703
|
|
|
1704
|
-
var styles$
|
|
1704
|
+
var styles$m = {"card":"TeamCard-module_card__R2u4q","header":"TeamCard-module_header__XXRUp","icon":"TeamCard-module_icon__l2Go2","title":"TeamCard-module_title__llL8V","body":"TeamCard-module_body__OoVMW","tabs":"TeamCard-module_tabs__SJ7t-","tab":"TeamCard-module_tab__Q5j3C","tabActive":"TeamCard-module_tabActive__dUPwX","list":"TeamCard-module_list__a734u","teamItem":"TeamCard-module_teamItem__OYVIK","teamCode":"TeamCard-module_teamCode__BHB63","teamName":"TeamCard-module_teamName__-Bds2","chevron":"TeamCard-module_chevron__zBxM6","empty":"TeamCard-module_empty__8b5hb"};
|
|
1705
1705
|
|
|
1706
1706
|
const TEAM_GROUPS = [
|
|
1707
1707
|
{ label: 'All', key: undefined },
|
|
@@ -1735,13 +1735,53 @@ const TeamCard = ({ title = 'Administer Teams', icon, teams, onTeamSelect, class
|
|
|
1735
1735
|
return teams.filter(team => team.category === activeTab);
|
|
1736
1736
|
}, [teams, activeTab]);
|
|
1737
1737
|
const cardClasses = [
|
|
1738
|
-
styles$
|
|
1738
|
+
styles$m.card,
|
|
1739
1739
|
className,
|
|
1740
1740
|
].filter(Boolean).join(' ');
|
|
1741
|
-
return (jsxs("div", { className: cardClasses, children: [jsxs("div", { className: styles$
|
|
1741
|
+
return (jsxs("div", { className: cardClasses, children: [jsxs("div", { className: styles$m.header, children: [jsx("span", { className: styles$m.icon, children: icon || jsx(UsersIcon, {}) }), jsx("h3", { className: styles$m.title, children: title })] }), jsxs("div", { className: styles$m.body, children: [jsx("div", { className: styles$m.tabs, children: TEAM_GROUPS.map(({ label, key }) => (jsx("button", { type: "button", onClick: () => setActiveTab(key), className: `${styles$m.tab} ${activeTab === key ? styles$m.tabActive : ''}`, children: label }, label))) }), jsxs("div", { className: styles$m.list, children: [filteredTeams.map((team) => (jsxs("button", { type: "button", className: styles$m.teamItem, onClick: () => onTeamSelect?.(team), children: [jsx("span", { className: styles$m.teamCode, style: { backgroundColor: getTeamColor(team.code) }, children: team.code }), jsx("span", { className: styles$m.teamName, children: team.description }), jsx("span", { className: styles$m.chevron, children: jsx(ChevronRightIcon, {}) })] }, team.id))), filteredTeams.length === 0 && (jsx("div", { className: styles$m.empty, children: "No teams found" }))] })] })] }));
|
|
1742
1742
|
};
|
|
1743
1743
|
TeamCard.displayName = 'TeamCard';
|
|
1744
1744
|
|
|
1745
|
+
var styles$l = {"panel":"TeamContactsPanel-module_panel__ox2ws","contactsModule":"TeamContactsPanel-module_contactsModule__grnnt","moduleBody":"TeamContactsPanel-module_moduleBody__9uTOW","moduleTitle":"TeamContactsPanel-module_moduleTitle__fuXRZ","infoButton":"TeamContactsPanel-module_infoButton__gq-T7","contactsGrid":"TeamContactsPanel-module_contactsGrid__bwue-","primaryGrid":"TeamContactsPanel-module_primaryGrid__ToUU1","verticalDivider":"TeamContactsPanel-module_verticalDivider__EwXj7","ccGrid":"TeamContactsPanel-module_ccGrid__Muf5N","picker":"TeamContactsPanel-module_picker__dIkEm","fieldLabel":"TeamContactsPanel-module_fieldLabel__1RMEZ","contactSegment":"TeamContactsPanel-module_contactSegment__FaK2K","contactDetails":"TeamContactsPanel-module_contactDetails__ob0ad","compactSegment":"TeamContactsPanel-module_compactSegment__B7CKZ","contactTrigger":"TeamContactsPanel-module_contactTrigger__-3jxx","emptyContact":"TeamContactsPanel-module_emptyContact__JnYCr","inactiveContact":"TeamContactsPanel-module_inactiveContact__uY-iK","contactTitle":"TeamContactsPanel-module_contactTitle__bl6C5","contactLink":"TeamContactsPanel-module_contactLink__TAnpf","contactMenu":"TeamContactsPanel-module_contactMenu__W6fQ-","compactMenu":"TeamContactsPanel-module_compactMenu__jCBcm","searchRow":"TeamContactsPanel-module_searchRow__kn7Nk","menuDivider":"TeamContactsPanel-module_menuDivider__7nn8t","contactOptions":"TeamContactsPanel-module_contactOptions__vcKoY","contactOption":"TeamContactsPanel-module_contactOption__ZfFUU","clearContact":"TeamContactsPanel-module_clearContact__C3SNA","clearIcon":"TeamContactsPanel-module_clearIcon__oEKaE","emptyOptions":"TeamContactsPanel-module_emptyOptions__IM68-"};
|
|
1746
|
+
|
|
1747
|
+
const CONTACTS_NOTE = (jsxs(Fragment, { children: [jsx("strong", { children: "PLEASE NOTE:" }), " Primary and secondary contacts listed below will receive virtual invoices on all team travel trips. They also receive automated team travel email reminders. The primary contact receives team travel text alerts during travel. All CC contacts listed below will receive virtual invoices on all travel trips including individual travel."] }));
|
|
1748
|
+
const CONTACTS_TOOLTIP = 'Only contacts listed in the School Contacts are available to select as Team Contacts. Adding a contact to this team will add them to the User Contacts as well, but they can be removed if desired.';
|
|
1749
|
+
const ContactPicker = ({ title, contacts, selectedId, onSelect, allowNone = true, compact = false, disabled = false, }) => {
|
|
1750
|
+
const [open, setOpen] = useState(false);
|
|
1751
|
+
const [search, setSearch] = useState('');
|
|
1752
|
+
const containerRef = useRef(null);
|
|
1753
|
+
const selected = contacts.find((contact) => String(contact.id) === String(selectedId));
|
|
1754
|
+
const filteredContacts = useMemo(() => {
|
|
1755
|
+
const query = search.trim().toLowerCase();
|
|
1756
|
+
return contacts.filter((contact) => String(contact.id) !== String(selectedId)
|
|
1757
|
+
&& (!query || `${contact.name} ${contact.title ?? ''}`.toLowerCase().includes(query)));
|
|
1758
|
+
}, [contacts, search, selectedId]);
|
|
1759
|
+
useEffect(() => {
|
|
1760
|
+
const close = (event) => {
|
|
1761
|
+
if (containerRef.current && !containerRef.current.contains(event.target))
|
|
1762
|
+
setOpen(false);
|
|
1763
|
+
};
|
|
1764
|
+
document.addEventListener('mousedown', close);
|
|
1765
|
+
return () => document.removeEventListener('mousedown', close);
|
|
1766
|
+
}, []);
|
|
1767
|
+
const select = (id) => {
|
|
1768
|
+
onSelect?.(id);
|
|
1769
|
+
setOpen(false);
|
|
1770
|
+
setSearch('');
|
|
1771
|
+
};
|
|
1772
|
+
return (jsxs("div", { className: styles$l.picker, ref: containerRef, children: [jsx("div", { className: styles$l.fieldLabel, children: title }), jsxs("div", { className: [styles$l.contactSegment, compact ? styles$l.compactSegment : ''].filter(Boolean).join(' '), children: [!compact && selected && jsx(Avatar, { name: selected.name, size: "md" }), jsxs("div", { className: styles$l.contactDetails, children: [jsxs("button", { type: "button", className: [styles$l.contactTrigger, !selected ? styles$l.emptyContact : '', selected?.active === false ? styles$l.inactiveContact : ''].filter(Boolean).join(' '), disabled: disabled, "aria-expanded": open, "aria-haspopup": "listbox", "aria-label": `${title}: ${selected?.name ?? `Select ${title}`}`, onClick: () => setOpen((current) => !current), children: [jsx("span", { children: selected?.name ?? `Select ${title}` }), selected?.active === false && jsx(WarningIcon$1, { size: 16, "aria-label": "Inactive portal user" }), open ? jsx(ChevronUpIcon, { size: 16 }) : jsx(ChevronDownIcon$1, { size: 16 })] }), !compact && selected?.title && jsx("span", { className: styles$l.contactTitle, children: selected.title }), !compact && selected?.phone && jsxs("a", { href: `tel:${selected.phone}`, className: styles$l.contactLink, children: [jsx(PhoneIcon, { size: 15 }), selected.phone] }), !compact && selected?.email && jsxs("a", { href: `mailto:${selected.email}`, className: styles$l.contactLink, children: [jsx(MailIcon, { size: 15 }), selected.email] })] })] }), open && (jsxs("div", { className: [styles$l.contactMenu, compact ? styles$l.compactMenu : ''].filter(Boolean).join(' '), role: "listbox", "aria-label": `${title} options`, children: [jsx("div", { className: styles$l.searchRow, children: jsx(Input, { size: "sm", fullWidth: true, autoFocus: true, value: search, placeholder: "Search contacts", "aria-label": `Search ${title}`, leftIcon: jsx(SearchIcon$1, { size: 15 }), onChange: (event) => setSearch(event.target.value) }) }), jsx("div", { className: styles$l.menuDivider }), jsxs("div", { className: styles$l.contactOptions, children: [allowNone && selected && (jsxs("button", { type: "button", className: styles$l.clearContact, onClick: () => select(undefined), children: [jsx("span", { className: styles$l.clearIcon, children: jsx(TrashIcon$2, { size: 16 }) }), jsxs("span", { children: ["Clear ", title] })] })), filteredContacts.map((contact) => (jsxs("button", { type: "button", role: "option", "aria-selected": false, className: styles$l.contactOption, onClick: () => select(contact.id), children: [!compact && jsx(Avatar, { name: contact.name, size: "sm" }), jsxs("span", { children: [jsx("strong", { children: contact.name }), contact.title && jsx("small", { children: contact.title })] })] }, contact.id))), !filteredContacts.length && jsx("div", { className: styles$l.emptyOptions, children: "No matching contacts" })] })] }))] }));
|
|
1773
|
+
};
|
|
1774
|
+
const TeamContactsPanel = ({ contacts, value, onChange, disabled = false, className = '' }) => {
|
|
1775
|
+
const ccContactIds = Array.from({ length: 4 }, (_, index) => value.ccContactIds?.[index]);
|
|
1776
|
+
const updateCC = (index, id) => {
|
|
1777
|
+
const next = [...ccContactIds];
|
|
1778
|
+
next[index] = id;
|
|
1779
|
+
onChange?.({ ...value, ccContactIds: next });
|
|
1780
|
+
};
|
|
1781
|
+
return (jsxs("div", { className: [styles$l.panel, className].filter(Boolean).join(' '), children: [jsx(Alert, { variant: "warning", children: CONTACTS_NOTE }), jsx(Module, { title: (jsxs("span", { className: styles$l.moduleTitle, children: [jsx("span", { children: "Team Contacts" }), jsx(Tooltip, { content: CONTACTS_TOOLTIP, position: "bottom", variant: "light", children: jsx("button", { type: "button", className: styles$l.infoButton, "aria-label": "Team contacts information", children: jsx(InfoIcon$1, { size: 16 }) }) })] })), useToggle: false, className: styles$l.contactsModule, bodyClassName: styles$l.moduleBody, children: jsxs("div", { className: styles$l.contactsGrid, children: [jsxs("div", { className: styles$l.primaryGrid, children: [jsx(ContactPicker, { title: "Primary Contact", contacts: contacts, selectedId: value.primaryContactId, allowNone: false, disabled: disabled, onSelect: (primaryContactId) => onChange?.({ ...value, primaryContactId }) }), jsx("div", { className: styles$l.verticalDivider }), jsx(ContactPicker, { title: "Secondary Contact", contacts: contacts, selectedId: value.secondaryContactId, disabled: disabled, onSelect: (secondaryContactId) => onChange?.({ ...value, secondaryContactId }) })] }), jsx("div", { className: styles$l.verticalDivider }), jsx("div", { className: styles$l.ccGrid, children: ccContactIds.map((contactId, index) => (jsx(ContactPicker, { title: `CC Contact ${index + 1}`, contacts: contacts, selectedId: contactId, compact: true, disabled: disabled, onSelect: (id) => updateCC(index, id) }, index))) })] }) })] }));
|
|
1782
|
+
};
|
|
1783
|
+
TeamContactsPanel.displayName = 'TeamContactsPanel';
|
|
1784
|
+
|
|
1745
1785
|
var styles$k = {"actions":"TeamScheduleActions-module_actions__OvuON","primaryRow":"TeamScheduleActions-module_primaryRow__8rwhE","tripCount":"TeamScheduleActions-module_tripCount__4axn4","seasonNavigator":"TeamScheduleActions-module_seasonNavigator__jmqeE","seasonLabel":"TeamScheduleActions-module_seasonLabel__8MtKK","secondaryRow":"TeamScheduleActions-module_secondaryRow__We2n9"};
|
|
1746
1786
|
|
|
1747
1787
|
/** Exact presentational counterpart of Hub's Team Schedule action controls. */
|
|
@@ -3032,5 +3072,5 @@ const TripDetailPage = ({ header, airSegment, groundSegment, hotelSegment, files
|
|
|
3032
3072
|
};
|
|
3033
3073
|
TripDetailPage.displayName = 'TripDetailPage';
|
|
3034
3074
|
|
|
3035
|
-
export { Accordion, AdministrationPage, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, Badge, BuildingIcon, BusIcon$2 as BusIcon, Button, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CharterManifestPage, CheckIcon$2 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, CloseIcon, ConfirmModal, ContactList, ContactUsPage, CubeIcon, DashboardIcon, DashboardPage, Datepicker, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EyeIcon, FilterChip, FilterIcon$1 as FilterIcon, FormField, FormRow, FormSection, FormStack, GridIcon, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icons, IndividualTravelPage, InfoCenterPage, InfoIcon$1 as InfoIcon, Input, LightbulbIcon, LimoIcon, LockIcon$1 as LockIcon, LogoIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, NavItem, NotFoundPage, PageBanners, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, Progress, ProgressBar, ProgressCircle, RailIcon, RefreshIcon, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary$1 as RequestSummary, RosterToolbar, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, Spinner, StatusBadge, SummarySection, SupplierTypeToggle, Table, Tag, TeamCard, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, WarningIcon$1 as WarningIcon, XIcon, formatCompactTripCost, formatTeamScheduleTravelDates, getTeamTravelCalendarPeriodLabel, isTravelDueDateCompleted, moveTeamTravelCalendarPeriod };
|
|
3075
|
+
export { Accordion, AdministrationPage, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, Badge, BuildingIcon, BusIcon$2 as BusIcon, Button, CalendarIcon$1 as CalendarIcon, CalendarTypeSelector, CalendarViewSelector, CarIcon$1 as CarIcon, Card, CardBody, CardFooter, CardHeader, CharterManifestPage, CheckIcon$2 as CheckIcon, Checkbox, ChevronDownIcon$1 as ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon$1 as ChevronRightIcon, ChevronUpIcon, CloseIcon, ConfirmModal, ContactList, ContactUsPage, CubeIcon, DashboardIcon, DashboardPage, Datepicker, DocumentIcon, DownloadIcon, Drawer, DrawerBody, DrawerFooter, DrawerHeader, Dropdown, DueDatesDrawer, EditIcon$2 as EditIcon, EyeIcon, FilterChip, FilterIcon$1 as FilterIcon, FormField, FormRow, FormSection, FormStack, GridIcon, GroundSegment, GroupTravelRequestPage, HUB_ADMIN_ITEM, HUB_INDIVIDUAL_TRAVEL_ITEM, HUB_NAV_ITEMS, HomeIcon, HotelIcon$3 as HotelIcon, HotelSegment, HubAppShell, Icons, IndividualTravelPage, InfoCenterPage, InfoIcon$1 as InfoIcon, Input, LightbulbIcon, LimoIcon, LockIcon$1 as LockIcon, LogoIcon, MailIcon, ManifestCapacityStats, ManifestViewToggle, MegaphoneIcon, MembershipPrograms, MenuIcon, Metric, MinusIcon, Modal, ModalFooter, Module, ModuleDivider, ModuleVerticalDivider, NavItem, NotFoundPage, PageBanners, PhoneIcon, PlaneIcon$3 as PlaneIcon, PlusIcon$2 as PlusIcon, PreferencesPanel, PrinterIcon, Progress, ProgressBar, ProgressCircle, RailIcon, RefreshIcon, ReportIcon, RequestFormFooter, RequestFormHeader, RequestFormLayout, RequestSummary$1 as RequestSummary, RosterToolbar, SUPPLIER_TYPE_OPTIONS, SchoolContactForm, SearchField, SearchIcon$1 as SearchIcon, Segment, SegmentedSelector, Select, SelectFilter, ServiceToggle, ServiceToggleList, SettingsIcon, Sidenav, Spinner, StatusBadge, SummarySection, SupplierTypeToggle, Table, Tag, TeamCard, TeamContactsPanel, TeamEquipmentForm, TeamHeader, TeamImportForm, TeamManagementPage, TeamProgramForm, TeamRosterMemberForm, TeamScheduleActions, TeamScheduleCompactTable, TeamScheduleEditor, TeamScheduleExpandedTable, TeamSchedulePage, TeamSubMenu, TeamTravelCalendarCardView, TeamTravelCalendarListView, TeamTravelCalendarPage, TeamTravelCalendarToolbar, TeamTravelCalendarView, TeamUserAccessForm, Textarea, Timepicker, Title, Toggle, Tooltip, Topbar, TrashIcon$2 as TrashIcon, TravelServiceIcon, TravelSummaryMetrics, TravelerForm, TrendDownIcon, TrendUpIcon, TripDetailPage, TripSegment, TripTable, TypeIcon, UploadIcon, UserIcon, UsersIcon$1 as UsersIcon, WarningIcon$1 as WarningIcon, XIcon, formatCompactTripCost, formatTeamScheduleTravelDates, getTeamTravelCalendarPeriodLabel, isTravelDueDateCompleted, moveTeamTravelCalendarPeriod };
|
|
3036
3076
|
//# sourceMappingURL=index.esm.js.map
|