@shortstravelmgmt/component-lib 0.1.3 → 0.1.4

package/dist/index.js

@@ -1068,20 +1068,21 @@ const SupplierTypeToggle = ({ value, defaultValue = '', onChange, disabled = fal
     return (jsxRuntime.jsx("div", { className: [styles$C.toggle, className].filter(Boolean).join(' '), role: "group", "aria-label": "Supplier type", children: OPTIONS.map((option) => (jsxRuntime.jsx("button", { type: "button", disabled: disabled, "aria-pressed": activeValue === option.value, className: activeValue === option.value ? styles$C.active : '', onClick: () => handleSelect(option.value), children: option.label }, option.value || 'all'))) }));
 };
 
-var styles$B = {"header":"TeamHeader-module_header__3Zx1c","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"};
+var styles$B = {"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"};
 
 const BackIcon = () => (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }), jsxRuntime.jsx("polyline", { points: "12 19 5 12 12 5" })] }));
 /**
  * TeamHeader - Header component for team management pages
  */
 const TeamHeader = ({ title: suppliedTitle, teamCode, teamName, pretitle = 'Team Management', backHref, onBack, actions, className = '', }) => {
+    const title = suppliedTitle ?? (teamCode && teamName
+        ? `${teamCode} - ${teamName}`
+        : teamName || teamCode || '');
     const headerClasses = [
         styles$B.header,
+        !title ? styles$B.empty : '',
         className,
     ].filter(Boolean).join(' ');
-    const title = suppliedTitle ?? (teamCode && teamName
-        ? `${teamCode} - ${teamName}`
-        : teamName || teamCode || '');
     const handleBack = () => {
         if (onBack) {
             onBack();
@@ -2336,30 +2337,23 @@ const NotFoundPage = ({ errorCode = '404', title = 'Page Not Found', message = '
 };
 NotFoundPage.displayName = 'NotFoundPage';
 
-var styles$3 = {"page":"TeamManagementPage-module_page__iRm2r","overview":"TeamManagementPage-module_overview__HDnLX","overviewHeader":"TeamManagementPage-module_overviewHeader__OYpB8","overviewGrid":"TeamManagementPage-module_overviewGrid__u8VZy","contactsColumn":"TeamManagementPage-module_contactsColumn__g-gm8","header":"TeamManagementPage-module_header__ychcg","tabNav":"TeamManagementPage-module_tabNav__uJdI0","tabButton":"TeamManagementPage-module_tabButton__lvZVy","active":"TeamManagementPage-module_active__weGUn","tabIcon":"TeamManagementPage-module_tabIcon__OuuMJ","tabBadge":"TeamManagementPage-module_tabBadge__dapL0","body":"TeamManagementPage-module_body__10aka","main":"TeamManagementPage-module_main__-lFtT","sidebar":"TeamManagementPage-module_sidebar__u8syG","footer":"TeamManagementPage-module_footer__he9G0"};
+var styles$3 = {"page":"TeamManagementPage-module_page__iRm2r","overview":"TeamManagementPage-module_overview__HDnLX","overviewHeader":"TeamManagementPage-module_overviewHeader__OYpB8","overviewGrid":"TeamManagementPage-module_overviewGrid__u8VZy","contactsColumn":"TeamManagementPage-module_contactsColumn__g-gm8","body":"TeamManagementPage-module_body__10aka","main":"TeamManagementPage-module_main__-lFtT","sidebar":"TeamManagementPage-module_sidebar__u8syG","footer":"TeamManagementPage-module_footer__he9G0"};
 
-const RosterIcon = () => (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }), jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }), jsxRuntime.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }), jsxRuntime.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })] }));
-const ContactsIcon = () => (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }), jsxRuntime.jsx("polyline", { points: "22,6 12,13 2,6" })] }));
-const PreferencesIcon = () => (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }), jsxRuntime.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })] }));
-const ProgramsIcon = () => (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "4", rx: "1" }), jsxRuntime.jsx("rect", { x: "3", y: "10", width: "18", height: "4", rx: "1" }), jsxRuntime.jsx("rect", { x: "3", y: "16", width: "18", height: "4", rx: "1" })] }));
 const DEFAULT_TABS = [
-    { id: 'roster', label: 'Roster', icon: jsxRuntime.jsx(RosterIcon, {}) },
-    { id: 'contacts', label: 'Contacts', icon: jsxRuntime.jsx(ContactsIcon, {}) },
-    { id: 'preferences', label: 'Preferences', icon: jsxRuntime.jsx(PreferencesIcon, {}) },
-    { id: 'programs', label: 'Programs', icon: jsxRuntime.jsx(ProgramsIcon, {}) },
+    { id: 'profile', label: 'Profile' },
+    { id: 'roster', label: 'Roster' },
+    { id: 'equipment', label: 'Equipment' },
+    { id: 'user-access', label: 'User Access' },
 ];
 /**
  * TeamManagementPage - Layout for team management with tabbed navigation
  */
