@once-ui-system/core 1.0.12 → 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.d.ts.map +1 -1
- package/dist/components/Accordion.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.d.ts.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.d.ts.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.d.ts.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.d.ts.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.d.ts.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.d.ts.map +1 -1
- package/dist/components/Card.js +11 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.d.ts.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.d.ts.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.d.ts.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.d.ts.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.d.ts.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.d.ts.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.d.ts.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.d.ts.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.d.ts.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.d.ts.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.d.ts.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.d.ts.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.d.ts.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.d.ts.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.d.ts.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.d.ts.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.d.ts.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.d.ts.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.d.ts.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.d.ts.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +9 -57
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.d.ts.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.d.ts.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.d.ts.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.d.ts.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.d.ts.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.d.ts.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.d.ts.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +17 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.d.ts.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +9 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.d.ts.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.d.ts.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.d.ts +5 -5
- package/dist/contexts/ThemeProvider.d.ts.map +1 -1
- package/dist/contexts/ThemeProvider.js +137 -68
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.d.ts.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/css/tokens.css.map +1 -1
- package/dist/hooks/index.d.ts.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.d.ts.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/interfaces.js.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/interfaces.js.map +1 -1
- package/dist/modules/data/utils/colorDistribution.d.ts.map +1 -1
- 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.d.ts.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.d.ts.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.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.d.ts.map +1 -1
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.d.ts.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/package.json +18 -19
- package/scss.d.ts +4 -0
- package/dist/tsconfig.build.tsbuildinfo +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"ScrollToTop.d.ts","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAIzB,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,0CAAgD,gBAAgB,4CAoC3F,CAAC"}
|
|
@@ -1,29 +1,11 @@
|
|
|
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.ScrollToTop = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const ScrollToTop_module_scss_1 = __importDefault(require("./ScrollToTop.module.scss"));
|
|
23
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
24
|
-
const ScrollToTop = (_a) => {
|
|
25
|
-
var { children, offset = 300, className } = _a, rest = __rest(_a, ["children", "offset", "className"]);
|
|
26
|
-
const [isVisible, setIsVisible] = (0, react_1.useState)(false);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from "react";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
import styles from "./ScrollToTop.module.scss";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
export const ScrollToTop = ({ children, offset = 300, className, ...rest }) => {
|
|
8
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
27
9
|
const handleScroll = () => {
|
|
28
10
|
setIsVisible(window.scrollY > offset);
|
|
29
11
|
};
|
|
@@ -33,11 +15,10 @@ const ScrollToTop = (_a) => {
|
|
|
33
15
|
behavior: "smooth",
|
|
34
16
|
});
|
|
35
17
|
};
|
|
36
|
-
|
|
18
|
+
useEffect(() => {
|
|
37
19
|
window.addEventListener("scroll", handleScroll);
|
|
38
20
|
return () => window.removeEventListener("scroll", handleScroll);
|
|
39
21
|
}, []);
|
|
40
|
-
return ((
|
|
22
|
+
return (_jsx(Flex, { onClick: scrollToTop, "aria-hidden": !isVisible, position: "fixed", bottom: "16", right: "16", className: classNames(styles.scrollToTop, className), "data-visible": isVisible, tabIndex: isVisible ? 0 : -1, zIndex: isVisible ? 8 : 0, cursor: "pointer", ...rest, children: children }));
|
|
41
23
|
};
|
|
42
|
-
exports.ScrollToTop = ScrollToTop;
|
|
43
24
|
//# sourceMappingURL=ScrollToTop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IAC9F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,WAAW,iBACP,CAAC,SAAS,EACvB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,kBACtC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAC,SAAS,KACZ,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"Scroller.d.ts","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAc,SAAS,EAAQ,MAAM,GAAG,CAAC;AAGtD,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAOD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmLrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,64 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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.Scroller = void 0;
|
|
52
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
const react_1 = __importStar(require("react"));
|
|
54
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
55
|
-
const _1 = require(".");
|
|
56
|
-
const Scroller_module_scss_1 = __importDefault(require("./Scroller.module.scss"));
|
|
57
|
-
const Scroller = (_a) => {
|
|
58
|
-
var { children, direction = "row", fadeColor, className, style, onItemClick } = _a, rest = __rest(_a, ["children", "direction", "fadeColor", "className", "style", "onItemClick"]);
|
|
59
|
-
const scrollerRef = (0, react_1.useRef)(null);
|
|
60
|
-
const [showPrevButton, setShowPrevButton] = (0, react_1.useState)(false);
|
|
61
|
-
const [showNextButton, setShowNextButton] = (0, react_1.useState)(false);
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Flex, IconButton, Fade } from ".";
|
|
6
|
+
import styles from "./Scroller.module.scss";
|
|
7
|
+
const Scroller = ({ children, direction = "row", fadeColor, className, style, onItemClick, ...rest }) => {
|
|
8
|
+
const scrollerRef = useRef(null);
|
|
9
|
+
const [showPrevButton, setShowPrevButton] = useState(false);
|
|
10
|
+
const [showNextButton, setShowNextButton] = useState(false);
|
|
62
11
|
// Function to check and update scroll buttons visibility
|
|
63
12
|
const updateScrollButtonsVisibility = () => {
|
|
64
13
|
const scroller = scrollerRef.current;
|
|
@@ -76,7 +25,7 @@ const Scroller = (_a) => {
|
|
|
76
25
|
}
|
|
77
26
|
};
|
|
78
27
|
// Handle scroll events
|
|
79
|
-
|
|
28
|
+
useEffect(() => {
|
|
80
29
|
const scroller = scrollerRef.current;
|
|
81
30
|
if (scroller) {
|
|
82
31
|
// Initial check
|
|
@@ -87,7 +36,7 @@ const Scroller = (_a) => {
|
|
|
87
36
|
}
|
|
88
37
|
}, [direction]);
|
|
89
38
|
// Re-check when children change
|
|
90
|
-
|
|
39
|
+
useEffect(() => {
|
|
91
40
|
// Use setTimeout to ensure DOM has updated
|
|
92
41
|
const timer = setTimeout(() => {
|
|
93
42
|
updateScrollButtonsVisibility();
|
|
@@ -114,34 +63,38 @@ const Scroller = (_a) => {
|
|
|
114
63
|
});
|
|
115
64
|
}
|
|
116
65
|
};
|
|
117
|
-
const wrappedChildren =
|
|
118
|
-
if (
|
|
119
|
-
const
|
|
120
|
-
return
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
66
|
+
const wrappedChildren = React.Children.map(children, (child, index) => {
|
|
67
|
+
if (React.isValidElement(child)) {
|
|
68
|
+
const { onClick: childOnClick, onKeyDown: childOnKeyDown, ...otherProps } = child.props;
|
|
69
|
+
return React.cloneElement(child, {
|
|
70
|
+
...otherProps,
|
|
71
|
+
onClick: (e) => {
|
|
72
|
+
childOnClick?.(e);
|
|
73
|
+
onItemClick?.(index);
|
|
74
|
+
},
|
|
75
|
+
onKeyDown: (e) => {
|
|
76
|
+
childOnKeyDown?.(e);
|
|
125
77
|
if (e.key === "Enter" || e.key === " ") {
|
|
126
|
-
childOnClick
|
|
127
|
-
onItemClick
|
|
78
|
+
childOnClick?.(e);
|
|
79
|
+
onItemClick?.(index);
|
|
128
80
|
}
|
|
129
|
-
}
|
|
81
|
+
},
|
|
82
|
+
});
|
|
130
83
|
}
|
|
131
84
|
return child;
|
|
132
85
|
});
|
|
133
|
-
return ((
|
|
86
|
+
return (_jsxs(Flex, { fillWidth: true, className: classNames(styles.container, className), style: style, ...rest, children: [showPrevButton && (_jsx(Fade, { base: fadeColor, position: "absolute", padding: "4", horizontal: direction === "column" ? "center" : undefined, vertical: direction === "column" ? "start" : "center", to: direction === "row" ? "right" : "bottom", width: direction === "row" ? 4 : undefined, height: direction === "column" ? 4 : undefined, fillHeight: direction === "row", fillWidth: direction === "column", left: direction === "row" ? "0" : undefined, top: direction === "column" ? "0" : undefined, zIndex: 1, children: _jsx(IconButton, { icon: direction === "row" ? "chevronLeft" : "chevronUp", onClick: handleScrollPrev, onKeyDown: (e) => {
|
|
134
87
|
if (e.key === "Enter" || e.key === " ") {
|
|
135
88
|
e.preventDefault();
|
|
136
89
|
handleScrollPrev();
|
|
137
90
|
}
|
|
138
|
-
}, size: "s", variant: "secondary", "aria-label": "Scroll Previous" }) })), (
|
|
91
|
+
}, size: "s", variant: "secondary", "aria-label": "Scroll Previous" }) })), _jsx(Flex, { fillWidth: true, zIndex: 0, radius: "m", direction: direction, className: classNames(styles.scroller, styles[direction]), ref: scrollerRef, children: wrappedChildren }), showNextButton && (_jsx(Fade, { base: fadeColor, padding: "4", position: "absolute", horizontal: direction === "column" ? "center" : "end", vertical: direction === "column" ? "end" : "center", to: direction === "row" ? "left" : "top", width: direction === "row" ? 4 : undefined, height: direction === "column" ? 4 : undefined, fillHeight: direction === "row", fillWidth: direction === "column", right: direction === "row" ? "0" : undefined, bottom: direction === "column" ? "0" : undefined, zIndex: 1, children: _jsx(IconButton, { icon: direction === "row" ? "chevronRight" : "chevronDown", onClick: handleScrollNext, onKeyDown: (e) => {
|
|
139
92
|
if (e.key === "Enter" || e.key === " ") {
|
|
140
93
|
e.preventDefault();
|
|
141
94
|
handleScrollNext();
|
|
142
95
|
}
|
|
143
|
-
}, size: "s", variant: "secondary", "aria-label": "Scroll Next" }) }))] }))
|
|
96
|
+
}, size: "s", variant: "secondary", "aria-label": "Scroll Next" }) }))] }));
|
|
144
97
|
};
|
|
145
|
-
exports.Scroller = Scroller;
|
|
146
98
|
Scroller.displayName = "Scroller";
|
|
99
|
+
export { Scroller };
|
|
147
100
|
//# sourceMappingURL=Scroller.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"Scroller.js","sourceRoot":"","sources":["../../src/components/Scroller.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,QAAQ,EAAQ,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEpE,UAAU,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,CAAC;IAC7F,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgHrD,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -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/
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EACrB,MAAM,GAAG,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,oFAoOX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -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/
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -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
|