@google-psat/design-system 1.0.0-1 → 1.2.1
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/components/chipsBar/index.jsx +3 -0
- package/dist/components/chipsBar/index.jsx.map +1 -1
- package/dist/components/circlePieChart/emptyCirclePieChart.jsx +5 -3
- package/dist/components/circlePieChart/emptyCirclePieChart.jsx.map +1 -1
- package/dist/components/circlePieChart/index.jsx +9 -6
- package/dist/components/circlePieChart/index.jsx.map +1 -1
- package/dist/components/circlePieChart/tooltip.jsx +26 -0
- package/dist/components/circlePieChart/tooltip.jsx.map +1 -0
- package/dist/components/cookiesLanding/landingHeader/index.jsx +2 -3
- package/dist/components/cookiesLanding/landingHeader/index.jsx.map +1 -1
- package/dist/components/draggableTray/index.jsx +18 -7
- package/dist/components/draggableTray/index.jsx.map +1 -1
- package/dist/components/filtersSidebar/index.jsx +2 -2
- package/dist/components/filtersSidebar/index.jsx.map +1 -1
- package/dist/components/landingPage/infoCard/fetchPSInfo.js +1 -0
- package/dist/components/landingPage/infoCard/fetchPSInfo.js.map +1 -1
- package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx +2 -1
- package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx.map +1 -1
- package/dist/components/matrix/index.jsx +3 -1
- package/dist/components/matrix/index.jsx.map +1 -1
- package/dist/components/messageBox/index.jsx +6 -4
- package/dist/components/messageBox/index.jsx.map +1 -1
- package/dist/components/pillToggle/index.jsx +40 -2
- package/dist/components/pillToggle/index.jsx.map +1 -1
- package/dist/components/resizableTray/index.jsx +2 -2
- package/dist/components/resizableTray/index.jsx.map +1 -1
- package/dist/components/sidebar/useSidebar/constants.js +2 -0
- package/dist/components/sidebar/useSidebar/constants.js.map +1 -1
- package/dist/components/sidebar/useSidebar/provider.jsx +12 -2
- package/dist/components/sidebar/useSidebar/provider.jsx.map +1 -1
- package/dist/components/table/components/index.jsx +10 -10
- package/dist/components/table/components/index.jsx.map +1 -1
- package/dist/components/table/components/tableBody/bodyCell.jsx +2 -2
- package/dist/components/table/components/tableBody/bodyCell.jsx.map +1 -1
- package/dist/components/table/components/tableBody/bodyRow.jsx +10 -7
- package/dist/components/table/components/tableBody/bodyRow.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/headerCell.jsx +2 -5
- package/dist/components/table/components/tableHeader/headerCell.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/headerRow.jsx +1 -1
- package/dist/components/table/components/tableHeader/headerRow.jsx.map +1 -1
- package/dist/components/table/useTable/context.js +1 -0
- package/dist/components/table/useTable/context.js.map +1 -1
- package/dist/components/table/useTable/provider.jsx +10 -3
- package/dist/components/table/useTable/provider.jsx.map +1 -1
- package/dist/components/table/useTable/useColumnResizing/index.jsx +67 -32
- package/dist/components/table/useTable/useColumnResizing/index.jsx.map +1 -1
- package/dist/components/table/useTable/useFiltering/index.jsx +9 -3
- package/dist/components/table/useTable/useFiltering/index.jsx.map +1 -1
- package/dist/components/tabs/index.jsx +22 -23
- package/dist/components/tabs/index.jsx.map +1 -1
- package/dist/components/tabs/useTabs/context.js +2 -0
- package/dist/components/tabs/useTabs/context.js.map +1 -1
- package/dist/components/tabs/useTabs/provider.jsx +66 -35
- package/dist/components/tabs/useTabs/provider.jsx.map +1 -1
- package/dist/components/timeline/bar.jsx +1 -1
- package/dist/components/timeline/bar.jsx.map +1 -1
- package/dist/components/timeline/index.jsx +49 -14
- package/dist/components/timeline/index.jsx.map +1 -1
- package/dist/components/topbar/index.jsx +1 -1
- package/dist/components/topbar/index.jsx.map +1 -1
- package/dist/icons/index.jsx +3 -0
- package/dist/icons/index.jsx.map +1 -1
- package/dist-types/components/chipsBar/index.d.ts +1 -1
- package/dist-types/components/circlePieChart/emptyCirclePieChart.d.ts +4 -1
- package/dist-types/components/circlePieChart/index.d.ts +3 -1
- package/dist-types/components/circlePieChart/tooltip.d.ts +8 -0
- package/dist-types/components/draggableTray/index.d.ts +3 -0
- package/dist-types/components/landingPage/infoCard/fetchPSInfo.d.ts +1 -0
- package/dist-types/components/messageBox/index.d.ts +5 -1
- package/dist-types/components/pillToggle/index.d.ts +4 -3
- package/dist-types/components/sidebar/useSidebar/constants.d.ts +3 -1
- package/dist-types/components/sidebar/useSidebar/types.d.ts +1 -0
- package/dist-types/components/table/components/tableBody/bodyCell.d.ts +2 -1
- package/dist-types/components/table/useTable/context.d.ts +1 -0
- package/dist-types/components/table/useTable/provider.d.ts +1 -1
- package/dist-types/components/table/useTable/types.d.ts +11 -2
- package/dist-types/components/table/useTable/useColumnResizing/index.d.ts +1 -0
- package/dist-types/components/table/useTable/useFiltering/index.d.ts +1 -1
- package/dist-types/components/tabs/useTabs/context.d.ts +2 -0
- package/dist-types/components/tabs/useTabs/provider.d.ts +1 -1
- package/dist-types/components/tabs/useTabs/types.d.ts +1 -2
- package/dist-types/icons/index.d.ts +3 -0
- package/package.json +3 -3
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
20
20
|
import { getValueByKey } from '@google-psat/common';
|
|
21
21
|
import { useFiltersExtraction, useFiltersOptions, useFiltersPersistence, } from './hooks';
|
|
22
|
-
const useFiltering = (data, tableFilterData, specificTablePersistentSettingsKey, genericTablePersistentSettingsKey) => {
|
|
22
|
+
const useFiltering = (data, tableFilterData, specificTablePersistentSettingsKey, genericTablePersistentSettingsKey, customClearFunction, customClearAllFunction) => {
|
|
23
23
|
const [filters, setFilters] = useState({
|
|
24
24
|
...(tableFilterData || {}),
|
|
25
25
|
});
|
|
@@ -61,6 +61,9 @@ const useFiltering = (data, tableFilterData, specificTablePersistentSettingsKey,
|
|
|
61
61
|
if (selectAllFilterSelection?.[filterKey]?.selected) {
|
|
62
62
|
toggleSelectAllFilter(filterKey, isRemovalAction);
|
|
63
63
|
}
|
|
64
|
+
if (customClearFunction && isRemovalAction) {
|
|
65
|
+
customClearFunction(filterKey, filterValue);
|
|
66
|
+
}
|
|
64
67
|
setFilters((prevFilters) => {
|
|
65
68
|
const newFilters = { ...prevFilters };
|
|
66
69
|
const filterValues = newFilters[filterKey].filterValues || {};
|
|
@@ -71,8 +74,11 @@ const useFiltering = (data, tableFilterData, specificTablePersistentSettingsKey,
|
|
|
71
74
|
}
|
|
72
75
|
return newFilters;
|
|
73
76
|
});
|
|
74
|
-
}, [selectAllFilterSelection, toggleSelectAllFilter]);
|
|
77
|
+
}, [customClearFunction, selectAllFilterSelection, toggleSelectAllFilter]);
|
|
75
78
|
const resetFilters = useCallback(() => {
|
|
79
|
+
if (customClearAllFunction) {
|
|
80
|
+
customClearAllFunction();
|
|
81
|
+
}
|
|
76
82
|
setSelectAllFilterSelection((prev) => {
|
|
77
83
|
const newSelectAllFilterSelection = { ...prev };
|
|
78
84
|
Object.entries(newSelectAllFilterSelection).forEach(([filterKey, filterValueData]) => {
|
|
@@ -93,7 +99,7 @@ const useFiltering = (data, tableFilterData, specificTablePersistentSettingsKey,
|
|
|
93
99
|
});
|
|
94
100
|
return newFilters;
|
|
95
101
|
});
|
|
96
|
-
}, []);
|
|
102
|
+
}, [customClearAllFunction]);
|
|
97
103
|
const selectedFilters = useMemo(() => Object.fromEntries(Object.entries(filters).map(([filterKey, filter]) => {
|
|
98
104
|
const filterValues = Object.fromEntries(Object.entries(filter.filterValues || {}).filter(([, filterValueData]) => filterValueData.selected));
|
|
99
105
|
return [filterKey, { ...filter, filterValues }];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useFiltering/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMpD,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAoBjB,MAAM,YAAY,GAAG,CACnB,IAAiB,EACjB,eAAwC,EACxC,kCAA2C,EAC3C,iCAA0C,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useFiltering/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,22 +23,20 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
23
23
|
*/
|
|
24
24
|
import { useTabs } from './useTabs';
|
|
25
25
|
const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
|
|
26
|
-
const { activeTab, activeGroup, setActiveTab, groupedTitles, titles, isTabHighlighted, shouldAddSpacer, getTabGroup, isGroup, } = useTabs(({ state, actions }) => ({
|
|
26
|
+
const { activeTab, activeGroup, setActiveTab, setActiveGroup, groupedTitles, titles, isTabHighlighted, shouldAddSpacer, getTabGroup, isGroup, } = useTabs(({ state, actions }) => ({
|
|
27
27
|
activeTab: state.activeTab,
|
|
28
28
|
activeGroup: state.activeGroup,
|
|
29
29
|
setActiveTab: actions.setActiveTab,
|
|
30
|
+
setActiveGroup: actions.setActiveGroup,
|
|
30
31
|
groupedTitles: state.groupedTitles,
|
|
31
32
|
titles: state.titles,
|
|
32
33
|
isTabHighlighted: actions.isTabHighlighted,
|
|
33
34
|
shouldAddSpacer: actions.shouldAddSpacer,
|
|
34
35
|
getTabGroup: actions.getTabGroup,
|
|
35
36
|
isGroup: state.isGroup,
|
|
37
|
+
loading: state.loading,
|
|
36
38
|
}));
|
|
37
39
|
const timeoutRef = useRef(null);
|
|
38
|
-
const [expandedGroup, setExpandedGroup] = useState(null);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
setExpandedGroup((groupedTitles && Object.keys(groupedTitles)[0]) || null);
|
|
41
|
-
}, [groupedTitles]);
|
|
42
40
|
useEffect(() => {
|
|
43
41
|
return () => {
|
|
44
42
|
if (timeoutRef.current) {
|
|
@@ -52,52 +50,48 @@ const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
|
|
|
52
50
|
return;
|
|
53
51
|
}
|
|
54
52
|
setIsAnimating(true);
|
|
55
|
-
if (
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
setExpandedGroup(group);
|
|
53
|
+
if (activeGroup !== group) {
|
|
54
|
+
setActiveGroup(group);
|
|
60
55
|
}
|
|
61
56
|
timeoutRef.current = setTimeout(() => {
|
|
62
57
|
setIsAnimating(false);
|
|
63
58
|
}, 300);
|
|
64
|
-
}, [
|
|
59
|
+
}, [activeGroup, isAnimating, setActiveGroup]);
|
|
65
60
|
const handleKeyDown = useCallback((event) => {
|
|
66
61
|
event.preventDefault();
|
|
67
62
|
if (event.key === 'Tab') {
|
|
68
63
|
if (event.shiftKey) {
|
|
69
64
|
const previousIndex = activeTab - 1;
|
|
70
65
|
if (previousIndex >= 0) {
|
|
71
|
-
setActiveTab(previousIndex);
|
|
72
66
|
const group = getTabGroup(previousIndex);
|
|
73
|
-
if (
|
|
74
|
-
console.log(group, expandedGroup);
|
|
67
|
+
if (activeGroup !== group) {
|
|
75
68
|
handleGroupClick(group);
|
|
76
69
|
}
|
|
70
|
+
setActiveTab(previousIndex);
|
|
77
71
|
}
|
|
78
72
|
else {
|
|
79
|
-
setActiveTab(titles.length - 1);
|
|
80
73
|
const group = getTabGroup(titles.length - 1);
|
|
81
|
-
if (
|
|
74
|
+
if (activeGroup !== group) {
|
|
82
75
|
handleGroupClick(group);
|
|
83
76
|
}
|
|
77
|
+
setActiveTab(titles.length - 1);
|
|
84
78
|
}
|
|
85
79
|
}
|
|
86
80
|
else {
|
|
87
81
|
const nextIndex = activeTab + 1;
|
|
88
82
|
if (nextIndex < titles.length) {
|
|
89
|
-
setActiveTab(nextIndex);
|
|
90
83
|
const group = getTabGroup(nextIndex);
|
|
91
|
-
if (
|
|
84
|
+
if (activeGroup !== group) {
|
|
92
85
|
handleGroupClick(group);
|
|
93
86
|
}
|
|
87
|
+
setActiveTab(nextIndex);
|
|
94
88
|
}
|
|
95
89
|
else {
|
|
96
|
-
setActiveTab(0);
|
|
97
90
|
const group = getTabGroup(0);
|
|
98
|
-
if (
|
|
91
|
+
if (activeGroup !== group) {
|
|
99
92
|
handleGroupClick(group);
|
|
100
93
|
}
|
|
94
|
+
setActiveTab(0);
|
|
101
95
|
}
|
|
102
96
|
}
|
|
103
97
|
}
|
|
@@ -106,7 +100,7 @@ const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
|
|
|
106
100
|
titles.length,
|
|
107
101
|
setActiveTab,
|
|
108
102
|
getTabGroup,
|
|
109
|
-
|
|
103
|
+
activeGroup,
|
|
110
104
|
handleGroupClick,
|
|
111
105
|
]);
|
|
112
106
|
if (!groupedTitles || Object.keys(groupedTitles).length === 0) {
|
|
@@ -115,7 +109,7 @@ const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
|
|
|
115
109
|
return (<div className={classNames('w-full h-fit border-american-silver dark:border-quartz', showBottomBorder ? 'border-b' : ' border-b-0')}>
|
|
116
110
|
<div className={classNames('flex gap-8 px-2 w-full overflow-x-auto', fontSizeClass ? fontSizeClass : 'text-sm')}>
|
|
117
111
|
{Object.entries(groupedTitles).map(([group, data]) => {
|
|
118
|
-
const isExpanded =
|
|
112
|
+
const isExpanded = activeGroup === group;
|
|
119
113
|
return (<div key={group} data-testid={`${group}`} className={classNames('flex', {
|
|
120
114
|
'border-b-2 border-bright-navy-blue': group === activeGroup,
|
|
121
115
|
'border-b-2 border-steel-blue/50': group !== activeGroup && isGroup,
|
|
@@ -149,7 +143,12 @@ const Tabs = ({ showBottomBorder = true, fontSizeClass }) => {
|
|
|
149
143
|
}, {
|
|
150
144
|
'text-raisin-black dark:text-bright-gray': index !== activeTab,
|
|
151
145
|
})}>
|
|
152
|
-
<button onClick={() =>
|
|
146
|
+
<button onClick={() => {
|
|
147
|
+
if (group !== activeGroup) {
|
|
148
|
+
handleGroupClick(group);
|
|
149
|
+
}
|
|
150
|
+
setActiveTab(index);
|
|
151
|
+
}} onKeyDown={handleKeyDown} className="px-1.5 hover:opacity-80 outline-none text-nowrap">
|
|
153
152
|
{title}
|
|
154
153
|
</button>
|
|
155
154
|
<div className={classNames('absolute right-0 top-0 h-1.5 w-1.5 rounded-full text-center text-xxxs font-bold text-bright-gray', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExE;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,MAAM,IAAI,GAAG,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAAE,aAAa,EAAa,EAAE,EAAE;IACrE,MAAM,EACJ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,aAAa,EACb,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,OAAO,GACR,GAAG,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY,EAAE,OAAO,CAAC,YAAY;QAClC,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;QAC1C,eAAe,EAAE,OAAO,CAAC,eAAe;QACxC,WAAW,EAAE,OAAO,CAAC,WAAW;QAChC,OAAO,EAAE,KAAK,CAAC,OAAO;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,10 +33,12 @@ const initialState = {
|
|
|
33
33
|
},
|
|
34
34
|
storage: [],
|
|
35
35
|
isGroup: true,
|
|
36
|
+
loading: true,
|
|
36
37
|
},
|
|
37
38
|
actions: {
|
|
38
39
|
setStorage: noop,
|
|
39
40
|
setActiveTab: noop,
|
|
41
|
+
setActiveGroup: noop,
|
|
40
42
|
highlightTab: noop,
|
|
41
43
|
isTabHighlighted: () => false,
|
|
42
44
|
shouldAddSpacer: () => false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/context.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/context.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAuCtC,MAAM,YAAY,GAAqB;IACrC,KAAK,EAAE;QACL,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,EAAE;SACV;QACD,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,UAAU,EAAE,IAAI;QAChB,YAAY,EAAE,IAAI;QAClB,cAAc,EAAE,IAAI;QACpB,YAAY,EAAE,IAAI;QAClB,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK;QAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,KAAK;QAC5B,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAmB,YAAY,CAAC,CAAC"}
|
|
@@ -17,8 +17,10 @@
|
|
|
17
17
|
* External dependencies.
|
|
18
18
|
*/
|
|
19
19
|
import React, { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
|
|
20
|
+
import { getSessionStorage, updateSessionStorage } from '@google-psat/common';
|
|
20
21
|
import { TabsContext } from './context';
|
|
21
|
-
|
|
22
|
+
import ProgressBar from '../../progressBar';
|
|
23
|
+
export const TabsProvider = ({ children, items, isGroup = true, name, }) => {
|
|
22
24
|
const [groupedItems, setGroupedItems] = useState({});
|
|
23
25
|
useEffect(() => {
|
|
24
26
|
if (!isGroup && Array.isArray(items)) {
|
|
@@ -31,44 +33,31 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
31
33
|
setGroupedItems(items);
|
|
32
34
|
}
|
|
33
35
|
}, [isGroup, items]);
|
|
34
|
-
const [activeGroup,
|
|
35
|
-
|
|
36
|
-
setActiveGroup((prev) => prev === null ? Object.keys(groupedItems)[0] ?? null : prev);
|
|
37
|
-
}, [groupedItems]);
|
|
38
|
-
const [activeTab, _setActiveTab] = useState(0);
|
|
39
|
-
const activeTabRef = useRef(activeTab);
|
|
36
|
+
const [activeGroup, _setActiveGroup] = useState(isGroup ? Object.keys(items)[0] ?? null : null);
|
|
37
|
+
const [activeTab, setActiveTab] = useState(0);
|
|
40
38
|
const groupItemsRef = useRef(groupedItems);
|
|
41
39
|
useEffect(() => {
|
|
42
40
|
groupItemsRef.current = groupedItems;
|
|
43
41
|
}, [groupedItems]);
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return groupTitles.some(({ index }) => index === tab);
|
|
56
|
-
});
|
|
57
|
-
if (group) {
|
|
58
|
-
setActiveGroup(group[0]);
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
61
|
-
setActiveGroup(null);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
_setActiveGroup((prev) => prev === null ? Object.keys(groupItemsRef.current)[0] ?? null : prev);
|
|
44
|
+
}, []);
|
|
45
|
+
const setActiveGroup = useCallback((group) => {
|
|
46
|
+
_setActiveGroup(group);
|
|
47
|
+
const keys = Object.keys(groupItemsRef.current);
|
|
48
|
+
let index = 0;
|
|
49
|
+
let tabIndex = 0;
|
|
50
|
+
while (index < keys.length && keys[index] !== group) {
|
|
51
|
+
tabIndex += groupItemsRef.current[keys[index]]?.length || 0;
|
|
52
|
+
index++;
|
|
62
53
|
}
|
|
54
|
+
setActiveTab(tabIndex);
|
|
63
55
|
}, []);
|
|
64
56
|
const tabItems = useMemo(() => {
|
|
65
57
|
return Object.values(groupedItems).flat();
|
|
66
58
|
}, [groupedItems]);
|
|
67
59
|
const [storage, _setStorage] = useState(Array(tabItems.length).fill(''));
|
|
68
60
|
const [highlightedTabs, setHighlightedTabs] = useState({});
|
|
69
|
-
useEffect(() => {
|
|
70
|
-
activeTabRef.current = activeTab;
|
|
71
|
-
}, [activeTab]);
|
|
72
61
|
useEffect(() => {
|
|
73
62
|
_setStorage(Array(tabItems.length).fill(''));
|
|
74
63
|
}, [tabItems.length]);
|
|
@@ -84,10 +73,15 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
84
73
|
return { ...acc, [group]: groupTitles };
|
|
85
74
|
}, {});
|
|
86
75
|
}, [groupedItems]);
|
|
76
|
+
const [loading, setLoading] = useState(true);
|
|
87
77
|
const titles = useMemo(() => tabItems.map((item) => item.title), [tabItems]);
|
|
88
|
-
const panel =
|
|
89
|
-
|
|
90
|
-
|
|
78
|
+
const panel = loading
|
|
79
|
+
? {
|
|
80
|
+
Element: ProgressBar,
|
|
81
|
+
}
|
|
82
|
+
: tabItems?.[activeTab]?.content ?? {
|
|
83
|
+
Element: null,
|
|
84
|
+
};
|
|
91
85
|
const setStorage = useCallback((data, index) => {
|
|
92
86
|
_setStorage((prev) => {
|
|
93
87
|
const next = [...prev];
|
|
@@ -113,7 +107,7 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
113
107
|
});
|
|
114
108
|
}, [activeTab]);
|
|
115
109
|
const highlightTab = useCallback((tab, update = true, increment = false) => {
|
|
116
|
-
if (tab ===
|
|
110
|
+
if (tab === activeTab) {
|
|
117
111
|
return;
|
|
118
112
|
}
|
|
119
113
|
setHighlightedTabs((prev) => {
|
|
@@ -122,15 +116,15 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
122
116
|
next[tab] = increment ? prevCount + 1 : update;
|
|
123
117
|
return next;
|
|
124
118
|
});
|
|
125
|
-
}, []);
|
|
119
|
+
}, [activeTab]);
|
|
126
120
|
const isTabHighlighted = useCallback((tab) => {
|
|
127
121
|
return highlightedTabs?.[tab] ?? false;
|
|
128
122
|
}, [highlightedTabs]);
|
|
129
123
|
useEffect(() => {
|
|
130
|
-
if (highlightedTabs[
|
|
124
|
+
if (highlightedTabs[activeTab]) {
|
|
131
125
|
setHighlightedTabs((prev) => {
|
|
132
126
|
const next = { ...prev };
|
|
133
|
-
next[
|
|
127
|
+
next[activeTab] = false;
|
|
134
128
|
return next;
|
|
135
129
|
});
|
|
136
130
|
}
|
|
@@ -155,6 +149,41 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
155
149
|
});
|
|
156
150
|
return group;
|
|
157
151
|
}, [groupedItems]);
|
|
152
|
+
useEffect(() => {
|
|
153
|
+
if (!name) {
|
|
154
|
+
setActiveTab(0);
|
|
155
|
+
setLoading(false);
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
(async () => {
|
|
159
|
+
const sessionStorage = (await getSessionStorage('tabs')) || {};
|
|
160
|
+
if (!sessionStorage[name]) {
|
|
161
|
+
sessionStorage[name] = {
|
|
162
|
+
activeTab: 0,
|
|
163
|
+
activeGroup: 0,
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
const _activeTab = sessionStorage[name].activeTab || 0;
|
|
167
|
+
const _activeGroup = sessionStorage[name].activeGroup ||
|
|
168
|
+
Object.keys(groupItemsRef.current)[0];
|
|
169
|
+
setActiveGroup(_activeGroup);
|
|
170
|
+
setActiveTab(_activeTab);
|
|
171
|
+
setLoading(false);
|
|
172
|
+
})();
|
|
173
|
+
}, [name, setActiveGroup]);
|
|
174
|
+
useEffect(() => {
|
|
175
|
+
if (!name) {
|
|
176
|
+
return;
|
|
177
|
+
}
|
|
178
|
+
(async () => {
|
|
179
|
+
await updateSessionStorage({
|
|
180
|
+
[name]: {
|
|
181
|
+
activeTab,
|
|
182
|
+
activeGroup,
|
|
183
|
+
},
|
|
184
|
+
}, 'tabs');
|
|
185
|
+
})();
|
|
186
|
+
}, [name, activeTab, activeGroup]);
|
|
158
187
|
return (<TabsContext.Provider value={{
|
|
159
188
|
state: {
|
|
160
189
|
activeTab,
|
|
@@ -164,10 +193,12 @@ export const TabsProvider = ({ children, items, isGroup = true, }) => {
|
|
|
164
193
|
panel,
|
|
165
194
|
storage,
|
|
166
195
|
isGroup,
|
|
196
|
+
loading,
|
|
167
197
|
},
|
|
168
198
|
actions: {
|
|
169
199
|
setStorage,
|
|
170
200
|
setActiveTab,
|
|
201
|
+
setActiveGroup,
|
|
171
202
|
highlightTab,
|
|
172
203
|
isTabHighlighted,
|
|
173
204
|
shouldAddSpacer,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.jsx","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/provider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,EAAE,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"provider.jsx","sourceRoot":"","sources":["../../../../src/components/tabs/useTabs/provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const Bar = ({ bidder, index, zoom, bidderType, fullWidth, animate, setSelectedR
|
|
|
46
46
|
block: (zoom < 1 || Number(fullWidth.toFixed(0)) < 200) &&
|
|
47
47
|
isBarHovered,
|
|
48
48
|
})}>
|
|
49
|
-
<span className="pr-2 text-xs dark:text-bright-gray flex">
|
|
49
|
+
<span className="pr-2 text-xs dark:text-bright-gray flex text-nowrap">
|
|
50
50
|
{String(bidder.name)}
|
|
51
51
|
<span className="text-granite-gray dark:text-bright-gray ml-1">
|
|
52
52
|
{bidder.type === BidderType.NO_BID && ' (no bid)'}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar.jsx","sourceRoot":"","sources":["../../../src/components/timeline/bar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAU,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAYzC,MAAM,GAAG,GAAG,CAAC,EACX,MAAM,EACN,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,cAAc,GACL,EAAE,EAAE;IACb,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,gBAAgB,CAC1B,YAAY,CAAC,CAAC,cAAc,CAAC,CAC7B,YAAY,CAAC,CAAC,cAAc,CAAC,CAE7B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,8JAA8J,CACxK,IAAI,CAAC,QAAQ,CACb,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAC5C,KAAK,CAAC,CAAC;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACpD,eAAe,EAAE,UAAU,CAAC,UAAU,CAAC;YACvC,GAAG,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI;YAC5B,IAAI,EAAE,GACJ,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC5D,IAAI;SACL,CAAC,CAEF;QAAA,CAAC,YAAY,CACb;QAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,+EAA+E,EAC/E;YACE,MAAM,EACJ,CAAC,IAAI,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;gBAChD,CAAC,YAAY;YACf,KAAK,EACH,CAAC,IAAI,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;gBAChD,YAAY;SACf,CACF,CAAC,CAEF;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"bar.jsx","sourceRoot":"","sources":["../../../src/components/timeline/bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,17 +40,44 @@ const Timeline = ({ auctionTimeout, auctionId, auctionStartTimeFormatted, auctio
|
|
|
40
40
|
return maxDuration / TIME_DURATION + extraLines;
|
|
41
41
|
}, [bidders, auctionTimeout]);
|
|
42
42
|
const lines = Array.from({ length: lineCount });
|
|
43
|
-
const
|
|
43
|
+
const [timeoutBlock, setTimeoutBlock] = useState(auctionTimeout * zoomLevel);
|
|
44
|
+
const [auctionEndBlock, setAuctionEndBlock] = useState(auctionEndDuration * zoomLevel);
|
|
44
45
|
useEffect(() => {
|
|
45
46
|
const _zoom = zoomLevel;
|
|
46
47
|
setZoom(_zoom);
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
48
|
+
let _timeoutBlockWidth = auctionTimeout * _zoom;
|
|
49
|
+
let _auctionEndBlockWidth = auctionEndDuration * _zoom;
|
|
50
|
+
for (let i = 0; i < lines.length; i++) {
|
|
51
|
+
const lineWidth = TIME_DURATION * _zoom * (i + 1);
|
|
52
|
+
if (Math.abs(lineWidth - _timeoutBlockWidth) < 10 * _zoom) {
|
|
53
|
+
_timeoutBlockWidth += Math.abs(lineWidth - _timeoutBlockWidth);
|
|
54
|
+
}
|
|
55
|
+
if (Math.abs(lineWidth - _auctionEndBlockWidth) < 10 * _zoom) {
|
|
56
|
+
_auctionEndBlockWidth += Math.abs(lineWidth - _auctionEndBlockWidth);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
const isAuctionEndBlockOverlappingTimeout = Math.abs(_auctionEndBlockWidth - _timeoutBlockWidth) <= 20;
|
|
60
|
+
if (isAuctionEndBlockOverlappingTimeout) {
|
|
61
|
+
if (_auctionEndBlockWidth > _timeoutBlockWidth) {
|
|
62
|
+
_auctionEndBlockWidth +=
|
|
63
|
+
20 - Math.abs(_auctionEndBlockWidth - _timeoutBlockWidth);
|
|
64
|
+
}
|
|
65
|
+
else {
|
|
66
|
+
_timeoutBlockWidth +=
|
|
67
|
+
20 - Math.abs(_auctionEndBlockWidth - _timeoutBlockWidth);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
setTimeoutBlockWidth(scrollWidth - _timeoutBlockWidth);
|
|
71
|
+
setTimeoutBlock(_timeoutBlockWidth);
|
|
72
|
+
setAuctionEndBlockWidth(scrollWidth - _auctionEndBlockWidth);
|
|
73
|
+
setAuctionEndBlock(_auctionEndBlockWidth);
|
|
74
|
+
}, [
|
|
75
|
+
scrollWidth,
|
|
76
|
+
zoomLevel,
|
|
77
|
+
lines.length,
|
|
78
|
+
auctionTimeout,
|
|
79
|
+
auctionEndDuration,
|
|
80
|
+
]);
|
|
54
81
|
useEffect(() => {
|
|
55
82
|
const timeout = setTimeout(() => {
|
|
56
83
|
setAnimate(true);
|
|
@@ -96,28 +123,36 @@ const Timeline = ({ auctionTimeout, auctionId, auctionStartTimeFormatted, auctio
|
|
|
96
123
|
</div>
|
|
97
124
|
|
|
98
125
|
{/*Timeout block*/}
|
|
99
|
-
<div className="absolute flex
|
|
126
|
+
<div className="absolute flex top-0" style={{
|
|
127
|
+
height: childHeight,
|
|
128
|
+
width: lines.length * TIME_DURATION * zoom,
|
|
129
|
+
}}>
|
|
100
130
|
<div style={{
|
|
101
131
|
width: `${(auctionTimeout * zoom).toFixed(0)}px`,
|
|
102
132
|
}}></div>
|
|
103
133
|
<div className="h-full relative flex-1" style={{ width: `${timeoutBlockWidth}px` }}>
|
|
104
134
|
<div className="bg-[#E90303] opacity-[9%] w-full h-full"></div>
|
|
105
|
-
<span className="absolute top-1/2 -translate-y-1/2 rotate-180 text-xs text-[#828282] dark:text-gray h-full flex items-center justify-center" style={{
|
|
135
|
+
<span className="absolute top-1/2 -translate-y-1/2 rotate-180 text-xs text-[#828282] dark:text-gray h-full flex items-center justify-center" style={{
|
|
136
|
+
writingMode: 'vertical-rl',
|
|
137
|
+
left: `${Math.abs(timeoutBlock - auctionTimeout * zoom)}px`,
|
|
138
|
+
}}>
|
|
106
139
|
Timeout: {auctionTimeout}ms
|
|
107
140
|
</span>
|
|
108
141
|
</div>
|
|
109
142
|
</div>
|
|
110
143
|
|
|
111
144
|
{/*Auction-End block*/}
|
|
112
|
-
<div className="absolute flex
|
|
145
|
+
<div className="absolute flex top-0" style={{
|
|
113
146
|
height: childHeight,
|
|
147
|
+
width: lines.length * TIME_DURATION * zoom,
|
|
114
148
|
}}>
|
|
115
149
|
<div style={{ width: `${(auctionEndDuration * zoom).toFixed(0)}px` }} className="h-full"></div>
|
|
116
150
|
<div className="h-full relative flex-1" style={{ width: `${auctionEndBlockWidth}px` }}>
|
|
117
151
|
<div className="bg-[#E90303] opacity-[4%] w-full h-full"></div>
|
|
118
|
-
<span className=
|
|
119
|
-
'
|
|
120
|
-
|
|
152
|
+
<span className="absolute top-1/2 -translate-y-1/2 rotate-180 text-xs text-[#828282] dark:text-gray h-full flex items-center justify-center" style={{
|
|
153
|
+
writingMode: 'vertical-rl',
|
|
154
|
+
left: `${Math.abs(auctionEndBlock - auctionEndDuration * zoom)}px`,
|
|
155
|
+
}}>
|
|
121
156
|
Auction End: {formatDuration(String(auctionEndDuration))}ms
|
|
122
157
|
</span>
|
|
123
158
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EACL,yBAAyB,EACzB,cAAc,EACd,UAAU,GAGX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,GAAG,MAAM,OAAO,CAAC;AAQxB,MAAM,QAAQ,GAAG,CAAC,EAChB,cAAc,EACd,SAAS,EACT,yBAAyB,EACzB,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,SAAS,GAAG,CAAC,EACb,cAAc,EACd,iBAAiB,GACH,EAAE,EAAE;IAClB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAC1B,yBAAyB,CAAC,OAAO,CAAC,EAClC,cAAc,CACf,CAAC;QACF,MAAM,UAAU,GAAG,CAAC,CAAC;QAErB,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,UAAU,GAAG,CAAC,CAAC,CAAC,4CAA4C;QACrE,CAAC;QAED,OAAO,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC;IAClD,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;IAEhD,MAAM,
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/timeline/index.tsx"],"names":[],"mappings":"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"}
|