@universal-tennis/ui-shared 0.1.95 → 0.1.96

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.
Files changed (8) hide show
  1. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts +8 -3
  2. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js +7 -12
  3. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map +1 -1
  4. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js +17 -10
  5. package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx +18 -10
  8. package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx +39 -43
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.d.ts CHANGED
@@ -1,7 +1,12 @@
1
1
  /// <reference types="react" />
2
2
  export interface GlobalNavigationProps {
3
- showTennisItems: boolean;
4
- showPickleballItems: boolean;
3
+ fullWidthNavItems: [
4
+ item: {
5
+ label: string;
6
+ filterType: string;
7
+ sportType: string;
8
+ }
9
+ ];
5
10
  isAdultTeamPickleballEnabled: boolean;
6
11
  isJuniorTeamPickleballEnabled: boolean;
7
12
  leagueTypes: Record<string, string | number>;
@@ -27,5 +32,5 @@ export interface GlobalNavigationProps {
27
32
  onTypeFilterClick: (item: object) => void;
28
33
  onTeamLeagueSearchClick: (item: object) => void;
29
34
  }
30
- declare function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
35
+ declare function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }: Readonly<GlobalNavigationProps>): JSX.Element;
31
36
  export default GlobalNavigation;
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js CHANGED
@@ -14,12 +14,7 @@ const NavItemsContainer = styled(Box)(({ theme }) => ({
14
14
  flexDirection: 'row',
15
15
  },
16
16
  }));
17
- const allPlayersNavItem = {
18
- label: 'Players',
19
- filterType: 'players',
20
- sportType: 'tennis,pickleball'
21
- };
22
- function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, showPickleballItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
17
+ function GlobalNavigation({ fullWidthNavItems, tennisNavItems, isAdultTeamPickleballEnabled, isJuniorTeamPickleballEnabled, leagueTypes, pickleballNavItems, onTeamLeagueSearchClick, onTypeFilterClick }) {
23
18
  const handleOnClick = (item) => {
24
19
  if (item === null || item === void 0 ? void 0 : item.isLeagues) {
25
20
  onTeamLeagueSearchClick(item);
@@ -37,19 +32,19 @@ function GlobalNavigation({ showTennisItems, tennisNavItems, isAdultTeamPickleba
37
32
  }
38
33
  return true;
39
34
  });
40
- return (React.createElement(Box, { display: "flex", flexDirection: "column" },
41
- React.createElement(GlobalNavItem, { onClick: handleOnClick, item: allPlayersNavItem }),
35
+ return (React.createElement(Box, { display: "flex", flexDirection: "column" }, fullWidthNavItems === null || fullWidthNavItems === void 0 ? void 0 :
36
+ fullWidthNavItems.map((item) => (React.createElement(GlobalNavItem, { onClick: handleOnClick, item: item, key: item.label }))),
42
37
  React.createElement(NavItemsContainer, null,
43
- showTennisItems && (React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
38
+ React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
44
39
  React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
45
40
  React.createElement(TennisBallIcon, { size: 18 }),
46
41
  React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Tennis")), tennisNavItems === null || tennisNavItems === void 0 ? void 0 :
47
- tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick }))))),
48
- showPickleballItems && (React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
42
+ tennisNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))),
43
+ React.createElement(Box, { display: "flex", flexDirection: "column", width: "100%" },
49
44
  React.createElement(Box, { display: "flex", alignItems: "center", gap: "7px", height: "30px", sx: { borderBottom: '.5px solid var(--darkest-grey)' } },
50
45
  React.createElement(PickleballBallIcon, { size: 18 }),
51
46
  React.createElement(Typography, { category: "secondary", size: "medium-cap", color: "var(--black)" }, "Pickleball")), filteredPickleballNavItems === null || filteredPickleballNavItems === void 0 ? void 0 :
52
- filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick }))))))));
47
+ filteredPickleballNavItems.map((item) => (React.createElement(GlobalNavItem, { item: item, key: item === null || item === void 0 ? void 0 : item.label, onClick: handleOnClick })))))));
53
48
  }
