@once-ui-system/core 1.0.13 → 1.0.14
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/Accordion.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +37 -59
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +14 -61
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.js +5 -22
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +12 -29
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +11 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.js +9 -57
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.js +10 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.js +9 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.js +43 -32
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/hooks/index.js +3 -19
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js +5 -7
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -11
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
- package/dist/hooks/useHeadingLinks.js +5 -8
- package/dist/hooks/useHeadingLinks.js.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.js +30 -75
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +29 -45
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +4 -8
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.js +14 -17
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Gradient.js +6 -11
- package/dist/modules/data/Gradient.js.map +1 -1
- package/dist/modules/data/Legend.js +8 -11
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.js +29 -77
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.js +42 -87
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.js +28 -78
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.js +17 -12
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/index.js +11 -27
- package/dist/modules/data/index.js.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/utils/colorDistribution.js +8 -12
- package/dist/modules/data/utils/colorDistribution.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +6 -9
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.js +16 -34
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +7 -26
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +24 -42
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.js +52 -109
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +27 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +10 -25
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/navigation/index.js +5 -21
- package/dist/modules/navigation/index.js.map +1 -1
- package/dist/modules/seo/Meta.js +28 -19
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.js +16 -17
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/package.json +2 -4
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +18 -20
|
@@ -1,90 +1,38 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
exports.Dialog = exports.DialogProvider = void 0;
|
|
52
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
const react_1 = __importStar(require("react"));
|
|
54
|
-
const react_dom_1 = __importDefault(require("react-dom"));
|
|
55
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
56
|
-
const _1 = require(".");
|
|
57
|
-
const Dialog_module_scss_1 = __importDefault(require("./Dialog.module.scss"));
|
|
58
|
-
const DialogContext = react_1.default.createContext({
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useEffect, useCallback, useRef, forwardRef, useState, useContext, } from "react";
|
|
4
|
+
import ReactDOM from "react-dom";
|
|
5
|
+
import classNames from "classnames";
|
|
6
|
+
import { Flex, Heading, IconButton, Text } from ".";
|
|
7
|
+
import styles from "./Dialog.module.scss";
|
|
8
|
+
const DialogContext = React.createContext({
|
|
59
9
|
stackedDialogOpen: false,
|
|
60
10
|
setStackedDialogOpen: () => { },
|
|
61
11
|
});
|
|
62
|
-
const DialogProvider = ({ children }) => {
|
|
63
|
-
const [stackedDialogOpen, setStackedDialogOpen] =
|
|
64
|
-
return ((
|
|
12
|
+
export const DialogProvider = ({ children }) => {
|
|
13
|
+
const [stackedDialogOpen, setStackedDialogOpen] = useState(false);
|
|
14
|
+
return (_jsx(DialogContext.Provider, { value: {
|
|
65
15
|
stackedDialogOpen,
|
|
66
16
|
setStackedDialogOpen,
|
|
67
17
|
}, children: children }));
|
|
68
18
|
};
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
const
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
const { stackedDialogOpen, setStackedDialogOpen } = (0, react_1.useContext)(DialogContext);
|
|
76
|
-
(0, react_1.useEffect)(() => {
|
|
19
|
+
const Dialog = forwardRef(({ isOpen, onClose, title, description, children, stack, base, footer, onHeightChange, minHeight, ...rest }, ref) => {
|
|
20
|
+
const dialogRef = useRef(null);
|
|
21
|
+
const [isVisible, setIsVisible] = useState(isOpen);
|
|
22
|
+
const [isAnimating, setIsAnimating] = useState(false);
|
|
23
|
+
const { stackedDialogOpen, setStackedDialogOpen } = useContext(DialogContext);
|
|
24
|
+
useEffect(() => {
|
|
77
25
|
if (stack) {
|
|
78
26
|
setStackedDialogOpen(isOpen);
|
|
79
27
|
}
|
|
80
28
|
}, [stack, isOpen, setStackedDialogOpen]);
|
|
81
|
-
|
|
29
|
+
useEffect(() => {
|
|
82
30
|
if (dialogRef.current && isVisible) {
|
|
83
31
|
const height = dialogRef.current.offsetHeight;
|
|
84
|
-
onHeightChange
|
|
32
|
+
onHeightChange?.(height);
|
|
85
33
|
}
|
|
86
34
|
}, [isVisible, onHeightChange]);
|
|
87
|
-
|
|
35
|
+
useEffect(() => {
|
|
88
36
|
if (isOpen) {
|
|
89
37
|
setIsVisible(true);
|
|
90
38
|
setTimeout(() => {
|
|
@@ -98,7 +46,7 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
98
46
|
}, 300);
|
|
99
47
|
}
|
|
100
48
|
}, [isOpen]);
|
|
101
|
-
const handleKeyDown =
|
|
49
|
+
const handleKeyDown = useCallback((event) => {
|
|
102
50
|
if (event.key === "Escape" && !base) {
|
|
103
51
|
onClose();
|
|
104
52
|
}
|
|
@@ -118,7 +66,7 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
118
66
|
}
|
|
119
67
|
}
|
|
120
68
|
}, [onClose, base]);
|
|
121
|
-
|
|
69
|
+
useEffect(() => {
|
|
122
70
|
if (isOpen) {
|
|
123
71
|
document.addEventListener("keydown", handleKeyDown);
|
|
124
72
|
return () => {
|
|
@@ -126,7 +74,7 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
126
74
|
};
|
|
127
75
|
}
|
|
128
76
|
}, [isOpen, handleKeyDown]);
|
|
129
|
-
|
|
77
|
+
useEffect(() => {
|
|
130
78
|
if (isOpen) {
|
|
131
79
|
document.body.style.overflow = "hidden";
|
|
132
80
|
// Make everything outside the dialog inert
|
|
@@ -166,21 +114,20 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
166
114
|
}
|
|
167
115
|
}
|
|
168
116
|
}, [isOpen, stack]);
|
|
169
|
-
|
|
117
|
+
useEffect(() => {
|
|
170
118
|
if (isOpen && dialogRef.current) {
|
|
171
119
|
const focusableElements = dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
172
120
|
const firstElement = focusableElements[0];
|
|
173
121
|
firstElement.focus();
|
|
174
122
|
}
|
|
175
123
|
}, [isOpen]);
|
|
176
|
-
|
|
124
|
+
useEffect(() => {
|
|
177
125
|
const handleClickOutside = (event) => {
|
|
178
|
-
var _a;
|
|
179
126
|
// Only handle left clicks (button 0), ignore right clicks
|
|
180
127
|
if (event.button !== 0)
|
|
181
128
|
return;
|
|
182
129
|
event.stopPropagation();
|
|
183
|
-
if (!
|
|
130
|
+
if (!dialogRef.current?.contains(event.target)) {
|
|
184
131
|
if (stack || !base) {
|
|
185
132
|
// Prevent default to avoid triggering any links behind the dialog
|
|
186
133
|
event.preventDefault();
|
|
@@ -197,18 +144,17 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
197
144
|
}, [isVisible, onClose, stack, base]);
|
|
198
145
|
if (!isVisible)
|
|
199
146
|
return null;
|
|
200
|
-
return
|
|
201
|
-
[
|
|
202
|
-
}), center: true, padding: "l", role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-title", children: (
|
|
147
|
+
return ReactDOM.createPortal(_jsx(Flex, { ref: ref, transition: "macro-medium", background: "overlay", position: "fixed", zIndex: base ? 8 : 9, top: "0", left: "0", right: "0", bottom: "0", className: classNames(styles.overlay, {
|
|
148
|
+
[styles.open]: isAnimating,
|
|
149
|
+
}), center: true, padding: "l", role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-title", children: _jsx(Flex, { fill: true, center: true, transition: "macro-medium", style: {
|
|
203
150
|
transform: base ? "scale(0.94) translateY(-1.25rem)" : "",
|
|
204
|
-
}, children: (
|
|
205
|
-
[
|
|
151
|
+
}, children: _jsxs(Flex, { position: "unset", className: classNames(styles.dialog, {
|
|
152
|
+
[styles.open]: isAnimating,
|
|
206
153
|
}), style: {
|
|
207
154
|
minHeight: minHeight ? `${minHeight}px` : undefined,
|
|
208
155
|
}, ref: dialogRef, fillWidth: true, transition: "macro-medium", shadow: "xl", radius: "xl", border: "neutral-medium", background: "neutral-weak", direction: "column", tabIndex: -1, onKeyDown: (e) => {
|
|
209
|
-
var _a;
|
|
210
156
|
if (e.key === "Tab") {
|
|
211
|
-
const focusableElements = Array.from(
|
|
157
|
+
const focusableElements = Array.from(dialogRef.current?.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') || []);
|
|
212
158
|
if (focusableElements.length === 0)
|
|
213
159
|
return;
|
|
214
160
|
const firstElement = focusableElements[0];
|
|
@@ -222,8 +168,8 @@ const Dialog = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
222
168
|
firstElement.focus();
|
|
223
169
|
}
|
|
224
170
|
}
|
|
225
|
-
}
|
|
171
|
+
}, ...rest, children: [_jsxs(Flex, { as: "header", direction: "column", paddingX: "24", paddingTop: "24", paddingBottom: "s", gap: "4", children: [_jsxs(Flex, { fillWidth: true, horizontal: "space-between", gap: "8", children: [typeof title === "string" ? (_jsx(Heading, { id: "dialog-title", variant: "heading-strong-l", children: title })) : (title), _jsx(IconButton, { icon: "close", size: "m", variant: "tertiary", tooltip: "Close", onClick: onClose })] }), description && (_jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: description }))] }), _jsx(Flex, { as: "section", paddingX: "24", paddingBottom: "24", flex: 1, overflowY: "auto", direction: "column", children: children }), footer && (_jsx(Flex, { borderTop: "neutral-medium", as: "footer", horizontal: "end", padding: "12", gap: "8", children: footer }))] }) }) }), document.body);
|
|
226
172
|
});
|
|
227
|
-
exports.Dialog = Dialog;
|
|
228
173
|
Dialog.displayName = "Dialog";
|
|
174
|
+
export { Dialog };
|
|
229
175
|
//# sourceMappingURL=Dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,16 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
exports.Dropdown = void 0;
|
|
16
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 = require("react");
|
|
18
|
-
const _1 = require(".");
|
|
19
|
-
const Dropdown = (0, react_1.forwardRef)((_a, ref) => {
|
|
20
|
-
var { selectedOption, className, children, onEscape, onSelect } = _a, rest = __rest(_a, ["selectedOption", "className", "children", "onEscape", "onSelect"]);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
const Dropdown = forwardRef(({ selectedOption, className, children, onEscape, onSelect, ...rest }, ref) => {
|
|
21
6
|
const handleSelect = (event) => {
|
|
22
7
|
const value = event.currentTarget.getAttribute("data-value");
|
|
23
8
|
if (onSelect && value) {
|
|
24
9
|
onSelect(value);
|
|
25
10
|
}
|
|
26
11
|
};
|
|
27
|
-
return ((
|
|
12
|
+
return (_jsx(Flex, { ref: ref, role: "listbox", onClick: handleSelect, flex: 1, border: "neutral-medium", background: "surface", overflow: "hidden", ...rest, children: _jsx(Flex, { flex: 1, overflowY: "auto", direction: "column", gap: "2", children: children }) }));
|
|
28
13
|
});
|
|
29
|
-
exports.Dropdown = Dropdown;
|
|
30
14
|
Dropdown.displayName = "Dropdown";
|
|
15
|
+
export { Dropdown };
|
|
31
16
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAa,UAAU,EAAkB,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AASzB,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,CAAC,KAAqC,EAAE,EAAE;QAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC7D,IAAI,QAAQ,IAAI,KAAK,EAAE,CAAC;YACtB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,CAAC,EACP,MAAM,EAAC,gBAAgB,EACvB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,QAAQ,KACb,IAAI,YAER,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACvD,QAAQ,GACJ,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,37 +1,31 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const wrapperRef = (0, react_1.useRef)(null);
|
|
15
|
-
const dropdownRef = (0, react_1.useRef)(null);
|
|
16
|
-
const [mounted, setMounted] = (0, react_1.useState)(false);
|
|
17
|
-
const [internalIsOpen, setInternalIsOpen] = (0, react_1.useState)(false);
|
|
18
|
-
const [focusedIndex, setFocusedIndex] = (0, react_1.useState)(-1);
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
|
|
4
|
+
import { useFloating, shift, offset, flip, size, autoUpdate, } from "@floating-ui/react-dom";
|
|
5
|
+
import { Flex, Dropdown } from ".";
|
|
6
|
+
import styles from "./DropdownWrapper.module.scss";
|
|
7
|
+
const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeight, onSelect, closeAfterClick = true, isOpen: controlledIsOpen, onOpenChange, minWidth, maxWidth, fillWidth = false, placement = "bottom-start", className, style, }, ref) => {
|
|
8
|
+
const wrapperRef = useRef(null);
|
|
9
|
+
const dropdownRef = useRef(null);
|
|
10
|
+
const [mounted, setMounted] = useState(false);
|
|
11
|
+
const [internalIsOpen, setInternalIsOpen] = useState(false);
|
|
12
|
+
const [focusedIndex, setFocusedIndex] = useState(-1);
|
|
19
13
|
const isControlled = controlledIsOpen !== undefined;
|
|
20
14
|
const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
|
|
21
|
-
const handleOpenChange =
|
|
15
|
+
const handleOpenChange = useCallback((newIsOpen) => {
|
|
22
16
|
if (!isControlled) {
|
|
23
17
|
setInternalIsOpen(newIsOpen);
|
|
24
18
|
}
|
|
25
|
-
onOpenChange
|
|
19
|
+
onOpenChange?.(newIsOpen);
|
|
26
20
|
}, [onOpenChange, isControlled]);
|
|
27
|
-
const { x, y, strategy, refs, update } =
|
|
21
|
+
const { x, y, strategy, refs, update } = useFloating({
|
|
28
22
|
placement: placement,
|
|
29
23
|
open: isOpen,
|
|
30
24
|
middleware: [
|
|
31
|
-
|
|
32
|
-
minHeight ? undefined :
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
offset(4),
|
|
26
|
+
minHeight ? undefined : flip(),
|
|
27
|
+
shift(),
|
|
28
|
+
size({
|
|
35
29
|
apply({ availableWidth, availableHeight, elements }) {
|
|
36
30
|
Object.assign(elements.floating.style, {
|
|
37
31
|
width: fillWidth ? "100%" : "auto",
|
|
@@ -43,20 +37,20 @@ const DropdownWrapper = (0, react_1.forwardRef)(({ trigger, dropdown, selectedOp
|
|
|
43
37
|
},
|
|
44
38
|
}),
|
|
45
39
|
],
|
|
46
|
-
whileElementsMounted:
|
|
40
|
+
whileElementsMounted: autoUpdate,
|
|
47
41
|
});
|
|
48
|
-
|
|
49
|
-
|
|
42
|
+
useImperativeHandle(ref, () => wrapperRef.current);
|
|
43
|
+
useEffect(() => {
|
|
50
44
|
if (wrapperRef.current) {
|
|
51
45
|
refs.setReference(wrapperRef.current);
|
|
52
46
|
}
|
|
53
47
|
}, [refs, mounted]);
|
|
54
|
-
|
|
48
|
+
useEffect(() => {
|
|
55
49
|
if (!mounted) {
|
|
56
50
|
setMounted(true);
|
|
57
51
|
}
|
|
58
52
|
}, [mounted]);
|
|
59
|
-
|
|
53
|
+
useEffect(() => {
|
|
60
54
|
if (isOpen && mounted) {
|
|
61
55
|
requestAnimationFrame(() => {
|
|
62
56
|
if (dropdownRef.current) {
|
|
@@ -84,29 +78,29 @@ const DropdownWrapper = (0, react_1.forwardRef)(({ trigger, dropdown, selectedOp
|
|
|
84
78
|
});
|
|
85
79
|
}
|
|
86
80
|
}, [isOpen, mounted, refs, update]);
|
|
87
|
-
const handleClickOutside =
|
|
81
|
+
const handleClickOutside = useCallback((event) => {
|
|
88
82
|
if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
|
|
89
83
|
handleOpenChange(false);
|
|
90
84
|
setFocusedIndex(-1);
|
|
91
85
|
}
|
|
92
86
|
}, [handleOpenChange, wrapperRef]);
|
|
93
|
-
const handleFocusOut =
|
|
87
|
+
const handleFocusOut = useCallback((event) => {
|
|
94
88
|
if (wrapperRef.current && !wrapperRef.current.contains(event.relatedTarget)) {
|
|
95
89
|
handleOpenChange(false);
|
|
96
90
|
setFocusedIndex(-1);
|
|
97
91
|
}
|
|
98
92
|
}, [handleOpenChange, wrapperRef]);
|
|
99
|
-
|
|
93
|
+
useEffect(() => {
|
|
100
94
|
const currentWrapperRef = wrapperRef.current;
|
|
101
95
|
document.addEventListener("mousedown", handleClickOutside);
|
|
102
|
-
currentWrapperRef
|
|
96
|
+
currentWrapperRef?.addEventListener("focusout", handleFocusOut);
|
|
103
97
|
return () => {
|
|
104
98
|
document.removeEventListener("mousedown", handleClickOutside);
|
|
105
|
-
currentWrapperRef
|
|
99
|
+
currentWrapperRef?.removeEventListener("focusout", handleFocusOut);
|
|
106
100
|
};
|
|
107
101
|
}, [handleClickOutside, handleFocusOut]);
|
|
108
102
|
// Handle keyboard navigation
|
|
109
|
-
const handleKeyDown =
|
|
103
|
+
const handleKeyDown = useCallback((e) => {
|
|
110
104
|
if (!isOpen) {
|
|
111
105
|
if (e.key === "Enter" || e.key === " ") {
|
|
112
106
|
e.preventDefault();
|
|
@@ -165,11 +159,14 @@ const DropdownWrapper = (0, react_1.forwardRef)(({ trigger, dropdown, selectedOp
|
|
|
165
159
|
}
|
|
166
160
|
}
|
|
167
161
|
}, [isOpen, focusedIndex, handleOpenChange, closeAfterClick]);
|
|
168
|
-
return ((
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
162
|
+
return (_jsxs(Flex, { fillWidth: fillWidth, direction: "column", transition: "macro-medium", style: {
|
|
163
|
+
...(minHeight && isOpen
|
|
164
|
+
? {
|
|
165
|
+
marginBottom: `${minHeight + 8}px`,
|
|
166
|
+
}
|
|
167
|
+
: {}),
|
|
168
|
+
...style,
|
|
169
|
+
}, className: className, ref: wrapperRef, onClick: (e) => {
|
|
173
170
|
if (!isOpen) {
|
|
174
171
|
handleOpenChange(true);
|
|
175
172
|
return;
|
|
@@ -180,12 +177,12 @@ const DropdownWrapper = (0, react_1.forwardRef)(({ trigger, dropdown, selectedOp
|
|
|
180
177
|
handleOpenChange(false);
|
|
181
178
|
setFocusedIndex(-1);
|
|
182
179
|
}
|
|
183
|
-
}, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [trigger, isOpen && dropdown && ((
|
|
180
|
+
}, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [trigger, isOpen && dropdown && (_jsx(Flex, { zIndex: 1, className: styles.fadeIn, minWidth: minWidth, ref: dropdownRef, style: {
|
|
184
181
|
position: strategy,
|
|
185
|
-
top: y
|
|
186
|
-
left: x
|
|
187
|
-
}, role: "listbox", children: (
|
|
182
|
+
top: y ?? 0,
|
|
183
|
+
left: x ?? 0,
|
|
184
|
+
}, role: "listbox", children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", selectedOption: selectedOption, onSelect: onSelect, children: dropdown }) }))] }));
|
|
188
185
|
});
|
|
189
|
-
exports.DropdownWrapper = DropdownWrapper;
|
|
190
186
|
DropdownWrapper.displayName = "DropdownWrapper";
|
|
187
|
+
export { DropdownWrapper };
|
|
191
188
|
//# sourceMappingURL=DropdownWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,39 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.ElementType = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const link_1 = __importDefault(require("next/link"));
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const Flex_1 = require("./Flex");
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Link from "next/link";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { Flex } from "./Flex";
|
|
22
5
|
const isExternalLink = (url) => /^https?:\/\//.test(url);
|
|
23
|
-
const ElementType =
|
|
24
|
-
var { href, type, onClick, onLinkClick, children, className, style } = _a, props = __rest(_a, ["href", "type", "onClick", "onLinkClick", "children", "className", "style"]);
|
|
6
|
+
const ElementType = forwardRef(({ href, type, onClick, onLinkClick, children, className, style, ...props }, ref) => {
|
|
25
7
|
if (href) {
|
|
26
8
|
const isExternal = isExternalLink(href);
|
|
27
9
|
if (isExternal) {
|
|
28
|
-
return ((
|
|
10
|
+
return (_jsx("a", { href: href, target: "_blank", rel: "noreferrer", ref: ref, className: className, style: style, onClick: () => onLinkClick?.(), ...props, children: children }));
|
|
29
11
|
}
|
|
30
|
-
return ((
|
|
12
|
+
return (_jsx(Link, { href: href, ref: ref, className: className, style: style, onClick: () => onLinkClick?.(), ...props, children: children }));
|
|
31
13
|
}
|
|
32
14
|
if (onClick || type === "submit" || type === "button") {
|
|
33
|
-
return ((
|
|
15
|
+
return (_jsx("button", { ref: ref, className: className, onClick: onClick, style: style, ...props, children: children }));
|
|
34
16
|
}
|
|
35
|
-
return ((
|
|
17
|
+
return (_jsx(Flex, { ref: ref, className: className, style: style, ...props, children: children }));
|
|
36
18
|
});
|
|
37
|
-
exports.ElementType = ElementType;
|
|
38
19
|
ElementType.displayName = "ElementType";
|
|
20
|
+
export { ElementType };
|
|
39
21
|
//# sourceMappingURL=ElementType.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementType.js","sourceRoot":"","sources":["../../src/components/ElementType.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ElementType.js","sourceRoot":"","sources":["../../src/components/ElementType.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAc,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAY9B,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEjE,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClF,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CACL,YACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KACzB,KAAuD,YAE3D,QAAQ,GACP,CACL,CAAC;QACJ,CAAC;QACD,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KACzB,KAAuD,YAE3D,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtD,OAAO,CACL,iBACE,GAAG,EAAE,GAAmC,EACxC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,KACP,KAAuD,YAE3D,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAgC,EACrC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,KACP,KAA8C,YAElD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|