@once-ui-system/core 1.4.17 → 1.4.19
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/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +5 -5
- package/dist/components/ArrowNavigationContext.js +7 -7
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/AutoScroll.d.ts.map +1 -1
- package/dist/components/AutoScroll.js +13 -17
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Carousel.d.ts +9 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +76 -12
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +22 -22
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/ClientGrid.d.ts.map +1 -1
- package/dist/components/ClientGrid.js +22 -22
- package/dist/components/ClientGrid.js.map +1 -1
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu.js +39 -33
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/CountFx.d.ts.map +1 -1
- package/dist/components/CountFx.js +25 -28
- package/dist/components/CountFx.js.map +1 -1
- package/dist/components/Cursor.js +13 -13
- package/dist/components/DateInput.js +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +50 -34
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +5 -5
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts +2 -2
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +5 -4
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +96 -84
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js +32 -23
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.js.map +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +19 -12
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.d.ts.map +1 -1
- package/dist/components/FlipFx.js +1 -1
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/FocusTrap.d.ts.map +1 -1
- package/dist/components/FocusTrap.js +9 -4
- package/dist/components/FocusTrap.js.map +1 -1
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +19 -12
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +4 -4
- package/dist/components/Input.js.map +1 -1
- package/dist/components/List.d.ts.map +1 -1
- package/dist/components/List.js +1 -0
- package/dist/components/List.js.map +1 -1
- package/dist/components/ListItem.d.ts.map +1 -1
- package/dist/components/ListItem.js +1 -0
- package/dist/components/ListItem.js.map +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +7 -7
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/MasonryGrid.d.ts +14 -0
- package/dist/components/MasonryGrid.d.ts.map +1 -0
- package/dist/components/MasonryGrid.js +53 -0
- package/dist/components/MasonryGrid.js.map +1 -0
- package/dist/components/MasonryGrid.module.scss +199 -0
- package/dist/components/Media.d.ts +2 -0
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +5 -5
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput.js +2 -2
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +23 -10
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +8 -9
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +1 -10
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +1 -1
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +9 -15
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +5 -4
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +3 -2
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +6 -6
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/TagInput.d.ts.map +1 -1
- package/dist/components/TagInput.js +1 -1
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +4 -4
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/Toaster.d.ts.map +1 -1
- package/dist/components/Toaster.js +2 -2
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +2 -2
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
- package/dist/contexts/DataThemeProvider.js +13 -13
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.js +1 -1
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/LayoutProvider.d.ts.map +1 -1
- package/dist/contexts/LayoutProvider.js +11 -11
- package/dist/contexts/LayoutProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.d.ts +1 -1
- package/dist/contexts/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +73 -54
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/hooks/useArrowNavigation.d.ts +2 -2
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
- package/dist/hooks/useArrowNavigation.js +26 -27
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/hooks/useFetchOg.js +2 -2
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +5 -3
- package/dist/icons.js.map +1 -1
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +7 -13
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/code/CodeHighlight.css +99 -99
- package/dist/modules/code/LineNumber.css +34 -34
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +1 -1
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.js +1 -1
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.js +1 -1
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.js +1 -1
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.d.ts.map +1 -1
- package/dist/modules/data/Swatch.js +1 -1
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +1 -1
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/seo/Meta.js +2 -2
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/scss.d.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientGrid.d.ts","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"ClientGrid.d.ts","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,CAAC,CAAC,EAAE,GAAG,CAAC;IACR,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,4GAyKf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -11,7 +11,7 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
11
11
|
// Combine refs
|
|
12
12
|
const combinedRef = (node) => {
|
|
13
13
|
elementRef.current = node;
|
|
14
|
-
if (typeof ref ===
|
|
14
|
+
if (typeof ref === "function") {
|
|
15
15
|
ref(node);
|
|
16
16
|
}
|
|
17
17
|
else if (ref) {
|
|
@@ -31,24 +31,24 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
31
31
|
}
|
|
32
32
|
// Determine which responsive props to apply based on current breakpoint
|
|
33
33
|
let currentResponsiveProps = null;
|
|
34
|
-
if (currentBreakpoint ===
|
|
34
|
+
if (currentBreakpoint === "xl" && xl) {
|
|
35
35
|
currentResponsiveProps = xl;
|
|
36
36
|
}
|
|
37
|
-
else if (currentBreakpoint ===
|
|
37
|
+
else if (currentBreakpoint === "l" && l) {
|
|
38
38
|
currentResponsiveProps = l;
|
|
39
39
|
}
|
|
40
|
-
else if (currentBreakpoint ===
|
|
40
|
+
else if (currentBreakpoint === "m" && m) {
|
|
41
41
|
currentResponsiveProps = m;
|
|
42
42
|
}
|
|
43
|
-
else if (currentBreakpoint ===
|
|
43
|
+
else if (currentBreakpoint === "s" && s) {
|
|
44
44
|
currentResponsiveProps = s;
|
|
45
45
|
}
|
|
46
|
-
else if (currentBreakpoint ===
|
|
46
|
+
else if (currentBreakpoint === "xs" && xs) {
|
|
47
47
|
currentResponsiveProps = xs;
|
|
48
48
|
}
|
|
49
49
|
// Clear only responsive styles, not base styles
|
|
50
|
-
appliedResponsiveStyles.current.forEach(key => {
|
|
51
|
-
element.style[key] =
|
|
50
|
+
appliedResponsiveStyles.current.forEach((key) => {
|
|
51
|
+
element.style[key] = "";
|
|
52
52
|
});
|
|
53
53
|
appliedResponsiveStyles.current.clear();
|
|
54
54
|
// Reapply base styles
|
|
@@ -67,7 +67,7 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
67
67
|
}
|
|
68
68
|
if (currentResponsiveProps.aspectRatio) {
|
|
69
69
|
element.style.aspectRatio = currentResponsiveProps.aspectRatio;
|
|
70
|
-
appliedResponsiveStyles.current.add(
|
|
70
|
+
appliedResponsiveStyles.current.add("aspect-ratio");
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
}, [xl, l, m, s, xs, props.style, currentBreakpoint]);
|
|
@@ -77,36 +77,36 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
77
77
|
// Detect touch device
|
|
78
78
|
useEffect(() => {
|
|
79
79
|
const checkTouchDevice = () => {
|
|
80
|
-
const hasTouch =
|
|
81
|
-
const hasPointer = window.matchMedia(
|
|
80
|
+
const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
|
|
81
|
+
const hasPointer = window.matchMedia("(pointer: fine)").matches;
|
|
82
82
|
setIsTouchDevice(hasTouch && !hasPointer);
|
|
83
83
|
};
|
|
84
84
|
checkTouchDevice();
|
|
85
|
-
const mediaQuery = window.matchMedia(
|
|
85
|
+
const mediaQuery = window.matchMedia("(pointer: fine)");
|
|
86
86
|
const handlePointerChange = () => checkTouchDevice();
|
|
87
|
-
mediaQuery.addEventListener(
|
|
87
|
+
mediaQuery.addEventListener("change", handlePointerChange);
|
|
88
88
|
return () => {
|
|
89
|
-
mediaQuery.removeEventListener(
|
|
89
|
+
mediaQuery.removeEventListener("change", handlePointerChange);
|
|
90
90
|
};
|
|
91
91
|
}, []);
|
|
92
92
|
// Determine if we should hide the default cursor
|
|
93
|
-
const shouldHideCursor = typeof cursor ===
|
|
93
|
+
const shouldHideCursor = typeof cursor === "object" && cursor && !isTouchDevice;
|
|
94
94
|
// Determine if we should apply the hide class based on current breakpoint
|
|
95
95
|
const shouldApplyHideClass = () => {
|
|
96
96
|
try {
|
|
97
97
|
const { currentBreakpoint } = useLayout();
|
|
98
98
|
// Logic matching the shouldHide function in Grid component
|
|
99
|
-
if (currentBreakpoint ===
|
|
99
|
+
if (currentBreakpoint === "xl") {
|
|
100
100
|
if (xl?.hide !== undefined)
|
|
101
101
|
return xl.hide === true;
|
|
102
102
|
return hide === true;
|
|
103
103
|
}
|
|
104
|
-
if (currentBreakpoint ===
|
|
104
|
+
if (currentBreakpoint === "l") {
|
|
105
105
|
if (l?.hide !== undefined)
|
|
106
106
|
return l.hide === true;
|
|
107
107
|
return hide === true;
|
|
108
108
|
}
|
|
109
|
-
if (currentBreakpoint ===
|
|
109
|
+
if (currentBreakpoint === "m") {
|
|
110
110
|
if (m?.hide !== undefined)
|
|
111
111
|
return m.hide === true;
|
|
112
112
|
if (l?.hide !== undefined)
|
|
@@ -115,7 +115,7 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
115
115
|
return xl.hide === true;
|
|
116
116
|
return hide === true;
|
|
117
117
|
}
|
|
118
|
-
if (currentBreakpoint ===
|
|
118
|
+
if (currentBreakpoint === "s") {
|
|
119
119
|
if (s?.hide !== undefined)
|
|
120
120
|
return s.hide === true;
|
|
121
121
|
if (m?.hide !== undefined)
|
|
@@ -126,7 +126,7 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
126
126
|
return xl.hide === true;
|
|
127
127
|
return hide === true;
|
|
128
128
|
}
|
|
129
|
-
if (currentBreakpoint ===
|
|
129
|
+
if (currentBreakpoint === "xs") {
|
|
130
130
|
if (xs?.hide !== undefined)
|
|
131
131
|
return xs.hide === true;
|
|
132
132
|
if (s?.hide !== undefined)
|
|
@@ -149,8 +149,8 @@ const ClientGrid = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
149
149
|
const effectiveHide = shouldApplyHideClass();
|
|
150
150
|
return (_jsxs(_Fragment, { children: [_jsx(ServerGrid, { ...props, xl: xl, l: l, m: m, s: s, xs: xs, hide: effectiveHide, ref: combinedRef, style: {
|
|
151
151
|
...props.style,
|
|
152
|
-
cursor: shouldHideCursor ?
|
|
153
|
-
} }), typeof cursor ===
|
|
152
|
+
cursor: shouldHideCursor ? "none" : props.style?.cursor,
|
|
153
|
+
} }), typeof cursor === "object" && cursor && !isTouchDevice && (_jsx(Cursor, { cursor: cursor, elementRef: elementRef }))] }));
|
|
154
154
|
});
|
|
155
155
|
ClientGrid.displayName = "ClientGrid";
|
|
156
156
|
export { ClientGrid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientGrid.js","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAY/B,MAAM,UAAU,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"ClientGrid.js","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAY/B,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAE,CAAC;IAE1C,eAAe;IACf,MAAM,WAAW,GAAG,CAAC,IAAoB,EAAE,EAAE;QAC3C,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IACF,MAAM,uBAAuB,GAAG,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,MAAM,CAAgB,EAAE,CAAC,CAAC;IAE/C,6CAA6C;IAC7C,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,6CAA6C;QAC7C,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;YAChB,YAAY,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAC5C,CAAC;QAED,wEAAwE;QACxE,IAAI,sBAAsB,GAAQ,IAAI,CAAC;QACvC,IAAI,iBAAiB,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC;YACrC,sBAAsB,GAAG,EAAE,CAAC;QAC9B,CAAC;aAAM,IAAI,iBAAiB,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;YAC1C,sBAAsB,GAAG,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,iBAAiB,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;YAC1C,sBAAsB,GAAG,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,iBAAiB,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;YAC1C,sBAAsB,GAAG,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,iBAAiB,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC;YAC5C,sBAAsB,GAAG,EAAE,CAAC;QAC9B,CAAC;QAED,gDAAgD;QAChD,uBAAuB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YAC7C,OAAO,CAAC,KAAa,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,uBAAuB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAExC,sBAAsB;QACtB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC3D,OAAO,CAAC,KAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACtC,CAAC,CAAC,CAAC;QACL,CAAC;QAED,qEAAqE;QACrE,IAAI,sBAAsB,EAAE,CAAC;YAC3B,IAAI,sBAAsB,CAAC,KAAK,EAAE,CAAC;gBACjC,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;oBACnE,OAAO,CAAC,KAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;oBACpC,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC3C,CAAC,CAAC,CAAC;YACL,CAAC;YACD,IAAI,sBAAsB,CAAC,WAAW,EAAE,CAAC;gBACvC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,sBAAsB,CAAC,WAAW,CAAC;gBAC/D,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACtD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,sBAAsB;IACtB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,MAAM,QAAQ,GAAG,cAAc,IAAI,MAAM,IAAI,SAAS,CAAC,cAAc,GAAG,CAAC,CAAC;YAC1E,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC;YAChE,gBAAgB,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,gBAAgB,EAAE,CAAC;QAEnB,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC;QAErD,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iDAAiD;IACjD,MAAM,gBAAgB,GAAG,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,aAAa,CAAC;IAEhF,0EAA0E;IAC1E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,CAAC;YACH,MAAM,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAE,CAAC;YAE1C,2DAA2D;YAC3D,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;gBAC/B,IAAI,EAAE,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;gBACpD,OAAO,IAAI,KAAK,IAAI,CAAC;YACvB,CAAC;YAED,IAAI,iBAAiB,KAAK,GAAG,EAAE,CAAC;gBAC9B,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,OAAO,IAAI,KAAK,IAAI,CAAC;YACvB,CAAC;YAED,IAAI,iBAAiB,KAAK,GAAG,EAAE,CAAC;gBAC9B,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,EAAE,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;gBACpD,OAAO,IAAI,KAAK,IAAI,CAAC;YACvB,CAAC;YAED,IAAI,iBAAiB,KAAK,GAAG,EAAE,CAAC;gBAC9B,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,EAAE,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;gBACpD,OAAO,IAAI,KAAK,IAAI,CAAC;YACvB,CAAC;YAED,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;gBAC/B,IAAI,EAAE,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;gBACpD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,CAAC,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClD,IAAI,EAAE,EAAE,IAAI,KAAK,SAAS;oBAAE,OAAO,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;gBACpD,OAAO,IAAI,KAAK,IAAI,CAAC;YACvB,CAAC;YAED,OAAO,IAAI,KAAK,IAAI,CAAC;QACvB,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,IAAI,KAAK,IAAI,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,qEAAqE;IACrE,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAE7C,OAAO,CACL,8BACE,KAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,aAAa,EACnB,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;oBACL,GAAG,KAAK,CAAC,KAAK;oBACd,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM;iBACxD,GACD,EACD,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC,aAAa,IAAI,CACzD,KAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,GAAI,CACnD,IACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,yFA8UhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -49,13 +49,15 @@ const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, close
|
|
|
49
49
|
// Close dropdown when clicking outside
|
|
50
50
|
useEffect(() => {
|
|
51
51
|
const handleClickOutside = (e) => {
|
|
52
|
-
if (isDropdownOpen &&
|
|
52
|
+
if (isDropdownOpen &&
|
|
53
|
+
dropdownRef.current &&
|
|
54
|
+
!dropdownRef.current.contains(e.target)) {
|
|
53
55
|
handleOpenChange(false);
|
|
54
56
|
}
|
|
55
57
|
};
|
|
56
|
-
document.addEventListener(
|
|
58
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
57
59
|
return () => {
|
|
58
|
-
document.removeEventListener(
|
|
60
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
59
61
|
};
|
|
60
62
|
}, [isDropdownOpen, handleOpenChange]);
|
|
61
63
|
// Scroll locking and focus management
|
|
@@ -67,7 +69,7 @@ const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, close
|
|
|
67
69
|
setFocusedIndex(-1);
|
|
68
70
|
// Lock scroll
|
|
69
71
|
const originalStyle = window.getComputedStyle(document.body).overflow;
|
|
70
|
-
document.body.style.overflow =
|
|
72
|
+
document.body.style.overflow = "hidden";
|
|
71
73
|
// Store current scroll position
|
|
72
74
|
const scrollX = window.scrollX;
|
|
73
75
|
const scrollY = window.scrollY;
|
|
@@ -109,7 +111,7 @@ const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, close
|
|
|
109
111
|
// Restore focus when closing
|
|
110
112
|
previouslyFocusedElement.current.focus();
|
|
111
113
|
// Ensure scroll is unlocked
|
|
112
|
-
document.body.style.overflow =
|
|
114
|
+
document.body.style.overflow = "";
|
|
113
115
|
}
|
|
114
116
|
}, [isDropdownOpen]);
|
|
115
117
|
// Handle keyboard navigation
|
|
@@ -131,13 +133,15 @@ const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, close
|
|
|
131
133
|
const firstElement = focusableElements[0];
|
|
132
134
|
const lastElement = focusableElements[focusableElements.length - 1];
|
|
133
135
|
// Handle tab and shift+tab to cycle through focusable elements
|
|
134
|
-
if (e.shiftKey) {
|
|
136
|
+
if (e.shiftKey) {
|
|
137
|
+
// Shift+Tab
|
|
135
138
|
if (document.activeElement === firstElement) {
|
|
136
139
|
e.preventDefault();
|
|
137
140
|
lastElement.focus();
|
|
138
141
|
}
|
|
139
142
|
}
|
|
140
|
-
else {
|
|
143
|
+
else {
|
|
144
|
+
// Tab
|
|
141
145
|
if (document.activeElement === lastElement) {
|
|
142
146
|
e.preventDefault();
|
|
143
147
|
firstElement.focus();
|
|
@@ -190,33 +194,35 @@ const ContextMenu = forwardRef(({ children, dropdown, minHeight, onSelect, close
|
|
|
190
194
|
}
|
|
191
195
|
}
|
|
192
196
|
}, [isDropdownOpen, focusedIndex, handleOpenChange, closeAfterClick]);
|
|
193
|
-
return (_jsxs(Flex, { ref: containerRef, onContextMenu: handleContextMenu, onClick: handleClick, className: className || "", style: style, children: [children, isDropdownOpen &&
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
el
|
|
208
|
-
el.closest("
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
onSelect?.(value);
|
|
216
|
-
if (closeAfterClick) {
|
|
217
|
-
handleOpenChange(false);
|
|
197
|
+
return (_jsxs(Flex, { ref: containerRef, onContextMenu: handleContextMenu, onClick: handleClick, className: className || "", style: style, children: [children, isDropdownOpen &&
|
|
198
|
+
isBrowser &&
|
|
199
|
+
createPortal(_jsx(Flex, { position: "fixed", zIndex: 10, tabIndex: 0, ref: (node) => {
|
|
200
|
+
dropdownRef.current = node;
|
|
201
|
+
if (typeof ref === "function") {
|
|
202
|
+
ref(node);
|
|
203
|
+
}
|
|
204
|
+
else if (ref) {
|
|
205
|
+
ref.current = node;
|
|
206
|
+
}
|
|
207
|
+
}, className: styles.fadeIn, style: {
|
|
208
|
+
top: contextPosition.y,
|
|
209
|
+
left: contextPosition.x,
|
|
210
|
+
}, role: "menu", onKeyDown: handleKeyDown, onClick: (e) => {
|
|
211
|
+
const el = e.target;
|
|
212
|
+
const isSelectable = el.closest(".option") ||
|
|
213
|
+
el.closest("[role='option']") ||
|
|
214
|
+
el.closest("[data-value]");
|
|
215
|
+
if (isSelectable && closeAfterClick) {
|
|
216
|
+
setTimeout(() => {
|
|
217
|
+
handleOpenChange(false);
|
|
218
|
+
}, 50);
|
|
218
219
|
}
|
|
219
|
-
},
|
|
220
|
+
}, children: _jsx(Dropdown, { minWidth: minWidth, maxWidth: maxWidth, minHeight: minHeight, radius: "l", onSelect: (value) => {
|
|
221
|
+
onSelect?.(value);
|
|
222
|
+
if (closeAfterClick) {
|
|
223
|
+
handleOpenChange(false);
|
|
224
|
+
}
|
|
225
|
+
}, ...rest, children: dropdown }) }), document.body)] }));
|
|
220
226
|
});
|
|
221
227
|
ContextMenu.displayName = "ContextMenu";
|
|
222
228
|
export { ContextMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,QAAQ,EACR,MAAM,EAEN,UAAU,EAGV,WAAW,EACX,SAAS,GACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAmB/C,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,MAAM,EACN,YAAY,EACZ,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,YAAY,EACxB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,wBAAwB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9D,gDAAgD;IAChD,MAAM,YAAY,GAAG,MAAM,KAAK,SAAS,CAAC;IAC1C,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC;IAE9D,4BAA4B;IAC5B,MAAM,gBAAgB,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAO,IAAI,EAAE,MAAM,GAAG,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAO,IAAI,EAAE,MAAM,GAAG,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuSnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -23,31 +23,28 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
23
23
|
case "ease-out":
|
|
24
24
|
return 1 - Math.pow(1 - progress, 3);
|
|
25
25
|
case "ease-in-out":
|
|
26
|
-
return progress < 0.5
|
|
27
|
-
? 2 * progress * progress
|
|
28
|
-
: 1 - Math.pow(-2 * progress + 2, 2) / 2;
|
|
26
|
+
return progress < 0.5 ? 2 * progress * progress : 1 - Math.pow(-2 * progress + 2, 2) / 2;
|
|
29
27
|
default:
|
|
30
28
|
return 1 - Math.pow(1 - progress, 3);
|
|
31
29
|
}
|
|
32
30
|
};
|
|
33
31
|
// Wheel animation: create digit wheels
|
|
34
32
|
const renderWheelDigits = (currentValue, targetValue) => {
|
|
35
|
-
const currentStr = currentValue.toString().padStart(targetValue.toString().length,
|
|
33
|
+
const currentStr = currentValue.toString().padStart(targetValue.toString().length, "0");
|
|
36
34
|
const targetStr = targetValue.toString();
|
|
37
35
|
const maxLength = Math.max(currentStr.length, targetStr.length);
|
|
38
36
|
return Array.from({ length: maxLength }, (_, index) => {
|
|
39
|
-
const currentDigit = parseInt(currentStr[maxLength - 1 - index] ||
|
|
40
|
-
const targetDigit = parseInt(targetStr[maxLength - 1 - index] ||
|
|
37
|
+
const currentDigit = parseInt(currentStr[maxLength - 1 - index] || "0");
|
|
38
|
+
const targetDigit = parseInt(targetStr[maxLength - 1 - index] || "0");
|
|
41
39
|
// Calculate progress for this specific digit
|
|
42
40
|
const digitDifference = targetDigit - currentDigit;
|
|
43
|
-
const digitProgress = Math.abs(digitDifference) > 0 ?
|
|
44
|
-
Math.min(Math.abs(digitDifference) / 10, 1) : 1; // Progress based on how close to target
|
|
41
|
+
const digitProgress = Math.abs(digitDifference) > 0 ? Math.min(Math.abs(digitDifference) / 10, 1) : 1; // Progress based on how close to target
|
|
45
42
|
// Create wheel effect for this digit
|
|
46
43
|
const wheelDigits = [];
|
|
47
44
|
for (let i = 0; i <= 9; i++) {
|
|
48
45
|
const isActive = i === currentDigit;
|
|
49
46
|
// Calculate transition speed based on progress (slower as it approaches target)
|
|
50
|
-
const transitionDuration = 0.1 +
|
|
47
|
+
const transitionDuration = 0.1 + digitProgress * 0.2; // 0.1s to 0.3s
|
|
51
48
|
// Calculate position for wheel effect
|
|
52
49
|
let position = 0;
|
|
53
50
|
if (isActive) {
|
|
@@ -60,31 +57,31 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
60
57
|
position = 100; // Digits above current are below
|
|
61
58
|
}
|
|
62
59
|
wheelDigits.push(_jsx(Row, { center: true, position: "absolute", top: "0", left: "0", right: "0", bottom: "0", style: {
|
|
63
|
-
height:
|
|
64
|
-
width:
|
|
60
|
+
height: "1em",
|
|
61
|
+
width: "100%",
|
|
65
62
|
transform: `translateY(${position * 2}%)`,
|
|
66
63
|
transition: `all ${transitionDuration}s ease-out`,
|
|
67
|
-
pointerEvents:
|
|
64
|
+
pointerEvents: "none",
|
|
68
65
|
}, children: i }, i));
|
|
69
66
|
}
|
|
70
67
|
return (_jsx(Row, { align: "center", overflow: "hidden", inline: true, style: {
|
|
71
|
-
height:
|
|
72
|
-
width:
|
|
73
|
-
marginLeft:
|
|
74
|
-
marginRight:
|
|
75
|
-
position:
|
|
76
|
-
isolation:
|
|
68
|
+
height: "1em",
|
|
69
|
+
width: "0.8em",
|
|
70
|
+
marginLeft: "-0.125em",
|
|
71
|
+
marginRight: "-0.125em",
|
|
72
|
+
position: "relative",
|
|
73
|
+
isolation: "isolate",
|
|
77
74
|
}, children: wheelDigits }, index));
|
|
78
75
|
}).reverse();
|
|
79
76
|
};
|
|
80
77
|
// Smooth animation: animate each digit independently from start to target
|
|
81
78
|
const renderSmoothDigits = (startValue, targetValue, progress) => {
|
|
82
|
-
const startStr = startValue.toString().padStart(targetValue.toString().length,
|
|
79
|
+
const startStr = startValue.toString().padStart(targetValue.toString().length, "0");
|
|
83
80
|
const targetStr = targetValue.toString();
|
|
84
81
|
const maxLength = Math.max(startStr.length, targetStr.length);
|
|
85
82
|
return Array.from({ length: maxLength }, (_, index) => {
|
|
86
|
-
const startDigit = parseInt(startStr[maxLength - 1 - index] ||
|
|
87
|
-
const targetDigit = parseInt(targetStr[maxLength - 1 - index] ||
|
|
83
|
+
const startDigit = parseInt(startStr[maxLength - 1 - index] || "0");
|
|
84
|
+
const targetDigit = parseInt(targetStr[maxLength - 1 - index] || "0");
|
|
88
85
|
// Calculate the shortest path between digits (handles wrapping around 0-9)
|
|
89
86
|
let digitDifference = targetDigit - startDigit;
|
|
90
87
|
if (Math.abs(digitDifference) > 5) {
|
|
@@ -92,7 +89,7 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
92
89
|
digitDifference = digitDifference > 0 ? digitDifference - 10 : digitDifference + 10;
|
|
93
90
|
}
|
|
94
91
|
// Calculate the current digit position based on progress
|
|
95
|
-
const currentDigitPosition = startDigit +
|
|
92
|
+
const currentDigitPosition = startDigit + digitDifference * progress;
|
|
96
93
|
// Create wheel effect for this digit
|
|
97
94
|
const wheelDigits = [];
|
|
98
95
|
for (let i = 0; i <= 9; i++) {
|
|
@@ -124,7 +121,7 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
124
121
|
height: '2em',
|
|
125
122
|
width: '0.8em',
|
|
126
123
|
isolation: 'isolate',
|
|
127
|
-
}, children: wheelDigits }, index)
|
|
124
|
+
}, children: wheelDigits }) }, index));
|
|
128
125
|
}).reverse();
|
|
129
126
|
};
|
|
130
127
|
useEffect(() => {
|
|
@@ -142,18 +139,18 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
142
139
|
const easedProgress = getEasing(progress);
|
|
143
140
|
if (effect === "wheel") {
|
|
144
141
|
// For wheel animation, we animate each digit independently
|
|
145
|
-
const currentValue = Math.floor(startValue +
|
|
142
|
+
const currentValue = Math.floor(startValue + difference * easedProgress);
|
|
146
143
|
setDisplayValue(currentValue);
|
|
147
144
|
}
|
|
148
145
|
else if (effect === "smooth") {
|
|
149
146
|
// For smooth animation, we track progress and animate digits independently
|
|
150
147
|
setAnimationProgress(easedProgress);
|
|
151
|
-
const currentValue = Math.floor(startValue +
|
|
148
|
+
const currentValue = Math.floor(startValue + difference * easedProgress);
|
|
152
149
|
setDisplayValue(currentValue);
|
|
153
150
|
}
|
|
154
151
|
else {
|
|
155
152
|
// Simple animation
|
|
156
|
-
const currentValue = startValue +
|
|
153
|
+
const currentValue = startValue + difference * easedProgress;
|
|
157
154
|
const currentStepValue = Math.floor(currentValue);
|
|
158
155
|
setDisplayValue(currentStepValue);
|
|
159
156
|
}
|
|
@@ -185,10 +182,10 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
185
182
|
};
|
|
186
183
|
}, []);
|
|
187
184
|
if (effect === "wheel") {
|
|
188
|
-
return (_jsxs(Text, { ...text, style: { display:
|
|
185
|
+
return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderWheelDigits(displayValue, value), children] }));
|
|
189
186
|
}
|
|
190
187
|
if (effect === "smooth") {
|
|
191
|
-
return (_jsxs(Text, { ...text, style: { display:
|
|
188
|
+
return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderSmoothDigits(previousValueRef.current, value, animationProgress), children] }));
|
|
192
189
|
}
|
|
193
190
|
return (_jsxs(Text, { ...text, children: [formatValue(displayValue), children] }));
|
|
194
191
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountFx.js","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAY9B,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,MAAM,GAAG,UAAU,EACnB,MAAM,EACN,SAAS,EACT,MAAM,GAAG,QAAQ,EACjB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,MAAM,CAAS,KAAK,CAAC,CAAC;IAE/C,iDAAiD;IACjD,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;QACpC,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;QACpE,CAAC;QACD,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,IAAI,aAAa,CAAC;IAE5C,mBAAmB;IACnB,MAAM,SAAS,GAAG,CAAC,QAAgB,EAAU,EAAE;QAC7C,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,UAAU;gBACb,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;YACvC,KAAK,aAAa;gBAChB,OAAO,QAAQ,GAAG,GAAG
|
|
1
|
+
{"version":3,"file":"CountFx.js","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,19 +11,19 @@ export const Cursor = ({ cursor, elementRef }) => {
|
|
|
11
11
|
useEffect(() => {
|
|
12
12
|
const checkTouchDevice = () => {
|
|
13
13
|
// Check for touch capability
|
|
14
|
-
const hasTouch =
|
|
14
|
+
const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
|
|
15
15
|
// Check for pointer capability (some devices have both mouse and touch)
|
|
16
|
-
const hasPointer = window.matchMedia(
|
|
16
|
+
const hasPointer = window.matchMedia("(pointer: fine)").matches;
|
|
17
17
|
// Consider it a touch device if it has touch but no fine pointer (mouse)
|
|
18
18
|
setIsTouchDevice(hasTouch && !hasPointer);
|
|
19
19
|
};
|
|
20
20
|
checkTouchDevice();
|
|
21
21
|
// Listen for changes in pointer capability (e.g., when external mouse is connected)
|
|
22
|
-
const mediaQuery = window.matchMedia(
|
|
22
|
+
const mediaQuery = window.matchMedia("(pointer: fine)");
|
|
23
23
|
const handlePointerChange = () => checkTouchDevice();
|
|
24
|
-
mediaQuery.addEventListener(
|
|
24
|
+
mediaQuery.addEventListener("change", handlePointerChange);
|
|
25
25
|
return () => {
|
|
26
|
-
mediaQuery.removeEventListener(
|
|
26
|
+
mediaQuery.removeEventListener("change", handlePointerChange);
|
|
27
27
|
};
|
|
28
28
|
}, []);
|
|
29
29
|
// Mouse tracking for custom cursor (only on non-touch devices)
|
|
@@ -49,19 +49,19 @@ export const Cursor = ({ cursor, elementRef }) => {
|
|
|
49
49
|
};
|
|
50
50
|
const element = elementRef.current;
|
|
51
51
|
if (element) {
|
|
52
|
-
element.addEventListener(
|
|
53
|
-
element.addEventListener(
|
|
54
|
-
document.addEventListener(
|
|
52
|
+
element.addEventListener("mouseenter", handleMouseEnter);
|
|
53
|
+
element.addEventListener("mouseleave", handleMouseLeave);
|
|
54
|
+
document.addEventListener("mousemove", handleMouseMove);
|
|
55
55
|
}
|
|
56
56
|
return () => {
|
|
57
57
|
if (animationFrameId) {
|
|
58
58
|
cancelAnimationFrame(animationFrameId);
|
|
59
59
|
}
|
|
60
60
|
if (element) {
|
|
61
|
-
element.removeEventListener(
|
|
62
|
-
element.removeEventListener(
|
|
61
|
+
element.removeEventListener("mouseenter", handleMouseEnter);
|
|
62
|
+
element.removeEventListener("mouseleave", handleMouseLeave);
|
|
63
63
|
}
|
|
64
|
-
document.removeEventListener(
|
|
64
|
+
document.removeEventListener("mousemove", handleMouseMove);
|
|
65
65
|
};
|
|
66
66
|
}, [cursor, elementRef, isTouchDevice]);
|
|
67
67
|
// Don't render custom cursor on touch devices
|
|
@@ -70,8 +70,8 @@ export const Cursor = ({ cursor, elementRef }) => {
|
|
|
70
70
|
return createPortal(_jsx(Flex, { position: "fixed", pointerEvents: "none", zIndex: 10, style: {
|
|
71
71
|
left: mousePosition.x,
|
|
72
72
|
top: mousePosition.y,
|
|
73
|
-
transform:
|
|
74
|
-
transition:
|
|
73
|
+
transform: "translate(-50%, -50%)",
|
|
74
|
+
transition: "none",
|
|
75
75
|
}, children: cursor }), document.body);
|
|
76
76
|
};
|
|
77
77
|
Cursor.displayName = "Cursor";
|
|
@@ -38,6 +38,6 @@ export const DateInput = ({ id, label, placeholder, value, onChange, error, minH
|
|
|
38
38
|
}, []);
|
|
39
39
|
return (_jsx(DropdownWrapper, { trigger: _jsx(Input, { style: {
|
|
40
40
|
textOverflow: "ellipsis",
|
|
41
|
-
}, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onFocus: handleInputFocus, ...rest }), dropdown: _jsx(DatePicker, { padding: "20", value: value, onChange: handleDateChange, timePicker: timePicker, minDate: minDate, maxDate: maxDate, autoFocus: true, isOpen: isOpen }, `datepicker-${isOpen ?
|
|
41
|
+
}, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onFocus: handleInputFocus, ...rest }), dropdown: _jsx(DatePicker, { padding: "20", value: value, onChange: handleDateChange, timePicker: timePicker, minDate: minDate, maxDate: maxDate, autoFocus: true, isOpen: isOpen }, `datepicker-${isOpen ? "open" : "closed"}-${value?.getTime() || 0}`), fillWidth: true, minHeight: minHeight, isOpen: isOpen, onOpenChange: setIsOpen, className: className, closeAfterClick: !timePicker, disableTriggerClick: true, style: { ...style }, handleArrowNavigation: false }));
|
|
42
42
|
};
|
|
43
43
|
//# sourceMappingURL=DateInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,IAAI,EAcL,MAAM,GAAG,CAAC;AAGX,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,IAAI,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,qGAy3Bf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|