@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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.SegmentedControl = void 0;
|
|
16
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 = require("react");
|
|
18
|
-
const _1 = require(".");
|
|
19
|
-
const SegmentedControl = (_a) => {
|
|
20
|
-
var { buttons, onToggle, defaultSelected, fillWidth = true, selected, className, style } = _a, scrollerProps = __rest(_a, ["buttons", "onToggle", "defaultSelected", "fillWidth", "selected", "className", "style"]);
|
|
21
|
-
const [internalSelected, setInternalSelected] = (0, react_1.useState)(() => {
|
|
22
|
-
var _a;
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, useRef } from "react";
|
|
4
|
+
import { ToggleButton, Scroller, Flex } from ".";
|
|
5
|
+
const SegmentedControl = ({ buttons, onToggle, defaultSelected, fillWidth = true, selected, className, style, ...scrollerProps }) => {
|
|
6
|
+
const [internalSelected, setInternalSelected] = useState(() => {
|
|
23
7
|
if (selected !== undefined)
|
|
24
8
|
return selected;
|
|
25
9
|
if (defaultSelected !== undefined)
|
|
26
10
|
return defaultSelected;
|
|
27
|
-
return
|
|
11
|
+
return buttons[0]?.value || "";
|
|
28
12
|
});
|
|
29
|
-
const buttonRefs =
|
|
30
|
-
|
|
13
|
+
const buttonRefs = useRef([]);
|
|
14
|
+
useEffect(() => {
|
|
31
15
|
if (selected !== undefined) {
|
|
32
16
|
setInternalSelected(selected);
|
|
33
17
|
}
|
|
@@ -39,7 +23,6 @@ const SegmentedControl = (_a) => {
|
|
|
39
23
|
onToggle(newSelected, event);
|
|
40
24
|
};
|
|
41
25
|
const handleKeyDown = (event) => {
|
|
42
|
-
var _a, _b;
|
|
43
26
|
const focusedIndex = buttonRefs.current.findIndex((ref) => ref === document.activeElement);
|
|
44
27
|
switch (event.key) {
|
|
45
28
|
case "ArrowLeft":
|
|
@@ -50,7 +33,7 @@ const SegmentedControl = (_a) => {
|
|
|
50
33
|
: focusedIndex > 0
|
|
51
34
|
? focusedIndex - 1
|
|
52
35
|
: buttons.length - 1;
|
|
53
|
-
|
|
36
|
+
buttonRefs.current[prevIndex]?.focus();
|
|
54
37
|
break;
|
|
55
38
|
case "ArrowRight":
|
|
56
39
|
case "ArrowDown":
|
|
@@ -60,7 +43,7 @@ const SegmentedControl = (_a) => {
|
|
|
60
43
|
: focusedIndex < buttons.length - 1
|
|
61
44
|
? focusedIndex + 1
|
|
62
45
|
: 0;
|
|
63
|
-
|
|
46
|
+
buttonRefs.current[nextIndex]?.focus();
|
|
64
47
|
break;
|
|
65
48
|
case "Enter":
|
|
66
49
|
case " ": // Space key
|
|
@@ -76,12 +59,12 @@ const SegmentedControl = (_a) => {
|
|
|
76
59
|
}
|
|
77
60
|
};
|
|
78
61
|
const selectedIndex = buttons.findIndex((button) => button.value === internalSelected);
|
|
79
|
-
return ((
|
|
80
|
-
return ((
|
|
62
|
+
return (_jsx(Scroller, { direction: "row", fillWidth: fillWidth, minWidth: 0, ...scrollerProps, role: "tablist", "aria-orientation": "horizontal", onKeyDown: handleKeyDown, children: _jsx(Flex, { fillWidth: fillWidth, gap: "-1", children: buttons.map((button, index) => {
|
|
63
|
+
return (_jsx(ToggleButton, { ref: (el) => {
|
|
81
64
|
buttonRefs.current[index] = el;
|
|
82
|
-
}, variant: "outline", radius: index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none", selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: style, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth
|
|
83
|
-
}) }) }))
|
|
65
|
+
}, variant: "outline", radius: index === 0 ? "left" : index === buttons.length - 1 ? "right" : "none", selected: index === selectedIndex, onClick: (event) => handleButtonClick(button, event), role: "tab", className: className, style: style, "aria-selected": index === selectedIndex, "aria-controls": `panel-${button.value}`, tabIndex: index === selectedIndex ? 0 : -1, fillWidth: fillWidth, ...button }, button.value));
|
|
66
|
+
}) }) }));
|
|
84
67
|
};
|
|
85
|
-
exports.SegmentedControl = SegmentedControl;
|
|
86
68
|
SegmentedControl.displayName = "SegmentedControl";
|
|
69
|
+
export { SegmentedControl };
|
|
87
70
|
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,39 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.Select = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
|
|
24
|
-
const Select = (0, react_1.forwardRef)((_a, ref) => {
|
|
25
|
-
var { options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, style } = _a, rest = __rest(_a, ["options", "value", "onSelect", "searchable", "emptyState", "minHeight", "minWidth", "maxWidth", "placement", "className", "style"]);
|
|
26
|
-
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
27
|
-
const [isFilled, setIsFilled] = (0, react_1.useState)(!!value);
|
|
28
|
-
const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
|
|
29
|
-
const [highlightedIndex, setHighlightedIndex] = (0, react_1.useState)(() => {
|
|
30
|
-
if (!(options === null || options === void 0 ? void 0 : options.length) || !value)
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useRef, useEffect, forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { DropdownWrapper, Flex, Icon, IconButton, Input, Option, } from ".";
|
|
6
|
+
import inputStyles from "./Input.module.scss";
|
|
7
|
+
const Select = forwardRef(({ options, value = "", onSelect, searchable = false, emptyState = "No results", minHeight, minWidth, maxWidth, placement, className, style, ...rest }, ref) => {
|
|
8
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
9
|
+
const [isFilled, setIsFilled] = useState(!!value);
|
|
10
|
+
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
11
|
+
const [highlightedIndex, setHighlightedIndex] = useState(() => {
|
|
12
|
+
if (!options?.length || !value)
|
|
31
13
|
return null;
|
|
32
14
|
return options.findIndex((option) => option.value === value);
|
|
33
15
|
});
|
|
34
|
-
const [searchQuery, setSearchQuery] =
|
|
35
|
-
const selectRef =
|
|
36
|
-
const clearButtonRef =
|
|
16
|
+
const [searchQuery, setSearchQuery] = useState("");
|
|
17
|
+
const selectRef = useRef(null);
|
|
18
|
+
const clearButtonRef = useRef(null);
|
|
37
19
|
const handleFocus = () => {
|
|
38
20
|
setIsFocused(true);
|
|
39
21
|
};
|
|
@@ -88,23 +70,21 @@ const Select = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
88
70
|
}
|
|
89
71
|
};
|
|
90
72
|
const handleClearSearch = (e) => {
|
|
91
|
-
var _a;
|
|
92
73
|
e.preventDefault();
|
|
93
74
|
e.stopPropagation();
|
|
94
75
|
setSearchQuery("");
|
|
95
76
|
// Force focus back to the input after clearing
|
|
96
|
-
const input =
|
|
77
|
+
const input = selectRef.current?.querySelector("input");
|
|
97
78
|
if (input) {
|
|
98
79
|
input.focus();
|
|
99
80
|
}
|
|
100
81
|
};
|
|
101
82
|
const selectedOption = options.find((opt) => opt.value === value);
|
|
102
|
-
|
|
83
|
+
useEffect(() => {
|
|
103
84
|
const handleClickOutside = (event) => {
|
|
104
|
-
var _a;
|
|
105
85
|
if (selectRef.current &&
|
|
106
86
|
!selectRef.current.contains(event.target) &&
|
|
107
|
-
!
|
|
87
|
+
!clearButtonRef.current?.contains(event.target)) {
|
|
108
88
|
setIsDropdownOpen(false);
|
|
109
89
|
}
|
|
110
90
|
};
|
|
@@ -120,29 +100,31 @@ const Select = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
120
100
|
document.removeEventListener("focusout", handleFocusOut);
|
|
121
101
|
};
|
|
122
102
|
}, []);
|
|
123
|
-
return ((
|
|
103
|
+
return (_jsx(DropdownWrapper, { fillWidth: true, ref: (node) => {
|
|
124
104
|
selectRef.current = node;
|
|
125
105
|
if (typeof ref === "function")
|
|
126
106
|
ref(node);
|
|
127
107
|
else if (ref)
|
|
128
108
|
ref.current = node;
|
|
129
|
-
}, isOpen: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, minHeight: minHeight, trigger: (
|
|
130
|
-
|
|
131
|
-
|
|
109
|
+
}, isOpen: isDropdownOpen, onOpenChange: setIsDropdownOpen, placement: placement, minHeight: minHeight, trigger: _jsx(Input, { ...rest, style: {
|
|
110
|
+
textOverflow: "ellipsis",
|
|
111
|
+
...style,
|
|
112
|
+
}, cursor: "interactive", value: typeof selectedOption?.label === "string" ? selectedOption.label : "", onFocus: handleFocus, onKeyDown: handleKeyDown, readOnly: true, className: classNames("fill-width", {
|
|
113
|
+
[inputStyles.filled]: isFilled,
|
|
114
|
+
[inputStyles.focused]: isFocused,
|
|
132
115
|
className,
|
|
133
|
-
}), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen })
|
|
116
|
+
}), "aria-haspopup": "listbox", "aria-expanded": isDropdownOpen }), dropdown: _jsxs(_Fragment, { children: [searchable && (_jsx(Flex, { fillWidth: true, children: _jsx(Input, { "data-scaling": "90", style: {
|
|
134
117
|
marginTop: "-1px",
|
|
135
118
|
marginLeft: "-1px",
|
|
136
119
|
width: "calc(100% + 2px)",
|
|
137
|
-
}, id: "search", placeholder: "Search", height: "s", radius: "none", hasSuffix: searchQuery ? ((
|
|
138
|
-
.filter((option) =>
|
|
139
|
-
.map((option, index) => ((
|
|
140
|
-
|
|
141
|
-
(_a = option.onClick) === null || _a === void 0 ? void 0 : _a.call(option, option.value);
|
|
120
|
+
}, id: "search", placeholder: "Search", height: "s", radius: "none", hasSuffix: searchQuery ? (_jsx(IconButton, { tooltip: "Clear", tooltipPosition: "left", icon: "close", variant: "ghost", size: "s", onClick: handleClearSearch })) : undefined, hasPrefix: _jsx(Icon, { name: "search", size: "xs" }), value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onClick: (e) => e.stopPropagation(), onBlur: handleBlur }) })), _jsxs(Flex, { fillWidth: true, padding: "4", direction: "column", gap: "2", children: [options
|
|
121
|
+
.filter((option) => option.label?.toString().toLowerCase().includes(searchQuery.toLowerCase()))
|
|
122
|
+
.map((option, index) => (_jsx(Option, { ...option, onClick: () => {
|
|
123
|
+
option.onClick?.(option.value);
|
|
142
124
|
handleSelect(option.value);
|
|
143
|
-
}, selected: option.value === value, highlighted: index === highlightedIndex, tabIndex: -1 }
|
|
144
|
-
options.filter((option) =>
|
|
125
|
+
}, selected: option.value === value, highlighted: index === highlightedIndex, tabIndex: -1 }, option.value))), searchQuery &&
|
|
126
|
+
options.filter((option) => option.label?.toString().toLowerCase().includes(searchQuery.toLowerCase())).length === 0 && (_jsx(Flex, { fillWidth: true, vertical: "center", horizontal: "center", paddingX: "16", paddingY: "32", children: emptyState }))] })] }) }));
|
|
145
127
|
});
|
|
146
|
-
exports.Select = Select;
|
|
147
128
|
Select.displayName = "Select";
|
|
129
|
+
export { Select };
|
|
148
130
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.Skeleton = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const Skeleton_module_scss_1 = __importDefault(require("./Skeleton.module.scss"));
|
|
23
|
-
const _1 = require(".");
|
|
24
|
-
const Skeleton = (0, react_1.forwardRef)((_a, ref) => {
|
|
25
|
-
var { shape = "line", width = "m", height = "m", delay, style, className } = _a, props = __rest(_a, ["shape", "width", "height", "delay", "style", "className"]);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({}, props, { ref: ref, style: style, radius: shape === "line" || shape === "circle" ? "full" : undefined, inline: true, className: (0, classnames_1.default)(Skeleton_module_scss_1.default.skeleton, Skeleton_module_scss_1.default[shape], width && Skeleton_module_scss_1.default["w-" + width], height && Skeleton_module_scss_1.default["h-" + height], delay && Skeleton_module_scss_1.default["delay-" + delay], className) })));
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import styles from "./Skeleton.module.scss";
|
|
6
|
+
import { Flex } from ".";
|
|
7
|
+
const Skeleton = forwardRef(({ shape = "line", width = "m", height = "m", delay, style, className, ...props }, ref) => {
|
|
8
|
+
return (_jsx(Flex, { ...props, ref: ref, style: style, radius: shape === "line" || shape === "circle" ? "full" : undefined, inline: true, className: classNames(styles.skeleton, styles[shape], width && styles["w-" + width], height && styles["h-" + height], delay && styles["delay-" + delay], className) }));
|
|
27
9
|
});
|
|
28
|
-
exports.Skeleton = Skeleton;
|
|
29
10
|
Skeleton.displayName = "Skeleton";
|
|
11
|
+
export { Skeleton };
|
|
30
12
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAWzB,MAAM,QAAQ,GAA4B,UAAU,CAClD,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACnE,MAAM,QACN,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,QAAQ,EACf,MAAM,CAAC,KAAK,CAAC,EACb,KAAK,IAAI,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAC7B,MAAM,IAAI,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,EAC/B,KAAK,IAAI,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,EACjC,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,42 +1,36 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.SmartLink = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const SmartLink = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { href, prefixIcon, suffixIcon, fillWidth = false, iconSize = "xs", style, className, selected, unstyled = false, children } = _a, props = __rest(_a, ["href", "prefixIcon", "suffixIcon", "fillWidth", "iconSize", "style", "className", "selected", "unstyled", "children"]);
|
|
25
|
-
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [prefixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: prefixIcon, size: iconSize }), children, suffixIcon && (0, jsx_runtime_1.jsx)(_1.Icon, { name: suffixIcon, size: iconSize })] }));
|
|
26
|
-
const commonProps = Object.assign({ ref, className: (0, classnames_1.default)(className, "reset-button-styles focus-ring align-center display-inline-flex g-8 radius-s", {
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Icon, ElementType } from ".";
|
|
6
|
+
const SmartLink = forwardRef(({ href, prefixIcon, suffixIcon, fillWidth = false, iconSize = "xs", style, className, selected, unstyled = false, children, ...props }, ref) => {
|
|
7
|
+
const content = (_jsxs(_Fragment, { children: [prefixIcon && _jsx(Icon, { name: prefixIcon, size: iconSize }), children, suffixIcon && _jsx(Icon, { name: suffixIcon, size: iconSize })] }));
|
|
8
|
+
const commonProps = {
|
|
9
|
+
ref,
|
|
10
|
+
className: classNames(className, "reset-button-styles focus-ring align-center display-inline-flex g-8 radius-s", {
|
|
27
11
|
"fill-width": fillWidth,
|
|
28
12
|
"fit-width": !fillWidth,
|
|
29
13
|
"min-width-0": fillWidth,
|
|
30
14
|
"px-2 mx-2": !unstyled,
|
|
31
|
-
}),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
15
|
+
}),
|
|
16
|
+
style: !unstyled
|
|
17
|
+
? {
|
|
18
|
+
...(selected && {
|
|
19
|
+
textDecoration: "underline",
|
|
20
|
+
textUnderlineOffset: "0.3em",
|
|
21
|
+
textUnderlineThickness: "var(--static-space-1)",
|
|
22
|
+
color: "var(--neutral-on-background-strong)",
|
|
23
|
+
}),
|
|
24
|
+
...style,
|
|
25
|
+
}
|
|
26
|
+
: {
|
|
27
|
+
textDecoration: "none",
|
|
28
|
+
...style,
|
|
29
|
+
},
|
|
30
|
+
...props,
|
|
31
|
+
};
|
|
32
|
+
return (_jsx(ElementType, { href: href, ...commonProps, children: content }));
|
|
39
33
|
});
|
|
40
|
-
exports.SmartLink = SmartLink;
|
|
41
34
|
SmartLink.displayName = "SmartLink";
|
|
35
|
+
export { SmartLink };
|
|
42
36
|
//# sourceMappingURL=SmartLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SmartLink.js","sourceRoot":"","sources":["../../src/components/SmartLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SmartLink.js","sourceRoot":"","sources":["../../src/components/SmartLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAkBtC,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,CACd,8BACG,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,EACxD,QAAQ,EACR,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,GAAI,IACxD,CACJ,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,GAAG;QACH,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,8EAA8E,EAC9E;YACE,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,CAAC,SAAS;YACvB,aAAa,EAAE,SAAS;YACxB,WAAW,EAAE,CAAC,QAAQ;SACvB,CACF;QACD,KAAK,EAAE,CAAC,QAAQ;YACd,CAAC,CAAC;gBACE,GAAG,CAAC,QAAQ,IAAI;oBACd,cAAc,EAAE,WAAW;oBAC3B,mBAAmB,EAAE,OAAO;oBAC5B,sBAAsB,EAAE,uBAAuB;oBAC/C,KAAK,EAAE,qCAAqC;iBAC7C,CAAC;gBACF,GAAG,KAAK;aACT;YACH,CAAC,CAAC;gBACE,cAAc,EAAE,MAAM;gBACtB,GAAG,KAAK;aACT;QACL,GAAG,KAAK;KACT,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,KAAM,WAAW,YACrC,OAAO,GACI,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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.Spinner = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const Spinner_module_scss_1 = __importDefault(require("./Spinner.module.scss"));
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
23
|
-
const Spinner = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { size = "m", ariaLabel = "Loading", className, style } = _a, rest = __rest(_a, ["size", "ariaLabel", "className", "style"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ center: true, style: style, className: className }, rest, { children: (0, jsx_runtime_1.jsx)(_1.Flex, { ref: ref, center: true, className: Spinner_module_scss_1.default[size], role: "status", "aria-label": ariaLabel, children: (0, jsx_runtime_1.jsxs)(_1.Flex, { fill: true, children: [(0, jsx_runtime_1.jsx)(_1.Flex, { className: (0, classnames_1.default)(Spinner_module_scss_1.default.size), borderStyle: "solid", fill: true, radius: "full", border: "neutral-alpha-medium", position: "absolute" }), (0, jsx_runtime_1.jsx)(_1.Flex, { className: (0, classnames_1.default)(Spinner_module_scss_1.default.spinner, Spinner_module_scss_1.default.size), borderStyle: "solid", fill: true, radius: "full" })] }) }) })));
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import styles from "./Spinner.module.scss";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
import classNames from "classnames";
|
|
6
|
+
const Spinner = forwardRef(({ size = "m", ariaLabel = "Loading", className, style, ...rest }, ref) => {
|
|
7
|
+
return (_jsx(Flex, { center: true, style: style, className: className, ...rest, children: _jsx(Flex, { ref: ref, center: true, className: styles[size], role: "status", "aria-label": ariaLabel, children: _jsxs(Flex, { fill: true, children: [_jsx(Flex, { className: classNames(styles.size), borderStyle: "solid", fill: true, radius: "full", border: "neutral-alpha-medium", position: "absolute" }), _jsx(Flex, { className: classNames(styles.spinner, styles.size), borderStyle: "solid", fill: true, radius: "full" })] }) }) }));
|
|
26
8
|
});
|
|
27
|
-
exports.Spinner = Spinner;
|
|
28
9
|
Spinner.displayName = "Spinner";
|
|
10
|
+
export { Spinner };
|
|
29
11
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,SAAS,GAAG,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACxE,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAM,IAAI,YACvD,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,SAAS,YACjF,MAAC,IAAI,IAAC,IAAI,mBACR,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,EAClC,WAAW,EAAC,OAAO,EACnB,IAAI,QACJ,MAAM,EAAC,MAAM,EACb,MAAM,EAAC,sBAAsB,EAC7B,QAAQ,EAAC,UAAU,GACnB,EACF,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EAClD,WAAW,EAAC,OAAO,EACnB,IAAI,QACJ,MAAM,EAAC,MAAM,GACb,IACG,GACF,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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.StatusIndicator = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
20
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
21
|
-
const StatusIndicator_module_scss_1 = __importDefault(require("./StatusIndicator.module.scss"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const StatusIndicator = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { size = "m", color = "blue", ariaLabel = `${color} status indicator`, className, style } = _a, rest = __rest(_a, ["size", "color", "ariaLabel", "className", "style"]);
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: ref, style: style, className: (0, classnames_1.default)(StatusIndicator_module_scss_1.default.statusIndicator, StatusIndicator_module_scss_1.default[size], StatusIndicator_module_scss_1.default[color], className), "aria-label": ariaLabel, radius: "full" }, rest)));
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import styles from "./StatusIndicator.module.scss";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
const StatusIndicator = forwardRef(({ size = "m", color = "blue", ariaLabel = `${color} status indicator`, className, style, ...rest }, ref) => {
|
|
7
|
+
return (_jsx(Flex, { ref: ref, style: style, className: classNames(styles.statusIndicator, styles[size], styles[color], className), "aria-label": ariaLabel, radius: "full", ...rest }));
|
|
26
8
|
});
|
|
27
|
-
exports.StatusIndicator = StatusIndicator;
|
|
28
9
|
StatusIndicator.displayName = "StatusIndicator";
|
|
10
|
+
export { StatusIndicator };
|
|
29
11
|
//# sourceMappingURL=StatusIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../src/components/StatusIndicator.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../src/components/StatusIndicator.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAwBzB,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,MAAM,EACd,SAAS,GAAG,GAAG,KAAK,mBAAmB,EACvC,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,gBACzE,SAAS,EACrB,MAAM,EAAC,MAAM,KACT,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,35 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.StyleOverlay = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const StyleOverlay_module_scss_1 = __importDefault(require("./StyleOverlay.module.scss"));
|
|
23
|
-
const StyleOverlay = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { iconButtonProps, children } = _a, rest = __rest(_a, ["iconButtonProps", "children"]);
|
|
25
|
-
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useState } from "react";
|
|
4
|
+
import { IconButton, StylePanel, Flex, Background } from ".";
|
|
5
|
+
import styles from "./StyleOverlay.module.scss";
|
|
6
|
+
const StyleOverlay = forwardRef(({ iconButtonProps, children, ...rest }, ref) => {
|
|
7
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
26
8
|
const togglePanel = () => {
|
|
27
9
|
setIsOpen(!isOpen);
|
|
28
10
|
};
|
|
29
|
-
return ((
|
|
11
|
+
return (_jsxs(Flex, { ref: ref, position: "static", children: [!isOpen && _jsx(Flex, { onClick: togglePanel, children: children }), _jsxs(Flex, { as: "aside", zIndex: 3, className: `${styles.panel} ${isOpen && styles.open}`, maxWidth: 28, style: {
|
|
30
12
|
maxHeight: "calc(100% - var(--static-space-4))",
|
|
31
|
-
}, fillHeight: true, position: "absolute", shadow: "xl", top: "2", right: "2", transition: "macro-medium", background: "page", overflow: "hidden", radius: "xl", border: "neutral-medium"
|
|
13
|
+
}, fillHeight: true, position: "absolute", shadow: "xl", top: "2", right: "2", transition: "macro-medium", background: "page", overflow: "hidden", radius: "xl", border: "neutral-medium", ...rest, children: [_jsx(StylePanel, { fill: true, overflowY: "scroll", padding: "8" }), _jsxs(Flex, { position: "absolute", paddingTop: "8", paddingRight: "12", top: "0", right: "0", children: [_jsx(Background, { position: "absolute", top: "0", right: "8", left: undefined, width: 8, height: 4, mask: { x: 100, y: 0, radius: 7 }, dots: { display: true, size: "2", color: "page-background" } }), _jsx(IconButton, { variant: "secondary", onClick: togglePanel, icon: "close", ...iconButtonProps })] })] })] }));
|
|
32
14
|
});
|
|
33
|
-
exports.StyleOverlay = StyleOverlay;
|
|
34
15
|
StyleOverlay.displayName = "StyleOverlay";
|
|
16
|
+
export { StyleOverlay };
|
|
35
17
|
//# sourceMappingURL=StyleOverlay.js.map
|