@shortstravelmgmt/component-lib 0.1.7 → 0.1.9
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 +119 -17
- package/dist/index.esm.js +678 -398
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +688 -402
- 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
|
@@ -7,12 +7,12 @@ const createIcon = (children, displayName) => {
|
|
|
7
7
|
return Icon;
|
|
8
8
|
};
|
|
9
9
|
// Travel / segment type icons
|
|
10
|
-
const PlaneIcon$
|
|
11
|
-
const CarIcon$
|
|
12
|
-
const HotelIcon$
|
|
10
|
+
const PlaneIcon$3 = createIcon(jsx("path", { d: "M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z" }), 'PlaneIcon');
|
|
11
|
+
const CarIcon$1 = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2" }), jsx("circle", { cx: "7", cy: "17", r: "2" }), jsx("path", { d: "M9 17h6" }), jsx("circle", { cx: "17", cy: "17", r: "2" })] }), 'CarIcon');
|
|
12
|
+
const HotelIcon$3 = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "M10 22v-6.57" }), jsx("path", { d: "M12 11h.01" }), jsx("path", { d: "M12 7h.01" }), jsx("path", { d: "M14 15.43V22" }), jsx("path", { d: "M15 16a5 5 0 0 0-6 0" }), jsx("path", { d: "M16 11h.01" }), jsx("path", { d: "M16 7h.01" }), jsx("path", { d: "M8 11h.01" }), jsx("path", { d: "M8 7h.01" }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2" })] }), 'HotelIcon');
|
|
13
13
|
const LimoIcon = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "m21 8-2 2-1.5-3.7A2 2 0 0 0 15.646 5H8.4a2 2 0 0 0-1.903 1.257L5 10 3 8" }), jsx("path", { d: "M7 14h.01" }), jsx("path", { d: "M17 14h.01" }), jsx("rect", { width: "18", height: "8", x: "3", y: "10", rx: "2" }), jsx("path", { d: "M5 18v2" }), jsx("path", { d: "M19 18v2" })] }), 'LimoIcon');
|
|
14
14
|
const RailIcon = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "M8 3.1V7a4 4 0 0 0 8 0V3.1" }), jsx("path", { d: "m9 15-1-1" }), jsx("path", { d: "m15 15 1-1" }), jsx("path", { d: "M9 19c-2.8 0-5-2.2-5-5v-4a8 8 0 0 1 16 0v4c0 2.8-2.2 5-5 5Z" }), jsx("path", { d: "m8 19-2 3" }), jsx("path", { d: "m16 19 2 3" })] }), 'RailIcon');
|
|
15
|
-
const BusIcon$
|
|
15
|
+
const BusIcon$2 = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "M8 6v6" }), jsx("path", { d: "M15 6v6" }), jsx("path", { d: "M2 12h19.6" }), jsx("path", { d: "M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3" }), jsx("circle", { cx: "7", cy: "18", r: "2" }), jsx("path", { d: "M9 18h5" }), jsx("circle", { cx: "16", cy: "18", r: "2" })] }), 'BusIcon');
|
|
16
16
|
// Control / chrome icons
|
|
17
17
|
const SearchIcon$1 = createIcon(jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("path", { d: "m21 21-4.3-4.3" })] }), 'SearchIcon');
|
|
18
18
|
const ChevronDownIcon$1 = createIcon(jsx("path", { d: "m6 9 6 6 6-6" }), 'ChevronDownIcon');
|
|
@@ -59,12 +59,12 @@ const LockIcon$1 = createIcon(jsxs(Fragment, { children: [jsx("rect", { width: "
|
|
|
59
59
|
const TrashIcon$2 = createIcon(jsxs(Fragment, { children: [jsx("path", { d: "M3 6h18" }), jsx("path", { d: "M8 6V4h8v2" }), jsx("path", { d: "m19 6-1 15H6L5 6" }), jsx("path", { d: "M10 11v5" }), jsx("path", { d: "M14 11v5" })] }), 'TrashIcon');
|
|
60
60
|
// Export all icons as a map for dynamic access
|
|
61
61
|
const Icons = {
|
|
62
|
-
Plane: PlaneIcon$
|
|
63
|
-
Car: CarIcon$
|
|
64
|
-
Hotel: HotelIcon$
|
|
62
|
+
Plane: PlaneIcon$3,
|
|
63
|
+
Car: CarIcon$1,
|
|
64
|
+
Hotel: HotelIcon$3,
|
|
65
65
|
Limo: LimoIcon,
|
|
66
66
|
Rail: RailIcon,
|
|
67
|
-
Bus: BusIcon$
|
|
67
|
+
Bus: BusIcon$2,
|
|
68
68
|
Search: SearchIcon$1,
|
|
69
69
|
ChevronDown: ChevronDownIcon$1,
|
|
70
70
|
ChevronUp: ChevronUpIcon,
|
|
@@ -108,7 +108,7 @@ const Icons = {
|
|
|
108
108
|
Trash: TrashIcon$2,
|
|
109
109
|
};
|
|
110
110
|
|
|
111
|
-
var styles$
|
|
111
|
+
var styles$1c = {"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$1c.alert} ${styles$1c[variant]} ${className}`, role: "alert", children: jsxs("div", { className: styles$1c.content, children: [jsx(IconComponent, { className: styles$1c.icon, size: 20 }), jsxs("div", { className: styles$1c.body, children: [title && jsx("h4", { className: styles$1c.title, children: title }), jsx("div", { className: styles$1c.message, children: children })] }), dismissible && onDismiss && (jsx("button", { type: "button", onClick: onDismiss, className: styles$1c.dismissButton, "aria-label": "Dismiss alert", children: jsx(CloseIcon, { size: 16 }) }))] }) }));
|
|
122
122
|
};
|
|
123
123
|
|
|
124
|
-
var styles$
|
|
124
|
+
var styles$1b = {"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$1b.avatar,
|
|
140
|
+
styles$1b[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$1b.image })) : (jsx("span", { className: styles$1b.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$1b.group, className].filter(Boolean).join(' ');
|
|
153
|
+
return (jsxs("div", { className: classNames, ...props, children: [visibleChildren, remainingCount > 0 && (jsx("div", { className: `${styles$1b.avatar} ${styles$1b.md} ${styles$1b.overflow}`, children: jsxs("span", { className: styles$1b.initials, children: ["+", remainingCount] }) }))] }));
|
|
154
154
|
};
|
|
155
155
|
AvatarGroup.displayName = 'AvatarGroup';
|
|
156
156
|
|
|
157
|
-
var styles$
|
|
157
|
+
var styles$1a = {"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$1a.badge,
|
|
165
|
+
styles$1a[variant],
|
|
166
|
+
styles$1a[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$1a.dot }), children] }));
|
|
172
172
|
};
|
|
173
173
|
Badge.displayName = 'Badge';
|
|
174
174
|
|
|
175
|
-
var styles$
|
|
175
|
+
var styles$19 = {"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$18 = {"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$19.button,
|
|
184
|
+
styles$19[variant],
|
|
185
|
+
styles$19[size],
|
|
186
|
+
fullWidth ? styles$19.fullWidth : '',
|
|
187
|
+
square ? styles$19.square : '',
|
|
188
|
+
loading ? styles$19.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$19.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$19.icon, children: leftIcon }), children && jsx("span", { className: styles$19.content, children: children }), !loading && rightIcon && jsx("span", { className: styles$19.icon, children: rightIcon })] }));
|
|
194
194
|
});
|
|
195
195
|
Button.displayName = 'Button';
|
|
196
196
|
|
|
197
|
-
var styles$
|
|
197
|
+
var styles$18 = {"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$18.wrapper,
|
|
211
|
+
styles$18[size],
|
|
212
|
+
disabled ? styles$18.disabled : '',
|
|
213
|
+
error ? styles$18.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$18.label, children: [jsxs("div", { className: styles$18.checkboxWrapper, children: [jsx("input", { ref: inputRef, type: "checkbox", id: checkboxId, className: styles$18.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$18.checkbox, children: indeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckIcon$1, {}) })] }), label && jsx("span", { className: styles$18.labelText, children: label })] }), error && (jsx("span", { id: errorId, className: styles$18.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$18.helperText, children: helperText }))] }));
|
|
232
232
|
});
|
|
233
233
|
Checkbox.displayName = 'Checkbox';
|
|
234
234
|
|
|
235
|
-
var styles$
|
|
235
|
+
var styles$17 = {"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$17.wrapper,
|
|
248
|
+
fullWidth ? styles$17.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$17.inputWrapper,
|
|
253
|
+
styles$17[size],
|
|
254
|
+
error ? styles$17.error : '',
|
|
255
|
+
disabled ? styles$17.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$17.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: styles$17.icon, children: jsx(CalendarIcon, {}) }), jsx("input", { ref: ref, type: "date", id: inputId, className: styles$17.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$17.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$17.helperText, children: helperText }))] }));
|
|
260
260
|
});
|
|
261
261
|
Datepicker.displayName = 'Datepicker';
|
|
262
262
|
|
|
263
|
-
var styles$
|
|
263
|
+
var styles$16 = {"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$15 = {"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$16.wrapper,
|
|
272
|
+
fullWidth ? styles$16.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$16.inputWrapper,
|
|
279
|
+
styles$16[size],
|
|
280
|
+
error ? styles$16.error : '',
|
|
281
|
+
disabled ? styles$16.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$16.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [leftIcon && jsx("span", { className: styles$16.icon, children: leftIcon }), jsx("input", { ref: ref, id: inputId, className: styles$16.input, disabled: disabled, "aria-invalid": !!error, "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined, ...props }), rightIcon && jsx("span", { className: styles$16.icon, children: rightIcon })] }), error && (jsx("span", { id: `${inputId}-error`, className: styles$16.errorText, children: error })), helperText && !error && (jsx("span", { id: `${inputId}-helper`, className: styles$16.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$16.wrapper,
|
|
292
|
+
fullWidth ? styles$16.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$16.textarea,
|
|
299
|
+
styles$16[size],
|
|
300
|
+
error ? styles$16.error : '',
|
|
301
|
+
disabled ? styles$16.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$16.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$16.errorText, children: error })), helperText && !error && (jsx("span", { id: `${textareaId}-helper`, className: styles$16.helperText, children: helperText }))] }));
|
|
306
306
|
});
|
|
307
307
|
Textarea.displayName = 'Textarea';
|
|
308
308
|
|
|
309
|
-
var styles$
|
|
309
|
+
var styles$15 = {"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$15.metric}
|
|
320
|
+
${dark ? styles$15.dark : ''}
|
|
321
|
+
${onClick ? styles$15.clickable : ''}
|
|
322
322
|
${className}
|
|
323
|
-
`, onClick: onClick, children: value !== undefined && (jsxs("div", { className: styles$
|
|
323
|
+
`, onClick: onClick, children: value !== undefined && (jsxs("div", { className: styles$15.content, children: [jsxs("div", { className: styles$15.valueRow, children: [jsxs("div", { className: styles$15.valueContainer, children: [prefix && jsx("span", { className: styles$15.prefix, children: prefix }), jsx("span", { className: styles$15.value, children: displayValue }), suffix && jsx("span", { className: styles$15.suffix, children: suffix })] }), warning && (jsx("div", { className: styles$15.warningIcon, children: jsx(WarningIcon, {}) }))] }), jsx("div", { className: styles$15.label, children: label })] })) }));
|
|
324
324
|
};
|
|
325
325
|
Metric.displayName = 'Metric';
|
|
326
326
|
|
|
327
|
-
var styles$
|
|
327
|
+
var styles$14 = {"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$14.wrapper,
|
|
340
|
+
fullWidth ? styles$14.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$14.selectWrapper,
|
|
345
|
+
styles$14[size],
|
|
346
|
+
error ? styles$14.error : '',
|
|
347
|
+
disabled ? styles$14.disabled : '',
|
|
348
|
+
leftIcon ? styles$14.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$14.label, children: label })), jsxs("div", { className: selectWrapperClasses, children: [leftIcon && jsx("span", { className: styles$14.leftIcon, children: leftIcon }), jsxs("select", { ref: ref, id: selectId, className: styles$14.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$14.chevron, children: jsx(ChevronDownIcon, {}) })] }), error && (jsx("span", { id: errorId, className: styles$14.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$14.helperText, children: helperText }))] }));
|
|
364
364
|
});
|
|
365
365
|
Select.displayName = 'Select';
|
|
366
366
|
|
|
367
|
-
var styles$
|
|
367
|
+
var styles$13 = {"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$13.spinner} ${styles$13[size]} ${className}`, role: "status", "aria-label": label, style: color ? { color } : undefined, children: [jsxs("svg", { className: styles$13.svg, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: styles$13.track, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: styles$13.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$13.srOnly, children: label })] }));
|
|
371
371
|
};
|
|
372
372
|
|
|
373
|
-
var styles$
|
|
373
|
+
var styles$12 = {"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$12.badge} ${styles$12[status]} ${className || ''}`, "data-status": status, children: displayLabel }));
|
|
386
386
|
};
|
|
387
387
|
|
|
388
|
-
var styles$
|
|
388
|
+
var styles$11 = {"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$11.tag} ${styles$11[variant]} ${styles$11[size]} ${isClickable ? styles$11.clickable : ''} ${className}`, onClick: onClick, style: style, role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, children: [jsx("span", { className: styles$11.content, children: children }), removable && (jsx("button", { type: "button", className: styles$11.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$11.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$10 = {"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$10.wrapper,
|
|
411
|
+
fullWidth ? styles$10.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$10.inputWrapper,
|
|
416
|
+
styles$10[size],
|
|
417
|
+
error ? styles$10.error : '',
|
|
418
|
+
disabled ? styles$10.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$10.label, children: label })), jsxs("div", { className: inputWrapperClasses, children: [jsx("span", { className: styles$10.icon, children: jsx(ClockIcon, {}) }), jsx("input", { ref: ref, type: "time", id: inputId, className: styles$10.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$10.errorText, children: error })), helperText && !error && (jsx("span", { id: helperId, className: styles$10.helperText, children: helperText }))] }));
|
|
423
423
|
});
|
|
424
424
|
Timepicker.displayName = 'Timepicker';
|
|
425
425
|
|
|
426
|
-
var styles
|
|
426
|
+
var styles$$ = {"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$$.title} ${styles$$[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$Z = {"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$Z.wrapper} ${className}`, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, children: [children, isVisible && content && (jsxs("div", { ref: tooltipRef, className: `${styles$Z.tooltip} ${styles$Z[actualPosition]} ${styles$Z[variant]}`, role: "tooltip", children: [jsx("div", { className: styles$Z.content, children: content }), jsx("div", { className: `${styles$Z.arrow} ${styles$Z[`arrow${actualPosition.charAt(0).toUpperCase()}${actualPosition.slice(1)}`]}` })] }))] }));
|
|
523
523
|
};
|
|
524
524
|
|
|
525
|
-
var styles$
|
|
525
|
+
var styles$Y = {"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$Y.service} ${multi ? styles$Y.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$Y.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$Y.multiIndicator, children: "+" })] }));
|
|
572
572
|
};
|
|
573
573
|
|
|
574
|
-
var styles$
|
|
574
|
+
var styles$X = {"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$X.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$W = {"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$W.accordion} ${className || ''}`, children: [jsxs("div", { className: styles$W.headerContainer, children: [jsx("button", { type: "button", className: styles$W.toggle, onClick: handleToggle, "aria-expanded": isOpen, children: jsx(CaretIcon, { className: `${styles$W.caret} ${isOpen ? styles$W.open : ''}` }) }), jsx("div", { className: styles$W.header, children: header })] }), jsxs("div", { className: `${styles$W.body} ${isOpen ? styles$W.visible : styles$W.hidden}`, "aria-hidden": !isOpen, children: [showTimeline && (jsxs("div", { className: styles$W.timeline, children: [jsx("div", { className: styles$W.line }), jsx(CaretIcon, { className: styles$W.endCaret })] })), jsx("div", { className: styles$W.content, children: children })] })] }));
|
|
634
634
|
};
|
|
635
635
|
Accordion.displayName = 'Accordion';
|
|
636
636
|
|
|
637
|
-
var styles$
|
|
637
|
+
var styles$V = {"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$V.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$V.item,
|
|
645
|
+
styles$V[size],
|
|
646
|
+
option.label ? styles$V.withLabel : styles$V.iconOnly,
|
|
647
|
+
active ? styles$V.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$U = {"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$U.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$U.arrow} ${isOpen ? styles$U.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$U.menu} ${styles$U[alignment]} ${isOpen ? styles$U.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$U.item} ${disabled ? styles$U.itemDisabled : ''} ${className}`, onClick: onClick, disabled: disabled, role: "menuitem", children: [icon && jsx("span", { className: styles$U.itemIcon, children: icon }), children] }));
|
|
687
687
|
};
|
|
688
688
|
Dropdown.Item = DropdownItem;
|
|
689
689
|
|
|
690
|
-
var styles$
|
|
690
|
+
var styles$T = {"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$T.wrapper} ${className || ''}`, children: [jsxs("button", { type: "button", className: `${styles$T.chip} ${open ? styles$T.open : ''} ${!isDefault ? styles$T.active : ''}`, onClick: () => setOpen(!open), "aria-haspopup": "listbox", "aria-expanded": open, children: [jsxs("span", { className: styles$T.label, children: [label, ":"] }), jsx("span", { className: styles$T.value, children: displayValue }), jsx("svg", { className: `${styles$T.chevron} ${open ? styles$T.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$T.dropdown, role: "listbox", children: [infoMessage && (jsxs("div", { className: styles$T.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$T.searchWrapper, children: [jsxs("svg", { className: styles$T.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$T.searchInput, autoFocus: true })] })), jsxs("div", { className: styles$T.optionsList, children: [filteredOptions.map((option) => (jsx("button", { type: "button", role: "option", "aria-selected": option.value === value, className: `${styles$T.option} ${option.value === value ? styles$T.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$T.noResults, children: "No results found" }))] })] }))] }));
|
|
731
731
|
};
|
|
732
732
|
|
|
733
|
-
var styles$
|
|
733
|
+
var styles$S = {"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$S.inputElement} ${hasError ? styles$S.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$S.inputElement} ${hasError ? styles$S.inputError : ''} ${inputProps?.className || ''}` }));
|
|
755
755
|
};
|
|
756
|
-
return (jsxs("div", { className: `${styles$
|
|
756
|
+
return (jsxs("div", { className: `${styles$S.formField} ${className || ''}`, children: [jsxs("label", { htmlFor: inputId, className: `${styles$S.label} ${hideLabel ? styles$S.visuallyHidden : ''}`, children: [label, required && jsx("span", { className: styles$S.required, "aria-hidden": "true", children: "*" })] }), renderInput(), helperText && !hasError && (jsx("p", { id: helperId, className: styles$S.helperText, children: helperText })), hasError && (jsx("p", { id: errorId, className: styles$S.errorText, role: "alert", children: error }))] }));
|
|
757
757
|
});
|
|
758
758
|
FormField.displayName = 'FormField';
|
|
759
759
|
|
|
760
|
-
var styles$
|
|
760
|
+
var styles$R = {"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$R.row}
|
|
771
|
+
${styles$R[`cols${colCount}`]}
|
|
772
|
+
${styles$R[`gap${gap}`]}
|
|
773
|
+
${stackOnMobile ? styles$R.stackMobile : ''}
|
|
774
774
|
${className || ''}
|
|
775
775
|
`, children: children }));
|
|
776
776
|
};
|
|
777
777
|
FormRow.displayName = 'FormRow';
|
|
778
778
|
|
|
779
|
-
var styles$
|
|
779
|
+
var styles$Q = {"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$P = {"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$Q.section} ${className || ''}`, id: id, children: [jsxs("div", { className: styles$Q.header, children: [icon && jsx("span", { className: styles$Q.icon, children: icon }), jsx("h2", { className: styles$Q.title, children: title })] }), jsxs("fieldset", { disabled: isDisabled, className: `${styles$Q.fieldset} ${isDisabled ? styles$Q.disabled : ''}`, children: [status && (jsxs("div", { className: styles$Q.status, children: [jsx("span", { className: styles$Q.statusLabel, children: "Status:" }), jsx("span", { className: `${styles$Q.statusValue} ${styles$Q[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$P = {"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$P.stack, styles$P[gap], className].filter(Boolean).join(' '), children: children }));
|
|
796
796
|
|
|
797
|
-
var styles$
|
|
797
|
+
var styles$O = {"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$O.toggle, locked ? styles$O.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$O.tab,
|
|
809
|
+
active ? styles$O.active : '',
|
|
810
|
+
locked ? styles$O.locked : '',
|
|
811
|
+
locked && active ? styles$O.lockedActive : '',
|
|
812
|
+
].filter(Boolean).join(' '), children: [jsx(Icon, { size: 16 }), tab.label, jsx("span", { className: styles$O.count, children: tab.count })] }, tab.key));
|
|
813
813
|
}) }));
|
|
814
814
|
};
|
|
815
815
|
|
|
816
|
-
var styles$
|
|
816
|
+
var styles$N = {"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$N.icon} ${styles$N[`icon${size.charAt(0).toUpperCase()}${size.slice(1)}`]}`, "aria-hidden": "true", children: icon }), !collapsed && (jsx("span", { className: styles$N.label, children: label })), badge !== undefined && !collapsed && (jsx(Badge, { variant: badgeVariant, className: styles$N.badge, children: badge }))] }));
|
|
820
820
|
const classNames = [
|
|
821
|
-
styles$
|
|
822
|
-
styles$
|
|
823
|
-
styles$
|
|
824
|
-
active ? styles$
|
|
825
|
-
collapsed ? styles$
|
|
826
|
-
disabled ? styles$
|
|
821
|
+
styles$N.navItem,
|
|
822
|
+
styles$N[variant],
|
|
823
|
+
styles$N[size],
|
|
824
|
+
active ? styles$N.active : '',
|
|
825
|
+
collapsed ? styles$N.collapsed : '',
|
|
826
|
+
disabled ? styles$N.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$M = {"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$M.barContainer} ${styles$M[`bar${size}`]} ${className}`, children: [jsx("div", { className: styles$M.barTrack, children: jsx("div", { className: `${styles$M.barFill} ${styles$M[variant]}`, style: { width: `${percentage}%` }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max }) }), showLabel && (jsxs("span", { className: styles$M.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$M.circleContainer} ${className}`, style: { width: dimension, height: dimension }, children: [jsxs("svg", { width: dimension, height: dimension, className: styles$M.circleSvg, children: [jsx("circle", { className: styles$M.circleTrack, cx: dimension / 2, cy: dimension / 2, r: radius, strokeWidth: strokeWidth, fill: "transparent" }), jsx("circle", { className: `${styles$M.circleFill} ${styles$M[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$M.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$L = {"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$L.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$L.dropdown, children: [jsxs("button", { type: "button", className: styles$L.dropdownTrigger, children: [icon, jsx("span", { children: label }), jsx(ChevronIcon$2, {})] }), jsx("div", { className: styles$L.dropdownMenu, children: options.map((option, i) => (jsxs("button", { type: "button", className: styles$L.dropdownItem, onClick: option.onClick, disabled: option.disabled, children: [option.icon && jsx("span", { className: styles$L.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$L.toolbar, className].filter(Boolean).join(' ');
|
|
891
|
+
return (jsxs("div", { className: toolbarClasses, children: [jsxs("div", { className: styles$L.leftSection, children: [searchField, additionalActions] }), jsxs("div", { className: styles$L.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$L.lockButton,
|
|
893
|
+
lockToggle.isLocked ? styles$L.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$L.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$K = {"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$K.searchField} ${styles$K[size]} ${className || ''}`, onSubmit: handleSubmit, role: "search", children: [jsxs("div", { className: styles$K.inputWrapper, children: [jsx(SearchIcon$1, { className: styles$K.searchIcon, "aria-hidden": "true" }), jsx(Input, { ref: ref, id: id, type: "search", placeholder: placeholder, value: currentValue, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: styles$K.input, "aria-label": ariaLabel, ...props }), showClear && currentValue && (jsx("button", { type: "button", className: styles$K.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$J = {"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$J.form, className].filter(Boolean).join(' '), children: [mode === 'Add' && (jsxs(Fragment, { children: [jsxs("div", { children: [jsx("label", { className: styles$J.portalLabel, children: "Create From Portal User" }), createFromPortalUser] }), jsx("div", { className: styles$J.divider, children: jsx("strong", { children: "OR" }) }), jsx("p", { className: styles$J.newContactLabel, children: "Create New Contact Without Portal Access" })] })), jsxs("div", { className: styles$J.nameFields, children: [firstNameField, middleInitialField, lastNameField] }), jsxs("div", { className: styles$J.phoneFields, children: [businessPhoneField, cellPhoneField] }), jsx("div", { children: emailField })] }));
|
|
937
937
|
|
|
938
|
-
var styles$
|
|
938
|
+
var styles$I = {"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$I.segment} ${styles$I[size]} ${fullWidth ? styles$I.fullWidth : ''} ${className}`, role: "radiogroup", "aria-label": ariaLabel, children: options.map((option) => (jsxs("button", { type: "button", className: `${styles$I.option} ${value === option.value ? styles$I.selected : ''} ${option.disabled ? styles$I.disabled : ''}`, onClick: () => !option.disabled && onChange(option.value), disabled: option.disabled, role: "radio", "aria-checked": value === option.value, children: [option.icon && jsx("span", { className: styles$I.icon, children: option.icon }), option.label] }, option.value))) }));
|
|
942
942
|
};
|
|
943
943
|
|
|
944
|
-
var styles$
|
|
944
|
+
var styles$H = {"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$H.container} ${className}`, children: [jsxs("button", { type: "button", className: `${styles$H.trigger} ${disabled ? styles$H.disabled : ''} ${isOpen ? styles$H.open : ''}`, onClick: () => !disabled && setIsOpen(!isOpen), children: [jsx("span", { className: `${styles$H.triggerText} ${selectedValues.length === 0 ? styles$H.placeholder : ''}`, children: getDisplayText() }), jsx("span", { className: styles$H.chevron, children: jsx(ChevronIcon$1, {}) })] }), isOpen && (jsxs("div", { className: styles$H.dropdown, style: { width }, children: [grouped && tabs.length > 0 && (jsx("div", { className: styles$H.tabs, children: tabs.map(tab => (jsx("button", { type: "button", className: `${styles$H.tab} ${activeTab === tab ? styles$H.activeTab : ''}`, onClick: () => setActiveTab(tab), children: tab.charAt(0).toUpperCase() + tab.slice(1) }, tab))) })), multiselect && (jsxs("div", { className: styles$H.actions, children: [jsx("button", { type: "button", className: styles$H.actionBtn, onClick: handleSelectAll, children: "Select All" }), jsx("button", { type: "button", className: styles$H.actionBtn, onClick: handleClear, children: "Clear" })] })), jsx("div", { className: styles$H.options, children: currentOptions.map(option => (jsxs("div", { className: `${styles$H.option} ${selectedValues.includes(option.value) ? styles$H.selected : ''}`, onClick: () => handleSelect(option.value), children: [multiselect && (jsx("span", { className: styles$H.checkbox, children: selectedValues.includes(option.value) && jsx(CheckIcon, {}) })), jsx("span", { className: styles$H.optionLabel, children: option.label })] }, option.value))) }), multiselect && (jsx("div", { className: styles$H.footer, children: jsx("button", { type: "button", className: styles$H.applyBtn, onClick: () => setIsOpen(false), children: "Apply" }) }))] }))] }));
|
|
1018
1018
|
};
|
|
1019
1019
|
SelectFilter.displayName = 'SelectFilter';
|
|
1020
1020
|
|
|
1021
|
-
var styles$
|
|
1021
|
+
var styles$G = {"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$G.item, children: [jsxs("div", { className: `${styles$G.labelContainer} ${isClickable ? styles$G.clickable : ''}`, onClick: handleClick, children: [icon && jsx("span", { className: styles$G.icon, children: icon }), jsx("span", { className: styles$G.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$G.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$F = {"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$F.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$F.active : '', onClick: () => handleSelect(option.value), children: option.label }, option.value || 'all'))) }));
|
|
1068
1068
|
};
|
|
1069
1069
|
|
|
1070
|
-
var styles$
|
|
1070
|
+
var styles$E = {"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$E.header,
|
|
1082
|
+
!title ? styles$E.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$E.left, children: [(backHref || onBack) && (jsx("button", { type: "button", className: styles$E.backButton, onClick: handleBack, "aria-label": "Go back", children: jsx(BackIcon, {}) })), jsxs("div", { className: styles$E.titles, children: [pretitle && jsx("span", { className: styles$E.pretitle, children: pretitle }), jsxs("h1", { className: styles$E.title, children: [title, "\u00A0"] })] })] }), actions && (jsx("div", { className: styles$E.actions, children: actions }))] }));
|
|
1095
1095
|
};
|
|
1096
1096
|
const DEFAULT_TABS$1 = [
|
|
1097
1097
|
{ id: 'profile', label: 'Profile' },
|
|
@@ -1100,55 +1100,55 @@ 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$E.subMenu, className].filter(Boolean).join(' '), "aria-label": "Team management sections", children: tabs.map((tab) => (jsx("button", { type: "button", className: activeTab === tab.id ? styles$E.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$D = {"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
|
-
const PlaneIcon$
|
|
1110
|
-
const BusIcon$
|
|
1111
|
-
const HotelIcon$
|
|
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
|
+
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" })] }));
|
|
1111
|
+
const HotelIcon$2 = () => (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" })] }));
|
|
1112
1112
|
const ArrowIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), jsx("polyline", { points: "12 5 19 12 12 19" })] }));
|
|
1113
1113
|
/**
|
|
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$D.segment} ${styles$D[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$D.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$D.item, children: [jsxs("div", { className: styles$D.itemHeader, children: [jsx(PlaneIcon$2, {}), jsx("span", { className: styles$D.itemType, children: flight.type === 'charter' ? 'Charter' : 'Commercial' })] }), jsxs("div", { className: styles$D.route, children: [jsx("span", { className: styles$D.location, children: flight.departure }), jsx(ArrowIcon, {}), jsx("span", { className: styles$D.location, children: flight.arrival })] }), jsxs("div", { className: styles$D.details, children: [jsx("span", { children: flight.departureDate }), flight.departureTime && jsx("span", { children: flight.departureTime })] }), flight.airline && (jsxs("div", { className: styles$D.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$D.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$D.item, children: [jsxs("div", { className: styles$D.itemHeader, children: [jsx(BusIcon$1, {}), jsx("span", { className: styles$D.itemType, children: segment.type.charAt(0).toUpperCase() + segment.type.slice(1) })] }), jsxs("div", { className: styles$D.route, children: [jsx("span", { className: styles$D.location, children: segment.pickupLocation }), jsx(ArrowIcon, {}), jsx("span", { className: styles$D.location, children: segment.dropoffLocation })] }), jsxs("div", { className: styles$D.details, children: [jsx("span", { children: segment.pickupDate }), segment.pickupTime && jsx("span", { children: segment.pickupTime })] }), segment.company && (jsxs("div", { className: styles$D.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$D.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$D.item, children: [jsxs("div", { className: styles$D.itemHeader, children: [jsx(HotelIcon$2, {}), jsx("span", { className: styles$D.itemName, children: hotel.name })] }), hotel.city && (jsx("div", { className: styles$D.details, children: jsx("span", { children: hotel.city }) })), jsxs("div", { className: styles$D.dates, children: [jsx("span", { children: hotel.checkIn }), jsx("span", { children: "\u2013" }), jsx("span", { children: hotel.checkOut })] }), hotel.roomCount && (jsx("div", { className: styles$D.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$C = {"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$B = {"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$C.sidenav,
|
|
1161
|
+
expanded ? styles$C.expanded : styles$C.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$C.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$C.logoContainer, children: expanded ? logo : logoCollapsed || logo }), jsx("nav", { className: styles$C.nav, children: items.map((item) => {
|
|
1175
1175
|
const isActive = item.key === activeKey;
|
|
1176
1176
|
const itemClasses = [
|
|
1177
|
-
styles$
|
|
1178
|
-
isActive ? styles$
|
|
1177
|
+
styles$C.navItem,
|
|
1178
|
+
isActive ? styles$C.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$C.icon, children: item.icon }), expanded && jsx("span", { className: styles$C.label, children: item.label })] }, item.key));
|
|
1183
|
+
}) }), footer && jsx("div", { className: styles$C.footer, children: footer })] }));
|
|
1184
1184
|
};
|
|
1185
1185
|
Sidenav.displayName = 'Sidenav';
|
|
1186
1186
|
|
|
1187
|
-
var styles$
|
|
1187
|
+
var styles$B = {"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$B.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$B.left, children: [leftContent, account && (jsxs("div", { className: styles$B.accountWrapper, ref: dropdownRef, children: [jsxs("button", { className: `${styles$B.accountSelector} ${isOpen ? styles$B.open : ''}`, onClick: handleToggle, "aria-expanded": isOpen, "aria-haspopup": hasDropdown ? 'listbox' : undefined, children: [jsx("span", { className: styles$B.accountCode, children: account.code }), jsx("span", { className: styles$B.accountName, children: account.name }), hasDropdown && (jsx(ChevronDownIcon$1, { size: 16, className: `${styles$B.chevron} ${isOpen ? styles$B.chevronOpen : ''}` }))] }), isOpen && hasDropdown && (jsxs("div", { className: styles$B.dropdown, role: "listbox", children: [jsxs("div", { className: styles$B.dropdownSearch, children: [jsxs("svg", { className: styles$B.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$B.searchInput })] }), jsx("div", { className: styles$B.dropdownList, children: filteredAccounts.length > 0 ? (filteredAccounts.map((acc) => (jsxs("button", { className: `${styles$B.dropdownItem} ${acc.code === account.code ? styles$B.selected : ''}`, onClick: () => handleSelectAccount(acc), role: "option", "aria-selected": acc.code === account.code, children: [jsx("span", { className: styles$B.dropdownItemCode, children: acc.code }), jsx("span", { className: styles$B.dropdownItemName, children: acc.name })] }, acc.code)))) : (jsx("div", { className: styles$B.noResults, children: "No accounts found" })) })] }))] }))] }), actions && jsx("div", { className: styles$B.actions, children: actions })] }));
|
|
1248
1248
|
};
|
|
1249
1249
|
Topbar.displayName = 'Topbar';
|
|
1250
1250
|
|
|
1251
|
-
var styles$
|
|
1251
|
+
var styles$A = {"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$A.appLayout} ${className || ''}`, children: [jsx(Sidenav, { items: navItems, activeKey: activeNavKey, defaultExpanded: defaultExpanded, onItemClick: onNavItemClick, logo: logo, logoCollapsed: collapsedLogo, footer: navFooter }), jsxs("div", { className: styles$A.mainArea, children: [jsx(Topbar, { account: account, onAccountClick: onAccountClick, actions: topbarActions }), jsx("main", { className: styles$A.content, children: children })] })] }));
|
|
1255
1255
|
};
|
|
1256
1256
|
|
|
1257
|
-
var styles$
|
|
1257
|
+
var styles$z = {"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$z.card,
|
|
1265
|
+
styles$z[variant],
|
|
1266
|
+
styles$z[`padding-${padding}`],
|
|
1267
|
+
interactive ? styles$z.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$z.header, className].filter(Boolean).join(' ');
|
|
1277
|
+
return (jsxs("div", { className: classNames, ...props, children: [jsxs("div", { className: styles$z.headerContent, children: [title && jsx("h3", { className: styles$z.title, children: title }), subtitle && jsx("p", { className: styles$z.subtitle, children: subtitle }), children] }), actions && jsx("div", { className: styles$z.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$z.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$z.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$y = {"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$y.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$y.alert, children: alert })), jsxs("div", { className: styles$y.card, children: [jsx("div", { className: styles$y.header, children: jsxs("div", { className: styles$y.titleRow, children: [jsx("h3", { className: styles$y.title, children: title }), tooltip && (jsx("span", { className: styles$y.tooltip, children: jsx(InfoIcon, {}) }))] }) }), jsxs("div", { className: styles$y.list, children: [contacts.map((contact) => (jsxs("div", { className: styles$y.contactItem, children: [jsxs("div", { className: styles$y.contactInfo, children: [jsxs("div", { className: styles$y.contactName, children: [contact.name, contact.isPrimary && (jsx("span", { className: styles$y.badge, children: "Primary" })), contact.isSecondary && (jsx("span", { className: `${styles$y.badge} ${styles$y.badgeSecondary}`, children: "Secondary" }))] }), contact.role && (jsx("div", { className: styles$y.contactRole, children: contact.role })), jsxs("div", { className: styles$y.contactDetails, children: [contact.email && (jsx("a", { href: `mailto:${contact.email}`, className: styles$y.contactLink, children: contact.email })), contact.phone && (jsx("span", { className: styles$y.contactPhone, children: contact.phone }))] })] }), jsxs("div", { className: styles$y.contactActions, children: [onEdit && (jsx("button", { type: "button", className: styles$y.actionButton, onClick: () => onEdit(contact), "aria-label": "Edit contact", children: jsx(EditIcon$1, {}) })), onRemove && (jsx("button", { type: "button", className: `${styles$y.actionButton} ${styles$y.actionButtonDanger}`, onClick: () => onRemove(contact), "aria-label": "Remove contact", children: jsx(TrashIcon$1, {}) }))] })] }, contact.id))), contacts.length === 0 && (jsx("div", { className: styles$y.empty, children: "No contacts added" }))] }), showAdd && onAdd && (jsx("div", { className: styles$y.footer, children: jsxs("button", { type: "button", className: styles$y.addButton, onClick: onAdd, children: [jsx(PlusIcon$1, {}), addLabel] }) }))] })] }));
|
|
1306
1306
|
};
|
|
1307
1307
|
ContactList.displayName = 'ContactList';
|
|
1308
1308
|
|
|
1309
|
-
var styles$
|
|
1309
|
+
var styles$x = {"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$x.header} ${className}`, children: [jsxs("div", { className: styles$x.headerContent, children: [title && jsx("h2", { className: styles$x.title, children: title }), children] }), showClose && (jsx("button", { type: "button", className: styles$x.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$x.body} ${className}`, children: children }));
|
|
1313
|
+
const DrawerFooter = ({ children, className = '' }) => (jsx("div", { className: `${styles$x.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$x.container, children: [showBackdrop && (jsx("div", { className: `${styles$x.backdrop} ${isOpen ? styles$x.backdropOpen : ''}`, onClick: handleBackdropClick })), jsx("div", { className: `${styles$x.drawer} ${styles$x[position]} ${styles$x[`size${size.charAt(0).toUpperCase()}${size.slice(1)}`]} ${isOpen ? styles$x.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$w = {"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) => {
|
|
@@ -1358,12 +1358,12 @@ const parseLocalDate$1 = (value) => {
|
|
|
1358
1358
|
return Number.isNaN(date.getTime()) ? null : date;
|
|
1359
1359
|
};
|
|
1360
1360
|
const formatDate$2 = (value, options) => parseLocalDate$1(value)?.toLocaleDateString('en-US', options) ?? 'Invalid Date';
|
|
1361
|
-
const sportColor = (code) => code.toUpperCase().startsWith('W') ? '#FFA99A' : code.toUpperCase().startsWith('X') ? '#D1C1C3' : '#8AC6D9';
|
|
1362
|
-
const DueDateCard = ({ item, onToggle, onTaskClick }) => {
|
|
1361
|
+
const sportColor$1 = (code) => code.toUpperCase().startsWith('W') ? '#FFA99A' : code.toUpperCase().startsWith('X') ? '#D1C1C3' : '#8AC6D9';
|
|
1362
|
+
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$w.card, children: [jsxs("div", { className: styles$w.cardTitle, children: [jsx("button", { type: "button", "aria-label": `${completed ? 'Reopen' : 'Complete'} ${item.tasktitle}`, className: [styles$w.status, completed ? styles$w.completed : pastDue ? styles$w.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$w.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$w.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$w.drawer, isOpen ? styles$w.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$w.body, children: [jsxs("label", { className: styles$w.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$w.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$w.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$v = {"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$v.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$v.defaultAccount, children: [jsx("span", { children: "UNI" }), jsx("strong", { children: "University of Northern Iowa" })] });
|
|
1393
|
+
const DefaultActions = ({ isMobileNavOpen, toggleMobileNav }) => (jsxs("div", { className: styles$v.defaultActions, children: [jsxs("div", { className: styles$v.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$v.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,23 +1413,23 @@ 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$v.navItem, activeNavKey === item.key ? styles$v.active : '', mobile ? styles$v.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$v.navIcon, children: item.icon }), (expanded || mobile) && jsx("span", { children: item.label })] }, item.key));
|
|
1417
|
+
return (jsxs("div", { className: [styles$v.shell, expanded ? styles$v.shellExpanded : '', className].filter(Boolean).join(' '), children: [loading && jsx("div", { className: styles$v.loading, role: "status", "aria-label": "Loading", "data-testid": "loading-overlay", children: jsx("span", {}) }), betaLabel && jsx("div", { className: styles$v.beta, children: betaLabel }), jsxs("aside", { className: styles$v.sidebar, "data-expanded": expanded, children: [jsx("button", { type: "button", className: styles$v.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$v.logo, "aria-label": "Go to Home", onClick: onLogoClick, children: logo ?? jsx(DefaultLogo, { expanded: expanded }) }), jsxs("nav", { className: styles$v.desktopNav, "aria-label": "Hub navigation", children: [jsxs("button", { type: "button", className: styles$v.navItem, "aria-label": "Old Portal", title: "Old Portal", onClick: onLegacyPortal, children: [jsx("span", { className: styles$v.navIcon, children: jsx(ArrowUpRightIcon, { size: 24 }) }), expanded && jsx("span", { children: "Old Portal" })] }), renderNavItem(individualTravelItem), jsx("div", { className: navigationDisabled ? styles$v.disabledNav : '', children: navItems.map((item) => renderNavItem(item)) })] }), jsxs("div", { className: styles$v.sidebarFooter, children: [isAdmin && renderNavItem(adminItem), jsxs("div", { className: styles$v.profile, ref: profileRef, children: [jsx("button", { type: "button", className: styles$v.avatar, "aria-label": "User Information", onClick: () => setIsProfileOpen((value) => !value), children: userInitials }), isProfileOpen && profileMenu && jsx("div", { className: styles$v.profileMenu, children: profileMenu })] })] })] }), jsxs("div", { className: styles$v.main, children: [jsxs("header", { className: styles$v.topbar, children: [jsx("div", { children: accountSelector ?? jsx(DefaultAccount, {}) }), renderTopbarActions?.(actions) ?? jsx(DefaultActions, { ...actions })] }), isMobileNavOpen && jsxs("div", { className: styles$v.mobileNav, children: [jsx("nav", { "aria-label": "Mobile Hub navigation", children: navItems.map((item) => renderNavItem(item, true)) }), jsxs("div", { className: styles$v.mobileExtras, role: "group", "aria-label": "Mobile navigation actions", children: [renderMobileExtras?.(closeMobileNav) ?? jsxs("button", { type: "button", className: styles$v.mobileBooking, onClick: closeMobileNav, children: [jsx(ArrowUpRightIcon, { size: 20 }), jsx("span", { children: "Book Team Travel" })] }), jsxs("button", { type: "button", className: styles$v.mobilePrimary, onClick: () => { onLegacyPortal?.(); closeMobileNav(); }, children: [jsx(ArrowUpRightIcon, { size: 20 }), jsx("span", { children: "Legacy Portal" })] })] }), mobileFooter && jsx("div", { className: styles$v.mobileFooter, children: mobileFooter })] }), showContent && jsx("main", { className: [styles$v.content, contentDisabled ? styles$v.contentDisabled : ''].filter(Boolean).join(' '), children: children })] })] }));
|
|
1418
1418
|
};
|
|
1419
1419
|
|
|
1420
|
-
var styles$
|
|
1420
|
+
var styles$u = {"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
|
-
const PlaneIcon$
|
|
1423
|
-
const HotelIcon$
|
|
1424
|
-
const CarIcon
|
|
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
|
+
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" })] }));
|
|
1424
|
+
const CarIcon = () => (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("path", { d: "M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }), jsx("path", { d: "M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }), jsx("path", { d: "M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" })] }));
|
|
1425
1425
|
const StarIcon = () => (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }));
|
|
1426
1426
|
const EditIcon = () => (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: jsx("path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" }) }));
|
|
1427
1427
|
const TrashIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("polyline", { points: "3 6 5 6 21 6" }), jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })] }));
|
|
1428
1428
|
const PlusIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })] }));
|
|
1429
1429
|
const TYPE_ICONS = {
|
|
1430
|
-
airline: jsx(PlaneIcon$
|
|
1431
|
-
hotel: jsx(HotelIcon$
|
|
1432
|
-
car: jsx(CarIcon
|
|
1430
|
+
airline: jsx(PlaneIcon$1, {}),
|
|
1431
|
+
hotel: jsx(HotelIcon$1, {}),
|
|
1432
|
+
car: jsx(CarIcon, {}),
|
|
1433
1433
|
other: jsx(StarIcon, {}),
|
|
1434
1434
|
};
|
|
1435
1435
|
const TYPE_LABELS = {
|
|
@@ -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$u.container,
|
|
1447
|
+
isLoading ? styles$u.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$u.alert, children: alert }), jsxs("div", { className: styles$u.header, children: [jsx("h2", { className: styles$u.title, children: title }), onAdd && (jsxs("button", { type: "button", className: styles$u.addButton, onClick: onAdd, "aria-label": "Add membership program", children: [jsx(PlusIcon, {}), jsx("span", { children: "Add Program" })] }))] }), programs.length === 0 ? (jsx("div", { className: styles$u.empty, children: jsx("p", { children: emptyMessage }) })) : (jsx("div", { className: styles$u.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$u.group, children: [jsxs("div", { className: styles$u.groupHeader, children: [jsx("span", { className: styles$u.groupIcon, children: TYPE_ICONS[type] }), jsx("span", { className: styles$u.groupLabel, children: TYPE_LABELS[type] })] }), jsx("div", { className: styles$u.programs, children: typePrograms.map((program) => (jsxs("div", { className: styles$u.program, children: [jsxs("div", { className: styles$u.programInfo, children: [jsx("div", { className: styles$u.programProvider, children: program.provider }), program.programName && (jsx("div", { className: styles$u.programName, children: program.programName })), jsx("div", { className: styles$u.programNumber, children: program.membershipNumber }), program.status && (jsx("div", { className: styles$u.programStatus, children: program.status }))] }), jsxs("div", { className: styles$u.programActions, children: [onEdit && (jsx("button", { type: "button", className: styles$u.actionButton, onClick: () => onEdit(program), "aria-label": `Edit ${program.provider} program`, children: jsx(EditIcon, {}) })), onRemove && (jsx("button", { type: "button", className: [styles$u.actionButton, styles$u.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$t = {"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$t.stat, children: [jsxs("div", { className: styles$t.labelRow, children: [jsx("span", { className: styles$t.label, children: label }), warn && jsx(WarningIcon$1, { size: 14, className: styles$t.warningIcon, "aria-label": `${label} warning` })] }), jsx("div", { className: [styles$t.value, warn ? styles$t.warningText : ''].filter(Boolean).join(' '), children: value }), jsx("div", { className: styles$t.sub, children: sub }), jsx("div", { className: styles$t.meter, "aria-hidden": "true", children: jsx("span", { className: [styles$t.meterFill, warn ? styles$t.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$t.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$t.alert, role: "alert", children: [jsx(WarningIcon$1, { size: 20, className: styles$t.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$s = {"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$s.overlay, onClick: handleBackdropClick, children: jsxs("div", { className: `${styles$s.modal} ${styles$s[size]} ${className}`, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? 'modal-title' : undefined, children: [(title || showCloseButton) && (jsxs("div", { className: styles$s.header, children: [title && (jsx("h2", { id: "modal-title", className: styles$s.title, children: title })), showCloseButton && (jsx("button", { type: "button", className: styles$s.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$s.body, children: children }), footer && jsx("div", { className: styles$s.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$s.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$s.confirmMessage, children: message }) }));
|
|
1510
1510
|
|
|
1511
|
-
var styles$
|
|
1511
|
+
var styles$r = {"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$r.module} ${className}`, children: [title && (jsx("div", { className: `${styles$r.header} ${styles$r[size]} ${!open ? styles$r.closed : ''} ${headerClassName}`, children: jsxs("div", { className: `${styles$r.titleRow} ${styles$r[size]} ${titleClassName}`, children: [icon && (jsx("span", { className: `${styles$r.icon} ${size === 'sm' ? '' : styles$r.iconSpaced} ${iconClassName}`, children: icon })), jsx("span", { className: styles$r.title, children: title }), badge && jsx("span", { className: styles$r.badge, children: badge }), jsxs("div", { className: styles$r.tools, children: [tools, useToggle && (jsx("button", { type: "button", className: styles$r.toggleBtn, onClick: handleToggle, "aria-expanded": open, children: jsx(ChevronIcon, { direction: open ? 'up' : 'down' }) }))] })] }) })), jsxs("div", { className: styles$r.bodyWrapper, children: [before, jsx("div", { className: `${styles$r.body} ${styles$r[size]} ${!open ? styles$r.hidden : ''} ${bodyClassName}`, children: children }), after] }), footer && (jsx("div", { className: `${styles$r.footer} ${!open ? styles$r.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$r.divider} ${dark ? styles$r.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$r.verticalDivider} ${dark ? styles$r.dark : ''} ${className}` }));
|
|
1543
1543
|
Module.displayName = 'Module';
|
|
1544
1544
|
|
|
1545
|
-
var styles$
|
|
1545
|
+
var styles$q = {"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,36 +1569,36 @@ 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$q.stack, className].filter(Boolean).join(' '), role: "region", "aria-label": "Page notices", children: [visibleSystem.map((banner) => (jsxs("div", { className: [styles$q.banner, styles$q.system].join(' '), role: "status", children: [jsx(InfoIcon$1, { className: styles$q.systemIcon, size: 20, "aria-hidden": "true" }), jsxs("div", { className: styles$q.content, children: [jsx("p", { className: styles$q.title, dangerouslySetInnerHTML: { __html: banner.html } }), banner.detailHtml && (jsx("p", { className: styles$q.detail, dangerouslySetInnerHTML: { __html: banner.detailHtml } }))] }), jsx("button", { type: "button", className: styles$q.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$q.content, children: [jsx("p", { className: [styles$q.title, styles$q.alertTitle].join(' '), children: decodeEntities(banner.title) }), banner.body && jsx("p", { className: [styles$q.detail, styles$q.clamp].join(' '), children: decodeEntities(banner.body) })] }));
|
|
1574
|
+
return (jsxs("div", { className: [styles$q.banner, styles$q.alert].join(' '), role: "alert", children: [jsx(WarningIcon$1, { className: styles$q.alertIcon, size: 20, "aria-hidden": "true" }), banner.href ? (jsx("a", { href: banner.href, className: styles$q.alertLink, children: content })) : (content), jsx("button", { type: "button", className: [styles$q.dismiss, styles$q.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$p = {"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
|
-
const PlaneIcon
|
|
1581
|
-
const BusIcon
|
|
1582
|
-
const HotelIcon
|
|
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
|
+
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" })] }));
|
|
1582
|
+
const HotelIcon = () => (jsxs("svg", { width: "20", height: "20", 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" })] }));
|
|
1583
1583
|
const DEFAULT_ICONS = {
|
|
1584
|
-
air: jsx(PlaneIcon
|
|
1585
|
-
ground: jsx(BusIcon
|
|
1586
|
-
hotel: jsx(HotelIcon
|
|
1584
|
+
air: jsx(PlaneIcon, {}),
|
|
1585
|
+
ground: jsx(BusIcon, {}),
|
|
1586
|
+
hotel: jsx(HotelIcon, {}),
|
|
1587
1587
|
};
|
|
1588
1588
|
/**
|
|
1589
1589
|
* PreferencesPanel - Displays travel preferences in a multi-column layout
|
|
1590
1590
|
*/
|
|
1591
1591
|
const PreferencesPanel = ({ title, sections, alert, footer, isLoading = false, className = '', }) => {
|
|
1592
1592
|
const panelClasses = [
|
|
1593
|
-
styles$
|
|
1594
|
-
isLoading ? styles$
|
|
1593
|
+
styles$p.panel,
|
|
1594
|
+
isLoading ? styles$p.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$p.alert, children: alert })), title && jsx("h2", { className: styles$p.title, children: title }), jsx("div", { className: styles$p.grid, children: sections.map((section, i) => (jsxs("div", { className: styles$p.section, children: [jsxs("div", { className: styles$p.sectionHeader, children: [(section.icon || DEFAULT_ICONS[section.title.toLowerCase()]) && (jsx("span", { className: styles$p.sectionIcon, children: section.icon || DEFAULT_ICONS[section.title.toLowerCase()] })), jsx("h3", { className: styles$p.sectionTitle, children: section.title })] }), jsx("div", { className: styles$p.fields, children: section.fields.map((field, j) => (jsxs("div", { className: styles$p.field, children: [jsx("label", { className: styles$p.fieldLabel, children: field.label }), field.input ? (jsx("div", { className: styles$p.fieldInput, children: field.input })) : (jsx("div", { className: styles$p.fieldValue, children: field.value || '—' }))] }, j))) })] }, i))) }), footer && (jsx("div", { className: styles$p.footer, children: footer }))] }));
|
|
1598
1598
|
};
|
|
1599
1599
|
PreferencesPanel.displayName = 'PreferencesPanel';
|
|
1600
1600
|
|
|
1601
|
-
var styles$
|
|
1601
|
+
var styles$o = {"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$o.row, children: [jsx("span", { className: styles$o.label, children: item.label }), jsx("span", { className: styles$o.value, children: formattedValue })] }));
|
|
1611
1611
|
};
|
|
1612
1612
|
/**
|
|
1613
1613
|
* SummarySection component for a group of related summary items.
|
|
@@ -1618,26 +1618,26 @@ 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$o.section, children: [jsx("h3", { className: styles$o.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$o.segment, children: [jsx("h4", { className: styles$o.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.
|
|
1625
1625
|
* Shows enabled sections with their filled-in values.
|
|
1626
1626
|
*/
|
|
1627
|
-
const RequestSummary = ({ sections, values, enabledSections = {}, submissionInfo, className, title = 'Request Summary', }) => {
|
|
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$o.summary} ${className || ''}`, children: [jsx("h2", { className: styles$o.title, children: title }), submissionInfo && (jsxs("div", { className: styles$o.submissionInfo, children: [jsx("span", { className: styles$o.label, children: "Submitted by" }), jsx("span", { className: styles$o.value, children: submissionInfo.submittedBy }), jsx("span", { className: styles$o.label, children: "on" }), jsx("span", { className: styles$o.value, children: submissionInfo.submittedOn })] })), jsx("div", { className: styles$o.sections, children: visibleSections.map((section) => (jsx(SummarySection, { section: section, values: values }, section.key))) }), visibleSections.length === 0 && (jsx("p", { className: styles$o.empty, children: "No services selected" }))] }));
|
|
1630
1630
|
};
|
|
1631
|
-
RequestSummary.displayName = 'RequestSummary';
|
|
1631
|
+
RequestSummary$1.displayName = 'RequestSummary';
|
|
1632
1632
|
|
|
1633
|
-
var styles$
|
|
1633
|
+
var styles$n = {"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$n.header} ${className || ''}`, children: jsxs("div", { className: styles$n.headerContent, children: [jsxs("h1", { className: styles$n.headerTitle, children: [title, showPagination && (jsxs("span", { className: styles$n.pagination, children: ["(", currentPage, "/", totalPages, ")"] })), eventName && (jsxs(Fragment, { children: [jsx("span", { className: styles$n.separator, children: "\u2013" }), jsx("span", { className: styles$n.eventName, children: eventName })] }))] }), rightContent && jsx("div", { className: styles$n.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$n.footer} ${className || ''}`, children: jsxs("div", { className: styles$n.footerContent, children: [jsx("button", { type: "button", className: `${styles$n.button} ${styles$n.secondary}`, onClick: onPrevious, disabled: isSubmitting, children: prevLabel }), jsx("button", { type: "button", className: `${styles$n.button} ${styles$n.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$n.layout} ${className || ''}`, children: [header, jsxs("div", { className: styles$n.body, children: [sidebar && (jsx("aside", { className: `${styles$n.sidebar} ${showSidebarOnMobile ? styles$n.showOnMobile : ''}`, children: jsx("div", { className: styles$n.sidebarContent, children: sidebar }) })), jsx("main", { className: styles$n.main, children: jsx("div", { className: styles$n.mainContent, children: children }) }), summary && (jsx("aside", { className: styles$n.summarySidebar, children: jsx("div", { className: styles$n.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$m = {"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$m.wrapper} ${className}`, children: jsxs("table", { className: `${styles$m.table} ${bordered ? styles$m.bordered : ''} ${striped ? styles$m.striped : ''} ${hoverable ? styles$m.hoverable : ''} ${compact ? styles$m.compact : ''}`, children: [jsx("thead", { className: styles$m.header, children: jsx("tr", { children: columns.map((column) => (jsx("th", { className: `${styles$m.headerCell} ${column.sortable ? styles$m.sortable : ''} ${styles$m[`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$m.headerContent, children: [column.label, column.sortable && (jsx("span", { className: styles$m.sortIcon, children: sortColumn === column.key ? (sortDirection === 'asc' ? '↑' : '↓') : ('↕') }))] }) }, column.key))) }) }), jsx("tbody", { className: styles$m.body, children: loading ? (jsx("tr", { children: jsx("td", { colSpan: columns.length, className: styles$m.loading, children: "Loading..." }) })) : sortedData.length === 0 ? (jsx("tr", { children: jsx("td", { colSpan: columns.length, className: styles$m.empty, children: emptyMessage }) })) : (sortedData.map((row, rowIndex) => (jsx("tr", { className: `${styles$m.row} ${onRowClick ? styles$m.clickable : ''}`, onClick: () => onRowClick?.(row, rowIndex), children: columns.map((column) => (jsx("td", { className: `${styles$m.cell} ${styles$m[`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$l = {"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,26 +1735,26 @@ 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$l.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$l.header, children: [jsx("span", { className: styles$l.icon, children: icon || jsx(UsersIcon, {}) }), jsx("h3", { className: styles$l.title, children: title })] }), jsxs("div", { className: styles$l.body, children: [jsx("div", { className: styles$l.tabs, children: TEAM_GROUPS.map(({ label, key }) => (jsx("button", { type: "button", onClick: () => setActiveTab(key), className: `${styles$l.tab} ${activeTab === key ? styles$l.tabActive : ''}`, children: label }, label))) }), jsxs("div", { className: styles$l.list, children: [filteredTeams.map((team) => (jsxs("button", { type: "button", className: styles$l.teamItem, onClick: () => onTeamSelect?.(team), children: [jsx("span", { className: styles$l.teamCode, style: { backgroundColor: getTeamColor(team.code) }, children: team.code }), jsx("span", { className: styles$l.teamName, children: team.description }), jsx("span", { className: styles$l.chevron, children: jsx(ChevronRightIcon, {}) })] }, team.id))), filteredTeams.length === 0 && (jsx("div", { className: styles$l.empty, children: "No teams found" }))] })] })] }));
|
|
1742
1742
|
};
|
|
1743
1743
|
TeamCard.displayName = 'TeamCard';
|
|
1744
1744
|
|
|
1745
|
-
var styles$
|
|
1745
|
+
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
1746
|
|
|
1747
1747
|
/** Exact presentational counterpart of Hub's Team Schedule action controls. */
|
|
1748
|
-
const TeamScheduleActions = ({ isCompactView, tripCount, seasonLabel, seasonValue, seasonOptions = [], previousSeasonDisabled = false, exportDisabled = false, exporting = false, groupTravelDisabled = false, mergeDisabled = false, merging = false, onViewSchedule, onBack, onPreviousSeason, onNextSeason, onSeasonChange, onExport, onGroupTravelRequest, onMergeEvents, className = '', }) => (jsxs("div", { className: [styles$
|
|
1748
|
+
const TeamScheduleActions = ({ isCompactView, tripCount, seasonLabel, seasonValue, seasonOptions = [], previousSeasonDisabled = false, exportDisabled = false, exporting = false, groupTravelDisabled = false, mergeDisabled = false, merging = false, onViewSchedule, onBack, onPreviousSeason, onNextSeason, onSeasonChange, onExport, onGroupTravelRequest, onMergeEvents, className = '', }) => (jsxs("div", { className: [styles$k.actions, className].filter(Boolean).join(' '), children: [jsxs("div", { className: styles$k.primaryRow, children: [!isCompactView ? (jsx(Button, { size: "sm", onClick: onViewSchedule, children: "View/Edit Schedule" })) : (jsx(Button, { size: "sm", onClick: onBack, leftIcon: jsx(ChevronLeftIcon, { size: 14 }), children: "Back" })), jsxs("div", { className: styles$k.seasonNavigator, children: [jsx(Button, { variant: "secondary", size: "sm", square: true, "aria-label": "Previous Season", disabled: previousSeasonDisabled, onClick: onPreviousSeason, children: jsx(ChevronLeftIcon, { size: 18 }) }), jsxs("div", { className: styles$k.seasonLabel, children: [jsx(Button, { variant: "secondary", size: "sm", children: seasonLabel }), !!seasonOptions.length && (jsx("select", { "aria-label": "Season", value: seasonValue, onChange: (event) => onSeasonChange?.(event.target.value), children: seasonOptions.map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) }))] }), jsx(Button, { variant: "secondary", size: "sm", square: true, "aria-label": "Next Season", onClick: onNextSeason, children: jsx(ChevronRightIcon$1, { size: 18 }) })] }), isCompactView && jsx(Button, { variant: "outline", size: "sm", loading: exporting, disabled: exportDisabled, rightIcon: jsx(ArrowUpRightIcon, { size: 14 }), onClick: onExport, children: "Export XLS" }), jsxs("span", { className: styles$k.tripCount, children: [tripCount, " trips displayed"] })] }), isCompactView && (jsxs("div", { className: styles$k.secondaryRow, children: [jsx(Button, { variant: "outline", size: "sm", disabled: groupTravelDisabled, onClick: onGroupTravelRequest, children: "Group Travel Request" }), jsx(Button, { variant: "outline", size: "sm", disabled: mergeDisabled, loading: merging, onClick: onMergeEvents, children: "Merge Events" })] }))] }));
|
|
1749
1749
|
|
|
1750
|
-
var styles$
|
|
1750
|
+
var styles$j = {"headers":"TeamScheduleCompactTable-module_headers__FVr2C","tripHeader":"TeamScheduleCompactTable-module_tripHeader__9vr2-","eventHeader":"TeamScheduleCompactTable-module_eventHeader__6gfwo","table":"TeamScheduleCompactTable-module_table__MdE3o","row":"TeamScheduleCompactTable-module_row__Rt0YC","trip":"TeamScheduleCompactTable-module_trip__oAUEQ","events":"TeamScheduleCompactTable-module_events__EwJi9","empty":"TeamScheduleCompactTable-module_empty__1u5HA","addRow":"TeamScheduleCompactTable-module_addRow__ejqSf"};
|
|
1751
1751
|
|
|
1752
1752
|
const DEFAULT_TRIP_HEADERS = ['', 'GTR', 'Trvl Start', 'Trvl End', 'Trip Name', 'Services', ''];
|
|
1753
1753
|
const DEFAULT_EVENT_HEADERS = ['', 'Event Date', 'Opponent/Host', 'Event Title', 'Hm/Awy', ''];
|
|
1754
1754
|
/** Hub's two-panel compact Team Schedule shell. Editable rows remain injectable. */
|
|
1755
|
-
const TeamScheduleCompactTable = ({ rows, tripHeaders = DEFAULT_TRIP_HEADERS, eventHeaders = DEFAULT_EVENT_HEADERS, onAddEvent, addEventDisabled = false, className = '', }) => (jsxs("div", { className: [styles$
|
|
1755
|
+
const TeamScheduleCompactTable = ({ rows, tripHeaders = DEFAULT_TRIP_HEADERS, eventHeaders = DEFAULT_EVENT_HEADERS, onAddEvent, addEventDisabled = false, className = '', }) => (jsxs("div", { className: [styles$j.schedule, className].filter(Boolean).join(' '), children: [jsxs("div", { className: styles$j.headers, children: [jsx("div", { className: styles$j.tripHeader, children: tripHeaders.map((header, index) => jsx("div", { children: header }, index)) }), jsx("div", { className: styles$j.eventHeader, children: eventHeaders.map((header, index) => jsx("div", { children: header }, index)) })] }), jsx("div", { className: styles$j.table, children: !rows.length ? jsx("div", { className: styles$j.empty, children: "No data available." }) : rows.map((row) => (jsxs("div", { className: styles$j.row, children: [jsx("div", { className: styles$j.trip, children: row.trip }), jsx("div", { className: styles$j.events, children: row.events })] }, row.id))) }), jsx("div", { className: styles$j.addRow, children: jsxs("button", { type: "button", disabled: addEventDisabled, onClick: onAddEvent, children: ["Add Event ", jsx(PlusIcon$2, { size: 16 })] }) })] }));
|
|
1756
1756
|
|
|
1757
|
-
var styles$
|
|
1757
|
+
var styles$i = {"table":"TeamScheduleExpandedTable-module_table__hmnHI","header":"TeamScheduleExpandedTable-module_header__7IWV-","row":"TeamScheduleExpandedTable-module_row__9MyHH","body":"TeamScheduleExpandedTable-module_body__NsvB3","cell":"TeamScheduleExpandedTable-module_cell__kgawH","tripLink":"TeamScheduleExpandedTable-module_tripLink__lYoi8","mobileLabel":"TeamScheduleExpandedTable-module_mobileLabel__J6apm","empty":"TeamScheduleExpandedTable-module_empty__d9Afo"};
|
|
1758
1758
|
|
|
1759
1759
|
const parseLocalDate = (value) => {
|
|
1760
1760
|
if (!value)
|
|
@@ -1787,9 +1787,9 @@ const headers = [
|
|
|
1787
1787
|
{ key: 'sportCode', label: 'Sport', icon: jsx(RunningIcon, {}) },
|
|
1788
1788
|
{ key: 'travelStartDate', label: 'Date(s)', icon: jsx(CalendarIcon$1, { size: 16 }) },
|
|
1789
1789
|
{ key: 'tripName', label: 'Trip Name', icon: jsx(DocumentIcon, { size: 16 }) },
|
|
1790
|
-
{ label: 'Air', icon: jsx(PlaneIcon$
|
|
1790
|
+
{ label: 'Air', icon: jsx(PlaneIcon$3, { size: 16 }) },
|
|
1791
1791
|
{ label: 'Ground', icon: jsx(GroundIcon, {}) },
|
|
1792
|
-
{ label: 'Hotel', icon: jsx(HotelIcon$
|
|
1792
|
+
{ label: 'Hotel', icon: jsx(HotelIcon$3, { size: 16 }) },
|
|
1793
1793
|
];
|
|
1794
1794
|
/** Hub's read-only expanded Team Schedule table. */
|
|
1795
1795
|
const TeamScheduleExpandedTable = ({ rows, teamCode, onTripClick, emptyMessage = 'No data available.', className = '' }) => {
|
|
@@ -1808,20 +1808,20 @@ const TeamScheduleExpandedTable = ({ rows, teamCode, onTripClick, emptyMessage =
|
|
|
1808
1808
|
setAscending(true);
|
|
1809
1809
|
}
|
|
1810
1810
|
};
|
|
1811
|
-
return (jsxs("div", { className: [styles$
|
|
1811
|
+
return (jsxs("div", { className: [styles$i.table, className].filter(Boolean).join(' '), children: [jsx("div", { className: styles$i.header, children: headers.map((header) => (jsxs("button", { type: "button", disabled: !header.key, onClick: () => header.key && sort(header.key), children: [header.icon, jsx("span", { children: header.label }), header.key === sortKey && jsx("span", { "aria-label": ascending ? 'ascending' : 'descending', children: ascending ? '↑' : '↓' })] }, header.label))) }), !sortedRows.length ? jsx("div", { className: styles$i.empty, children: emptyMessage }) : jsx("div", { className: styles$i.body, children: sortedRows.map((row) => {
|
|
1812
1812
|
const values = [
|
|
1813
1813
|
teamCode ?? row.sportCode ?? '–',
|
|
1814
1814
|
formatTeamScheduleTravelDates(row.travelStartDate, row.travelEndDate),
|
|
1815
|
-
jsx("button", { type: "button", className: styles$
|
|
1815
|
+
jsx("button", { type: "button", className: styles$i.tripLink, onClick: () => onTripClick?.(row), children: row.tripName }),
|
|
1816
1816
|
row.airSegment,
|
|
1817
1817
|
row.groundSegment,
|
|
1818
1818
|
row.hotelSegment,
|
|
1819
1819
|
];
|
|
1820
|
-
return jsx("div", { className: styles$
|
|
1820
|
+
return jsx("div", { className: styles$i.row, children: values.map((value, index) => jsxs("div", { className: styles$i.cell, children: [jsxs("span", { className: styles$i.mobileLabel, children: [headers[index].icon, headers[index].label] }), jsx("div", { children: value || '–' })] }, headers[index].label)) }, row.masterTripGUID || row.tripName);
|
|
1821
1821
|
}) })] }));
|
|
1822
1822
|
};
|
|
1823
1823
|
|
|
1824
|
-
var styles$
|
|
1824
|
+
var styles$h = {"tripRow":"TeamScheduleEditor-module_tripRow__EgrxR","eventRow":"TeamScheduleEditor-module_eventRow__DaHf9","cell":"TeamScheduleEditor-module_cell__eocMi","actionsCell":"TeamScheduleEditor-module_actionsCell__mQ-30","services":"TeamScheduleEditor-module_services__DvbXH","inactiveService":"TeamScheduleEditor-module_inactiveService__WcyOT","gtrButton":"TeamScheduleEditor-module_gtrButton__D1ZXr","eventList":"TeamScheduleEditor-module_eventList__-F-3-"};
|
|
1825
1825
|
|
|
1826
1826
|
const EMPTY_EVENT = {
|
|
1827
1827
|
eventDate: '',
|
|
@@ -1845,37 +1845,37 @@ const TripRow = ({ trip, editing, selected, disabled, onSelectedChange, onEdit,
|
|
|
1845
1845
|
const [draft, setDraft] = useState(editing);
|
|
1846
1846
|
const values = draft ?? editing;
|
|
1847
1847
|
if (editing && values) {
|
|
1848
|
-
return (jsxs("form", { className: styles$
|
|
1848
|
+
return (jsxs("form", { className: styles$h.tripRow, "aria-label": `Edit trip ${trip.tripName}`, onSubmit: (event) => {
|
|
1849
1849
|
event.preventDefault();
|
|
1850
1850
|
onSave(values);
|
|
1851
|
-
}, children: [jsx("div", { className: styles$
|
|
1851
|
+
}, children: [jsx("div", { className: styles$h.cell, children: jsx(Checkbox, { "aria-label": `Select trip ${trip.tripName}`, checked: selected, disabled: true }) }), jsx("div", { className: styles$h.cell, children: jsx("button", { type: "button", className: styles$h.gtrButton, "aria-label": `Open group travel request for ${trip.tripName}`, disabled: true, children: trip.gtrExists ? jsx(DocumentIcon, { size: 18 }) : jsx(PlusIcon$2, { size: 18 }) }) }), jsx("div", { className: styles$h.cell, "data-label": "Trvl Start", children: jsx(Input, { "aria-label": "Travel Start", type: "date", size: "sm", value: values.travelStartDate, onChange: (event) => setDraft({ ...values, travelStartDate: event.target.value }), required: true, fullWidth: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Trvl End", children: jsx(Input, { "aria-label": "Travel End", type: "date", size: "sm", min: values.travelStartDate, value: values.travelEndDate, onChange: (event) => setDraft({ ...values, travelEndDate: event.target.value }), required: true, fullWidth: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Trip Name", children: jsx(Input, { "aria-label": "Trip Name", size: "sm", value: values.tripName, onChange: (event) => setDraft({ ...values, tripName: event.target.value }), required: true, fullWidth: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Services", children: jsx(ServiceCodes, { services: trip.services }) }), jsxs("div", { className: `${styles$h.cell} ${styles$h.actionsCell}`, children: [jsx(Button, { type: "submit", variant: "ghost", size: "sm", square: true, "aria-label": `Save trip ${trip.tripName}`, children: jsx(CheckIcon$2, { size: 17 }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Cancel trip ${trip.tripName}`, onClick: onCancel, children: jsx(XIcon, { size: 17 }) })] })] }));
|
|
1852
1852
|
}
|
|
1853
|
-
return (jsxs("div", { className: styles$
|
|
1853
|
+
return (jsxs("div", { className: styles$h.tripRow, children: [jsx("div", { className: styles$h.cell, children: jsx(Checkbox, { "aria-label": `Select trip ${trip.tripName}`, checked: selected, onChange: (event) => onSelectedChange(event.target.checked), disabled: disabled }) }), jsx("div", { className: styles$h.cell, children: jsx("button", { type: "button", className: styles$h.gtrButton, "aria-label": `Open group travel request for ${trip.tripName}`, onClick: onOpenGroupTravelRequest, disabled: disabled, children: trip.gtrExists ? jsx(DocumentIcon, { size: 18 }) : jsx(PlusIcon$2, { size: 18 }) }) }), jsx("div", { className: styles$h.cell, "data-label": "Trvl Start", children: dateLabel(trip.travelStartDate) }), jsx("div", { className: styles$h.cell, "data-label": "Trvl End", children: dateLabel(trip.travelEndDate) }), jsx("div", { className: styles$h.cell, "data-label": "Trip Name", children: trip.tripName }), jsx("div", { className: styles$h.cell, "data-label": "Services", children: jsx(ServiceCodes, { services: trip.services }) }), jsxs("div", { className: `${styles$h.cell} ${styles$h.actionsCell}`, children: [jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Edit trip ${trip.tripName}`, onClick: onEdit, disabled: disabled, children: jsx(EditIcon$2, { size: 17 }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Delete trip ${trip.tripName}`, onClick: onDelete, disabled: disabled, children: jsx(TrashIcon$2, { size: 17 }) })] })] }));
|
|
1854
1854
|
};
|
|
1855
|
-
const ServiceCodes = ({ services }) => (jsx("div", { className: styles$
|
|
1855
|
+
const ServiceCodes = ({ services }) => (jsx("div", { className: styles$h.services, children: serviceLabels(services).map(({ service, active }) => jsx("span", { className: active ? '' : styles$h.inactiveService, children: service }, service)) }));
|
|
1856
1856
|
const EventRow = ({ event, editing, selected, disabled, opponentOptions, onSelectedChange, onEdit, onSave, onCancel, onDelete, }) => {
|
|
1857
1857
|
const [draft, setDraft] = useState(editing);
|
|
1858
1858
|
const values = draft ?? editing;
|
|
1859
1859
|
if (editing && values) {
|
|
1860
|
-
return (jsxs("form", { className: styles$
|
|
1860
|
+
return (jsxs("form", { className: styles$h.eventRow, "aria-label": `Edit event ${event.eventTitle}`, onSubmit: (submitEvent) => {
|
|
1861
1861
|
submitEvent.preventDefault();
|
|
1862
1862
|
onSave(values);
|
|
1863
|
-
}, children: [jsx("div", { className: styles$
|
|
1863
|
+
}, children: [jsx("div", { className: styles$h.cell, children: jsx(Checkbox, { "aria-label": `Select event ${event.eventTitle}`, checked: selected, disabled: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Event Date", children: jsx(Input, { "aria-label": "Event Date", type: "date", size: "sm", value: values.eventDate, onChange: (changeEvent) => setDraft({ ...values, eventDate: changeEvent.target.value }), required: true, fullWidth: true }) }), jsxs("div", { className: styles$h.cell, "data-label": "Opponent/Host", children: [jsx(Input, { "aria-label": "Opponent or Host", size: "sm", list: "team-schedule-opponents", value: values.opponent, onChange: (changeEvent) => {
|
|
1864
1864
|
const opponent = changeEvent.target.value;
|
|
1865
1865
|
setDraft({ ...values, opponent, eventTitle: values.eventTitle || opponent });
|
|
1866
|
-
}, required: true, fullWidth: true }), jsx("datalist", { id: "team-schedule-opponents", children: opponentOptions.map((option) => jsx("option", { value: option }, option)) })] }), jsx("div", { className: styles$
|
|
1866
|
+
}, required: true, fullWidth: true }), jsx("datalist", { id: "team-schedule-opponents", children: opponentOptions.map((option) => jsx("option", { value: option }, option)) })] }), jsx("div", { className: styles$h.cell, "data-label": "Event Title", children: jsx(Input, { "aria-label": "Event Title", size: "sm", value: values.eventTitle, onChange: (changeEvent) => setDraft({ ...values, eventTitle: changeEvent.target.value }), required: true, fullWidth: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Hm/Awy", children: jsx(Select, { "aria-label": "Home or Away", size: "sm", options: ['Home', 'Away', 'Neutral'].map((option) => ({ label: option, value: option })), value: values.homeOrAway, onChange: (changeEvent) => setDraft({ ...values, homeOrAway: changeEvent.target.value }), fullWidth: true }) }), jsxs("div", { className: `${styles$h.cell} ${styles$h.actionsCell}`, children: [jsx(Button, { type: "submit", variant: "ghost", size: "sm", square: true, "aria-label": `Save event ${event.eventTitle}`, children: jsx(CheckIcon$2, { size: 17 }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Cancel event ${event.eventTitle}`, onClick: onCancel, children: jsx(XIcon, { size: 17 }) })] })] }));
|
|
1867
1867
|
}
|
|
1868
|
-
return (jsxs("div", { className: styles$
|
|
1868
|
+
return (jsxs("div", { className: styles$h.eventRow, children: [jsx("div", { className: styles$h.cell, children: jsx(Checkbox, { "aria-label": `Select event ${event.eventTitle}`, checked: selected, onChange: (changeEvent) => onSelectedChange(changeEvent.target.checked), disabled: disabled || event.mergeable === false }) }), jsx("div", { className: styles$h.cell, "data-label": "Event Date", children: dateLabel(event.eventDate) }), jsx("div", { className: styles$h.cell, "data-label": "Opponent/Host", children: event.opponent || '–' }), jsx("div", { className: styles$h.cell, "data-label": "Event Title", children: event.eventTitle || '–' }), jsx("div", { className: styles$h.cell, "data-label": "Hm/Awy", children: event.homeOrAway }), jsxs("div", { className: `${styles$h.cell} ${styles$h.actionsCell}`, children: [jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Edit event ${event.eventTitle}`, onClick: onEdit, disabled: disabled, children: jsx(EditIcon$2, { size: 17 }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": `Delete event ${event.eventTitle}`, onClick: onDelete, disabled: disabled, children: jsx(TrashIcon$2, { size: 17 }) })] })] }));
|
|
1869
1869
|
};
|
|
1870
1870
|
const NewEventRow = ({ values: initialValues, opponentOptions, onSave, onCancel, }) => {
|
|
1871
1871
|
const [values, setValues] = useState(initialValues);
|
|
1872
|
-
return (jsxs("form", { className: styles$
|
|
1872
|
+
return (jsxs("form", { className: styles$h.eventRow, "aria-label": "Add event", onSubmit: (event) => {
|
|
1873
1873
|
event.preventDefault();
|
|
1874
1874
|
onSave(values);
|
|
1875
|
-
}, children: [jsx("div", { className: styles$
|
|
1875
|
+
}, children: [jsx("div", { className: styles$h.cell, children: jsx(Checkbox, { "aria-label": "Select new event", disabled: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Event Date", children: jsx(Input, { "aria-label": "Event Date", type: "date", size: "sm", value: values.eventDate, onChange: (event) => setValues({ ...values, eventDate: event.target.value }), required: true, fullWidth: true }) }), jsxs("div", { className: styles$h.cell, "data-label": "Opponent/Host", children: [jsx(Input, { "aria-label": "Opponent or Host", size: "sm", list: "team-schedule-new-opponents", value: values.opponent, onChange: (event) => {
|
|
1876
1876
|
const opponent = event.target.value;
|
|
1877
1877
|
setValues({ ...values, opponent, eventTitle: values.eventTitle || opponent });
|
|
1878
|
-
}, required: true, fullWidth: true }), jsx("datalist", { id: "team-schedule-new-opponents", children: opponentOptions.map((option) => jsx("option", { value: option }, option)) })] }), jsx("div", { className: styles$
|
|
1878
|
+
}, required: true, fullWidth: true }), jsx("datalist", { id: "team-schedule-new-opponents", children: opponentOptions.map((option) => jsx("option", { value: option }, option)) })] }), jsx("div", { className: styles$h.cell, "data-label": "Event Title", children: jsx(Input, { "aria-label": "Event Title", size: "sm", value: values.eventTitle, onChange: (event) => setValues({ ...values, eventTitle: event.target.value }), required: true, fullWidth: true }) }), jsx("div", { className: styles$h.cell, "data-label": "Hm/Awy", children: jsx(Select, { "aria-label": "Home or Away", size: "sm", options: ['Home', 'Away', 'Neutral'].map((option) => ({ label: option, value: option })), value: values.homeOrAway, onChange: (event) => setValues({ ...values, homeOrAway: event.target.value }), fullWidth: true }) }), jsxs("div", { className: `${styles$h.cell} ${styles$h.actionsCell}`, children: [jsx(Button, { type: "submit", variant: "ghost", size: "sm", square: true, "aria-label": "Save new event", children: jsx(CheckIcon$2, { size: 17 }) }), jsx(Button, { type: "button", variant: "ghost", size: "sm", square: true, "aria-label": "Cancel new event", onClick: onCancel, children: jsx(XIcon, { size: 17 }) })] })] }));
|
|
1879
1879
|
};
|
|
1880
1880
|
const TeamScheduleEditor = ({ rows, initialRows = [], opponentOptions = [], onChange, onSaveTrip, onDeleteTrip, onSaveEvent, onDeleteEvent, onOpenGroupTravelRequest, onSelectedTripsChange, onSelectedEventsChange, className, }) => {
|
|
1881
1881
|
const [internalRows, setInternalRows] = useState(initialRows);
|
|
@@ -1947,7 +1947,7 @@ const TeamScheduleEditor = ({ rows, initialRows = [], opponentOptions = [], onCh
|
|
|
1947
1947
|
const tableRows = scheduleRows.map((trip) => ({
|
|
1948
1948
|
id: trip.id,
|
|
1949
1949
|
trip: (jsx(TripRow, { trip: trip, editing: editState?.kind === 'trip' && editState.tripId === trip.id ? editState.values : undefined, selected: selectedTrips.includes(trip.id), disabled: Boolean(editState), onSelectedChange: (selected) => changeSelectedTrips(toggleSelection(selectedTrips, trip.id, selected)), onEdit: () => setEditState({ kind: 'trip', tripId: trip.id, values: { travelStartDate: trip.travelStartDate, travelEndDate: trip.travelEndDate, tripName: trip.tripName } }), onSave: (values) => saveTrip(trip, values), onCancel: () => setEditState(null), onDelete: () => setDeleteState({ kind: 'trip', trip }), onOpenGroupTravelRequest: () => onOpenGroupTravelRequest?.(trip) }, editState?.kind === 'trip' && editState.tripId === trip.id ? `trip-edit-${trip.id}` : `trip-view-${trip.id}`)),
|
|
1950
|
-
events: (jsx("div", { className: styles$
|
|
1950
|
+
events: (jsx("div", { className: styles$h.eventList, children: trip.events.map((event) => (jsx(EventRow, { event: event, editing: editState?.kind === 'event' && editState.eventId === event.id ? editState.values : undefined, selected: selectedEvents.includes(event.id), disabled: Boolean(editState), opponentOptions: opponentOptions, onSelectedChange: (selected) => changeSelectedEvents(toggleSelection(selectedEvents, event.id, selected)), onEdit: () => setEditState({ kind: 'event', tripId: trip.id, eventId: event.id, values: { eventDate: event.eventDate, opponent: event.opponent, eventTitle: event.eventTitle, homeOrAway: event.homeOrAway } }), onSave: (values) => saveEvent(trip, event, values), onCancel: () => setEditState(null), onDelete: () => setDeleteState({ kind: 'event', trip, event }) }, editState?.kind === 'event' && editState.eventId === event.id ? `event-edit-${event.id}` : `event-view-${event.id}`))) })),
|
|
1951
1951
|
}));
|
|
1952
1952
|
if (editState?.kind === 'new-event') {
|
|
1953
1953
|
tableRows.push({
|
|
@@ -1974,6 +1974,188 @@ const TeamScheduleEditor = ({ rows, initialRows = [], opponentOptions = [], onCh
|
|
|
1974
1974
|
], rows: tableRows, onAddEvent: () => setEditState({ kind: 'new-event', values: EMPTY_EVENT }), addEventDisabled: Boolean(editState) }), jsx(ConfirmModal, { isOpen: Boolean(deleteState), onClose: () => setDeleteState(null), onConfirm: confirmDelete, title: `Delete ${deleteState?.kind === 'trip' ? 'Trip' : 'Event'}`, message: `Are you sure you would like to delete this ${deleteState?.kind ?? 'record'}?`, confirmText: "Delete", destructive: true })] }));
|
|
1975
1975
|
};
|
|
1976
1976
|
|
|
1977
|
+
var styles$g = {"toolbar":"TeamTravelCalendarViews-module_toolbar__5t4I2","todayButton":"TeamTravelCalendarViews-module_todayButton__-C90j","periodNavigation":"TeamTravelCalendarViews-module_periodNavigation__J9S80","navigationButton":"TeamTravelCalendarViews-module_navigationButton__j-2Bn","periodButton":"TeamTravelCalendarViews-module_periodButton__W-UmM","calendarView":"TeamTravelCalendarViews-module_calendarView__FVQKl","cardView":"TeamTravelCalendarViews-module_cardView__3w9PZ","listView":"TeamTravelCalendarViews-module_listView__4Ro3J","weekdayRow":"TeamTravelCalendarViews-module_weekdayRow__rPqds","calendarGrid":"TeamTravelCalendarViews-module_calendarGrid__L3MoK","weekday":"TeamTravelCalendarViews-module_weekday__Ozwh8","weekdayShort":"TeamTravelCalendarViews-module_weekdayShort__kAxAP","calendarDay":"TeamTravelCalendarViews-module_calendarDay__imFhq","outsidePeriod":"TeamTravelCalendarViews-module_outsidePeriod__FkfcK","today":"TeamTravelCalendarViews-module_today__h-el6","dayNumber":"TeamTravelCalendarViews-module_dayNumber__d4FpZ","dayItems":"TeamTravelCalendarViews-module_dayItems__r5TFy","tripEvent":"TeamTravelCalendarViews-module_tripEvent__Np4nN","sportTag":"TeamTravelCalendarViews-module_sportTag__-EPtk","dueSportTag":"TeamTravelCalendarViews-module_dueSportTag__tb-mi","eventName":"TeamTravelCalendarViews-module_eventName__bZBBx","dueDateName":"TeamTravelCalendarViews-module_dueDateName__LX6Xv","dueDateEvent":"TeamTravelCalendarViews-module_dueDateEvent__HV2JF","statusButton":"TeamTravelCalendarViews-module_statusButton__SNqiu","listStatusButton":"TeamTravelCalendarViews-module_listStatusButton__vT9zM","completeStatus":"TeamTravelCalendarViews-module_completeStatus__3Vd2E","overdueStatus":"TeamTravelCalendarViews-module_overdueStatus__6G4eC","teamGroups":"TeamTravelCalendarViews-module_teamGroups__9g2sK","teamGroup":"TeamTravelCalendarViews-module_teamGroup__Rlmp2","teamPanel":"TeamTravelCalendarViews-module_teamPanel__u1E8J","teamIdentity":"TeamTravelCalendarViews-module_teamIdentity__Pe53X","teamCode":"TeamTravelCalendarViews-module_teamCode__w9Utr","infoTiles":"TeamTravelCalendarViews-module_infoTiles__PyPHh","infoTile":"TeamTravelCalendarViews-module_infoTile__t-mEg","cardsScroller":"TeamTravelCalendarViews-module_cardsScroller__Y6aJw","tripCard":"TeamTravelCalendarViews-module_tripCard__2LPBR","featuredCard":"TeamTravelCalendarViews-module_featuredCard__B4nvH","tripCardHeader":"TeamTravelCalendarViews-module_tripCardHeader__-ARSM","dueDateColumnHeader":"TeamTravelCalendarViews-module_dueDateColumnHeader__nayVI","dateLabel":"TeamTravelCalendarViews-module_dateLabel__OJY64","progressBadge":"TeamTravelCalendarViews-module_progressBadge__vJoU9","progressCircle":"TeamTravelCalendarViews-module_progressCircle__8YfEC","tripCardTitle":"TeamTravelCalendarViews-module_tripCardTitle__E-YJ5","serviceGrid":"TeamTravelCalendarViews-module_serviceGrid__5rwTv","serviceTile":"TeamTravelCalendarViews-module_serviceTile__F1Oge","air":"TeamTravelCalendarViews-module_air__Ald0h","ground":"TeamTravelCalendarViews-module_ground__eN71m","hotel":"TeamTravelCalendarViews-module_hotel__paHF-","serviceLabel":"TeamTravelCalendarViews-module_serviceLabel__vaNlz","bookingStatus":"TeamTravelCalendarViews-module_bookingStatus__xrru7","requestStatus":"TeamTravelCalendarViews-module_requestStatus__Oeppm","tableStatus":"TeamTravelCalendarViews-module_tableStatus__yoM6Z","tableRequest":"TeamTravelCalendarViews-module_tableRequest__LRSjx","tripEvents":"TeamTravelCalendarViews-module_tripEvents__36pK5","tripEventDetail":"TeamTravelCalendarViews-module_tripEventDetail__ev8-C","star":"TeamTravelCalendarViews-module_star__w0-ji","opponentLine":"TeamTravelCalendarViews-module_opponentLine__35K7l","homeAway":"TeamTravelCalendarViews-module_homeAway__8dpYe","venueLine":"TeamTravelCalendarViews-module_venueLine__il1nq","dueDateColumn":"TeamTravelCalendarViews-module_dueDateColumn__dHHT9","dueDateCards":"TeamTravelCalendarViews-module_dueDateCards__oQYwk","dueDateCard":"TeamTravelCalendarViews-module_dueDateCard__E61iS","dueCardCopy":"TeamTravelCalendarViews-module_dueCardCopy__dxvuE","emptyState":"TeamTravelCalendarViews-module_emptyState__6Rwjp","resultCount":"TeamTravelCalendarViews-module_resultCount__rtH-2","tableScroller":"TeamTravelCalendarViews-module_tableScroller__PCl6F","travelTable":"TeamTravelCalendarViews-module_travelTable__gxhK9","tableSport":"TeamTravelCalendarViews-module_tableSport__CDOnL","tableLink":"TeamTravelCalendarViews-module_tableLink__PKEym","tableProgress":"TeamTravelCalendarViews-module_tableProgress__wsMuj","dueDateTable":"TeamTravelCalendarViews-module_dueDateTable__YwP10","weekdayLong":"TeamTravelCalendarViews-module_weekdayLong__irl1L"};
|
|
1978
|
+
|
|
1979
|
+
const ChevronLeft$1 = () => (jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: jsx("path", { d: "m15 18-6-6 6-6" }) }));
|
|
1980
|
+
const ChevronRight$2 = () => (jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: jsx("path", { d: "m9 18 6-6-6-6" }) }));
|
|
1981
|
+
const CalendarGlyph = () => (jsxs("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: [jsx("rect", { x: "3", y: "5", width: "18", height: "16", rx: "2" }), jsx("path", { d: "M16 3v4M8 3v4M3 10h18" })] }));
|
|
1982
|
+
const PlaneGlyph = () => (jsxs("svg", { viewBox: "0 0 24 24", width: "15", height: "15", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: [jsx("path", { d: "m22 2-7 20-4-9-9-4 20-7Z" }), jsx("path", { d: "M22 2 11 13" })] }));
|
|
1983
|
+
const BusGlyph = () => (jsxs("svg", { viewBox: "0 0 24 24", width: "15", height: "15", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: [jsx("rect", { x: "4", y: "3", width: "16", height: "17", rx: "3" }), jsx("path", { d: "M4 11h16M8 20v2M16 20v2M8 15h.01M16 15h.01" })] }));
|
|
1984
|
+
const HotelGlyph = () => (jsx("svg", { viewBox: "0 0 24 24", width: "15", height: "15", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: jsx("path", { d: "M3 21V3h14v18M17 9h4v12M7 7h2M12 7h2M7 11h2M12 11h2M7 15h2M12 15h2M2 21h20" }) }));
|
|
1985
|
+
const StarGlyph = () => (jsx("svg", { viewBox: "0 0 24 24", width: "17", height: "17", fill: "currentColor", "aria-hidden": "true", children: jsx("path", { d: "m12 2.5 2.9 5.88 6.5.95-4.7 4.58 1.1 6.47L12 17.32l-5.8 3.06 1.1-6.47-4.7-4.58 6.5-.95L12 2.5Z" }) }));
|
|
1986
|
+
const CheckGlyph = () => (jsxs("svg", { viewBox: "0 0 20 20", width: "16", height: "16", fill: "currentColor", "aria-hidden": "true", children: [jsx("circle", { cx: "10", cy: "10", r: "9" }), jsx("path", { d: "m6 10 2.5 2.5L14.5 7", fill: "none", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
1987
|
+
const CircleGlyph = () => (jsx("svg", { viewBox: "0 0 20 20", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: jsx("circle", { cx: "10", cy: "10", r: "8" }) }));
|
|
1988
|
+
const parseDate = (value) => {
|
|
1989
|
+
if (value instanceof Date)
|
|
1990
|
+
return new Date(value.getFullYear(), value.getMonth(), value.getDate());
|
|
1991
|
+
const match = value.match(/^(\d{4})-(\d{2})-(\d{2})/);
|
|
1992
|
+
if (match)
|
|
1993
|
+
return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]));
|
|
1994
|
+
const parsed = new Date(value);
|
|
1995
|
+
return new Date(parsed.getFullYear(), parsed.getMonth(), parsed.getDate());
|
|
1996
|
+
};
|
|
1997
|
+
const addDays = (date, amount) => {
|
|
1998
|
+
const next = new Date(date);
|
|
1999
|
+
next.setDate(next.getDate() + amount);
|
|
2000
|
+
return next;
|
|
2001
|
+
};
|
|
2002
|
+
const dateKey = (date) => [
|
|
2003
|
+
date.getFullYear(),
|
|
2004
|
+
String(date.getMonth() + 1).padStart(2, '0'),
|
|
2005
|
+
String(date.getDate()).padStart(2, '0'),
|
|
2006
|
+
].join('-');
|
|
2007
|
+
const startOfWeek = (date) => addDays(date, -((date.getDay() + 6) % 7));
|
|
2008
|
+
const formatShortDate = (value) => {
|
|
2009
|
+
if (!value)
|
|
2010
|
+
return 'None';
|
|
2011
|
+
return parseDate(value).toLocaleDateString('en-US', { month: 'numeric', day: 'numeric', year: 'numeric' });
|
|
2012
|
+
};
|
|
2013
|
+
const formatDateRange = (start, end) => {
|
|
2014
|
+
const startDate = parseDate(start);
|
|
2015
|
+
const endDate = parseDate(end);
|
|
2016
|
+
if (dateKey(startDate) === dateKey(endDate)) {
|
|
2017
|
+
return startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
2018
|
+
}
|
|
2019
|
+
const startLabel = startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
|
|
2020
|
+
const endLabel = endDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
2021
|
+
return `${startLabel} – ${endLabel}`;
|
|
2022
|
+
};
|
|
2023
|
+
const formatLongDate = (value) => value
|
|
2024
|
+
? parseDate(value).toLocaleDateString('en-US', { month: 'long', day: '2-digit', year: 'numeric' })
|
|
2025
|
+
: '–';
|
|
2026
|
+
const isCompleted = (dueDate) => {
|
|
2027
|
+
const status = dueDate.status?.toLowerCase();
|
|
2028
|
+
return status === 'complete' || status === 'completed' || Boolean(dueDate.completeddatetime);
|
|
2029
|
+
};
|
|
2030
|
+
const sportColor = (sportCode) => {
|
|
2031
|
+
const prefix = sportCode?.charAt(0).toUpperCase();
|
|
2032
|
+
if (prefix === 'W')
|
|
2033
|
+
return '#FFA99A';
|
|
2034
|
+
if (prefix === 'X')
|
|
2035
|
+
return '#D1C1C3';
|
|
2036
|
+
return '#8AC6D9';
|
|
2037
|
+
};
|
|
2038
|
+
const TeamTravelCalendarToolbar = ({ duration, label = '', navigation, onDurationChange, onToday, onPrevious, onNext, className = '', }) => (jsxs("div", { className: [styles$g.toolbar, className].filter(Boolean).join(' '), children: [jsx("button", { type: "button", className: styles$g.todayButton, onClick: onToday, children: "Today" }), jsx(SegmentedSelector, { value: duration, size: "sm", ariaLabel: "Calendar duration", onChange: (value) => onDurationChange?.(value), options: [{ id: 'month', label: 'Month' }, { id: 'week', label: 'Week' }] }), navigation ?? (jsxs("div", { className: styles$g.periodNavigation, children: [jsx("button", { type: "button", className: styles$g.navigationButton, "aria-label": `Previous ${duration}`, onClick: onPrevious, children: jsx(ChevronLeft$1, {}) }), jsx("button", { type: "button", className: styles$g.periodButton, children: label }), jsx("button", { type: "button", className: styles$g.navigationButton, "aria-label": `Next ${duration}`, onClick: onNext, children: jsx(ChevronRight$2, {}) })] }))] }));
|
|
2039
|
+
const getVisibleDates = (activeDate, duration) => {
|
|
2040
|
+
const active = parseDate(activeDate);
|
|
2041
|
+
if (duration === 'week') {
|
|
2042
|
+
const first = startOfWeek(active);
|
|
2043
|
+
return Array.from({ length: 7 }, (_, index) => addDays(first, index));
|
|
2044
|
+
}
|
|
2045
|
+
const monthStart = new Date(active.getFullYear(), active.getMonth(), 1);
|
|
2046
|
+
const monthEnd = new Date(active.getFullYear(), active.getMonth() + 1, 0);
|
|
2047
|
+
const first = startOfWeek(monthStart);
|
|
2048
|
+
const finalOffset = (monthEnd.getDay() + 6) % 7;
|
|
2049
|
+
const last = addDays(monthEnd, 6 - finalOffset);
|
|
2050
|
+
const length = Math.round((last.getTime() - first.getTime()) / 86400000) + 1;
|
|
2051
|
+
return Array.from({ length }, (_, index) => addDays(first, index));
|
|
2052
|
+
};
|
|
2053
|
+
const TeamTravelCalendarView = ({ activeDate, duration = 'month', type = 'trips', trips = [], dueDates = [], today, toolbar, onTripClick, onDueDateClick, onDueDateToggle, className = '', }) => {
|
|
2054
|
+
const active = parseDate(activeDate);
|
|
2055
|
+
const visibleDates = getVisibleDates(activeDate, duration);
|
|
2056
|
+
const todayKey = dateKey(today ? parseDate(today) : new Date());
|
|
2057
|
+
const shortWeekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
|
|
2058
|
+
const longWeekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
|
|
2059
|
+
return (jsxs("section", { className: [styles$g.calendarView, className].filter(Boolean).join(' '), "aria-label": "Team travel calendar", children: [toolbar, jsx("div", { className: styles$g.weekdayRow, role: "row", children: longWeekdays.map((weekday, index) => (jsxs("div", { className: styles$g.weekday, role: "columnheader", children: [jsx("span", { className: styles$g.weekdayLong, children: weekday }), jsx("span", { className: styles$g.weekdayShort, children: shortWeekdays[index] })] }, weekday))) }), jsx("div", { className: styles$g.calendarGrid, role: "grid", children: visibleDates.map((date) => {
|
|
2060
|
+
const key = dateKey(date);
|
|
2061
|
+
const currentPeriod = duration === 'week' || date.getMonth() === active.getMonth();
|
|
2062
|
+
const dayTrips = trips.filter((trip) => key >= dateKey(parseDate(trip.tripStart)) && key <= dateKey(parseDate(trip.tripEnd)));
|
|
2063
|
+
const dayDueDates = dueDates.filter((dueDate) => dateKey(parseDate(dueDate.duedate)) === key);
|
|
2064
|
+
return (jsxs("div", { role: "gridcell", "aria-label": date.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' }), className: [
|
|
2065
|
+
styles$g.calendarDay,
|
|
2066
|
+
!currentPeriod ? styles$g.outsidePeriod : '',
|
|
2067
|
+
key === todayKey ? styles$g.today : '',
|
|
2068
|
+
].filter(Boolean).join(' '), children: [jsx("time", { className: styles$g.dayNumber, dateTime: key, children: date.getDate() }), jsxs("div", { className: styles$g.dayItems, children: [type === 'trips' && dayTrips.map((trip) => {
|
|
2069
|
+
const color = sportColor(trip.sportCode);
|
|
2070
|
+
return (jsxs("button", { type: "button", className: styles$g.tripEvent, style: { '--event-color': color }, onClick: () => onTripClick?.(trip), "aria-label": `${trip.sportCode}: ${trip.tripName}`, title: `${trip.sportCode}: ${trip.tripName}`, children: [jsx("span", { className: styles$g.sportTag, children: trip.sportCode }), jsx("span", { className: styles$g.eventName, children: trip.tripName })] }, trip.masterTripGUID));
|
|
2071
|
+
}), type === 'due_dates' && dayDueDates.map((dueDate) => {
|
|
2072
|
+
const completed = isCompleted(dueDate);
|
|
2073
|
+
const overdue = !completed && parseDate(dueDate.duedate) < parseDate(today ?? dateKey(new Date()));
|
|
2074
|
+
return (jsxs("div", { className: styles$g.dueDateEvent, role: "button", tabIndex: 0, onClick: () => onDueDateClick?.(key, dueDate), onKeyDown: (event) => {
|
|
2075
|
+
if (event.key === 'Enter' || event.key === ' ')
|
|
2076
|
+
onDueDateClick?.(key, dueDate);
|
|
2077
|
+
}, children: [jsx("button", { type: "button", className: [styles$g.statusButton, completed ? styles$g.completeStatus : '', overdue ? styles$g.overdueStatus : ''].filter(Boolean).join(' '), "aria-label": `${completed ? 'Mark incomplete' : 'Mark complete'}: ${dueDate.tasktitle}`, onClick: (event) => {
|
|
2078
|
+
event.stopPropagation();
|
|
2079
|
+
onDueDateToggle?.(dueDate);
|
|
2080
|
+
}, children: completed ? jsx(CheckGlyph, {}) : jsx(CircleGlyph, {}) }), jsx("span", { className: styles$g.dueSportTag, style: { backgroundColor: sportColor(dueDate.sportCode) }, children: dueDate.sportCode }), jsx("span", { className: styles$g.dueDateName, children: dueDate.tasktitle })] }, dueDate.taskid));
|
|
2081
|
+
})] })] }, key));
|
|
2082
|
+
}) })] }));
|
|
2083
|
+
};
|
|
2084
|
+
const ServiceTile = ({ label, status, icon, tone }) => (jsxs("div", { className: [styles$g.serviceTile, styles$g[tone]].join(' '), children: [jsxs("div", { className: styles$g.serviceLabel, children: [icon, jsx("span", { children: label })] }), status ? jsx("span", { className: styles$g.bookingStatus, children: status }) : jsx("span", { className: styles$g.requestStatus, children: "Request" })] }));
|
|
2085
|
+
const ProgressBadge = ({ completed, total }) => {
|
|
2086
|
+
const progress = total > 0 ? Math.round((completed / total) * 100) : 0;
|
|
2087
|
+
return (jsxs("span", { className: styles$g.progressBadge, children: [jsxs("span", { children: [completed, "/", total] }), jsx("span", { className: styles$g.progressCircle, style: { '--progress': `${progress * 3.6}deg` }, "aria-label": `${progress}% complete` })] }));
|
|
2088
|
+
};
|
|
2089
|
+
const TripCard = ({ trip, featured, onClick }) => {
|
|
2090
|
+
const dueDates = trip.duedates ?? [];
|
|
2091
|
+
const completeCount = dueDates.filter(isCompleted).length;
|
|
2092
|
+
return (jsxs("button", { type: "button", className: [styles$g.tripCard, featured ? styles$g.featuredCard : ''].filter(Boolean).join(' '), onClick: onClick, children: [jsxs("div", { className: styles$g.tripCardHeader, children: [jsxs("span", { className: styles$g.dateLabel, children: [jsx(CalendarGlyph, {}), formatDateRange(trip.tripStart, trip.tripEnd)] }), jsx(ProgressBadge, { completed: completeCount, total: dueDates.length })] }), jsx("h3", { className: styles$g.tripCardTitle, children: trip.tripName }), jsxs("div", { className: styles$g.serviceGrid, children: [jsx(ServiceTile, { label: "Air", status: trip.air_status || trip.charter_status, icon: jsx(PlaneGlyph, {}), tone: "air" }), jsx(ServiceTile, { label: "Ground", status: trip.ground_status, icon: jsx(BusGlyph, {}), tone: "ground" }), jsx(ServiceTile, { label: "Hotel", status: trip.hotel_status, icon: jsx(HotelGlyph, {}), tone: "hotel" })] }), jsx("div", { className: styles$g.tripEvents, children: (trip.events ?? []).map((event, index) => (jsxs("div", { className: styles$g.tripEventDetail, children: [jsx("span", { className: styles$g.star, children: jsx(StarGlyph, {}) }), jsxs("div", { children: [jsxs("div", { className: styles$g.opponentLine, children: [jsx("strong", { children: event.eventtitle || event.opponentname }), jsx("span", { className: styles$g.homeAway, children: event.homeoraway || 'Away' })] }), jsxs("span", { className: styles$g.venueLine, children: [event.venuename ? `${event.venuename} • ` : '', formatShortDate(event.eventstartdate)] })] })] }, event.id ?? `${event.eventtitle}-${index}`))) })] }));
|
|
2093
|
+
};
|
|
2094
|
+
const DueDateCard = ({ dueDate, onClick, onToggle }) => {
|
|
2095
|
+
const completed = isCompleted(dueDate);
|
|
2096
|
+
return (jsxs("div", { className: styles$g.dueDateCard, role: "button", tabIndex: 0, onClick: onClick, onKeyDown: (event) => {
|
|
2097
|
+
if (event.key === 'Enter' || event.key === ' ')
|
|
2098
|
+
onClick?.();
|
|
2099
|
+
}, children: [jsx("button", { type: "button", className: [styles$g.statusButton, completed ? styles$g.completeStatus : ''].filter(Boolean).join(' '), "aria-label": `${completed ? 'Mark incomplete' : 'Mark complete'}: ${dueDate.tasktitle}`, onClick: (event) => {
|
|
2100
|
+
event.stopPropagation();
|
|
2101
|
+
onToggle?.();
|
|
2102
|
+
}, children: completed ? jsx(CheckGlyph, {}) : jsx(CircleGlyph, {}) }), jsxs("div", { className: styles$g.dueCardCopy, children: [jsx("strong", { children: dueDate.tasktitle }), dueDate.description && jsx("span", { children: dueDate.description }), jsxs("small", { children: [dueDate.tripName, dueDate.tripStart ? ` • ${formatShortDate(dueDate.tripStart)}` : ''] })] })] }));
|
|
2103
|
+
};
|
|
2104
|
+
const TeamTravelCalendarCardView = ({ groups, type = 'trips', toolbar, onTripClick, onDueDateClick, onDueDateToggle, className = '', }) => (jsxs("section", { className: [styles$g.cardView, className].filter(Boolean).join(' '), "aria-label": "Team travel cards", children: [toolbar, jsx("div", { className: styles$g.teamGroups, children: groups.map((group) => {
|
|
2105
|
+
const groupDueDates = group.trips.flatMap((trip) => (trip.duedates ?? []).map((dueDate) => ({
|
|
2106
|
+
...dueDate,
|
|
2107
|
+
sportCode: dueDate.sportCode ?? group.sportCode,
|
|
2108
|
+
tripName: dueDate.tripName ?? trip.tripName,
|
|
2109
|
+
tripStart: dueDate.tripStart ?? trip.tripStart,
|
|
2110
|
+
masterTripGUID: dueDate.masterTripGUID ?? trip.masterTripGUID,
|
|
2111
|
+
})));
|
|
2112
|
+
const dueDateGroups = Object.entries(groupDueDates.reduce((result, dueDate) => {
|
|
2113
|
+
const key = dateKey(parseDate(dueDate.duedate));
|
|
2114
|
+
result[key] = [...(result[key] ?? []), dueDate];
|
|
2115
|
+
return result;
|
|
2116
|
+
}, {})).sort(([left], [right]) => left.localeCompare(right));
|
|
2117
|
+
return (jsxs("article", { className: styles$g.teamGroup, children: [jsxs("div", { className: styles$g.teamPanel, children: [jsxs("div", { className: styles$g.teamIdentity, children: [jsx("span", { className: styles$g.teamCode, children: group.sportCode }), jsx("strong", { children: group.sportDescription })] }), jsxs("div", { className: styles$g.infoTiles, children: [jsxs("div", { className: styles$g.infoTile, children: [jsx(PlaneGlyph, {}), jsx("strong", { children: group.upcomingCount ?? group.trips.length }), jsx("span", { children: "Upcoming" })] }), jsxs("div", { className: styles$g.infoTile, children: [jsx(CalendarGlyph, {}), jsx("strong", { children: formatShortDate(group.nextTripStartDate ?? group.trips[0]?.tripStart) }), jsx("span", { children: "Next Trip" })] })] })] }), jsxs("div", { className: styles$g.cardsScroller, children: [type === 'trips' && group.trips.map((trip, index) => (jsx(TripCard, { trip: trip, featured: index === 0, onClick: () => onTripClick?.(trip) }, trip.masterTripGUID))), type === 'due_dates' && dueDateGroups.map(([dueDate, items], index) => (jsxs("div", { className: [styles$g.dueDateColumn, index === 0 ? styles$g.featuredCard : ''].filter(Boolean).join(' '), children: [jsxs("div", { className: styles$g.dueDateColumnHeader, children: [jsxs("span", { className: styles$g.dateLabel, children: [jsx(CalendarGlyph, {}), formatLongDate(dueDate)] }), jsx(ProgressBadge, { completed: items.filter(isCompleted).length, total: items.length })] }), jsx("div", { className: styles$g.dueDateCards, children: items.map((item) => jsx(DueDateCard, { dueDate: item, onClick: () => onDueDateClick?.(item), onToggle: () => onDueDateToggle?.(item) }, item.taskid)) })] }, dueDate))), ((type === 'trips' && group.trips.length === 0) || (type === 'due_dates' && dueDateGroups.length === 0)) && (jsxs("div", { className: styles$g.emptyState, children: ["No ", type === 'trips' ? 'trips' : 'due dates', " found for ", group.sportDescription] }))] })] }, group.sportCode));
|
|
2118
|
+
}) })] }));
|
|
2119
|
+
const StatusPill$1 = ({ status }) => status
|
|
2120
|
+
? jsx("span", { className: styles$g.tableStatus, children: status })
|
|
2121
|
+
: jsx("span", { className: styles$g.tableRequest, children: "Request" });
|
|
2122
|
+
const TeamTravelCalendarListView = ({ trips, type = 'trips', toolbar, periodLabel = '', upcomingTrips = trips.length, onTripClick, onDueDatesClick, onDueDateClick, onDueDateToggle, className = '', }) => {
|
|
2123
|
+
const dueDates = trips.flatMap((trip) => (trip.duedates ?? []).map((dueDate) => ({
|
|
2124
|
+
...dueDate,
|
|
2125
|
+
sportCode: dueDate.sportCode ?? trip.sportCode,
|
|
2126
|
+
tripId: dueDate.tripId ?? String(trip.masterTripID ?? ''),
|
|
2127
|
+
tripName: dueDate.tripName ?? trip.tripName,
|
|
2128
|
+
tripStart: dueDate.tripStart ?? trip.tripStart,
|
|
2129
|
+
masterTripGUID: dueDate.masterTripGUID ?? trip.masterTripGUID,
|
|
2130
|
+
})));
|
|
2131
|
+
return (jsxs("section", { className: [styles$g.listView, className].filter(Boolean).join(' '), "aria-label": "Team travel list", children: [toolbar, type === 'trips' ? (jsxs(Fragment, { children: [jsxs("p", { className: styles$g.resultCount, children: ["Showing ", trips.length, " travel items (", upcomingTrips, " upcoming trips)"] }), jsx("div", { className: styles$g.tableScroller, children: jsxs("table", { className: styles$g.travelTable, children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Sport" }), jsx("th", { children: "Travel Date(s)" }), jsx("th", { children: "Trip Name" }), jsx("th", { children: "Due Dates" }), jsx("th", { children: "Air" }), jsx("th", { children: "Ground" }), jsx("th", { children: "Hotel" })] }) }), jsx("tbody", { children: trips.map((trip) => {
|
|
2132
|
+
const dueDatesForTrip = trip.duedates ?? [];
|
|
2133
|
+
return (jsxs("tr", { children: [jsx("td", { children: jsx("span", { className: styles$g.tableSport, children: trip.sportCode }) }), jsx("td", { children: formatDateRange(trip.tripStart, trip.tripEnd) }), jsx("td", { children: jsx("button", { type: "button", className: styles$g.tableLink, onClick: () => onTripClick?.(trip), children: trip.tripName }) }), jsx("td", { children: jsx("button", { type: "button", className: styles$g.tableProgress, onClick: () => onDueDatesClick?.(trip), children: jsx(ProgressBadge, { completed: dueDatesForTrip.filter(isCompleted).length, total: dueDatesForTrip.length }) }) }), jsx("td", { children: jsx(StatusPill$1, { status: trip.air_status || trip.charter_status }) }), jsx("td", { children: jsx(StatusPill$1, { status: trip.ground_status }) }), jsx("td", { children: jsx(StatusPill$1, { status: trip.hotel_status }) })] }, trip.masterTripGUID));
|
|
2134
|
+
}) })] }) })] })) : (jsxs(Fragment, { children: [jsxs("p", { className: styles$g.resultCount, children: ["Showing ", dueDates.length, " due date ", dueDates.length === 1 ? 'item' : 'items', periodLabel ? ` for ${periodLabel}` : ''] }), jsx("div", { className: styles$g.tableScroller, children: jsxs("table", { className: [styles$g.travelTable, styles$g.dueDateTable].join(' '), children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Reminder" }), jsx("th", { children: "Description" }), jsx("th", { children: "Due Date" }), jsx("th", { children: "Trip Name" }), jsx("th", { children: "Trip Start Date" }), jsx("th", { children: "Service Type" }), jsx("th", { children: "Status" })] }) }), jsx("tbody", { children: dueDates.map((dueDate) => {
|
|
2135
|
+
const completed = isCompleted(dueDate);
|
|
2136
|
+
return (jsxs("tr", { children: [jsx("td", { children: jsx("button", { type: "button", className: styles$g.tableLink, onClick: () => onDueDateClick?.(dueDate), children: dueDate.tasktitle }) }), jsx("td", { children: dueDate.description || '–' }), jsx("td", { children: formatLongDate(dueDate.duedate) }), jsx("td", { children: dueDate.tripName }), jsx("td", { children: formatLongDate(dueDate.tripStart) }), jsx("td", { children: dueDate.servicetype || '–' }), jsx("td", { children: jsx("button", { type: "button", className: [styles$g.listStatusButton, completed ? styles$g.completeStatus : ''].filter(Boolean).join(' '), "aria-label": `${completed ? 'Mark incomplete' : 'Mark complete'}: ${dueDate.tasktitle}`, onClick: () => onDueDateToggle?.(dueDate), children: completed ? jsx(CheckGlyph, {}) : jsx(CircleGlyph, {}) }) })] }, `${dueDate.masterTripGUID}-${dueDate.taskid}`));
|
|
2137
|
+
}) })] }) })] }))] }));
|
|
2138
|
+
};
|
|
2139
|
+
const getTeamTravelCalendarPeriodLabel = (activeDate, duration) => {
|
|
2140
|
+
const active = parseDate(activeDate);
|
|
2141
|
+
if (duration === 'month')
|
|
2142
|
+
return active.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });
|
|
2143
|
+
const first = startOfWeek(active);
|
|
2144
|
+
const last = addDays(first, 6);
|
|
2145
|
+
const firstLabel = first.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
|
|
2146
|
+
const lastLabel = first.getMonth() === last.getMonth() && first.getFullYear() === last.getFullYear()
|
|
2147
|
+
? `${last.getDate()}, ${last.getFullYear()}`
|
|
2148
|
+
: last.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
|
|
2149
|
+
return `${firstLabel} – ${lastLabel}`;
|
|
2150
|
+
};
|
|
2151
|
+
const moveTeamTravelCalendarPeriod = (activeDate, duration, amount) => {
|
|
2152
|
+
const active = parseDate(activeDate);
|
|
2153
|
+
if (duration === 'week')
|
|
2154
|
+
return dateKey(addDays(active, amount * 7));
|
|
2155
|
+
const next = new Date(active.getFullYear(), active.getMonth() + amount, 1);
|
|
2156
|
+
return dateKey(next);
|
|
2157
|
+
};
|
|
2158
|
+
|
|
1977
2159
|
var styles$f = {"form":"TeamManagementForms-module_form__bF0qU","stack":"TeamManagementForms-module_stack__5XyWb","twoColumnGrid":"TeamManagementForms-module_twoColumnGrid__zKQM6","threeColumnGrid":"TeamManagementForms-module_threeColumnGrid__HiCa7","actions":"TeamManagementForms-module_actions__Y2lA0","sectionCard":"TeamManagementForms-module_sectionCard__IPv1F","blueSection":"TeamManagementForms-module_blueSection__FsxUA","sectionHeader":"TeamManagementForms-module_sectionHeader__rM4Oj","sectionIcon":"TeamManagementForms-module_sectionIcon__VkbW8","sectionHeading":"TeamManagementForms-module_sectionHeading__m8szw","badge":"TeamManagementForms-module_badge__IOqxe","optionalBadge":"TeamManagementForms-module_optionalBadge__PHhTy","completeBadge":"TeamManagementForms-module_completeBadge__ZLyyr","incompleteBadge":"TeamManagementForms-module_incompleteBadge__70kvV","middleNameField":"TeamManagementForms-module_middleNameField__43-7h","fieldHeader":"TeamManagementForms-module_fieldHeader__jG-Ej","fileField":"TeamManagementForms-module_fileField__JnFhb","instructions":"TeamManagementForms-module_instructions__qTJI6","sampleLink":"TeamManagementForms-module_sampleLink__L4qXl"};
|
|
1978
2160
|
|
|
1979
2161
|
const useManagedValues = (controlledValues, initialValues, onChange) => {
|
|
@@ -2097,7 +2279,7 @@ const TeamRosterMemberForm = ({ mode = 'Add', values, initialValues, onChange, o
|
|
|
2097
2279
|
}, disabled: disabled, fullWidth: true }) })), jsxs(SectionCard, { icon: jsx(UserIcon, { size: 20 }), title: "Identity", subtitle: "Name as it appears on government ID", badge: jsx(SectionBadge, { complete: identityComplete }), children: [jsxs("div", { className: styles$f.threeColumnGrid, children: [jsx(Input, { label: "First Name *", value: formValues.firstName, onChange: (event) => updateValues({ firstName: event.target.value }), required: true, disabled: disabled, fullWidth: true }), jsxs("div", { className: styles$f.middleNameField, children: [jsxs("div", { className: styles$f.fieldHeader, children: [jsx("label", { htmlFor: "team-middle-name", children: "Middle Name" }), jsx(Checkbox, { label: "None", size: "sm", checked: formValues.noMiddleName, onChange: (event) => updateValues({
|
|
2098
2280
|
noMiddleName: event.target.checked,
|
|
2099
2281
|
middleName: event.target.checked ? '' : formValues.middleName,
|
|
2100
|
-
}), disabled: disabled })] }), jsx(Input, { id: "team-middle-name", "aria-label": "Middle Name", placeholder: formValues.noMiddleName ? 'None' : '', value: formValues.middleName, onChange: (event) => updateValues({ middleName: event.target.value }), required: !formValues.noMiddleName, disabled: disabled || formValues.noMiddleName, fullWidth: true })] }), jsx(Input, { label: "Last Name *", value: formValues.lastName, onChange: (event) => updateValues({ lastName: event.target.value }), required: true, disabled: disabled, fullWidth: true })] }), jsx(Select, { label: "Traveler Type *", placeholder: "Select traveler type", options: travelerTypeOptions, value: formValues.travelerType, onChange: (event) => updateValues({ travelerType: event.target.value }), required: true, disabled: disabled, fullWidth: true })] }), jsx(SectionCard, { icon: jsx(LockIcon$1, { size: 20 }), title: "Secure Flight", subtitle: "TSA-required for every air booking", badge: jsx(SectionBadge, { complete: secureFlightComplete, label: !formValues.weight || Number(formValues.weight) < 1 ? 'Add weight' : undefined }), children: jsxs("div", { className: styles$f.threeColumnGrid, children: [jsx(Input, { label: "Date of Birth *", type: "date", min: localDateString(minBirthDate), max: localDateString(new Date()), value: formValues.birthDate, onChange: (event) => updateValues({ birthDate: event.target.value }), required: true, disabled: disabled, fullWidth: true }), jsx(Select, { label: "Gender *", placeholder: "Select gender", options: ['Male', 'Female', 'Unspecified (X)'].map((label) => ({ label, value: label })), value: formValues.gender, onChange: (event) => updateValues({ gender: event.target.value }), required: true, disabled: disabled, fullWidth: true }), jsx(Input, { label: "Weight (lbs) *", type: "number", min: "1", value: formValues.weight, onChange: (event) => updateValues({ weight: numericValue$1(event.target.value) }), required: true, disabled: disabled, fullWidth: true }), jsx(Input, { label: "Passport No.", placeholder: "Add for intl. travel", value: formValues.passportNumber, onChange: (event) => updateValues({ passportNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true }), jsx(Input, { label: "Known Traveler No.", placeholder: "KTN", value: formValues.knownTravelerNumber, onChange: (event) => updateValues({ knownTravelerNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true }), jsx(Input, { label: "DHS Redress No.", placeholder: "Add if issued", value: formValues.dhsRedressNumber, onChange: (event) => updateValues({ dhsRedressNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true })] }) }), mode === 'Add' && (jsx(SectionCard, { icon: jsx(PlaneIcon$
|
|
2282
|
+
}), disabled: disabled })] }), jsx(Input, { id: "team-middle-name", "aria-label": "Middle Name", placeholder: formValues.noMiddleName ? 'None' : '', value: formValues.middleName, onChange: (event) => updateValues({ middleName: event.target.value }), required: !formValues.noMiddleName, disabled: disabled || formValues.noMiddleName, fullWidth: true })] }), jsx(Input, { label: "Last Name *", value: formValues.lastName, onChange: (event) => updateValues({ lastName: event.target.value }), required: true, disabled: disabled, fullWidth: true })] }), jsx(Select, { label: "Traveler Type *", placeholder: "Select traveler type", options: travelerTypeOptions, value: formValues.travelerType, onChange: (event) => updateValues({ travelerType: event.target.value }), required: true, disabled: disabled, fullWidth: true })] }), jsx(SectionCard, { icon: jsx(LockIcon$1, { size: 20 }), title: "Secure Flight", subtitle: "TSA-required for every air booking", badge: jsx(SectionBadge, { complete: secureFlightComplete, label: !formValues.weight || Number(formValues.weight) < 1 ? 'Add weight' : undefined }), children: jsxs("div", { className: styles$f.threeColumnGrid, children: [jsx(Input, { label: "Date of Birth *", type: "date", min: localDateString(minBirthDate), max: localDateString(new Date()), value: formValues.birthDate, onChange: (event) => updateValues({ birthDate: event.target.value }), required: true, disabled: disabled, fullWidth: true }), jsx(Select, { label: "Gender *", placeholder: "Select gender", options: ['Male', 'Female', 'Unspecified (X)'].map((label) => ({ label, value: label })), value: formValues.gender, onChange: (event) => updateValues({ gender: event.target.value }), required: true, disabled: disabled, fullWidth: true }), jsx(Input, { label: "Weight (lbs) *", type: "number", min: "1", value: formValues.weight, onChange: (event) => updateValues({ weight: numericValue$1(event.target.value) }), required: true, disabled: disabled, fullWidth: true }), jsx(Input, { label: "Passport No.", placeholder: "Add for intl. travel", value: formValues.passportNumber, onChange: (event) => updateValues({ passportNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true }), jsx(Input, { label: "Known Traveler No.", placeholder: "KTN", value: formValues.knownTravelerNumber, onChange: (event) => updateValues({ knownTravelerNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true }), jsx(Input, { label: "DHS Redress No.", placeholder: "Add if issued", value: formValues.dhsRedressNumber, onChange: (event) => updateValues({ dhsRedressNumber: event.target.value.toUpperCase() }), disabled: disabled, fullWidth: true })] }) }), mode === 'Add' && (jsx(SectionCard, { icon: jsx(PlaneIcon$3, { size: 20 }), title: "Frequent Flyer", subtitle: "Airline loyalty program details", badge: jsx(SectionBadge, { optional: true }), children: jsxs("div", { className: styles$f.twoColumnGrid, children: [jsx(Select, { label: "Airline", placeholder: "Select airline", options: airlineOptions, value: formValues.airline, onChange: (event) => updateValues({ airline: event.target.value }), disabled: disabled, fullWidth: true }), jsx(Input, { label: "Frequent Flyer Number", value: formValues.frequentFlyerNumber, onChange: (event) => updateValues({ frequentFlyerNumber: event.target.value }), disabled: disabled, fullWidth: true })] }) })), jsx(SectionCard, { icon: jsx(InfoIcon$1, { size: 20 }), title: "Special Requests", subtitle: "Dietary, seating, accessibility, rooming", badge: jsx(SectionBadge, { optional: true }), children: jsx(Textarea, { "aria-label": "Special Requests", placeholder: "Add anything the travel desk should know\u2026", value: formValues.specialRequests, onChange: (event) => updateValues({ specialRequests: event.target.value }), rows: 3, disabled: disabled, fullWidth: true }) })] }));
|
|
2101
2283
|
};
|
|
2102
2284
|
const IMPORT_COPY = {
|
|
2103
2285
|
equipment: {
|
|
@@ -2239,7 +2421,7 @@ const DEFAULT_CARDS = [
|
|
|
2239
2421
|
key: 'suppliers',
|
|
2240
2422
|
title: 'Suppliers',
|
|
2241
2423
|
description: 'Manage air, car, and hotel suppliers',
|
|
2242
|
-
icon: jsx(PlaneIcon$
|
|
2424
|
+
icon: jsx(PlaneIcon$3, { size: 16 }),
|
|
2243
2425
|
},
|
|
2244
2426
|
];
|
|
2245
2427
|
/** Hub administration shell and system-card index. */
|
|
@@ -2276,7 +2458,7 @@ const CharterManifestPage = ({ tripName, travelStartDate, travelEndDate, seats,
|
|
|
2276
2458
|
}
|
|
2277
2459
|
return a.lastName.localeCompare(b.lastName);
|
|
2278
2460
|
}), [passengers, sort]);
|
|
2279
|
-
return (jsxs("div", { className: [styles$a.page, className].filter(Boolean).join(' '), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: styles$a.header, children: [jsxs("div", { className: styles$a.headerRow, children: [jsx("button", { type: "button", "aria-label": "Back", className: styles$a.back, onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: styles$a.headerActions, children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: styles$a.dateRow, children: [jsx("span", { children: formatDate(travelStartDate) }), jsx("span", { className: styles$a.dateLine, children: "\u25B6" }), jsx("span", { children: formatDate(travelEndDate) })] })), jsxs("div", { className: styles$a.metaRow, children: [jsxs("span", { children: [jsx(PlaneIcon$
|
|
2461
|
+
return (jsxs("div", { className: [styles$a.page, className].filter(Boolean).join(' '), "data-screen-label": "Charter Trip Manifest", children: [jsxs("header", { className: styles$a.header, children: [jsxs("div", { className: styles$a.headerRow, children: [jsx("button", { type: "button", "aria-label": "Back", className: styles$a.back, onClick: onBack, children: jsx(ChevronLeftIcon, { size: 28 }) }), jsxs("h1", { children: [jsx("strong", { children: "Manifest" }), jsx(ChevronRightIcon$1, { size: 24 }), jsx("span", { children: tripName })] }), jsxs("div", { className: styles$a.headerActions, children: [jsx(StatusPill, { sendState: sendState, locked: locked }), jsx(Button, { variant: "outline", leftIcon: jsx(DocumentIcon, { size: 16 }), disabled: carrierName === 'No carrier selected', onClick: onGenerateFile, children: "Generate File" })] })] }), (travelStartDate || travelEndDate) && (jsxs("div", { className: styles$a.dateRow, children: [jsx("span", { children: formatDate(travelStartDate) }), jsx("span", { className: styles$a.dateLine, children: "\u25B6" }), jsx("span", { children: formatDate(travelEndDate) })] })), jsxs("div", { className: styles$a.metaRow, children: [jsxs("span", { children: [jsx(PlaneIcon$3, { size: 16 }), seats, " seats"] }), jsxs("span", { children: [jsx(CubeIcon, { size: 16 }), "Payload limit ", payloadLimit.toLocaleString(), " lb"] })] })] }), jsxs("div", { className: styles$a.layout, children: [jsxs("aside", { className: styles$a.rail, children: [jsxs("div", { children: [jsx("div", { className: styles$a.eyebrow, children: "Flight Manifest" }), jsx("div", { className: styles$a.scopeList, children: [{ id: 'all', label: 'Full Trip', detail: 'All flight segments' }, ...segments].map((item) => (jsxs("button", { type: "button", className: [styles$a.scope, scope === item.id ? styles$a.activeScope : ''].filter(Boolean).join(' '), onClick: () => setScope(item.id), children: [jsx("strong", { children: item.label }), jsx("span", { children: item.detail })] }, item.id))) })] }), segments.length > 0 && (jsx(Button, { variant: "outline", size: "sm", disabled: locked, onClick: onSplitSegments, children: "Split by Segment" })), jsxs("div", { className: styles$a.carrierCard, children: [jsx("div", { className: styles$a.eyebrow, children: "Carrier" }), jsx("strong", { children: carrierName }), jsx("p", { children: carrierNote }), jsx(Button, { variant: "outline", size: "sm", fullWidth: true, disabled: locked, leftIcon: jsx(SettingsIcon, { size: 15 }), onClick: onChangeCarrier, children: "Change Carrier" })] })] }), jsxs("main", { className: styles$a.main, children: [jsx("section", { className: styles$a.capacityCard, children: jsx(ManifestCapacityStats, { paxCount: passengers.length, seats: seats, paxWeight: passengerWeight, cargoWeight: cargoWeight, payloadLimit: payloadLimit }) }), jsxs("div", { className: styles$a.viewRow, children: [jsx(ManifestViewToggle, { view: view, onView: setView, paxCount: passengers.length, eqCount: equipment.length, locked: locked }), locked && jsx("span", { className: styles$a.lockedMessage, children: "Locked \u2014 coordinate any changes directly with the carrier." })] }), view === 'passengers' ? (jsxs("section", { children: [!locked && (jsxs("div", { className: styles$a.tableActions, children: [jsxs("strong", { children: [passengers.length, " Passengers"] }), jsxs("div", { children: [jsx("span", { children: "Order by" }), jsx("span", { className: styles$a.sortToggle, children: ['name', 'type'].map((option) => (jsx("button", { type: "button", className: sort === option ? styles$a.activeSort : '', onClick: () => setSort(option), children: option }, option))) }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddPassengers, children: "Add Passengers" })] })] })), jsx("div", { className: styles$a.tableWrap, children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "#" }), jsx("th", { children: "Passenger" }), jsx("th", { children: "Type" }), jsx("th", { children: "TSA Screening" }), jsx("th", { children: "Personal" }), jsx("th", { children: "Carry-On" }), jsx("th", { children: "Checked" }), jsx("th", { children: "Seat" }), jsx("th", {})] }) }), jsxs("tbody", { children: [!sortedPassengers.length && jsx("tr", { children: jsx("td", { colSpan: 9, className: styles$a.empty, children: "No passengers on this manifest yet. Add passengers from the master list." }) }), sortedPassengers.map((passenger, index) => (jsxs("tr", { children: [jsx("td", { children: index + 1 }), jsxs("td", { children: [jsx("strong", { children: passenger.lastName }), jsxs("span", { children: [", ", passenger.firstName] })] }), jsx("td", { children: jsx(TypeTag, { type: passenger.travelerType }) }), jsx("td", { children: passenger.screeningType || '—' }), jsxs("td", { children: [passenger.personalWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.carryOnWeight ?? 0, " lb"] }), jsxs("td", { children: [passenger.checkedWeight ?? 0, " lb"] }), jsx("td", { children: passenger.seatAssignment || '—' }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${passenger.firstName} ${passenger.lastName}`, className: styles$a.remove, onClick: () => onRemovePassenger?.(passenger), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, passenger.id)))] })] }) })] })) : (jsxs("section", { children: [!locked && jsxs("div", { className: styles$a.tableActions, children: [jsxs("strong", { children: [equipment.length, " Equipment Items"] }), jsx(Button, { size: "sm", leftIcon: jsx(PlusIcon$2, { size: 15 }), onClick: onAddEquipment, children: "Add Equipment" })] }), jsx("div", { className: styles$a.tableWrap, children: jsxs("table", { children: [jsx("thead", { children: jsxs("tr", { children: [jsx("th", { children: "Equipment" }), jsx("th", { children: "Quantity" }), jsx("th", { children: "Weight" }), jsx("th", { children: "Total" }), jsx("th", {})] }) }), jsx("tbody", { children: equipment.map((item) => jsxs("tr", { children: [jsx("td", { children: jsx("strong", { children: item.name }) }), jsx("td", { children: item.quantity }), jsxs("td", { children: [item.weight.toLocaleString(), " lb"] }), jsxs("td", { children: [(item.quantity * item.weight).toLocaleString(), " lb"] }), jsx("td", { children: !locked && jsx("button", { type: "button", "aria-label": `Remove ${item.name}`, className: styles$a.remove, onClick: () => onRemoveEquipment?.(item), children: jsx(TrashIcon$2, { size: 16 }) }) })] }, item.id)) })] }) })] })), !locked && (jsxs("section", { className: styles$a.finalize, children: [jsx(StatusPill, { sendState: sendState, locked: false }), jsx("p", { children: sendState === 'initial-sent' ? 'Initial manifest sent. The final manifest may be sent within 3 days of departure.' : 'No manifest has been transmitted to the carrier yet.' }), jsxs("div", { className: styles$a.finalizeActions, children: [sendState === 'none' && jsx(Button, { onClick: onSendInitial, children: "Send Initial Manifest" }), sendState === 'initial-sent' && jsxs(Fragment, { children: [jsx(Button, { onClick: onSendFinal, children: "Send Final Manifest" }), jsx(Button, { variant: "ghost", size: "sm", onClick: onUndoInitial, children: "Undo initial" })] })] })] }))] })] })] }));
|
|
2280
2462
|
};
|
|
2281
2463
|
|
|
2282
2464
|
var styles$9 = {"page":"ContactUsPage-module_page__j9LWO","container":"ContactUsPage-module_container__uRC-r","header":"ContactUsPage-module_header__I6ypu","printRow":"ContactUsPage-module_printRow__d7O34","primaryGrid":"ContactUsPage-module_primaryGrid__DwUt4","genericGrid":"ContactUsPage-module_genericGrid__Zn-A1","stack":"ContactUsPage-module_stack__uKL2n","card":"ContactUsPage-module_card__WPn4v","cardBody":"ContactUsPage-module_cardBody__FU1io","simpleContact":"ContactUsPage-module_simpleContact__E-jyI","field":"ContactUsPage-module_field__yiMo-","label":"ContactUsPage-module_label__C2fa2","emergencyLabel":"ContactUsPage-module_emergencyLabel__Twetf","emergencyDot":"ContactUsPage-module_emergencyDot__Yg4eF","fieldValue":"ContactUsPage-module_fieldValue__5VT5g","contactColumn":"ContactUsPage-module_contactColumn__U9DGB","support":"ContactUsPage-module_support__Pptkm","emergency":"ContactUsPage-module_emergency__ozZbU","contactPair":"ContactUsPage-module_contactPair__Fxg8p","motorcoachEmergency":"ContactUsPage-module_motorcoachEmergency__-Uo84","centeredState":"ContactUsPage-module_centeredState__eLf0U","error":"ContactUsPage-module_error__XXiUk","warning":"ContactUsPage-module_warning__1--Zg"};
|
|
@@ -2358,109 +2540,207 @@ const DashboardPage = ({ greeting = 'Good morning', firstName, accountName, widg
|
|
|
2358
2540
|
onReorder?.(dragFrom, index); setDragFrom(null); }, onDragEnd: () => { setDragFrom(null); dragGhost.current?.remove(); dragGhost.current = null; }, children: jsx(WidgetCard, { widget: widget, editMode: editMode, index: index, count: widgets.length, onRefresh: onRefresh, onRemove: onRemove, onResize: onResize, onReorder: onReorder, onTravelerRangeChange: onTravelerRangeChange, onNavigate: onNavigate }) }, widget.id)) }) : jsxs("div", { className: styles$8.emptyPage, children: [jsx(PlusIcon$2, { size: 28 }), jsx("strong", { children: "Your home page is empty" }), jsx("span", { children: "Use \"Customize\" to add cards from the catalog." })] }), catalogOpen && jsxs(Fragment, { children: [jsx("button", { type: "button", className: styles$8.scrim, "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false) }), jsxs("aside", { className: styles$8.catalog, role: "dialog", "aria-modal": "true", "aria-label": "Add cards", children: [jsxs("header", { children: [jsxs("div", { children: [jsx("h2", { children: "Add a card" }), jsx("p", { children: "Cards available to your role for this account" })] }), jsx("button", { type: "button", "aria-label": "Close card catalog", onClick: () => setCatalogOpen(false), children: jsx(CloseIcon, { size: 20 }) })] }), jsx("div", { className: styles$8.catalogBody, children: CATALOG.map((item) => jsxs("div", { className: styles$8.catalogItem, children: [jsx("span", { className: styles$8.catalogIcon, children: jsx(WidgetIcon, { type: item.type }) }), jsxs("div", { children: [jsx("strong", { children: item.title }), jsx("span", { children: "Account" }), jsx("p", { children: item.description })] }), presentTypes.has(item.type) ? jsxs("span", { className: styles$8.added, children: [jsx(CheckIcon$2, { size: 16 }), "Added"] }) : jsxs("button", { type: "button", onClick: () => onAddWidget?.(item.type), children: [jsx(PlusIcon$2, { size: 16 }), "Add"] })] }, item.type)) }), jsx("footer", { children: "Each card can appear once on your home page." })] })] })] }));
|
|
2359
2541
|
};
|
|
2360
2542
|
|
|
2361
|
-
var styles$7 = {"
|
|
2543
|
+
var styles$7 = {"page":"GroupTravelRequestPage-module_page__0JriY","pageHeader":"GroupTravelRequestPage-module_pageHeader__oP6rE","workspace":"GroupTravelRequestPage-module_workspace__SIOli","serviceSidebar":"GroupTravelRequestPage-module_serviceSidebar__XUlqR","tripEvents":"GroupTravelRequestPage-module_tripEvents__6Upvv","formMain":"GroupTravelRequestPage-module_formMain__pFK7N","serviceSection":"GroupTravelRequestPage-module_serviceSection__10nXm","summarySidebar":"GroupTravelRequestPage-module_summarySidebar__HoAGy","summaryCard":"GroupTravelRequestPage-module_summaryCard__YvX-g","summarySection":"GroupTravelRequestPage-module_summarySection__uY5FU","summaryRow":"GroupTravelRequestPage-module_summaryRow__el7jN","emptySummary":"GroupTravelRequestPage-module_emptySummary__veL9N","field":"GroupTravelRequestPage-module_field__-HfoK","label":"GroupTravelRequestPage-module_label__sEOeK","input":"GroupTravelRequestPage-module_input__lXQDl","select":"GroupTravelRequestPage-module_select__D7ICw","textarea":"GroupTravelRequestPage-module_textarea__AYtX1","note":"GroupTravelRequestPage-module_note__9loDq","choiceFieldset":"GroupTravelRequestPage-module_choiceFieldset__dMlZv","radioGroup":"GroupTravelRequestPage-module_radioGroup__xP97-","radioLabel":"GroupTravelRequestPage-module_radioLabel__9wYXU","checkToggle":"GroupTravelRequestPage-module_checkToggle__PZAHF","segments":"GroupTravelRequestPage-module_segments__07a9Y","contactGroup":"GroupTravelRequestPage-module_contactGroup__MQ7mD","destinationList":"GroupTravelRequestPage-module_destinationList__uaHzR","segmentHeader":"GroupTravelRequestPage-module_segmentHeader__8a1Re","destinationRow":"GroupTravelRequestPage-module_destinationRow__swSrv","pageFooter":"GroupTravelRequestPage-module_pageFooter__mQcPZ","pageButtons":"GroupTravelRequestPage-module_pageButtons__jfH5X","currentPage":"GroupTravelRequestPage-module_currentPage__WfmWO","mobileTabs":"GroupTravelRequestPage-module_mobileTabs__GEAo2","mobileServices":"GroupTravelRequestPage-module_mobileServices__XN2Vw","mobileEnable":"GroupTravelRequestPage-module_mobileEnable__DRf4H","activeTab":"GroupTravelRequestPage-module_activeTab__dolkN","activeService":"GroupTravelRequestPage-module_activeService__VXHEF","mobileHidden":"GroupTravelRequestPage-module_mobileHidden__RYc4x","summaryMobileHidden":"GroupTravelRequestPage-module_summaryMobileHidden__0QaCt"};
|
|
2362
2544
|
|
|
2363
|
-
|
|
2364
|
-
const
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
const TRAVEL_SERVICES = [
|
|
2371
|
-
{ key: 'general', label: 'General Details', icon: jsx(EventsIcon, {}), hasToggle: false },
|
|
2372
|
-
{ key: 'air', label: 'Commercial Air', icon: jsx(PlaneIcon, {}), hasToggle: true },
|
|
2373
|
-
{ key: 'charter', label: 'Charter Air', icon: jsx(PlaneIcon, {}), hasToggle: true },
|
|
2374
|
-
{ key: 'hotel', label: 'Hotel', icon: jsx(HotelIcon, {}), hasToggle: true },
|
|
2375
|
-
{ key: 'ground', label: 'Ground Transportation', icon: jsx(CarIcon, {}), hasToggle: true },
|
|
2376
|
-
{ key: 'bus', label: 'Bus Needed', icon: jsx(BusIcon, {}), hasToggle: true },
|
|
2545
|
+
const FLIGHT_TYPES = ['One Way', 'Round Trip', 'Multiple Destinations'];
|
|
2546
|
+
const FLIGHT_TIMES = [
|
|
2547
|
+
'Early Morning (5:00am – 8:00am)',
|
|
2548
|
+
'Morning (8:00am – 12:00pm)',
|
|
2549
|
+
'Afternoon (12:00pm - 3:00pm)',
|
|
2550
|
+
'Late Afternoon (3:00pm – 6:00pm)',
|
|
2551
|
+
'Evening (6:00pm – 12:00am)',
|
|
2377
2552
|
];
|
|
2378
|
-
|
|
2379
|
-
const
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
{ label: 'Travel Party Size', value: null },
|
|
2385
|
-
{ label: 'Trip Start', value: null },
|
|
2386
|
-
{ label: 'Trip Return', value: null },
|
|
2387
|
-
{ label: 'Booking Contact', value: null },
|
|
2388
|
-
],
|
|
2389
|
-
},
|
|
2390
|
-
{
|
|
2391
|
-
key: 'air',
|
|
2392
|
-
title: 'Commercial Air Request',
|
|
2393
|
-
items: [
|
|
2394
|
-
{ label: 'Flight Type', value: null },
|
|
2395
|
-
{ label: 'Departure Airport', value: null },
|
|
2396
|
-
{ label: 'Arrival Airport', value: null },
|
|
2397
|
-
],
|
|
2398
|
-
},
|
|
2399
|
-
{
|
|
2400
|
-
key: 'hotel',
|
|
2401
|
-
title: 'Hotel Request',
|
|
2402
|
-
items: [
|
|
2403
|
-
{ label: 'Check-in Date', value: null },
|
|
2404
|
-
{ label: 'Check-out Date', value: null },
|
|
2405
|
-
{ label: 'Number of Rooms', value: null },
|
|
2406
|
-
],
|
|
2407
|
-
},
|
|
2408
|
-
{
|
|
2409
|
-
key: 'ground',
|
|
2410
|
-
title: 'Ground Transportation',
|
|
2411
|
-
items: [
|
|
2412
|
-
{ label: 'Vehicle Type', value: null },
|
|
2413
|
-
{ label: 'Pickup Location', value: null },
|
|
2414
|
-
],
|
|
2415
|
-
},
|
|
2553
|
+
const AIRCRAFT_SEATING = ['0-30', '30-50', '50-100', '100+'];
|
|
2554
|
+
const BUS_TYPES = [
|
|
2555
|
+
'Drive To & From Campus',
|
|
2556
|
+
'Airport Pickup & Dropoff',
|
|
2557
|
+
'Drive to Event/Fly Home',
|
|
2558
|
+
'Fly to Event/Drive Home',
|
|
2416
2559
|
];
|
|
2417
|
-
|
|
2418
|
-
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2560
|
+
const DEFAULT_CATERING = ['No Catering', 'Snacks and Beverages', 'Cold Meal', 'Hot Meal'];
|
|
2561
|
+
const EventsIcon = () => jsx(CalendarIcon$1, { size: 24 });
|
|
2562
|
+
const DEFAULT_SERVICES = [
|
|
2563
|
+
{ key: 'general', label: 'General', icon: jsx(EventsIcon, {}), hasToggle: false },
|
|
2564
|
+
{ key: 'air', label: 'Commercial Air', icon: jsx(PlaneIcon$3, { size: 22 }), hasToggle: true },
|
|
2565
|
+
{ key: 'charter', label: 'Charter Air', icon: jsx(PlaneIcon$3, { size: 22 }), hasToggle: true },
|
|
2566
|
+
{ key: 'hotel', label: 'Hotel', icon: jsx(HotelIcon$3, { size: 22 }), hasToggle: true },
|
|
2567
|
+
{ key: 'ground', label: 'Vehicle Rental', icon: jsx(CarIcon$1, { size: 22 }), hasToggle: true },
|
|
2568
|
+
{ key: 'busneeded', label: 'Bus Charter', icon: jsx(BusIcon$2, { size: 22 }), hasToggle: true },
|
|
2569
|
+
];
|
|
2570
|
+
const isEnabledValue = (value) => value === true || Number(value) === 1;
|
|
2571
|
+
const textValue = (value) => value === undefined ? '' : String(value);
|
|
2572
|
+
const suffix = (index) => index ? String(index + 1) : '';
|
|
2573
|
+
const airFieldName = (name, index) => index === 3 ? `air${name}${index + 1}` : `${name}${suffix(index)}`;
|
|
2574
|
+
const prefixedFieldName = (prefix, name, index) => `${prefix}${name}${suffix(index)}`;
|
|
2575
|
+
const hotelFieldName = (name, index) => `${name}${suffix(index)}`;
|
|
2576
|
+
const Field = ({ label, name, values, setValue, type = 'text', required, disabled, max, min, maxDate, placeholder, note, options, multiline, }) => {
|
|
2577
|
+
const inputId = `gtr-${name}`;
|
|
2578
|
+
const common = {
|
|
2579
|
+
id: inputId,
|
|
2580
|
+
name,
|
|
2581
|
+
value: textValue(values[name]),
|
|
2582
|
+
required,
|
|
2583
|
+
disabled,
|
|
2584
|
+
'aria-describedby': note ? `${inputId}-note` : undefined,
|
|
2585
|
+
onChange: (event) => setValue(name, event.target.value),
|
|
2586
|
+
};
|
|
2587
|
+
return (jsxs("div", { className: styles$7.field, children: [jsxs("label", { className: styles$7.label, htmlFor: inputId, children: [label, required && jsx("span", { "aria-hidden": "true", children: " *" })] }), multiline ? (jsx("textarea", { ...common, className: styles$7.textarea, rows: 3, maxLength: 5000, placeholder: placeholder })) : options ? (jsxs("select", { ...common, className: styles$7.select, children: [jsx("option", { value: "", children: "Select" }), options.map((option) => jsx("option", { value: option.value, children: option.label }, option.value))] })) : (jsx("input", { ...common, className: styles$7.input, type: type, max: type === 'date' ? maxDate : max, min: type === 'date' ? textValue(min) : min, placeholder: placeholder })), note && jsx("div", { className: styles$7.note, id: `${inputId}-note`, children: note })] }));
|
|
2588
|
+
};
|
|
2589
|
+
const ChoiceGroup = ({ label, name, options, values, setValue, required, }) => (jsxs("fieldset", { className: styles$7.choiceFieldset, children: [jsxs("legend", { className: styles$7.label, children: [label, required && jsx("span", { "aria-hidden": "true", children: " *" })] }), jsx("div", { className: styles$7.radioGroup, children: options.map((option) => (jsxs("label", { className: styles$7.radioLabel, children: [jsx("input", { type: "radio", name: name, value: option, checked: values[name] === option, onChange: () => setValue(name, option), required: required }), jsx("span", { children: option })] }, option))) })] }));
|
|
2590
|
+
const CheckToggle = ({ label, name, values, setValue, }) => (jsxs("div", { className: styles$7.checkToggle, children: [jsx(Toggle, { "aria-label": label, checked: isEnabledValue(values[name]), onChange: (checked) => setValue(name, checked ? 1 : 0), size: "sm" }), jsx("span", { children: label })] }));
|
|
2591
|
+
const YesNo = ({ label, name, values, setValue }) => (jsx(ChoiceGroup, { label: label, name: name, options: ['Yes', 'No'], values: { ...values, [name]: values[name] === 1 ? 'Yes' : values[name] === 0 ? 'No' : values[name] }, setValue: (_, value) => setValue(name, value === 'Yes' ? 1 : 0), required: true }));
|
|
2592
|
+
const SegmentHeader = ({ label, index, canDelete, onDelete }) => (jsxs("div", { className: styles$7.segmentHeader, children: [jsxs("span", { children: [label, " ", index + 1] }), canDelete && jsxs(Button, { type: "button", size: "sm", variant: "outline", rightIcon: jsx(TrashIcon$2, { size: 14 }), onClick: onDelete, children: ["Delete ", label] })] }));
|
|
2593
|
+
const FlightRequest = ({ prefix, values, setValue, cateringOptions, }) => {
|
|
2594
|
+
const typeName = `${prefix}multiplesegments`;
|
|
2595
|
+
const flightType = textValue(values[typeName]);
|
|
2596
|
+
const allowsMultiple = flightType === 'One Way' || flightType === 'Multiple Destinations';
|
|
2597
|
+
const [count, setCount] = useState(1);
|
|
2598
|
+
const isCharter = prefix === 'charter';
|
|
2599
|
+
const fieldName = (name, index) => isCharter ? prefixedFieldName('charter', name, index) : airFieldName(name, index);
|
|
2600
|
+
const segmentFields = isCharter
|
|
2601
|
+
? ['departlocation', 'departdate', 'departtime', 'departtime_tbd', 'departonewayoutboundpricing', 'arrivelocation', 'returndate', 'returntime', 'arrivetime_tbd', 'cateringoptions', 'departlocationfbo', 'preferredcarriers']
|
|
2602
|
+
: ['departlocation', 'departdate', 'departtime', 'departlowestfareanytime', 'arrivelocation', 'returndate', 'returntime', 'arrivelowestfareanytime', 'preferredcarriers', 'passengertargetfare'];
|
|
2603
|
+
const deleteSegment = (index) => {
|
|
2604
|
+
for (let position = index; position < count; position += 1) {
|
|
2605
|
+
segmentFields.forEach((field) => {
|
|
2606
|
+
const current = fieldName(field, position);
|
|
2607
|
+
const next = fieldName(field, position + 1);
|
|
2608
|
+
setValue(current, position === count - 1 ? '' : values[next]);
|
|
2609
|
+
});
|
|
2610
|
+
}
|
|
2611
|
+
setCount((current) => Math.max(1, current - 1));
|
|
2612
|
+
};
|
|
2613
|
+
return (jsxs(Fragment, { children: [isCharter && jsxs(Alert, { children: [jsx("strong", { children: "NOTE:" }), " Desired departure times are shared with carrier partners immediately, and availability may require schedule adjustments."] }), jsx(ChoiceGroup, { label: "Flight Type", name: typeName, options: FLIGHT_TYPES, values: values, setValue: (name, value) => {
|
|
2614
|
+
setValue(name, value);
|
|
2615
|
+
if (value === 'Round Trip')
|
|
2616
|
+
setCount(1);
|
|
2617
|
+
}, required: true }), jsxs("div", { className: styles$7.segments, children: [Array.from({ length: count }, (_, index) => {
|
|
2618
|
+
const departLocation = fieldName('departlocation', index);
|
|
2619
|
+
const departDate = fieldName('departdate', index);
|
|
2620
|
+
const departTime = fieldName('departtime', index);
|
|
2621
|
+
const arrivalLocation = fieldName('arrivelocation', index);
|
|
2622
|
+
const returnDate = fieldName('returndate', index);
|
|
2623
|
+
const returnTime = fieldName('returntime', index);
|
|
2624
|
+
return (jsxs(Accordion, { header: jsx(SegmentHeader, { label: "Flight", index: index, canDelete: allowsMultiple && count > 1, onDelete: () => deleteSegment(index) }), showTimeline: true, children: [jsx(Field, { label: "Departure Airport", name: departLocation, values: values, setValue: setValue, required: true }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Departure Date", name: departDate, values: values, setValue: setValue, type: "date", min: textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: isCharter ? 'Desired Departure Time' : 'Departure Time', name: departTime, values: values, setValue: setValue, type: isCharter ? 'time' : 'text', options: isCharter ? undefined : FLIGHT_TIMES.map((option) => ({ label: option, value: option })), required: !isCharter })] }), isCharter
|
|
2625
|
+
? jsxs(Fragment, { children: [jsx(CheckToggle, { label: "Departure Time TBD", name: fieldName('departtime_tbd', index), values: values, setValue: setValue }), ['Round Trip', 'Multiple Destinations'].includes(flightType) && jsx(CheckToggle, { label: "Also Include Pricing for One Way Outbound Flight", name: fieldName('departonewayoutboundpricing', index), values: values, setValue: setValue })] })
|
|
2626
|
+
: jsx(CheckToggle, { label: "Also Consider Lowest Fare Anytime of Day", name: fieldName('departlowestfareanytime', index), values: values, setValue: setValue }), jsx(Field, { label: "Arrival Airport", name: arrivalLocation, values: values, setValue: setValue, required: true }), flightType === 'Round Trip' && jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Return Date", name: returnDate, values: values, setValue: setValue, type: "date", min: textValue(values[departDate]) || textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: isCharter ? 'Desired Return Time' : 'Return Time', name: returnTime, values: values, setValue: setValue, type: isCharter ? 'time' : 'text', options: isCharter ? undefined : FLIGHT_TIMES.map((option) => ({ label: option, value: option })), required: !isCharter })] }), isCharter
|
|
2627
|
+
? jsxs(Fragment, { children: [flightType === 'Round Trip' && jsx(CheckToggle, { label: "Return Time TBD", name: fieldName('arrivetime_tbd', index), values: values, setValue: setValue }), flightType === 'Round Trip' && jsx(CheckToggle, { label: "Also Include Pricing for One Way Return Flight", name: "charterarriveonewayreturnpricing", values: values, setValue: setValue }), jsxs(FormRow, { columns: 3, children: [jsx(Field, { label: "Catering Options", name: fieldName('cateringoptions', index), values: values, setValue: setValue, options: cateringOptions.map((option) => ({ label: option, value: option })), required: true }), jsx(Field, { label: "Preferred FBO (Departure Airport)", name: fieldName('departlocationfbo', index), values: values, setValue: setValue }), jsx(Field, { label: "Preferred Carriers", name: fieldName('preferredcarriers', index), values: values, setValue: setValue })] })] })
|
|
2628
|
+
: jsxs(Fragment, { children: [flightType === 'Round Trip' && jsx(CheckToggle, { label: "Also Consider Lowest Fare Anytime of Day", name: fieldName('arrivelowestfareanytime', index), values: values, setValue: setValue }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Preferred Carriers", name: fieldName('preferredcarriers', index), values: values, setValue: setValue }), jsx(Field, { label: "Target Fare Per Passenger", name: fieldName('passengertargetfare', index), values: values, setValue: setValue, type: "number", min: 0 })] })] })] }, `${prefix}-${index}`));
|
|
2629
|
+
}), allowsMultiple && count < 4 && jsx("div", { children: jsx(Button, { type: "button", size: "sm", variant: "secondary", rightIcon: jsx(PlusIcon$2, { size: 16 }), onClick: () => setCount((current) => current + 1), children: "Add Flight" }) })] }), isCharter && jsx(ChoiceGroup, { label: "Preferred Aircraft Seating", name: "charterpreferredseatingrange", options: AIRCRAFT_SEATING, values: values, setValue: setValue }), jsx(Field, { label: "General Notes on Air Request", name: isCharter ? 'details_charters' : 'details_air', values: values, setValue: setValue, multiline: true })] }));
|
|
2630
|
+
};
|
|
2631
|
+
const HotelRequest = ({ values, setValue }) => {
|
|
2632
|
+
const [count, setCount] = useState(1);
|
|
2633
|
+
const totalRooms = Array.from({ length: count }, (_, index) => Number(values[hotelFieldName('rooms', index)] || 0)).reduce((total, rooms) => total + rooms, 0);
|
|
2634
|
+
const deleteHotel = (index) => {
|
|
2635
|
+
const fields = ['hotellocation', 'hotelproperty', 'kings', 'doubles', 'rooms', 'checkin', 'checkout'];
|
|
2636
|
+
for (let position = index; position < count; position += 1) {
|
|
2637
|
+
fields.forEach((field) => setValue(hotelFieldName(field, position), position === count - 1 ? '' : values[hotelFieldName(field, position + 1)]));
|
|
2638
|
+
}
|
|
2639
|
+
setCount((current) => Math.max(1, current - 1));
|
|
2640
|
+
};
|
|
2641
|
+
const updateRooms = (index, type, value) => {
|
|
2642
|
+
setValue(hotelFieldName(type, index), value);
|
|
2643
|
+
const other = type === 'kings' ? 'doubles' : 'kings';
|
|
2644
|
+
setValue(hotelFieldName('rooms', index), Number(value || 0) + Number(values[hotelFieldName(other, index)] || 0));
|
|
2645
|
+
};
|
|
2646
|
+
return jsxs(Fragment, { children: [totalRooms > 0 && totalRooms < 8 && jsxs(Alert, { children: [jsx("strong", { children: "NOTE:" }), " Seven or fewer rooms are booked by an agent instead of STM Stay."] }), jsxs("div", { className: styles$7.segments, children: [Array.from({ length: count }, (_, index) => jsxs(Accordion, { header: jsx(SegmentHeader, { label: "Hotel", index: index, canDelete: count > 1, onDelete: () => deleteHotel(index) }), showTimeline: true, children: [jsx(Field, { label: "City", name: hotelFieldName('hotellocation', index), values: values, setValue: setValue, required: true }), jsx(Field, { label: "Preferred Hotel(s)", name: hotelFieldName('hotelproperty', index), values: values, setValue: setValue }), jsxs(FormRow, { columns: 3, children: [jsx(Field, { label: "# of King Rooms", name: hotelFieldName('kings', index), values: values, setValue: (_name, value) => updateRooms(index, 'kings', value), type: "number", min: 0, max: 999, required: true }), jsx(Field, { label: "# of Double Rooms", name: hotelFieldName('doubles', index), values: values, setValue: (_name, value) => updateRooms(index, 'doubles', value), type: "number", min: 0, max: 999, required: true }), jsx(Field, { label: "Total Rooms", name: hotelFieldName('rooms', index), values: values, setValue: setValue, disabled: true })] }), jsx(Alert, { variant: "error", children: "Please include bus driver room if needed." }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Check-In Date", name: hotelFieldName('checkin', index), values: values, setValue: setValue, type: "date", min: textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: "Check-Out Date", name: hotelFieldName('checkout', index), values: values, setValue: setValue, type: "date", min: textValue(values[hotelFieldName('checkin', index)]) || textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true })] })] }, index)), count < 3 && jsx("div", { children: jsx(Button, { type: "button", size: "sm", variant: "secondary", rightIcon: jsx(PlusIcon$2, { size: 16 }), onClick: () => setCount((current) => current + 1), children: "Add Hotel" }) })] }), jsx(YesNo, { label: "Do you need a room for the bus driver?", name: "busdriverroom", values: values, setValue: setValue }), totalRooms > 7 && jsxs(Fragment, { children: [jsx(YesNo, { label: "Do you need meeting space for the team?", name: "teammeetingspaceflag", values: values, setValue: setValue }), Number(values.teammeetingspaceflag) === 1 && jsx(Field, { label: "How many people do you need the meeting space set for?", name: "teammeetingspace", values: values, setValue: setValue, type: "number", min: 1, max: 999, required: true })] }), jsx(Field, { label: "General Notes on Hotel Request", name: "details_hotel", values: values, setValue: setValue, multiline: true })] });
|
|
2647
|
+
};
|
|
2648
|
+
const VehicleRentalRequest = ({ values, setValue }) => {
|
|
2649
|
+
const hasAir = isEnabledValue(values.air) || isEnabledValue(values.charter);
|
|
2650
|
+
return jsxs(Fragment, { children: [jsxs(FormRow, { columns: 3, children: [jsx(Field, { label: "Pickup Date", name: "pickupdate", values: values, setValue: setValue, type: "date", min: textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: "Pickup Time", name: "pickuptime", values: values, setValue: setValue, type: "time", required: !hasAir }), jsx(Field, { label: "Pickup Location", name: "pickuplocation", values: values, setValue: setValue, required: true })] }), hasAir && jsx(CheckToggle, { label: "I will be picking up from the airport", name: "carairportpickup", values: values, setValue: (name, value) => {
|
|
2651
|
+
setValue(name, value);
|
|
2652
|
+
if (Number(value) === 1)
|
|
2653
|
+
setValue('pickuplocation', values.arrivelocation || values.charterarrivelocation);
|
|
2654
|
+
} }), jsxs(FormRow, { columns: 3, children: [jsx(Field, { label: "Drop Off Date", name: "dropoffdate", values: values, setValue: setValue, type: "date", min: textValue(values.pickupdate) || textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: "Drop Off Time", name: "dropofftime", values: values, setValue: setValue, type: "time", required: !hasAir }), jsx(Field, { label: "Drop Off Location", name: "cardropofflocation", values: values, setValue: setValue, required: true })] }), hasAir && jsx(CheckToggle, { label: "I will be dropping off at the airport", name: "carairportdropoff", values: values, setValue: setValue }), jsx(Field, { label: "# of Rentals", name: "carqty", values: values, setValue: setValue, type: "number", min: 1, max: 99, required: true }), jsx(Field, { label: "Vehicle Type/Size Preference", name: "carsizepref", values: values, setValue: setValue, placeholder: "Economy, Compact, ..." }), jsx(Field, { label: "Driver Name(s) for Reservation", name: "cardriver", values: values, setValue: setValue, placeholder: "Name 1, Name 2", required: true }), jsx(Field, { label: "General Notes on Vehicle Rental Request", name: "details_ground", values: values, setValue: setValue, multiline: true })] });
|
|
2655
|
+
};
|
|
2656
|
+
const BusRequest = ({ values, setValue, schoolAddress }) => {
|
|
2657
|
+
const [destinations, setDestinations] = useState(1);
|
|
2658
|
+
const busType = textValue(values.bustype);
|
|
2659
|
+
const destinationName = (index) => `busdestination${suffix(index)}`;
|
|
2660
|
+
const updateBusType = (name, value) => {
|
|
2661
|
+
setValue(name, value);
|
|
2662
|
+
if (['Drive To & From Campus', 'Drive to Event/Fly Home'].includes(String(value)))
|
|
2663
|
+
setValue('buspickuplocation', schoolAddress);
|
|
2664
|
+
if (['Drive To & From Campus', 'Fly to Event/Drive Home'].includes(String(value)))
|
|
2665
|
+
setValue('busdropofflocation', schoolAddress);
|
|
2666
|
+
};
|
|
2667
|
+
const deleteDestination = (index) => {
|
|
2668
|
+
for (let position = index; position < destinations; position += 1)
|
|
2669
|
+
setValue(destinationName(position), position === destinations - 1 ? '' : values[destinationName(position + 1)]);
|
|
2670
|
+
setDestinations((current) => Math.max(1, current - 1));
|
|
2671
|
+
};
|
|
2672
|
+
return jsxs(Fragment, { children: [jsx(ChoiceGroup, { label: "Charter Bus Type", name: "bustype", options: BUS_TYPES, values: values, setValue: updateBusType, required: true }), busType && busType !== BUS_TYPES[0] && jsx(CheckToggle, { label: "Do you need local airport transfers?", name: "buslocalairporttransfers", values: values, setValue: setValue }), jsxs(FormRow, { columns: 3, children: [jsx(Field, { label: "Pickup Date", name: "buspickupdate", values: values, setValue: setValue, type: "date", min: textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: "Pickup Time", name: "buspickuptime", values: values, setValue: setValue, type: "time", required: true }), jsx(Field, { label: "# of Buses", name: "numbuses", values: values, setValue: setValue, type: "number", min: 1, max: 99, required: true })] }), jsx(Field, { label: "Motorcoach/Airport Pickup Location", name: "buspickuplocation", values: values, setValue: setValue, required: true }), jsxs("div", { className: styles$7.destinationList, children: [jsx("span", { className: styles$7.label, children: "Destinations *" }), Array.from({ length: destinations }, (_, index) => jsxs("div", { className: styles$7.destinationRow, children: [jsx(Field, { label: `Destination ${index + 1}`, name: destinationName(index), values: values, setValue: setValue, placeholder: `Destination ${index + 1}`, required: true }), destinations > 1 && jsx(Button, { type: "button", size: "sm", variant: "outline", square: true, "aria-label": `Delete Destination ${index + 1}`, onClick: () => deleteDestination(index), children: jsx(TrashIcon$2, { size: 16 }) })] }, index)), destinations < 4 && jsx("div", { children: jsx(Button, { type: "button", size: "sm", variant: "secondary", rightIcon: jsx(PlusIcon$2, { size: 16 }), onClick: () => setDestinations((current) => current + 1), children: "Add Destination" }) })] }), busType === BUS_TYPES[1] && jsx(CheckToggle, { label: "Are you flying back from a different airport than you flew in to?", name: "busdifferentairport", values: values, setValue: setValue }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Return / Drop Off Date", name: "busreturndate", values: values, setValue: setValue, type: "date", min: textValue(values.buspickupdate) || textValue(values.tripstartdate), maxDate: textValue(values.tripreturndate), required: true }), jsx(Field, { label: "Return / Drop Off Time", name: "busreturntime", values: values, setValue: setValue, type: "time", required: true })] }), jsx(Field, { label: "Motorcoach/Airport Dropoff Location", name: "busdropofflocation", values: values, setValue: setValue, required: true }), jsx(Field, { label: "General Notes on Bus Charter Request", name: "busdetails", values: values, setValue: setValue, multiline: true })] });
|
|
2673
|
+
};
|
|
2674
|
+
const SummaryRow = ({ label, value }) => !value ? null : jsxs("div", { className: styles$7.summaryRow, children: [jsx("span", { children: label }), jsx("strong", { children: String(value) })] });
|
|
2675
|
+
const RequestSummary = ({ values, enabled }) => {
|
|
2676
|
+
const sections = [
|
|
2677
|
+
enabled.air && { key: 'air', title: 'Commercial Air Request', rows: [['Flight Type', values.airmultiplesegments], ['Departure Airport', values.departlocation], ['Departure Date', values.departdate], ['Arrival Airport', values.arrivelocation]] },
|
|
2678
|
+
enabled.charter && { key: 'charter', title: 'Charter Air Request', rows: [['Flight Type', values.chartermultiplesegments], ['Departure Airport', values.charterdepartlocation], ['Departure Date', values.charterdepartdate], ['Arrival Airport', values.charterarrivelocation]] },
|
|
2679
|
+
enabled.hotel && { key: 'hotel', title: 'Hotel Request', rows: [['City', values.hotellocation], ['Preferred Hotel(s)', values.hotelproperty], ['# of King Rooms', values.kings], ['# of Double Rooms', values.doubles], ['Check In', values.checkin], ['Check Out', values.checkout]] },
|
|
2680
|
+
enabled.ground && { key: 'ground', title: 'Vehicle Rental Request', rows: [['Number of Rentals', values.carqty], ['Vehicle Type/Size Preference', values.carsizepref], ['Pickup Location', values.pickuplocation], ['Pickup Date', values.pickupdate], ['Drop-off Location', values.cardropofflocation]] },
|
|
2681
|
+
enabled.busneeded && { key: 'busneeded', title: 'Bus Charter Request', rows: [['Charter Bus Type', values.bustype], ['Number of Buses', values.numbuses], ['Pickup Location', values.buspickuplocation], ['Pickup Date', values.buspickupdate], ['Return Date', values.busreturndate]] },
|
|
2682
|
+
].filter(Boolean);
|
|
2683
|
+
const populated = sections.filter((section) => section.rows.some(([, value]) => Boolean(value)));
|
|
2684
|
+
return jsxs("div", { className: styles$7.summaryCard, children: [jsx("h2", { children: "Request Summary" }), populated.map((section) => jsxs("section", { className: styles$7.summarySection, children: [jsx("h3", { children: section.title }), section.rows.map(([label, value]) => jsx(SummaryRow, { label: label, value: value }, label))] }, section.key)), !populated.length && jsx("p", { className: styles$7.emptySummary, children: "No services selected" })] });
|
|
2685
|
+
};
|
|
2686
|
+
const GroupTravelRequestPage = ({ eventName = 'New Trip', totalPages = 1, onSubmit, onCancel, onChange, initialValues = {}, contacts = [], cateringOptions = DEFAULT_CATERING, schoolAddress = '', services = DEFAULT_SERVICES, summarySections, className = '', }) => {
|
|
2422
2687
|
const [currentPage, setCurrentPage] = useState(1);
|
|
2423
|
-
const [
|
|
2688
|
+
const [activeTab, setActiveTab] = useState('form');
|
|
2689
|
+
const [activeService, setActiveService] = useState('general');
|
|
2690
|
+
const [validationMessage, setValidationMessage] = useState('');
|
|
2691
|
+
const [values, setValues] = useState(() => ({
|
|
2692
|
+
air: 0,
|
|
2693
|
+
charter: 0,
|
|
2694
|
+
hotel: 0,
|
|
2695
|
+
ground: 0,
|
|
2696
|
+
busneeded: 0,
|
|
2697
|
+
...initialValues,
|
|
2698
|
+
...(initialValues.bus !== undefined && initialValues.busneeded === undefined ? { busneeded: initialValues.bus } : {}),
|
|
2699
|
+
}));
|
|
2700
|
+
const enabled = useMemo(() => ({
|
|
2424
2701
|
general: true,
|
|
2425
|
-
air:
|
|
2426
|
-
charter:
|
|
2427
|
-
hotel:
|
|
2428
|
-
ground:
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2702
|
+
air: isEnabledValue(values.air),
|
|
2703
|
+
charter: isEnabledValue(values.charter),
|
|
2704
|
+
hotel: isEnabledValue(values.hotel),
|
|
2705
|
+
ground: isEnabledValue(values.ground),
|
|
2706
|
+
busneeded: isEnabledValue(values.busneeded),
|
|
2707
|
+
}), [values]);
|
|
2708
|
+
const setValue = (name, value) => {
|
|
2709
|
+
setValues((current) => {
|
|
2710
|
+
const next = { ...current, [name]: value };
|
|
2711
|
+
onChange?.(next);
|
|
2712
|
+
return next;
|
|
2713
|
+
});
|
|
2714
|
+
setValidationMessage('');
|
|
2437
2715
|
};
|
|
2438
|
-
const
|
|
2439
|
-
|
|
2440
|
-
if (
|
|
2441
|
-
|
|
2442
|
-
}
|
|
2716
|
+
const toggleService = (key, checked) => {
|
|
2717
|
+
setValue(key === 'bus' ? 'busneeded' : key, checked ? 1 : 0);
|
|
2718
|
+
if (checked)
|
|
2719
|
+
setActiveService((key === 'bus' ? 'busneeded' : key));
|
|
2443
2720
|
};
|
|
2444
|
-
const
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
onCancel?.();
|
|
2721
|
+
const submit = (event) => {
|
|
2722
|
+
event.preventDefault();
|
|
2723
|
+
if (![enabled.air, enabled.charter, enabled.hotel, enabled.ground, enabled.busneeded].some(Boolean)) {
|
|
2724
|
+
setValidationMessage('At least one service must be selected.');
|
|
2725
|
+
return;
|
|
2450
2726
|
}
|
|
2451
|
-
};
|
|
2452
|
-
const handleNext = () => {
|
|
2453
2727
|
if (currentPage < totalPages) {
|
|
2454
|
-
setCurrentPage(
|
|
2455
|
-
|
|
2456
|
-
else {
|
|
2457
|
-
onSubmit?.(formValues);
|
|
2728
|
+
setCurrentPage((page) => page + 1);
|
|
2729
|
+
return;
|
|
2458
2730
|
}
|
|
2731
|
+
onSubmit?.(values);
|
|
2459
2732
|
};
|
|
2460
|
-
const
|
|
2461
|
-
|
|
2733
|
+
const previous = () => currentPage > 1 ? setCurrentPage((page) => page - 1) : onCancel?.();
|
|
2734
|
+
const contactOptions = contacts.map((contact) => ({ label: contact.name, value: String(contact.id) }));
|
|
2735
|
+
const selectContact = (field, id) => {
|
|
2736
|
+
const contact = contacts.find((item) => String(item.id) === String(id));
|
|
2737
|
+
setValue(`${field}id`, id);
|
|
2738
|
+
setValue(field, contact?.name ?? '');
|
|
2739
|
+
setValue(`${field}phone`, contact?.phone ?? '');
|
|
2740
|
+
setValue(`${field}email`, contact?.email ?? '');
|
|
2462
2741
|
};
|
|
2463
|
-
|
|
2742
|
+
const section = (key, title, icon, body) => enabled[key] && (jsx("div", { id: key, className: styles$7.serviceSection, "data-mobile-active": activeService === key, children: jsx(FormSection, { title: title, icon: icon, status: key === 'general' ? undefined : 'not-submitted', children: body }) }));
|
|
2743
|
+
return jsxs("form", { className: `${styles$7.page} ${className}`, onSubmit: submit, "aria-label": "Group Travel Request form", children: [jsx("header", { className: styles$7.pageHeader, children: jsxs("h1", { children: ["Group Travel Request ", totalPages > 1 && jsxs("span", { children: ["(", currentPage, "/", totalPages, ")"] }), " ", jsxs("span", { children: ["\u2013 ", eventName] })] }) }), jsxs("div", { className: styles$7.mobileTabs, children: [jsx("button", { type: "button", className: activeTab === 'form' ? styles$7.activeTab : '', onClick: () => setActiveTab('form'), children: "Request Form" }), jsx("button", { type: "button", className: activeTab === 'summary' ? styles$7.activeTab : '', onClick: () => setActiveTab('summary'), children: "Summary" })] }), activeTab === 'form' && jsx("div", { className: styles$7.mobileServices, children: services.map((service) => jsxs("button", { type: "button", className: activeService === service.key ? styles$7.activeService : '', onClick: () => setActiveService((service.key === 'bus' ? 'busneeded' : service.key)), children: [service.icon, jsx("span", { children: service.label })] }, service.key)) }), jsxs("div", { className: styles$7.workspace, children: [jsxs("aside", { className: styles$7.serviceSidebar, children: [jsx(ServiceToggleList, { services: services, enabledServices: enabled, onToggle: toggleService, onClick: (key) => document.getElementById(key)?.scrollIntoView({ behavior: 'smooth', block: 'start' }) }), jsxs("div", { className: styles$7.tripEvents, children: [jsx("h3", { children: "Trip Events" }), jsxs("p", { children: [jsx(CalendarIcon$1, { size: 17 }), " ", eventName] })] })] }), jsxs("main", { className: `${styles$7.formMain} ${activeTab !== 'form' ? styles$7.mobileHidden : ''}`, children: [validationMessage && jsx(Alert, { variant: "error", children: validationMessage }), activeService !== 'general' && !enabled[activeService] && jsxs("div", { className: styles$7.mobileEnable, children: [jsx("span", { children: "Enable Service" }), jsx(Toggle, { "aria-label": `Enable ${activeService}`, checked: false, onChange: (checked) => toggleService(activeService, checked), size: "sm" })] }), section('general', 'General Details', jsx(EventsIcon, {}), jsxs(Fragment, { children: [jsx(Field, { label: "Travel Party Size", name: "attendees", values: values, setValue: setValue, type: "number", min: 1, max: 999, note: "For Commercial Air requests, begin with the largest expected travel party.", required: true }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Trip Start", name: "tripstartdate", values: values, setValue: setValue, type: "date", required: true }), jsx(Field, { label: "Trip Return", name: "tripreturndate", values: values, setValue: setValue, type: "date", min: textValue(values.tripstartdate), required: true })] }), jsxs("div", { className: styles$7.contactGroup, children: [jsx("span", { className: styles$7.label, children: "Booking Contact *" }), jsx(Field, { label: "Full Name", name: "bookingcontact", values: values, setValue: setValue, disabled: true }), jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Phone Number", name: "bookingcontactphone", values: values, setValue: setValue, disabled: true }), jsx(Field, { label: "Email Address", name: "bookingcontactemail", values: values, setValue: setValue, type: "email", disabled: true })] })] }), jsx(Field, { label: "Request Email CC", name: "ccemail", values: values, setValue: setValue, type: "email", note: "Email addresses, comma delimited." }), jsx(Field, { label: "Main Travel Contact", name: "travelcontactid", values: values, setValue: (_name, value) => selectContact('travelcontact', value), options: contactOptions, required: true }), values.travelcontact && jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Main Contact Phone", name: "travelcontactphone", values: values, setValue: setValue, disabled: true }), jsx(Field, { label: "Main Contact Email", name: "travelcontactemail", values: values, setValue: setValue, disabled: true })] }), jsx(Field, { label: "Alternate Travel Contact", name: "alternatetravelcontactid", values: values, setValue: (_name, value) => selectContact('alternatetravelcontact', value), options: contactOptions }), values.alternatetravelcontact && jsxs(FormRow, { columns: 2, children: [jsx(Field, { label: "Alternate Contact Phone", name: "alternatetravelcontactphone", values: values, setValue: setValue, disabled: true }), jsx(Field, { label: "Alternate Contact Email", name: "alternatetravelcontactemail", values: values, setValue: setValue, disabled: true })] }), jsx(YesNo, { label: "Is this request for an elimination event or tournament that could require early departure?", name: "tournamenttripelimination", values: values, setValue: setValue }), jsx(Field, { label: "General Notes Regarding This Trip", name: "notes", values: values, setValue: setValue, multiline: true })] })), section('air', 'Commercial Air Request', jsx(PlaneIcon$3, { size: 24 }), jsx(FlightRequest, { prefix: "air", values: values, setValue: setValue, cateringOptions: cateringOptions })), section('charter', 'Charter Air Request', jsx(PlaneIcon$3, { size: 24 }), jsx(FlightRequest, { prefix: "charter", values: values, setValue: setValue, cateringOptions: cateringOptions })), section('hotel', 'Hotel Request', jsx(HotelIcon$3, { size: 24 }), jsx(HotelRequest, { values: values, setValue: setValue })), section('ground', 'Vehicle Rental Request', jsx(CarIcon$1, { size: 24 }), jsx(VehicleRentalRequest, { values: values, setValue: setValue })), section('busneeded', 'Bus Charter Request', jsx(BusIcon$2, { size: 24 }), jsx(BusRequest, { values: values, setValue: setValue, schoolAddress: schoolAddress }))] }), jsx("aside", { className: `${styles$7.summarySidebar} ${activeTab !== 'summary' ? styles$7.summaryMobileHidden : ''}`, children: jsx(RequestSummary, { values: values, enabled: enabled }) })] }), jsxs("footer", { className: styles$7.pageFooter, children: [jsx(Button, { type: "button", variant: "secondary", onClick: previous, children: currentPage === 1 ? totalPages > 1 ? 'Cancel All' : 'Cancel' : 'Previous' }), totalPages > 1 && jsx("div", { className: styles$7.pageButtons, children: Array.from({ length: totalPages }, (_, index) => jsx("button", { type: "button", className: currentPage === index + 1 ? styles$7.currentPage : '', disabled: index + 1 > currentPage, onClick: () => setCurrentPage(index + 1), children: index + 1 }, index)) }), jsx(Button, { type: "submit", children: currentPage === totalPages ? totalPages > 1 ? 'Submit All' : 'Submit' : 'Next' })] })] });
|
|
2464
2744
|
};
|
|
2465
2745
|
GroupTravelRequestPage.displayName = 'GroupTravelRequestPage';
|
|
2466
2746
|
|
|
@@ -2547,9 +2827,9 @@ var styles$5 = {"page":"InfoCenterPage-module_page__HHBce","breadcrumb":"InfoCen
|
|
|
2547
2827
|
|
|
2548
2828
|
const CATEGORY_META = {
|
|
2549
2829
|
Alert: { label: 'Alert', icon: WarningIcon$1, alert: true },
|
|
2550
|
-
Air: { label: 'Air', icon: PlaneIcon$
|
|
2551
|
-
Car: { label: 'Car', icon: CarIcon$
|
|
2552
|
-
Hotel: { label: 'Hotel', icon: HotelIcon$
|
|
2830
|
+
Air: { label: 'Air', icon: PlaneIcon$3 },
|
|
2831
|
+
Car: { label: 'Car', icon: CarIcon$1 },
|
|
2832
|
+
Hotel: { label: 'Hotel', icon: HotelIcon$3 },
|
|
2553
2833
|
Policy: { label: 'Policy', icon: DocumentIcon },
|
|
2554
2834
|
General: { label: 'General', icon: DocumentIcon },
|
|
2555
2835
|
STM: { label: "Short's Info", icon: InfoIcon$1 },
|
|
@@ -2752,5 +3032,5 @@ const TripDetailPage = ({ header, airSegment, groundSegment, hotelSegment, files
|
|
|
2752
3032
|
};
|
|
2753
3033
|
TripDetailPage.displayName = 'TripDetailPage';
|
|
2754
3034
|
|
|
2755
|
-
export { Accordion, AdministrationPage, AirSegment, Alert, AppLayout, ArrowDownLeftIcon, ArrowUpRightIcon, Avatar, AvatarGroup, Badge, BuildingIcon, BusIcon$
|
|
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 };
|
|
2756
3036
|
//# sourceMappingURL=index.esm.js.map
|