@universal-tennis/ui-shared 0.1.73 → 0.1.74
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/App.js.map +1 -1
- package/dist/components.d.ts +1 -1
- package/dist/components.js +1 -1
- package/dist/components.js.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/stories/atoms/UTMap/UTMap.d.ts +7 -0
- package/dist/stories/atoms/UTMap/UTMap.js +9 -0
- package/dist/stories/atoms/UTMap/UTMap.js.map +1 -0
- package/dist/stories/atoms/UTMap/UTMap.stories.d.ts +9 -0
- package/dist/stories/atoms/UTMap/UTMap.stories.js +36 -0
- package/dist/stories/atoms/UTMap/UTMap.stories.js.map +1 -0
- package/dist/stories/molecules/Cards/Modals.stories.js +2 -2
- package/dist/stories/molecules/Cards/Modals.stories.js.map +1 -1
- package/dist/stories/molecules/Cards/TeamDrawCard.js +2 -2
- package/dist/stories/molecules/Cards/TeamDrawCard.js.map +1 -1
- package/dist/stories/organisms/Modals/Modals.stories.js +1 -1
- package/dist/stories/organisms/Modals/Modals.stories.js.map +1 -1
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.d.ts +1 -1
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js +8 -3
- package/dist/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.js.map +1 -1
- package/dist/stories/utils/getArrayWithIds.d.ts +3 -0
- package/dist/stories/utils/getArrayWithIds.js +2 -0
- package/dist/stories/utils/getArrayWithIds.js.map +1 -0
- package/dist/stories/utils/useScreenSize.js +2 -2
- package/dist/stories/utils/useScreenSize.js.map +1 -1
- package/package.json +1 -1
- package/src/App.js +19 -19
- package/src/components.jsx +1 -1
- package/src/index.js +3 -3
- package/src/stories/atoms/{Map/Map.stories.tsx → UTMap/UTMap.stories.tsx} +2 -2
- package/src/stories/atoms/{Map/Map.tsx → UTMap/UTMap.tsx} +1 -1
- package/src/stories/molecules/Cards/Modals.stories.tsx +2 -2
- package/src/stories/molecules/Cards/TeamDrawCard.tsx +2 -2
- package/src/stories/organisms/Modals/Modals.stories.tsx +1 -1
- package/src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx +17 -8
- package/src/stories/utils/getArrayWithIds.ts +1 -0
- package/src/stories/utils/useScreenSize.ts +2 -2
package/dist/App.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.js"],"names":[],"mappings":"AAAA,SAAS,GAAG;IACV,OAAO,
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.js"],"names":[],"mappings":"AAAA,SAAS,GAAG;IACV,OAAO,CACH,6BAAK,SAAS,EAAC,KAAK;QAChB,gCAAQ,SAAS,EAAC,YAAY;YAC1B;;gBAEK,GAAG;gBACJ,+CAAuB;gBACtB,GAAG;sCAEJ;YACJ,2BACI,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGzB,CACC,CACP,CACT,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}
|
package/dist/components.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as Button } from "./stories/atoms/Button/Button";
|
|
2
|
-
export { default as
|
|
2
|
+
export { default as UTMap } from "./stories/atoms/UTMap/UTMap";
|
|
3
3
|
export { default as Typography } from "./stories/atoms/Typography/Typography";
|
|
4
4
|
export { default as AddIcon } from "./stories/atoms/Icons/AddIcon";
|
|
5
5
|
export { default as AvailabilityMaybeIcon } from "./stories/atoms/Icons/AvailabilityMaybeIcon";
|
package/dist/components.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./stories/assets/css/variables.css";
|
|
2
2
|
// ATOMS
|
|
3
3
|
export { default as Button } from './stories/atoms/Button/Button';
|
|
4
|
-
export { default as
|
|
4
|
+
export { default as UTMap } from './stories/atoms/UTMap/UTMap';
|
|
5
5
|
export { default as Typography } from './stories/atoms/Typography/Typography';
|
|
6
6
|
// ATOMS - ICONS
|
|
7
7
|
export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.jsx"],"names":[],"mappings":"AAAA,OAAO,oCAAoC,CAAC;AAE5C,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE9E,gBAAgB;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAE3F,YAAY;AACZ,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAEjF,aAAa;AACb,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gEAAgE,CAAC"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAClE,IAAI,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,CAAC;AACrB,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AAClE,IAAI,CAAC,MAAM,CACP,oBAAC,KAAK,CAAC,UAAU;IACb,oBAAC,GAAG,OAAG,CACQ,CACtB,CAAC;AAEF,0EAA0E;AAC1E,6DAA6D;AAC7D,0EAA0E;AAC1E,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function UTMap({ placeId, height, width }) {
|
|
3
|
+
const placeParam = placeId && `q=place_id:${placeId}`;
|
|
4
|
+
const placeUrl = `https://www.google.com/maps/embed/v1/place?key=AIzaSyCapzh9VsfXAzC9fAaosZJulONx7H1BFaY&${placeParam}`;
|
|
5
|
+
const mapHeight = height || `216px`;
|
|
6
|
+
const mapWidth = width || `100%`;
|
|
7
|
+
return (React.createElement("iframe", { width: mapWidth, height: mapHeight, src: placeUrl, title: "Google Maps" }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=UTMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UTMap.js","sourceRoot":"","sources":["../../../../src/stories/atoms/UTMap/UTMap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,EACb;IACT,MAAM,UAAU,GAAG,OAAO,IAAI,cAAc,OAAO,EAAE,CAAC;IACtD,MAAM,QAAQ,GAAG,0FAA0F,UAAU,EAAE,CAAC;IACxH,MAAM,SAAS,GAAG,MAAM,IAAI,OAAO,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,IAAI,MAAM,CAAC;IAEjC,OAAO,CACH,gCACI,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAC,aAAa,GACrB,CACL,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
title: string;
|
|
3
|
+
};
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: any;
|
|
6
|
+
export declare const WithCustomStringHeight: any;
|
|
7
|
+
export declare const WithCustomNumberHeight: any;
|
|
8
|
+
export declare const WithCustomStringWidth: any;
|
|
9
|
+
export declare const WithCustomNumberWidth: any;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import UTMap from './UTMap';
|
|
3
|
+
// Default
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Atoms/Map',
|
|
6
|
+
};
|
|
7
|
+
// Templates
|
|
8
|
+
function MapTemplate(args) {
|
|
9
|
+
return React.createElement(UTMap, Object.assign({}, args));
|
|
10
|
+
}
|
|
11
|
+
// Stories
|
|
12
|
+
export const Default = MapTemplate.bind({});
|
|
13
|
+
Default.args = {
|
|
14
|
+
placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
|
|
15
|
+
};
|
|
16
|
+
export const WithCustomStringHeight = MapTemplate.bind({});
|
|
17
|
+
WithCustomStringHeight.args = {
|
|
18
|
+
placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
|
|
19
|
+
height: '320px'
|
|
20
|
+
};
|
|
21
|
+
export const WithCustomNumberHeight = MapTemplate.bind({});
|
|
22
|
+
WithCustomNumberHeight.args = {
|
|
23
|
+
placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
|
|
24
|
+
height: 320
|
|
25
|
+
};
|
|
26
|
+
export const WithCustomStringWidth = MapTemplate.bind({});
|
|
27
|
+
WithCustomStringWidth.args = {
|
|
28
|
+
placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
|
|
29
|
+
width: '620px'
|
|
30
|
+
};
|
|
31
|
+
export const WithCustomNumberWidth = MapTemplate.bind({});
|
|
32
|
+
WithCustomNumberWidth.args = {
|
|
33
|
+
placeId: 'ChIJj6tQBWXIxokRXeXk9xqsgMo',
|
|
34
|
+
width: 620
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=UTMap.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UTMap.stories.js","sourceRoot":"","sources":["../../../../src/stories/atoms/UTMap/UTMap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAmB,MAAM,SAAS,CAAC;AAE1C,UAAU;AACV,eAAe;IACb,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,YAAY;AACZ,SAAS,WAAW,CAAC,IAAc;IACjC,OAAO,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAC;AAC7B,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,6BAA6B;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,sBAAsB,CAAC,IAAI,GAAG;IAC5B,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,OAAO;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3D,sBAAsB,CAAC,IAAI,GAAG;IAC5B,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,GAAG;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,qBAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1D,qBAAqB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,GAAG;CACX,CAAC"}
|
|
@@ -22,7 +22,7 @@ const selectedTeamIds = [1];
|
|
|
22
22
|
const InputSelections = [
|
|
23
23
|
React.createElement(FormControl, { sx: { width: 300, mr: 3 } },
|
|
24
24
|
React.createElement(InputLabel, { id: "conference-select" }, "Select Conference"),
|
|
25
|
-
React.createElement(Select, { value: 1
|
|
25
|
+
React.createElement(Select, { value: 1, label: "Select Conference", labelId: "conference-select" }, conferences === null || conferences === void 0 ? void 0 : conferences.map((option) => (React.createElement(MenuItem, { key: option.id, value: option.id }, option.name))))),
|
|
26
26
|
React.createElement(FormControl, { sx: { width: 300 } },
|
|
27
27
|
React.createElement(InputLabel, { id: "session-select" }, "test"),
|
|
28
28
|
React.createElement(Select, { value: selectedSessionIds, label: "sample", multiple: true, labelId: "session-select" }, sessions === null || sessions === void 0 ? void 0 :
|
|
@@ -35,7 +35,7 @@ const InputSelections = [
|
|
|
35
35
|
const MainComponent = (React.createElement(Grid, { container: true },
|
|
36
36
|
React.createElement(Grid, { item: true, borderRight: 1, lg: 10 },
|
|
37
37
|
React.createElement(Box, { p: 6 },
|
|
38
|
-
React.createElement(Box, { display: "flex", alignItems: "center" }, InputSelections
|
|
38
|
+
React.createElement(Box, { display: "flex", alignItems: "center" }, InputSelections === null || InputSelections === void 0 ? void 0 : InputSelections.map((select) => (select)))),
|
|
39
39
|
React.createElement(Box, { p: 6 },
|
|
40
40
|
React.createElement(SortableTable, { headCells: MOCK_HEAD_CELLS, sortOrder: "asc", sortByProperty: "player", title: "Player Table", tableData: MOCK_TABLE_DATA,
|
|
41
41
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modals.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Modals.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,EACL,eAAe,EAAE,gBAAgB,EAAE,eAAe,EACnD,MAAM,iCAAiC,CAAC;AAIzC,mCAAmC;AACnC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9F,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACrI,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAClE,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,eAAe,GAAG;IACpB,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;QAClC,oBAAC,UAAU,IAAC,EAAE,EAAC,mBAAmB,wBAA+B;QACjE,oBAAC,MAAM,IACH,KAAK,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Modals.stories.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/Modals.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,EACL,eAAe,EAAE,gBAAgB,EAAE,eAAe,EACnD,MAAM,iCAAiC,CAAC;AAIzC,mCAAmC;AACnC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9F,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACrI,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAClE,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,eAAe,GAAG;IACpB,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;QAClC,oBAAC,UAAU,IAAC,EAAE,EAAC,mBAAmB,wBAA+B;QACjE,oBAAC,MAAM,IACH,KAAK,EAAE,CAAC,EACR,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAC,mBAAmB,IAE1B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,IACrC,MAAM,CAAC,IAAI,CACL,CACd,CAAC,CACG,CACC;IACd,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QAC3B,oBAAC,UAAU,IAAC,EAAE,EAAC,gBAAgB,WAAkB;QACjD,oBAAC,MAAM,IACH,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAC,QAAQ,EACd,QAAQ,QACR,OAAO,EAAC,gBAAgB,IAEvB,QAAQ,aAAR,QAAQ;YAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS;gBACpD,oBAAC,QAAQ,IAAC,OAAO,EAAE,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IAAG,CAAC,CAAC,GAAI;gBACzE,oBAAC,UAAU,QAAE,MAAM,CAAC,WAAW,CAAc,CACtC,CACd,CAAC;YACF,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBAC9F,oBAAC,MAAM,IAAC,QAAQ,EAAC,kBAAkB,YAE1B,CACP,CACD,CACC;CACjB,CAAC;AAEF,MAAM,aAAa,GAAG,CAClB,oBAAC,IAAI,IAAC,SAAS;IACX,oBAAC,IAAI,IAAC,IAAI,QAAC,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAC7B,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC;YACL,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,IAClC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChC,MAAM,CACP,CAAC,CACA,CACJ;QACN,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC;YACL,oBAAC,aAAa,IACV,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,QAAQ,EACvB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,eAAe;gBACtC,aAAa;gBACD,YAAY,EAAE,gBAAgB,GAChC;YACF,oBAAC,UAAU,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAI,CAC/D,CACH;IAEP,oBAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC;QACZ,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC;YACL,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,IAAE,GAAG,UAAU,CAAC,MAAM,iBAAiB,CAAc;YAC7E,oBAAC,UAAU,QAAE,gCAAgC,CAAC,QAAQ,CAAc;YACnE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;gBAC9B,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM;oBACrB,oBAAC,QAAQ,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAClD;oBACF,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;wBACN,oBAAC,UAAU,QAAE,IAAI,CAAC,IAAI,CAAc;wBACpC,oBAAC,UAAU,QAAE,IAAI,CAAC,WAAW,CAAc,CACzC,CACJ,CACF,CACX,CAAC,CACA,CACH,CACJ,CACV,CAAC;AAEF,UAAU;AACV,eAAe;IACb,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,YAAY;AACZ,SAAS,qBAAqB,CAAC,IAAuB;IACpD,OAAO,CACH,oBAAC,aAAa,oBAAK,IAAI,GAClB,aAAa,CACF,CACnB,CAAC;AACJ,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,QAAQ,GAAG,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,aAAa;IACxB,aAAa,EAAE,WAAW;IAC1B,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,mBAAmB,EAAE,KAAK;IAC1B,kBAAkB;CACnB,CAAC"}
|
|
@@ -22,14 +22,14 @@ const StyledCard = styled(Box)({
|
|
|
22
22
|
borderRadius: "4px",
|
|
23
23
|
padding: "16px 24px",
|
|
24
24
|
width: "100%",
|
|
25
|
-
height: "
|
|
25
|
+
height: "135px",
|
|
26
26
|
backgroundColor: "var(--white)",
|
|
27
27
|
border: "1px solid var(--cool-grey-600)",
|
|
28
28
|
marginLeft: `${teamDrawCardSideMargin}`,
|
|
29
29
|
marginRight: `${teamDrawCardSideMargin}`,
|
|
30
30
|
position: "relative",
|
|
31
31
|
marginBottom: `${teamDrawCardBottomMargin}`,
|
|
32
|
-
boxSizing: "
|
|
32
|
+
boxSizing: "border-box"
|
|
33
33
|
});
|
|
34
34
|
const BottomGrid = styled(Box)({
|
|
35
35
|
display: "flex",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACzF,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AACxE,OAAO,UAAU,EAAE,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACpG,OAAO,oBAAoB,MAAM,8CAA8C,CAAC;AAGhF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,cAAc;IAC/B,MAAM,EAAE,gCAAgC;IACxC,UAAU,EAAE,GAAG,sBAAsB,EAAE;IACvC,WAAW,EAAE,GAAG,sBAAsB,EAAE;IACxC,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,GAAG,wBAAwB,EAAE;IAC3C,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"TeamDrawCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamDrawCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const selectedTeamIds = [1];
|
|
|
22
22
|
const InputSelections = [
|
|
23
23
|
React.createElement(FormControl, { sx: { width: 300, mr: 3 } },
|
|
24
24
|
React.createElement(InputLabel, { id: "conference-select" }, "Select Conference"),
|
|
25
|
-
React.createElement(Select, { value: 1
|
|
25
|
+
React.createElement(Select, { value: 1, label: "Select Conference", labelId: "conference-select" }, conferences === null || conferences === void 0 ? void 0 : conferences.map((option) => (React.createElement(MenuItem, { key: option.id, value: option.id }, option.name))))),
|
|
26
26
|
React.createElement(FormControl, { sx: { width: 300 } },
|
|
27
27
|
React.createElement(InputLabel, { id: "session-select" }, "test"),
|
|
28
28
|
React.createElement(Select, { value: selectedSessionIds, label: "sample", multiple: true, labelId: "session-select" }, sessions === null || sessions === void 0 ? void 0 :
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modals.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Modals/Modals.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,EACL,eAAe,EAAE,gBAAgB,EAAE,eAAe,EACnD,MAAM,oBAAoB,CAAC;AAI5B,mCAAmC;AACnC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AAC9F,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;AACrI,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC;AAC/B,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAClE,MAAM,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;AAE5B,MAAM,eAAe,GAAG;IACpB,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;QAClC,oBAAC,UAAU,IAAC,EAAE,EAAC,mBAAmB,wBAA+B;QACjE,oBAAC,MAAM,IACH,KAAK,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Modals.stories.js","sourceRoot":"","sources":["../../../../src/stories/organisms/Modals/Modals.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TableRowProps } from '../sharedTypes';
|
|
3
|
-
export default function DesktopTableRows({ headerRows, totalColumns, tableRows }: TableRowProps): JSX.Element;
|
|
3
|
+
export default function DesktopTableRows({ headerRows, totalColumns, tableRows }: Readonly<TableRowProps>): JSX.Element;
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { styled } from "@mui/material/styles";
|
|
3
3
|
import Grid from "@mui/material/Grid";
|
|
4
4
|
import Box from "@mui/material/Box";
|
|
5
|
+
import { getArrayWithIds } from '../../../utils/getArrayWithIds';
|
|
5
6
|
import Typography from "../../../atoms/Typography/Typography";
|
|
6
7
|
import { teamDrawCardSideMargin, standardSideMargin } from "../../../utils/constants";
|
|
7
8
|
const StyledHeader = styled(Grid)({
|
|
@@ -21,11 +22,13 @@ const horizontalLineCommonStyles = {
|
|
|
21
22
|
const StyledGrid = styled(Grid)({
|
|
22
23
|
position: "relative",
|
|
23
24
|
'&:first-child .team-draw-card': {
|
|
25
|
+
marginLeft: 0,
|
|
24
26
|
'&:before': {
|
|
25
27
|
display: 'none'
|
|
26
28
|
}
|
|
27
29
|
},
|
|
28
30
|
'&:last-child .team-draw-card': {
|
|
31
|
+
marginRight: 0,
|
|
29
32
|
'&:after': {
|
|
30
33
|
display: 'none'
|
|
31
34
|
}
|
|
@@ -42,14 +45,16 @@ const GridSections = styled(Box)({
|
|
|
42
45
|
alignItems: "center",
|
|
43
46
|
position: 'relative',
|
|
44
47
|
});
|
|
45
|
-
export default function DesktopTableRows({ headerRows, totalColumns, tableRows }) {
|
|
46
|
-
const
|
|
48
|
+
export default function DesktopTableRows({ headerRows = [], totalColumns, tableRows = [] }) {
|
|
49
|
+
const tableRowsArray = getArrayWithIds(tableRows);
|
|
50
|
+
const formatTableRows = tableRowsArray === null || tableRowsArray === void 0 ? void 0 : tableRowsArray.map((row, index) => {
|
|
47
51
|
if (index > 2)
|
|
48
52
|
return; // Table can only support 3 columns
|
|
49
53
|
const rowSectionsHeight = `${100 / tableRows[index].length}%`;
|
|
50
54
|
const sectionAmount = tableRows[index].length;
|
|
51
55
|
const isFirstRow = index === 0;
|
|
52
|
-
|
|
56
|
+
const sectionArray = getArrayWithIds([...Array(sectionAmount)]);
|
|
57
|
+
return (React.createElement(StyledGrid, { key: row.id, xs: totalColumns }, sectionArray === null || sectionArray === void 0 ? void 0 : sectionArray.map((section, idx) => (React.createElement(GridSections, { key: section.id, sx: {
|
|
53
58
|
height: rowSectionsHeight,
|
|
54
59
|
'&:before': Object.assign(Object.assign({ display: isFirstRow ? 'none' : 'block' }, gridCommonStyles), { height: `calc(50% + 1px)`, width: "1px", top: `calc(25% - 4px)` }),
|
|
55
60
|
} }, row[idx])))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopTableRows.js","sourceRoot":"","sources":["../../../../../src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DesktopTableRows.js","sourceRoot":"","sources":["../../../../../src/stories/organisms/Tables/TeamDrawCardTable/DesktopTableRows.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getArrayWithIds.js","sourceRoot":"","sources":["../../../src/stories/utils/getArrayWithIds.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,EAAE,EAAE,KAAK,GAAG,CAAC,IAAG,CAAC,CAAC"}
|
|
@@ -4,8 +4,8 @@ export default function useWindowSize() {
|
|
|
4
4
|
// Initialize state with undefined width/height so server and client renders match
|
|
5
5
|
// Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
|
|
6
6
|
const [windowSize, setWindowSize] = useState({
|
|
7
|
-
width:
|
|
8
|
-
height:
|
|
7
|
+
width: 0,
|
|
8
|
+
height: 0,
|
|
9
9
|
});
|
|
10
10
|
useEffect(() => {
|
|
11
11
|
// Handler to call on window resize
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../src/stories/utils/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO;AACP,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,kFAAkF;IAClF,4EAA4E;IAC5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;QAC3C,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../../src/stories/utils/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO;AACP,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,kFAAkF;IAClF,4EAA4E;IAC5E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;QAC3C,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,mCAAmC;QACnC,SAAS,YAAY;YACnB,mCAAmC;YACnC,aAAa,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC3B,CAAC,CAAC;QACL,CAAC;QACD,qBAAqB;QACrB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,yEAAyE;QACzE,YAAY,EAAE,CAAC;QACf,mCAAmC;QACnC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,uDAAuD;IAC/D,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
package/package.json
CHANGED
package/src/App.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
function App() {
|
|
2
2
|
return (
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
{' '}
|
|
8
|
-
<code>src/App.js</code>
|
|
9
|
-
{' '}
|
|
10
|
-
and save to reload.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
3
|
+
<div className="App">
|
|
4
|
+
<header className="App-header">
|
|
5
|
+
<p>
|
|
6
|
+
Edit
|
|
7
|
+
{' '}
|
|
8
|
+
<code>src/App.js</code>
|
|
9
|
+
{' '}
|
|
10
|
+
and save to reload.
|
|
11
|
+
</p>
|
|
12
|
+
<a
|
|
13
|
+
className="App-link"
|
|
14
|
+
href="https://reactjs.org"
|
|
15
|
+
target="_blank"
|
|
16
|
+
rel="noopener noreferrer"
|
|
17
|
+
>
|
|
18
|
+
Learn React
|
|
19
|
+
</a>
|
|
20
|
+
</header>
|
|
21
|
+
</div>
|
|
22
22
|
);
|
|
23
23
|
}
|
|
24
24
|
|
package/src/components.jsx
CHANGED
|
@@ -2,7 +2,7 @@ import "./stories/assets/css/variables.css";
|
|
|
2
2
|
|
|
3
3
|
// ATOMS
|
|
4
4
|
export { default as Button } from './stories/atoms/Button/Button';
|
|
5
|
-
export { default as
|
|
5
|
+
export { default as UTMap } from './stories/atoms/UTMap/UTMap';
|
|
6
6
|
export { default as Typography } from './stories/atoms/Typography/Typography';
|
|
7
7
|
|
|
8
8
|
// ATOMS - ICONS
|
package/src/index.js
CHANGED
|
@@ -6,9 +6,9 @@ import reportWebVitals from './reportWebVitals';
|
|
|
6
6
|
|
|
7
7
|
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
8
8
|
root.render(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
<React.StrictMode>
|
|
10
|
+
<App />
|
|
11
|
+
</React.StrictMode>
|
|
12
12
|
);
|
|
13
13
|
|
|
14
14
|
// If you want to start measuring performance in your app, pass a function
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import
|
|
3
|
+
import UTMap, { MapProps } from './UTMap';
|
|
4
4
|
|
|
5
5
|
// Default
|
|
6
6
|
export default {
|
|
@@ -9,7 +9,7 @@ export default {
|
|
|
9
9
|
|
|
10
10
|
// Templates
|
|
11
11
|
function MapTemplate(args: MapProps) {
|
|
12
|
-
return <
|
|
12
|
+
return <UTMap {...args} />;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
// Stories
|
|
@@ -29,7 +29,7 @@ const InputSelections = [
|
|
|
29
29
|
<FormControl sx={{ width: 300, mr: 3 }}>
|
|
30
30
|
<InputLabel id="conference-select">Select Conference</InputLabel>
|
|
31
31
|
<Select
|
|
32
|
-
value={1
|
|
32
|
+
value={1}
|
|
33
33
|
label="Select Conference"
|
|
34
34
|
labelId="conference-select"
|
|
35
35
|
>
|
|
@@ -68,7 +68,7 @@ const MainComponent = (
|
|
|
68
68
|
<Grid item borderRight={1} lg={10}>
|
|
69
69
|
<Box p={6}>
|
|
70
70
|
<Box display="flex" alignItems="center">
|
|
71
|
-
{InputSelections
|
|
71
|
+
{InputSelections?.map((select) => (
|
|
72
72
|
select
|
|
73
73
|
))}
|
|
74
74
|
</Box>
|
|
@@ -14,14 +14,14 @@ const StyledCard = styled(Box)({
|
|
|
14
14
|
borderRadius: "4px",
|
|
15
15
|
padding: "16px 24px",
|
|
16
16
|
width: "100%",
|
|
17
|
-
height: "
|
|
17
|
+
height: "135px",
|
|
18
18
|
backgroundColor: "var(--white)",
|
|
19
19
|
border: "1px solid var(--cool-grey-600)",
|
|
20
20
|
marginLeft: `${teamDrawCardSideMargin}`,
|
|
21
21
|
marginRight: `${teamDrawCardSideMargin}`,
|
|
22
22
|
position: "relative",
|
|
23
23
|
marginBottom: `${teamDrawCardBottomMargin}`,
|
|
24
|
-
boxSizing: "
|
|
24
|
+
boxSizing: "border-box"
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
const BottomGrid = styled(Box)({
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import { styled } from "@mui/material/styles";
|
|
3
3
|
import Grid from "@mui/material/Grid";
|
|
4
4
|
import Box from "@mui/material/Box";
|
|
5
5
|
|
|
6
|
+
import { getArrayWithIds } from '../../../utils/getArrayWithIds';
|
|
6
7
|
import { TableRowProps } from '../sharedTypes';
|
|
7
8
|
import Typography from "../../../atoms/Typography/Typography";
|
|
8
9
|
import { teamDrawCardSideMargin, standardSideMargin } from "../../../utils/constants";
|
|
9
10
|
|
|
11
|
+
type IndexedRow = {
|
|
12
|
+
[key: number]: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
|
|
10
15
|
const StyledHeader = styled(Grid)({
|
|
11
16
|
alignItems: "center",
|
|
12
17
|
justifyContent: "center",
|
|
@@ -27,11 +32,13 @@ const horizontalLineCommonStyles = {
|
|
|
27
32
|
const StyledGrid = styled(Grid)({
|
|
28
33
|
position: "relative",
|
|
29
34
|
'&:first-child .team-draw-card': {
|
|
35
|
+
marginLeft: 0,
|
|
30
36
|
'&:before': {
|
|
31
37
|
display: 'none'
|
|
32
38
|
}
|
|
33
39
|
},
|
|
34
40
|
'&:last-child .team-draw-card': {
|
|
41
|
+
marginRight: 0,
|
|
35
42
|
'&:after': {
|
|
36
43
|
display: 'none'
|
|
37
44
|
}
|
|
@@ -63,19 +70,21 @@ const GridSections = styled(Box)({
|
|
|
63
70
|
});
|
|
64
71
|
|
|
65
72
|
export default function DesktopTableRows({
|
|
66
|
-
headerRows, totalColumns, tableRows
|
|
67
|
-
}: TableRowProps) {
|
|
68
|
-
const
|
|
73
|
+
headerRows = [], totalColumns, tableRows = []
|
|
74
|
+
}: Readonly <TableRowProps>) {
|
|
75
|
+
const tableRowsArray = getArrayWithIds(tableRows);
|
|
76
|
+
const formatTableRows = tableRowsArray?.map((row, index) => {
|
|
69
77
|
if (index > 2) return; // Table can only support 3 columns
|
|
70
78
|
const rowSectionsHeight = `${100 / tableRows[index].length}%`;
|
|
71
79
|
const sectionAmount = tableRows[index].length;
|
|
72
80
|
const isFirstRow = index === 0;
|
|
81
|
+
const sectionArray = getArrayWithIds([...Array(sectionAmount)]);
|
|
73
82
|
|
|
74
83
|
return (
|
|
75
|
-
<StyledGrid key={
|
|
76
|
-
{
|
|
84
|
+
<StyledGrid key={row.id} xs={totalColumns}>
|
|
85
|
+
{sectionArray?.map((section, idx) => (
|
|
77
86
|
<GridSections
|
|
78
|
-
key={
|
|
87
|
+
key={section.id}
|
|
79
88
|
sx={{
|
|
80
89
|
height: rowSectionsHeight,
|
|
81
90
|
'&:before': {
|
|
@@ -87,7 +96,7 @@ export default function DesktopTableRows({
|
|
|
87
96
|
},
|
|
88
97
|
}}
|
|
89
98
|
>
|
|
90
|
-
{row[idx]}
|
|
99
|
+
{(row as IndexedRow)[idx]}
|
|
91
100
|
</GridSections>
|
|
92
101
|
))}
|
|
93
102
|
</StyledGrid>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const getArrayWithIds = (array: object[]) => array.map((item, index) => ({ ...item, id: index + 1 }));
|
|
@@ -5,8 +5,8 @@ export default function useWindowSize() {
|
|
|
5
5
|
// Initialize state with undefined width/height so server and client renders match
|
|
6
6
|
// Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
|
|
7
7
|
const [windowSize, setWindowSize] = useState({
|
|
8
|
-
width:
|
|
9
|
-
height:
|
|
8
|
+
width: 0,
|
|
9
|
+
height: 0,
|
|
10
10
|
});
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
// Handler to call on window resize
|