54
49
  export default GlobalNavigation;
55
50
  //# sourceMappingURL=GlobalNavigation.js.map
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GlobalNavigation.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx"],"names":[],"mappings":"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"}
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js CHANGED
@@ -8,6 +8,18 @@ export default {
8
8
  function GlobalNavigationTemplate(args) {
9
9
  return React.createElement(GlobalNavigation, Object.assign({}, args));
10
10
  }
11
+ const fullWidthNavItems = [
12
+ {
13
+ label: 'Players',
14
+ filterType: 'players',
15
+ sportType: 'tennis,pickleball'
16
+ },
17
+ {
18
+ label: 'All events',
19
+ filterType: 'events',
20
+ sportType: 'tennis,pickleball'
21
+ },
22
+ ];
11
23
  const tennisGlobalNavItems = [
12
24
  {
13
25
  label: 'Flex leagues',
@@ -130,8 +142,7 @@ const onTypeFilterClick = (item) => {
130
142
  // Stories
131
143
  export const GlobalNav = GlobalNavigationTemplate.bind({});
132
144
  GlobalNav.args = {
133
- showTennisItems: true,
134
- showPickleballItems: true,
145
+ fullWidthNavItems,
135
146
  isAdultTeamPickleballEnabled: true,
136
147
  isJuniorTeamPickleballEnabled: true,
137
148
  tennisNavItems: tennisGlobalNavItems,
@@ -141,8 +152,7 @@ GlobalNav.args = {
141
152
  };
142
153
  export const TennisOnly = GlobalNavigationTemplate.bind({});
143
154
  TennisOnly.args = {
144
- showTennisItems: true,
145
- showPickleballItems: false,
155
+ fullWidthNavItems,
146
156
  isAdultTeamPickleballEnabled: true,
147
157
  isJuniorTeamPickleballEnabled: true,
148
158
  leagueTypes: LeagueTypes,
@@ -153,8 +163,7 @@ TennisOnly.args = {
153
163
  };
154
164
  export const PickleballOnly = GlobalNavigationTemplate.bind({});
155
165
  PickleballOnly.args = {
156
- showTennisItems: false,
157
- showPickleballItems: true,
166
+ fullWidthNavItems,
158
167
  isAdultTeamPickleballEnabled: true,
159
168
  isJuniorTeamPickleballEnabled: true,
160
169
  leagueTypes: LeagueTypes,
@@ -165,8 +174,7 @@ PickleballOnly.args = {
165
174
  };
166
175
  export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
167
176
  AdultTeamPickleballDisabled.args = {
168
- showTennisItems: false,
169
- showPickleballItems: true,
177
+ fullWidthNavItems,
170
178
  isAdultTeamPickleballEnabled: false,
171
179
  isJuniorTeamPickleballEnabled: true,
172
180
  leagueTypes: LeagueTypes,
@@ -177,8 +185,7 @@ AdultTeamPickleballDisabled.args = {
177
185
  };
178
186
  export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
179
187
  JuniorTeamPickleballDisabled.args = {
180
- showTennisItems: false,
181
- showPickleballItems: true,
188
+ fullWidthNavItems,
182
189
  isAdultTeamPickleballEnabled: true,
183
190
  isJuniorTeamPickleballEnabled: false,
184
191
  leagueTypes: LeagueTypes,
package/dist/stories/organisms/GlobalNavigation/GlobalNavigation.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"GlobalNavigation.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@universal-tennis/ui-shared",
3
- "version": "0.1.95",
3
+ "version": "0.1.96",
4
4
  "main": "dist/items.js",
5
5
  "license": "MIT",
6
6
  "homepage": "https://universaltennis.com",
package/src/stories/organisms/GlobalNavigation/GlobalNavigation.stories.tsx CHANGED
@@ -12,6 +12,19 @@ function GlobalNavigationTemplate(args: GlobalNavigationProps) {
12
12
  return <GlobalNavigation {...args} />;
13
13
  }
14
14
 
15
+ const fullWidthNavItems = [
16
+ {
17
+ label: 'Players',
18
+ filterType: 'players',
19
+ sportType: 'tennis,pickleball'
20
+ },
21
+ {
22
+ label: 'All events',
23
+ filterType: 'events',
24
+ sportType: 'tennis,pickleball'
25
+ },
26
+ ];
27
+
15
28
  const tennisGlobalNavItems = [
16
29
  {
17
30
  label: 'Flex leagues',
@@ -139,8 +152,7 @@ const onTypeFilterClick = (item: { filterType: string; sportType?: string; }) =>
139
152
  // Stories
140
153
  export const GlobalNav = GlobalNavigationTemplate.bind({});
141
154
  GlobalNav.args = {
142
- showTennisItems: true,
143
- showPickleballItems: true,
155
+ fullWidthNavItems,
144
156
  isAdultTeamPickleballEnabled: true,
145
157
  isJuniorTeamPickleballEnabled: true,
146
158
  tennisNavItems: tennisGlobalNavItems,
@@ -151,8 +163,7 @@ GlobalNav.args = {
151
163
 
152
164
  export const TennisOnly = GlobalNavigationTemplate.bind({});
153
165
  TennisOnly.args = {
154
- showTennisItems: true,
155
- showPickleballItems: false,
166
+ fullWidthNavItems,
156
167
  isAdultTeamPickleballEnabled: true,
157
168
  isJuniorTeamPickleballEnabled: true,
158
169
  leagueTypes: LeagueTypes,
@@ -164,8 +175,7 @@ TennisOnly.args = {
164
175
 
165
176
  export const PickleballOnly = GlobalNavigationTemplate.bind({});
166
177
  PickleballOnly.args = {
167
- showTennisItems: false,
168
- showPickleballItems: true,
178
+ fullWidthNavItems,
169
179
  isAdultTeamPickleballEnabled: true,
170
180
  isJuniorTeamPickleballEnabled: true,
171
181
  leagueTypes: LeagueTypes,
@@ -177,8 +187,7 @@ PickleballOnly.args = {
177
187
 
178
188
  export const AdultTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
179
189
  AdultTeamPickleballDisabled.args = {
180
- showTennisItems: false,
181
- showPickleballItems: true,
190
+ fullWidthNavItems,
182
191
  isAdultTeamPickleballEnabled: false,
183
192
  isJuniorTeamPickleballEnabled: true,
184
193
  leagueTypes: LeagueTypes,
@@ -190,8 +199,7 @@ AdultTeamPickleballDisabled.args = {
190
199
 
191
200
  export const JuniorTeamPickleballDisabled = GlobalNavigationTemplate.bind({});
192
201
  JuniorTeamPickleballDisabled.args = {
193
- showTennisItems: false,
194
- showPickleballItems: true,
202
+ fullWidthNavItems,
195
203
  isAdultTeamPickleballEnabled: true,
196
204
  isJuniorTeamPickleballEnabled: false,
197
205
  leagueTypes: LeagueTypes,
package/src/stories/organisms/GlobalNavigation/GlobalNavigation.tsx CHANGED
@@ -8,8 +8,13 @@ import PickleballBallIcon from '../../atoms/Icons/PickleballBallIcon';
8
8
  import Typography from '../../atoms/Typography/Typography';
9
9
 
10
10
  export interface GlobalNavigationProps {
11
- showTennisItems: boolean
12
- showPickleballItems: boolean
11
+ fullWidthNavItems: [
12
+ item: {
13
+ label: string,
14
+ filterType: string,
15
+ sportType: string
16
+ }
17
+ ],
13
18
  isAdultTeamPickleballEnabled: boolean;
14
19
  isJuniorTeamPickleballEnabled: boolean;
15
20
  leagueTypes: Record<string, string | number>;
@@ -46,20 +51,13 @@ const NavItemsContainer = styled(Box)(({ theme }) => ({
46
51
  },
47
52
  }));
48
53
 
49
- const allPlayersNavItem = {
50
- label: 'Players',
51
- filterType: 'players',
52
- sportType: 'tennis,pickleball'
53
- };
54
-
55
54
  function GlobalNavigation({
56
- showTennisItems,
55
+ fullWidthNavItems,
57
56
  tennisNavItems,
58
57
  isAdultTeamPickleballEnabled,
59
58
  isJuniorTeamPickleballEnabled,
60
59
  leagueTypes,
61
60
  pickleballNavItems,
62
- showPickleballItems,
63
61
  onTeamLeagueSearchClick,
64
62
  onTypeFilterClick
65
63
  }: Readonly<GlobalNavigationProps>) {
@@ -81,42 +79,40 @@ function GlobalNavigation({
81
79
  });
82
80
  return (
83
81
  <Box display="flex" flexDirection="column">
84
- <GlobalNavItem onClick={handleOnClick} item={allPlayersNavItem} />
82
+ {fullWidthNavItems?.map((item) => (
83
+ <GlobalNavItem onClick={handleOnClick} item={item} key={item.label} />
84
+ ))}
85
85
  <NavItemsContainer>
86
- {showTennisItems && (
87
- <Box display="flex" flexDirection="column" width="100%">
88
- <Box
89
- display="flex"
90
- alignItems="center"
91
- gap="7px"
92
- height="30px"
93
- sx={{ borderBottom: '.5px solid var(--darkest-grey)' }}
94
- >
95
- <TennisBallIcon size={18} />
96
- <Typography category="secondary" size="medium-cap" color="var(--black)">Tennis</Typography>
97
- </Box>
98
- {tennisNavItems?.map((item) => (
99
- <GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
100
- ))}
86
+ <Box display="flex" flexDirection="column" width="100%">
87
+ <Box
88
+ display="flex"
89
+ alignItems="center"
90
+ gap="7px"
91
+ height="30px"
92
+ sx={{ borderBottom: '.5px solid var(--darkest-grey)' }}
93
+ >
94
+ <TennisBallIcon size={18} />
95
+ <Typography category="secondary" size="medium-cap" color="var(--black)">Tennis</Typography>
101
96
  </Box>
102
- )}
103
- {showPickleballItems && (
104
- <Box display="flex" flexDirection="column" width="100%">
105
- <Box
106
- display="flex"
107
- alignItems="center"
108
- gap="7px"
109
- height="30px"
110
- sx={{ borderBottom: '.5px solid var(--darkest-grey)' }}
111
- >
112
- <PickleballBallIcon size={18} />
113
- <Typography category="secondary" size="medium-cap" color="var(--black)">Pickleball</Typography>
114
- </Box>
115
- {filteredPickleballNavItems?.map((item) => (
116
- <GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
117
- ))}
97
+ {tennisNavItems?.map((item) => (
98
+ <GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
99
+ ))}
100
+ </Box>
101
+ <Box display="flex" flexDirection="column" width="100%">
102
+ <Box
103
+ display="flex"
104
+ alignItems="center"
105
+ gap="7px"
106
+ height="30px"
107
+ sx={{ borderBottom: '.5px solid var(--darkest-grey)' }}
108
+ >
109
+ <PickleballBallIcon size={18} />
110
+ <Typography category="secondary" size="medium-cap" color="var(--black)">Pickleball</Typography>
118
111
  </Box>
119
- )}
112
+ {filteredPickleballNavItems?.map((item) => (
113
+ <GlobalNavItem item={item} key={item?.label} onClick={handleOnClick} />
114
+ ))}
115
+ </Box>
120
116
  </NavItemsContainer>
121
117
  </Box>
122
118
  );