-const TeamManagementPage = ({ variant = 'team', title = 'Team Management', teamPanel, contactsTitle = 'School Contacts', contactAlert, contacts, header, tabs = DEFAULT_TABS, activeTab = 'roster', onTabChange, children, sidebar, footer, className = '', }) => {
+const TeamManagementPage = ({ variant = 'team', title = 'Team Management', teamPanel, contactsTitle = 'School Contacts', contactAlert, contacts, header, tabs = DEFAULT_TABS, activeTab = 'profile', onTabChange, children, sidebar, footer, className = '', }) => {
     const pageClasses = [styles$3.page, className].filter(Boolean).join(' ');
     if (variant === 'overview') {
         return (jsxRuntime.jsxs("div", { className: [styles$3.overview, className].filter(Boolean).join(' '), children: [jsxRuntime.jsx("header", { className: styles$3.overviewHeader, children: jsxRuntime.jsx("h1", { children: title }) }), jsxRuntime.jsxs("div", { className: styles$3.overviewGrid, children: [jsxRuntime.jsx("aside", { children: teamPanel }), jsxRuntime.jsxs("section", { className: styles$3.contactsColumn, children: [jsxRuntime.jsx("h2", { children: contactsTitle }), contactAlert, contacts] })] })] }));
     }
-    return (jsxRuntime.jsxs("div", { className: pageClasses, children: [header && jsxRuntime.jsx("div", { className: styles$3.header, children: header }), jsxRuntime.jsx("div", { className: styles$3.tabNav, children: tabs.map((tab) => (jsxRuntime.jsxs("button", { type: "button", className: [
-                        styles$3.tabButton,
-                        activeTab === tab.id ? styles$3.active : '',
-                    ].filter(Boolean).join(' '), onClick: () => onTabChange?.(tab.id), "aria-selected": activeTab === tab.id, children: [tab.icon && jsxRuntime.jsx("span", { className: styles$3.tabIcon, children: tab.icon }), jsxRuntime.jsx("span", { children: tab.label }), tab.badge !== undefined && tab.badge > 0 && (jsxRuntime.jsx("span", { className: styles$3.tabBadge, children: tab.badge }))] }, tab.id))) }), jsxRuntime.jsxs("div", { className: styles$3.body, children: [jsxRuntime.jsx("main", { className: styles$3.main, children: children }), sidebar && (jsxRuntime.jsx("aside", { className: styles$3.sidebar, children: sidebar }))] }), footer && jsxRuntime.jsx("div", { className: styles$3.footer, children: footer })] }));
+    return (jsxRuntime.jsxs("div", { className: pageClasses, children: [header, jsxRuntime.jsx(TeamSubMenu, { tabs: tabs, activeTab: activeTab, onTabChange: onTabChange }), sidebar ? jsxRuntime.jsxs("div", { className: styles$3.body, children: [jsxRuntime.jsx("main", { className: styles$3.main, children: children }), sidebar && (jsxRuntime.jsx("aside", { className: styles$3.sidebar, children: sidebar }))] }) : children, footer && jsxRuntime.jsx("div", { className: styles$3.footer, children: footer })] }));
 };
 TeamManagementPage.displayName = 'TeamManagementPage';