@ultraviolet/ui 3.0.0-beta.26 → 3.0.0-beta.27
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/Avatar/constants.d.ts +5 -5
- package/dist/components/Avatar/constants.js +1 -1
- package/dist/components/Avatar/styles.css.d.ts +24 -24
- package/dist/components/BarChart/Tooltip.d.ts +3 -3
- package/dist/components/BarChart/Tooltip.js +2 -2
- package/dist/components/BarChart/index.d.ts +1 -1
- package/dist/components/BarChart/index.js +2 -2
- package/dist/components/Button/constants.d.ts +1 -0
- package/dist/components/Button/index.d.ts +0 -4
- package/dist/components/ExpandableCard/constants.d.ts +1 -0
- package/dist/components/ExpandableCard/index.d.ts +1 -1
- package/dist/components/ExpandableCard/styles.css.d.ts +1 -1
- package/dist/components/ExpandableCard/styles.css.js +2 -2
- package/dist/components/Key/constants.d.ts +8 -0
- package/dist/components/Key/constants.js +11 -0
- package/dist/components/Key/index.d.ts +0 -8
- package/dist/components/Key/index.js +1 -9
- package/dist/components/LineChart/helpers.js +2 -2
- package/dist/components/List/Row.js +1 -1
- package/dist/components/Loader/constants.d.ts +8 -0
- package/dist/components/Loader/constants.js +11 -0
- package/dist/components/Loader/index.d.ts +1 -8
- package/dist/components/Loader/index.js +5 -24
- package/dist/components/Loader/styles.css.d.ts +1 -0
- package/dist/components/Loader/styles.css.js +3 -1
- package/dist/components/Menu/MenuContent.js +7 -1
- package/dist/components/Menu/components/Item.d.ts +2 -2
- package/dist/components/Menu/components/Item.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Notification/Notification.d.ts +10 -0
- package/dist/components/Notification/{index.js → Notification.js} +2 -14
- package/dist/components/Notification/NotificationContainer.d.ts +30 -0
- package/dist/components/Notification/NotificationContainer.js +17 -0
- package/dist/components/Notification/index.d.ts +2 -37
- package/dist/components/PieChart/Legends.d.ts +2 -2
- package/dist/components/PieChart/Legends.js +2 -2
- package/dist/components/PieChart/Tooltip.d.ts +2 -2
- package/dist/components/PieChart/Tooltip.js +1 -1
- package/dist/components/PieChart/index.js +1 -1
- package/dist/components/Popup/styles.css.js +1 -0
- package/dist/components/Popup/variables.css.js +0 -1
- package/dist/components/ProgressBar/styles.css.js +0 -1
- package/dist/components/ProgressBar/variables.css.js +1 -0
- package/dist/components/SelectInput/components/SearchBarDropdown.d.ts +1 -3
- package/dist/components/SelectInput/components/SearchBarDropdown.js +7 -4
- package/dist/components/SelectableCard/styles.css.js +0 -1
- package/dist/components/SelectableCard/variables.css.js +1 -0
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/TagList/index.js +1 -1
- package/dist/components/Text/constants.d.ts +9 -0
- package/dist/components/Text/index.d.ts +1 -4
- package/dist/components/Text/style.css.js +1 -0
- package/dist/components/Text/variables.css.js +0 -1
- package/dist/components/Toaster/Toaster.d.ts +7 -0
- package/dist/components/Toaster/Toaster.js +25 -0
- package/dist/components/Toaster/ToasterContainer.d.ts +38 -0
- package/dist/components/Toaster/ToasterContainer.js +18 -0
- package/dist/components/Toaster/components/CloseButton.d.ts +8 -0
- package/dist/components/Toaster/components/CloseButton.js +12 -0
- package/dist/components/Toaster/components/Content.d.ts +6 -0
- package/dist/components/Toaster/components/Content.js +10 -0
- package/dist/components/Toaster/constants.d.ts +1 -0
- package/dist/components/Toaster/constants.js +4 -0
- package/dist/components/Toaster/index.d.ts +3 -45
- package/dist/components/TreeMapChart/Tooltip.d.ts +6 -0
- package/dist/components/TreeMapChart/Tooltip.js +15 -0
- package/dist/components/TreeMapChart/index.d.ts +18 -0
- package/dist/components/TreeMapChart/index.js +68 -0
- package/dist/components/TreeMapChart/styles.css.d.ts +2 -0
- package/dist/components/TreeMapChart/styles.css.js +7 -0
- package/dist/components/TreeMapChart/types.d.ts +7 -0
- package/dist/components/VerificationCode/constants.d.ts +1 -0
- package/dist/components/VerificationCode/index.d.ts +0 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/helpers/legend.d.ts +2 -2
- package/dist/helpers/legend.js +1 -1
- package/dist/helpers/nivoTheme.d.ts +1 -1
- package/dist/helpers/treeMap.d.ts +90 -0
- package/dist/helpers/treeMap.js +42 -0
- package/dist/hooks/useIsOverflowing.js +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +37 -9
- package/dist/ui.css +1 -1
- package/dist/utils/animations/animations.d.ts +27 -0
- package/dist/utils/animations/animations.js +271 -0
- package/dist/utils/animations/animationsVE.css.d.ts +27 -0
- package/dist/utils/animations/animationsVE.css.js +57 -0
- package/dist/utils/index.d.ts +2 -2
- package/package.json +5 -4
- package/dist/components/ActionBar/index.cjs +0 -22
- package/dist/components/ActionBar/styles.css.cjs +0 -11
- package/dist/components/Alert/index.cjs +0 -55
- package/dist/components/Alert/styles.css.cjs +0 -14
- package/dist/components/Avatar/constants.cjs +0 -19
- package/dist/components/Avatar/index.cjs +0 -66
- package/dist/components/Avatar/styles.css.cjs +0 -17
- package/dist/components/Avatar/variables.css.cjs +0 -8
- package/dist/components/Badge/constant.cjs +0 -8
- package/dist/components/Badge/index.cjs +0 -27
- package/dist/components/Badge/styles.css.cjs +0 -6
- package/dist/components/Banner/assets/default-image-small.svg.cjs +0 -3
- package/dist/components/Banner/assets/default-image.svg.cjs +0 -3
- package/dist/components/Banner/index.cjs +0 -74
- package/dist/components/Banner/styles.css.cjs +0 -10
- package/dist/components/BarChart/Tooltip.cjs +0 -22
- package/dist/components/BarChart/index.cjs +0 -60
- package/dist/components/BarChart/styles.css.cjs +0 -9
- package/dist/components/BarStack/index.cjs +0 -35
- package/dist/components/BarStack/styles.css.cjs +0 -11
- package/dist/components/Breadcrumbs/components/Item.cjs +0 -41
- package/dist/components/Breadcrumbs/components/styles.css.cjs +0 -18
- package/dist/components/Breadcrumbs/index.cjs +0 -14
- package/dist/components/Breadcrumbs/styles.css.cjs +0 -5
- package/dist/components/Bullet/index.cjs +0 -24
- package/dist/components/Bullet/styles.css.cjs +0 -6
- package/dist/components/Button/constants.cjs +0 -6
- package/dist/components/Button/index.cjs +0 -84
- package/dist/components/Button/styles.css.cjs +0 -6
- package/dist/components/Card/index.cjs +0 -28
- package/dist/components/Card/styles.css.cjs +0 -7
- package/dist/components/Carousel/index.cjs +0 -74
- package/dist/components/Carousel/styles.css.cjs +0 -15
- package/dist/components/Checkbox/index.cjs +0 -58
- package/dist/components/Checkbox/styles.css.cjs +0 -17
- package/dist/components/CheckboxGroup/index.cjs +0 -78
- package/dist/components/CheckboxGroup/styles.css.cjs +0 -7
- package/dist/components/Chip/ChipContext.cjs +0 -6
- package/dist/components/Chip/ChipIcon.cjs +0 -52
- package/dist/components/Chip/index.cjs +0 -60
- package/dist/components/Chip/styles.css.cjs +0 -7
- package/dist/components/CopyButton/index.cjs +0 -35
- package/dist/components/DateInput/Context.cjs +0 -23
- package/dist/components/DateInput/components/CalendarContent.cjs +0 -61
- package/dist/components/DateInput/components/CalendarDaily.cjs +0 -169
- package/dist/components/DateInput/components/CalendarMonthly.cjs +0 -105
- package/dist/components/DateInput/components/Popup.cjs +0 -28
- package/dist/components/DateInput/components/styles.css.cjs +0 -12
- package/dist/components/DateInput/constants.cjs +0 -6
- package/dist/components/DateInput/helpers.cjs +0 -69
- package/dist/components/DateInput/helpersLocale.cjs +0 -64
- package/dist/components/DateInput/index.cjs +0 -192
- package/dist/components/DateInput/styles.css.cjs +0 -8
- package/dist/components/Dialog/Context.cjs +0 -14
- package/dist/components/Dialog/components/Button.cjs +0 -17
- package/dist/components/Dialog/components/Buttons.cjs +0 -13
- package/dist/components/Dialog/components/CancelButton.cjs +0 -12
- package/dist/components/Dialog/components/Stack.cjs +0 -10
- package/dist/components/Dialog/components/Text.cjs +0 -10
- package/dist/components/Dialog/index.cjs +0 -60
- package/dist/components/Dialog/styles.css.cjs +0 -7
- package/dist/components/Drawer/index.cjs +0 -56
- package/dist/components/Drawer/styles.css.cjs +0 -17
- package/dist/components/EmptyState/index.cjs +0 -42
- package/dist/components/EmptyState/styles.css.cjs +0 -10
- package/dist/components/Expandable/index.cjs +0 -108
- package/dist/components/Expandable/styles.css.cjs +0 -7
- package/dist/components/ExpandableCard/components/Title.cjs +0 -13
- package/dist/components/ExpandableCard/index.cjs +0 -114
- package/dist/components/ExpandableCard/styles.css.cjs +0 -17
- package/dist/components/GlobalAlert/GlobalAlertLink.cjs +0 -25
- package/dist/components/GlobalAlert/index.cjs +0 -39
- package/dist/components/GlobalAlert/styles.css.cjs +0 -7
- package/dist/components/InfiniteScroll/index.cjs +0 -91
- package/dist/components/Key/index.cjs +0 -45
- package/dist/components/Key/styles.css.cjs +0 -6
- package/dist/components/Label/index.cjs +0 -52
- package/dist/components/Label/styles.css.cjs +0 -5
- package/dist/components/LineChart/CustomLegend.cjs +0 -64
- package/dist/components/LineChart/Tooltip.cjs +0 -19
- package/dist/components/LineChart/helpers.cjs +0 -57
- package/dist/components/LineChart/index.cjs +0 -92
- package/dist/components/LineChart/styles.css.cjs +0 -27
- package/dist/components/Link/index.cjs +0 -69
- package/dist/components/Link/styles.css.cjs +0 -14
- package/dist/components/List/Cell.cjs +0 -31
- package/dist/components/List/ColumnProvider.cjs +0 -28
- package/dist/components/List/HeaderCell.cjs +0 -49
- package/dist/components/List/HeaderRow.cjs +0 -26
- package/dist/components/List/ListContext.cjs +0 -210
- package/dist/components/List/Row.cjs +0 -107
- package/dist/components/List/SelectBar.cjs +0 -28
- package/dist/components/List/SkeletonRows.cjs +0 -31
- package/dist/components/List/index.cjs +0 -49
- package/dist/components/List/styles.css.cjs +0 -35
- package/dist/components/List/variables.css.cjs +0 -16
- package/dist/components/Loader/index.cjs +0 -66
- package/dist/components/Loader/styles.css.cjs +0 -7
- package/dist/components/Menu/MenuContent.cjs +0 -177
- package/dist/components/Menu/MenuProvider.cjs +0 -44
- package/dist/components/Menu/components/Group.cjs +0 -25
- package/dist/components/Menu/components/Item.cjs +0 -97
- package/dist/components/Menu/helpers.cjs +0 -48
- package/dist/components/Menu/index.cjs +0 -20
- package/dist/components/Menu/styles.css.cjs +0 -24
- package/dist/components/Meter/index.cjs +0 -34
- package/dist/components/Meter/styles.css.cjs +0 -11
- package/dist/components/Modal/ModalContent.cjs +0 -39
- package/dist/components/Modal/ModalProvider.cjs +0 -41
- package/dist/components/Modal/components/Dialog.cjs +0 -148
- package/dist/components/Modal/components/Disclosure.cjs +0 -42
- package/dist/components/Modal/index.cjs +0 -58
- package/dist/components/Modal/styles.css.cjs +0 -21
- package/dist/components/Notice/index.cjs +0 -17
- package/dist/components/Notice/styles.css.cjs +0 -5
- package/dist/components/Notification/index.cjs +0 -35
- package/dist/components/Notification/styles.css.cjs +0 -5
- package/dist/components/NumberInput/index.cjs +0 -145
- package/dist/components/NumberInput/styles.css.cjs +0 -14
- package/dist/components/Pagination/PaginationButtons.cjs +0 -49
- package/dist/components/Pagination/PerPage.cjs +0 -49
- package/dist/components/Pagination/getPageNumbers.cjs +0 -23
- package/dist/components/Pagination/index.cjs +0 -43
- package/dist/components/Pagination/styles.css.cjs +0 -9
- package/dist/components/PasswordCheck/index.cjs +0 -18
- package/dist/components/PasswordCheck/styles.css.cjs +0 -5
- package/dist/components/PieChart/Legends.cjs +0 -36
- package/dist/components/PieChart/Tooltip.cjs +0 -18
- package/dist/components/PieChart/index.cjs +0 -71
- package/dist/components/PieChart/styles.css.cjs +0 -36
- package/dist/components/Popover/index.cjs +0 -67
- package/dist/components/Popover/styles.css.cjs +0 -8
- package/dist/components/Popup/helpers.cjs +0 -264
- package/dist/components/Popup/index.cjs +0 -291
- package/dist/components/Popup/styles.css.cjs +0 -12
- package/dist/components/Popup/variables.css.cjs +0 -19
- package/dist/components/ProgressBar/index.cjs +0 -46
- package/dist/components/ProgressBar/styles.css.cjs +0 -12
- package/dist/components/ProgressBar/variables.css.cjs +0 -4
- package/dist/components/Radio/index.cjs +0 -69
- package/dist/components/Radio/styles.css.cjs +0 -21
- package/dist/components/RadioGroup/index.cjs +0 -73
- package/dist/components/RadioGroup/styles.css.cjs +0 -5
- package/dist/components/Row/index.cjs +0 -46
- package/dist/components/Row/styles.css.cjs +0 -17
- package/dist/components/Row/variables.css.cjs +0 -7
- package/dist/components/SearchInput/KeyGroup.cjs +0 -13
- package/dist/components/SearchInput/index.cjs +0 -186
- package/dist/components/SearchInput/styles.css.cjs +0 -10
- package/dist/components/SelectInput/SelectInputProvider.cjs +0 -203
- package/dist/components/SelectInput/components/Dropdown.cjs +0 -341
- package/dist/components/SelectInput/components/DropdownOption.cjs +0 -47
- package/dist/components/SelectInput/components/SearchBarDropdown.cjs +0 -117
- package/dist/components/SelectInput/components/SelectBar.cjs +0 -237
- package/dist/components/SelectInput/components/dropdown.css.cjs +0 -34
- package/dist/components/SelectInput/components/selectBar.css.cjs +0 -22
- package/dist/components/SelectInput/findOptionInOptions.cjs +0 -12
- package/dist/components/SelectInput/index.cjs +0 -68
- package/dist/components/SelectInput/styles.css.cjs +0 -7
- package/dist/components/SelectInput/types.cjs +0 -9
- package/dist/components/SelectableCard/index.cjs +0 -149
- package/dist/components/SelectableCard/styles.css.cjs +0 -21
- package/dist/components/SelectableCard/variables.css.cjs +0 -8
- package/dist/components/SelectableCardGroup/index.cjs +0 -75
- package/dist/components/SelectableCardGroup/styles.css.cjs +0 -5
- package/dist/components/SelectableCardOptionGroup/Provider.cjs +0 -24
- package/dist/components/SelectableCardOptionGroup/components/Image.cjs +0 -17
- package/dist/components/SelectableCardOptionGroup/components/Option.cjs +0 -60
- package/dist/components/SelectableCardOptionGroup/index.cjs +0 -51
- package/dist/components/SelectableCardOptionGroup/styles.css.cjs +0 -21
- package/dist/components/Separator/index.cjs +0 -40
- package/dist/components/Separator/styles.css.cjs +0 -10
- package/dist/components/Skeleton/Block.cjs +0 -17
- package/dist/components/Skeleton/Blocks.cjs +0 -20
- package/dist/components/Skeleton/BoxWithIcon.cjs +0 -20
- package/dist/components/Skeleton/Donut.cjs +0 -16
- package/dist/components/Skeleton/IconSkeleton.cjs +0 -7
- package/dist/components/Skeleton/Line.cjs +0 -12
- package/dist/components/Skeleton/List.cjs +0 -18
- package/dist/components/Skeleton/Slider.cjs +0 -14
- package/dist/components/Skeleton/Square.cjs +0 -7
- package/dist/components/Skeleton/index.cjs +0 -39
- package/dist/components/Skeleton/styles.css.cjs +0 -7
- package/dist/components/Skeleton/stylesVariants.css.cjs +0 -47
- package/dist/components/Slider/components/DoubleSlider.cjs +0 -236
- package/dist/components/Slider/components/Options.cjs +0 -35
- package/dist/components/Slider/components/SingleSlider.cjs +0 -153
- package/dist/components/Slider/constant.cjs +0 -4
- package/dist/components/Slider/index.cjs +0 -61
- package/dist/components/Slider/styles.css.cjs +0 -36
- package/dist/components/Snippet/index.cjs +0 -64
- package/dist/components/Snippet/styles.css.cjs +0 -26
- package/dist/components/Stack/index.cjs +0 -85
- package/dist/components/Stack/styles.css.cjs +0 -19
- package/dist/components/Stack/variables.css.cjs +0 -11
- package/dist/components/Status/index.cjs +0 -25
- package/dist/components/Status/styles.css.cjs +0 -11
- package/dist/components/StepList/index.cjs +0 -32
- package/dist/components/StepList/styles.css.cjs +0 -10
- package/dist/components/Stepper/Step.cjs +0 -72
- package/dist/components/Stepper/StepperProvider.cjs +0 -41
- package/dist/components/Stepper/index.cjs +0 -49
- package/dist/components/Stepper/styles.css.cjs +0 -20
- package/dist/components/SwitchButton/FocusOverlay.cjs +0 -16
- package/dist/components/SwitchButton/Option.cjs +0 -40
- package/dist/components/SwitchButton/SwitchButtonContext.cjs +0 -13
- package/dist/components/SwitchButton/constant.cjs +0 -4
- package/dist/components/SwitchButton/index.cjs +0 -110
- package/dist/components/SwitchButton/styles.css.cjs +0 -9
- package/dist/components/Table/Body.cjs +0 -8
- package/dist/components/Table/Cell.cjs +0 -35
- package/dist/components/Table/Header.cjs +0 -9
- package/dist/components/Table/HeaderCell.cjs +0 -55
- package/dist/components/Table/HeaderRow.cjs +0 -28
- package/dist/components/Table/Row.cjs +0 -88
- package/dist/components/Table/SelectBar.cjs +0 -28
- package/dist/components/Table/SkeletonRows.cjs +0 -24
- package/dist/components/Table/TableContext.cjs +0 -43
- package/dist/components/Table/constants.cjs +0 -4
- package/dist/components/Table/index.cjs +0 -56
- package/dist/components/Table/styles.css.cjs +0 -29
- package/dist/components/Table/variables.css.cjs +0 -14
- package/dist/components/Tabs/Tab.cjs +0 -52
- package/dist/components/Tabs/TabMenu.cjs +0 -32
- package/dist/components/Tabs/TabMenuItem.cjs +0 -27
- package/dist/components/Tabs/TabsContext.cjs +0 -7
- package/dist/components/Tabs/index.cjs +0 -74
- package/dist/components/Tabs/styles.css.cjs +0 -21
- package/dist/components/Tag/index.cjs +0 -63
- package/dist/components/Tag/styles.css.cjs +0 -10
- package/dist/components/TagInput/index.cjs +0 -163
- package/dist/components/TagInput/styles.css.cjs +0 -12
- package/dist/components/TagList/constant.cjs +0 -5
- package/dist/components/TagList/index.cjs +0 -163
- package/dist/components/TagList/styles.css.cjs +0 -14
- package/dist/components/Text/constant.d.ts +0 -6
- package/dist/components/Text/index.cjs +0 -53
- package/dist/components/Text/style.css.cjs +0 -6
- package/dist/components/Text/variables.css.cjs +0 -7
- package/dist/components/TextArea/index.cjs +0 -123
- package/dist/components/TextArea/styles.css.cjs +0 -12
- package/dist/components/TextInput/index.cjs +0 -119
- package/dist/components/TextInput/styles.css.cjs +0 -17
- package/dist/components/TimeInput/constants.cjs +0 -13
- package/dist/components/TimeInput/helpers.cjs +0 -66
- package/dist/components/TimeInput/index.cjs +0 -273
- package/dist/components/TimeInput/styles.css.cjs +0 -10
- package/dist/components/Toaster/index.cjs +0 -47
- package/dist/components/Toaster/index.js +0 -47
- package/dist/components/Toaster/styles.css.cjs +0 -7
- package/dist/components/Toggle/index.cjs +0 -50
- package/dist/components/Toggle/styles.css.cjs +0 -10
- package/dist/components/ToggleGroup/index.cjs +0 -72
- package/dist/components/ToggleGroup/styles.css.cjs +0 -5
- package/dist/components/Tooltip/index.cjs +0 -26
- package/dist/components/Tooltip/styles.css.cjs +0 -5
- package/dist/components/UnitInput/index.cjs +0 -111
- package/dist/components/UnitInput/styles.css.cjs +0 -18
- package/dist/components/VerificationCode/index.cjs +0 -148
- package/dist/components/VerificationCode/styles.css.cjs +0 -9
- package/dist/helpers/isClientSide.cjs +0 -4
- package/dist/helpers/legend.cjs +0 -14
- package/dist/helpers/nivoTheme.cjs +0 -22
- package/dist/helpers/recursivelyGetChildrenString.cjs +0 -17
- package/dist/hooks/useIsOverflowing.cjs +0 -23
- package/dist/index.cjs +0 -214
- package/dist/theme/ThemeProvider.cjs +0 -16
- package/dist/theme/index.cjs +0 -38
- package/dist/utils/animationVanillaExtract.css.cjs +0 -11
- package/dist/utils/animationVanillaExtract.css.d.ts +0 -4
- package/dist/utils/animationVanillaExtract.css.js +0 -11
- package/dist/utils/animations.cjs +0 -276
- package/dist/utils/animations.d.ts +0 -162
- package/dist/utils/animations.js +0 -276
- package/dist/utils/ids.cjs +0 -8
- package/dist/utils/normalize.cjs +0 -35
- package/dist/utils/responsive/Breakpoint.cjs +0 -15
- package/dist/utils/responsive/utilities.cjs +0 -17
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const react = require("react");
|
|
6
|
-
const index$2 = require("../Row/index.cjs");
|
|
7
|
-
const index$1 = require("../Stack/index.cjs");
|
|
8
|
-
const index$3 = require("../Text/index.cjs");
|
|
9
|
-
const index = require("../Tooltip/index.cjs");
|
|
10
|
-
const styles_css = require("./styles.css.cjs");
|
|
11
|
-
const Toggle = react.forwardRef(({
|
|
12
|
-
checked,
|
|
13
|
-
disabled = false,
|
|
14
|
-
id,
|
|
15
|
-
name,
|
|
16
|
-
onChange,
|
|
17
|
-
size = "large",
|
|
18
|
-
tooltip,
|
|
19
|
-
labelPosition = "right",
|
|
20
|
-
label,
|
|
21
|
-
helper,
|
|
22
|
-
required,
|
|
23
|
-
className,
|
|
24
|
-
"data-testid": dataTestId,
|
|
25
|
-
value,
|
|
26
|
-
error,
|
|
27
|
-
"aria-label": ariaLabel,
|
|
28
|
-
style
|
|
29
|
-
}, ref) => {
|
|
30
|
-
const uniqueId = react.useId();
|
|
31
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { "aria-disabled": disabled, className: `${className ? `${className} ` : ""}${styles_css.label({
|
|
32
|
-
disabled,
|
|
33
|
-
labelPosition
|
|
34
|
-
})}`, "data-testid": dataTestId, children: [
|
|
35
|
-
/* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { alignItems: "baseline", gap: 0.25, children: [
|
|
36
|
-
label ? /* @__PURE__ */ jsxRuntime.jsxs(index$2.Row, { alignItems: "center", gap: 1, templateColumns: "auto 1fr", children: [
|
|
37
|
-
typeof label === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "span", prominence: "default", sentiment: "neutral", variant: size === "large" ? "body" : "bodySmall", children: label }) : label,
|
|
38
|
-
required ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "sup", sentiment: "danger", variant: "body", children: "*" }) : null
|
|
39
|
-
] }) : null,
|
|
40
|
-
typeof error === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "p", disabled, prominence: "default", sentiment: "danger", variant: "bodySmall", children: error }) : null,
|
|
41
|
-
helper && !error ? /* @__PURE__ */ jsxRuntime.jsx(index$3.Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
|
|
42
|
-
] }),
|
|
43
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.toggle({
|
|
44
|
-
disabled,
|
|
45
|
-
error: !!error,
|
|
46
|
-
size
|
|
47
|
-
}), children: /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-invalid": !!error, "aria-label": ariaLabel, checked, className: styles_css.checkbox, disabled, id: id ?? uniqueId, name, onChange, ref, required, style, type: "checkbox", value }) })
|
|
48
|
-
] }) });
|
|
49
|
-
});
|
|
50
|
-
exports.Toggle = Toggle;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
;/* empty css */
|
|
4
|
-
const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
|
|
5
|
-
var toggle = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_adn1w20", variantClassNames: { size: { large: "uv_adn1w21", small: "uv_adn1w22" }, disabled: { true: "uv_adn1w23", false: "uv_adn1w24" }, error: { true: "uv_adn1w25", false: "uv_adn1w26" } }, defaultVariants: { size: "large", disabled: false, error: false }, compoundVariants: [[{ disabled: true, error: true }, "uv_adn1w27"]] });
|
|
6
|
-
var checkbox = "uv_adn1w28";
|
|
7
|
-
var label = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_adn1w29", variantClassNames: { labelPosition: { left: "uv_adn1w2a", right: "uv_adn1w2b" }, disabled: { true: "uv_adn1w2c", false: "uv_adn1w2d" } }, defaultVariants: { labelPosition: "right", disabled: false }, compoundVariants: [] });
|
|
8
|
-
exports.checkbox = checkbox;
|
|
9
|
-
exports.label = label;
|
|
10
|
-
exports.toggle = toggle;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const react = require("react");
|
|
6
|
-
const index$1 = require("../Label/index.cjs");
|
|
7
|
-
const index = require("../Stack/index.cjs");
|
|
8
|
-
const index$2 = require("../Text/index.cjs");
|
|
9
|
-
const index$3 = require("../Toggle/index.cjs");
|
|
10
|
-
const styles_css = require("./styles.css.cjs");
|
|
11
|
-
const ToggleGroupContext = react.createContext(void 0);
|
|
12
|
-
const ToggleGroupToggle = ({
|
|
13
|
-
disabled,
|
|
14
|
-
name,
|
|
15
|
-
value,
|
|
16
|
-
label,
|
|
17
|
-
helper,
|
|
18
|
-
error,
|
|
19
|
-
className,
|
|
20
|
-
"data-testid": dataTestId,
|
|
21
|
-
style
|
|
22
|
-
}) => {
|
|
23
|
-
const context = react.useContext(ToggleGroupContext);
|
|
24
|
-
if (!context) {
|
|
25
|
-
throw new Error("ToggleGroup.Toggle can only be used inside a ToggleGroup");
|
|
26
|
-
}
|
|
27
|
-
const {
|
|
28
|
-
groupName,
|
|
29
|
-
onChange,
|
|
30
|
-
groupValues,
|
|
31
|
-
error: contextError
|
|
32
|
-
} = context;
|
|
33
|
-
const ToggleName = `${groupName}.${name}`;
|
|
34
|
-
const ToggleValue = `${value}`;
|
|
35
|
-
return /* @__PURE__ */ jsxRuntime.jsx(index$3.Toggle, { checked: groupValues?.includes(ToggleValue), className, "data-testid": dataTestId, disabled, error: error || contextError, helper, label, name: ToggleName, onChange, style, value: ToggleValue });
|
|
36
|
-
};
|
|
37
|
-
const ToggleGroup = ({
|
|
38
|
-
legend,
|
|
39
|
-
legendDescription,
|
|
40
|
-
value,
|
|
41
|
-
className,
|
|
42
|
-
helper,
|
|
43
|
-
error,
|
|
44
|
-
direction = "column",
|
|
45
|
-
children,
|
|
46
|
-
onChange,
|
|
47
|
-
name,
|
|
48
|
-
description,
|
|
49
|
-
required = false,
|
|
50
|
-
style
|
|
51
|
-
}) => {
|
|
52
|
-
const contextValue = react.useMemo(() => ({
|
|
53
|
-
error: !!error,
|
|
54
|
-
groupName: name,
|
|
55
|
-
groupValues: value ?? [],
|
|
56
|
-
onChange
|
|
57
|
-
}), [name, value, onChange, error]);
|
|
58
|
-
return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1, children: [
|
|
59
|
-
/* @__PURE__ */ jsxRuntime.jsx("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.fieldset}`, style, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 1.5, children: [
|
|
60
|
-
legend || description ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, children: [
|
|
61
|
-
legend ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { as: "legend", labelDescription: legendDescription, required, children: legend }) : null,
|
|
62
|
-
description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: typeof description === "string" ? "p" : "div", prominence: "weak", sentiment: "neutral", variant: "bodySmall", children: description }) : null
|
|
63
|
-
] }) : null,
|
|
64
|
-
/* @__PURE__ */ jsxRuntime.jsx(index.Stack, { direction, gap: 2, children })
|
|
65
|
-
] }) }),
|
|
66
|
-
helper ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null,
|
|
67
|
-
error ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "p", prominence: "weak", sentiment: "danger", variant: "bodySmall", children: error }) : null
|
|
68
|
-
] }) });
|
|
69
|
-
};
|
|
70
|
-
ToggleGroup.Toggle = ToggleGroupToggle;
|
|
71
|
-
exports.ToggleGroup = ToggleGroup;
|
|
72
|
-
exports.ToggleGroupToggle = ToggleGroupToggle;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const react = require("react");
|
|
6
|
-
const index = require("../Popup/index.cjs");
|
|
7
|
-
const styles_css = require("./styles.css.cjs");
|
|
8
|
-
const Tooltip = react.forwardRef(({
|
|
9
|
-
children,
|
|
10
|
-
text = "",
|
|
11
|
-
placement = "auto",
|
|
12
|
-
id,
|
|
13
|
-
className,
|
|
14
|
-
containerFullWidth,
|
|
15
|
-
containerFullHeight,
|
|
16
|
-
maxWidth = 232,
|
|
17
|
-
visible,
|
|
18
|
-
innerRef,
|
|
19
|
-
role = "tooltip",
|
|
20
|
-
"data-testid": dataTestId,
|
|
21
|
-
portalTarget,
|
|
22
|
-
debounceDelay,
|
|
23
|
-
tabIndex,
|
|
24
|
-
style
|
|
25
|
-
}, tooltipRef) => /* @__PURE__ */ jsxRuntime.jsx(index.Popup, { className: `${className ? `${className} ` : ""}${styles_css.tooltip}`, containerFullHeight, containerFullWidth, "data-testid": dataTestId, debounceDelay, id, innerRef, maxWidth, placement, portalTarget, ref: tooltipRef, role, style, tabIndex, text, visible, children }));
|
|
26
|
-
exports.Tooltip = Tooltip;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const Icon = require("@ultraviolet/icons");
|
|
6
|
-
const dynamic = require("@vanilla-extract/dynamic");
|
|
7
|
-
const react = require("react");
|
|
8
|
-
const index$1 = require("../Label/index.cjs");
|
|
9
|
-
const index$2 = require("../Row/index.cjs");
|
|
10
|
-
const index$3 = require("../SelectInput/index.cjs");
|
|
11
|
-
const index = require("../Stack/index.cjs");
|
|
12
|
-
const index$4 = require("../Text/index.cjs");
|
|
13
|
-
const styles_css = require("./styles.css.cjs");
|
|
14
|
-
const UnitInput = ({
|
|
15
|
-
id,
|
|
16
|
-
name = "",
|
|
17
|
-
max = Number.MAX_SAFE_INTEGER,
|
|
18
|
-
min = 0,
|
|
19
|
-
autoFocus = false,
|
|
20
|
-
size = "large",
|
|
21
|
-
placeholder = "0",
|
|
22
|
-
placeholderUnit = "Select item",
|
|
23
|
-
onChange,
|
|
24
|
-
onChangeUnitValue,
|
|
25
|
-
value,
|
|
26
|
-
unitValue,
|
|
27
|
-
selectInputWidth = "12.6rem",
|
|
28
|
-
disabled = false,
|
|
29
|
-
options,
|
|
30
|
-
className,
|
|
31
|
-
label,
|
|
32
|
-
step = 1,
|
|
33
|
-
error,
|
|
34
|
-
required,
|
|
35
|
-
helper,
|
|
36
|
-
unitError,
|
|
37
|
-
success,
|
|
38
|
-
"data-testid": dataTestId,
|
|
39
|
-
width,
|
|
40
|
-
maxWidth,
|
|
41
|
-
labelInformation,
|
|
42
|
-
readOnly,
|
|
43
|
-
onFocus,
|
|
44
|
-
onBlur,
|
|
45
|
-
onKeyDown,
|
|
46
|
-
dropdownAlign,
|
|
47
|
-
templateColumns,
|
|
48
|
-
style
|
|
49
|
-
}) => {
|
|
50
|
-
const [val, setVal] = react.useState(value);
|
|
51
|
-
const localId = react.useId();
|
|
52
|
-
const sentiment = react.useMemo(() => {
|
|
53
|
-
if (error) {
|
|
54
|
-
return "danger";
|
|
55
|
-
}
|
|
56
|
-
if (success) {
|
|
57
|
-
return "success";
|
|
58
|
-
}
|
|
59
|
-
return "neutral";
|
|
60
|
-
}, [error, success]);
|
|
61
|
-
const computedState = react.useMemo(() => {
|
|
62
|
-
if (disabled) {
|
|
63
|
-
return "disabled";
|
|
64
|
-
}
|
|
65
|
-
if (readOnly) {
|
|
66
|
-
return "readOnly";
|
|
67
|
-
}
|
|
68
|
-
if (error) {
|
|
69
|
-
return "error";
|
|
70
|
-
}
|
|
71
|
-
if (success) {
|
|
72
|
-
return "success";
|
|
73
|
-
}
|
|
74
|
-
return "default";
|
|
75
|
-
}, [disabled, readOnly, success, error]);
|
|
76
|
-
react.useEffect(() => {
|
|
77
|
-
if (value !== void 0) {
|
|
78
|
-
setVal(value);
|
|
79
|
-
}
|
|
80
|
-
}, [value]);
|
|
81
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, maxWidth, onBlur, onFocus, onKeyDown, width, children: [
|
|
82
|
-
label || labelInformation ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Label, { htmlFor: id ?? localId, labelDescription: labelInformation, required, size, children: label }) : null,
|
|
83
|
-
/* @__PURE__ */ jsxRuntime.jsxs(index$2.Row, { className: `${styles_css.unitInputSize[size]} ${styles_css.unitInputState[computedState]}`, "data-disabled": !!disabled, "data-testid": dataTestId, templateColumns: templateColumns ?? "1fr auto", children: [
|
|
84
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.unitInputNumberWrapper, id: "input-field", children: [
|
|
85
|
-
/* @__PURE__ */ jsxRuntime.jsx("input", { "aria-invalid": !!error, autoFocus, className: `${className ? `${className} ` : ""}${styles_css.unitInputNumber[size]}`, "data-testid": "unit-input", disabled, id: id ?? localId, max, min, name: `${name}-value`, onChange: (event) => {
|
|
86
|
-
const numericValue = Number.parseInt(event.target.value, 10);
|
|
87
|
-
if (numericValue > max) {
|
|
88
|
-
setVal(max);
|
|
89
|
-
onChange?.(max);
|
|
90
|
-
} else if (numericValue < min) {
|
|
91
|
-
setVal(min);
|
|
92
|
-
onChange?.(min);
|
|
93
|
-
} else {
|
|
94
|
-
setVal(numericValue);
|
|
95
|
-
onChange?.(numericValue);
|
|
96
|
-
}
|
|
97
|
-
}, placeholder, readOnly, required, step, style, type: "number", value: val }),
|
|
98
|
-
error ? /* @__PURE__ */ jsxRuntime.jsx(Icon.AlertCircleIcon, { sentiment: "danger" }) : null,
|
|
99
|
-
success && !error ? /* @__PURE__ */ jsxRuntime.jsx(Icon.CheckCircleIcon, { sentiment: "success" }) : null
|
|
100
|
-
] }),
|
|
101
|
-
/* @__PURE__ */ jsxRuntime.jsx(index$3.SelectInput, { className: `${styles_css.unitInputUnit} ${styles_css.unitInputUnitWidth}`, clearable: false, "data-disabled": disabled, disabled, dropdownAlign, error: unitError, id: "unit", multiselect: false, name: `${name}-unit`, onChange: (newValue) => {
|
|
102
|
-
onChangeUnitValue?.(newValue);
|
|
103
|
-
}, options, placeholder: placeholderUnit, readOnly, searchable: false, size, style: dynamic.assignInlineVars({
|
|
104
|
-
[styles_css.widthSelectInput]: selectInputWidth.toString()
|
|
105
|
-
}), value: unitValue })
|
|
106
|
-
] }),
|
|
107
|
-
error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$4.Text, { as: "p", disabled, prominence: sentiment === "neutral" ? "weak" : "default", sentiment, variant: "caption", children: error || success || helper }) : null,
|
|
108
|
-
!error && !success && typeof helper !== "string" && helper ? helper : null
|
|
109
|
-
] });
|
|
110
|
-
};
|
|
111
|
-
exports.UnitInput = UnitInput;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
;/* empty css */
|
|
4
|
-
;/* empty css */
|
|
5
|
-
var widthSelectInput = "var(--uv_gwf0fl0)";
|
|
6
|
-
var unitInputNumber = { small: "uv_gwf0fl2 uv_gwf0fl1", medium: "uv_gwf0fl3 uv_gwf0fl1", large: "uv_gwf0fl4 uv_gwf0fl1" };
|
|
7
|
-
var unitInputState = { readOnly: "uv_gwf0fl6 uv_gwf0fl5", disabled: "uv_gwf0fl7 uv_gwf0fl5", success: "uv_gwf0fl8 uv_gwf0fl5", error: "uv_gwf0fl9 uv_gwf0fl5", "default": "uv_gwf0fla uv_gwf0fl5" };
|
|
8
|
-
var unitInputNumberWrapper = "uv_gwf0flb";
|
|
9
|
-
var unitInputSize = { small: "uv_gwf0flc", medium: "uv_gwf0fld", large: "uv_gwf0fle" };
|
|
10
|
-
var unitInputUnitWidth = "uv_gwf0flf";
|
|
11
|
-
var unitInputUnit = "uv_gwf0flg";
|
|
12
|
-
exports.unitInputNumber = unitInputNumber;
|
|
13
|
-
exports.unitInputNumberWrapper = unitInputNumberWrapper;
|
|
14
|
-
exports.unitInputSize = unitInputSize;
|
|
15
|
-
exports.unitInputState = unitInputState;
|
|
16
|
-
exports.unitInputUnit = unitInputUnit;
|
|
17
|
-
exports.unitInputUnitWidth = unitInputUnitWidth;
|
|
18
|
-
exports.widthSelectInput = widthSelectInput;
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
5
|
-
const react = require("react");
|
|
6
|
-
const index = require("../Label/index.cjs");
|
|
7
|
-
const index$1 = require("../Text/index.cjs");
|
|
8
|
-
const styles_css = require("./styles.css.cjs");
|
|
9
|
-
const DEFAULT_ON_FUNCTION = () => {
|
|
10
|
-
};
|
|
11
|
-
const inputOnFocus = (event) => event.target.select();
|
|
12
|
-
const VerificationCode = ({
|
|
13
|
-
disabled = false,
|
|
14
|
-
className,
|
|
15
|
-
error = false,
|
|
16
|
-
fields = 4,
|
|
17
|
-
initialValue = "",
|
|
18
|
-
inputId,
|
|
19
|
-
size = "large",
|
|
20
|
-
onChange = DEFAULT_ON_FUNCTION,
|
|
21
|
-
onComplete = DEFAULT_ON_FUNCTION,
|
|
22
|
-
placeholder = "",
|
|
23
|
-
required = false,
|
|
24
|
-
type = "number",
|
|
25
|
-
"data-testid": dataTestId,
|
|
26
|
-
"aria-label": ariaLabel = "Verification code",
|
|
27
|
-
label,
|
|
28
|
-
labelDescription,
|
|
29
|
-
helper,
|
|
30
|
-
success,
|
|
31
|
-
style
|
|
32
|
-
}) => {
|
|
33
|
-
const uniqueId = react.useId();
|
|
34
|
-
const id = inputId || uniqueId;
|
|
35
|
-
const valuesArray = Object.assign(new Array(fields).fill(""), [...initialValue.substring(0, fields)]);
|
|
36
|
-
const [values, setValues] = react.useState(valuesArray);
|
|
37
|
-
const inputRefs = Array.from({
|
|
38
|
-
length: fields
|
|
39
|
-
}, () => react.createRef());
|
|
40
|
-
const triggerChange = (inputValues) => {
|
|
41
|
-
const stringValue = inputValues.join("");
|
|
42
|
-
if (onChange) {
|
|
43
|
-
onChange(stringValue);
|
|
44
|
-
}
|
|
45
|
-
if (onComplete && stringValue.length >= fields) {
|
|
46
|
-
onComplete(stringValue);
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
const inputOnChange = (index2) => (event) => {
|
|
50
|
-
let {
|
|
51
|
-
value
|
|
52
|
-
} = event.target;
|
|
53
|
-
if (type === "number") {
|
|
54
|
-
value = event.target.value.replace(/[^\d]/gi, "");
|
|
55
|
-
}
|
|
56
|
-
const newValues = [...values];
|
|
57
|
-
if (value === "" || type === "number" && !new RegExp(event.target.pattern).test(value)) {
|
|
58
|
-
newValues[index2] = "";
|
|
59
|
-
setValues(newValues);
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
const sanitizedValue = value[0];
|
|
63
|
-
newValues[index2] = sanitizedValue ?? "";
|
|
64
|
-
setValues(newValues);
|
|
65
|
-
const nextIndex = Math.min(index2 + 1, fields - 1);
|
|
66
|
-
const next = inputRefs[nextIndex];
|
|
67
|
-
next?.current?.focus();
|
|
68
|
-
triggerChange(newValues);
|
|
69
|
-
};
|
|
70
|
-
const inputOnKeyDown = (index2) => (event) => {
|
|
71
|
-
const prevIndex = index2 - 1;
|
|
72
|
-
const nextIndex = index2 + 1;
|
|
73
|
-
const first = inputRefs[0];
|
|
74
|
-
const last = inputRefs[inputRefs.length - 1];
|
|
75
|
-
const prev = inputRefs[prevIndex];
|
|
76
|
-
const next = inputRefs[nextIndex];
|
|
77
|
-
const vals = [...values];
|
|
78
|
-
switch (event.key) {
|
|
79
|
-
case "Backspace": {
|
|
80
|
-
event.preventDefault();
|
|
81
|
-
if (values[index2]) {
|
|
82
|
-
vals[index2] = "";
|
|
83
|
-
setValues(vals);
|
|
84
|
-
triggerChange(vals);
|
|
85
|
-
} else if (prev) {
|
|
86
|
-
vals[prevIndex] = "";
|
|
87
|
-
prev?.current?.focus();
|
|
88
|
-
setValues(vals);
|
|
89
|
-
triggerChange(vals);
|
|
90
|
-
}
|
|
91
|
-
break;
|
|
92
|
-
}
|
|
93
|
-
case "ArrowLeft": {
|
|
94
|
-
event.preventDefault();
|
|
95
|
-
prev?.current?.focus();
|
|
96
|
-
break;
|
|
97
|
-
}
|
|
98
|
-
case "ArrowRight": {
|
|
99
|
-
event.preventDefault();
|
|
100
|
-
next?.current?.focus();
|
|
101
|
-
break;
|
|
102
|
-
}
|
|
103
|
-
case "ArrowUp": {
|
|
104
|
-
event.preventDefault();
|
|
105
|
-
first?.current?.focus();
|
|
106
|
-
break;
|
|
107
|
-
}
|
|
108
|
-
case "ArrowDown": {
|
|
109
|
-
event.preventDefault();
|
|
110
|
-
last?.current?.focus();
|
|
111
|
-
break;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
const inputOnPaste = (currentIndex) => (event) => {
|
|
116
|
-
event.preventDefault();
|
|
117
|
-
const pastedValue = [...event.clipboardData.getData("Text")].map((copiedValue) => (
|
|
118
|
-
// Replace non number char with empty char when type is number
|
|
119
|
-
type === "number" ? copiedValue.replace(/[^\d]/gi, "") : copiedValue
|
|
120
|
-
));
|
|
121
|
-
pastedValue.splice(fields - currentIndex < pastedValue.length ? fields - currentIndex : pastedValue.length);
|
|
122
|
-
setValues((vals) => {
|
|
123
|
-
const newArray = structuredClone(vals);
|
|
124
|
-
newArray.splice(currentIndex, pastedValue.length, ...pastedValue);
|
|
125
|
-
return newArray;
|
|
126
|
-
});
|
|
127
|
-
const nextIndex = Math.min(currentIndex + pastedValue.filter((item) => item !== "").length, inputRefs.length - 1);
|
|
128
|
-
const next = inputRefs[nextIndex];
|
|
129
|
-
next?.current?.focus();
|
|
130
|
-
triggerChange(pastedValue);
|
|
131
|
-
};
|
|
132
|
-
const sentiment = react.useMemo(() => {
|
|
133
|
-
if (error) {
|
|
134
|
-
return "danger";
|
|
135
|
-
}
|
|
136
|
-
if (success) {
|
|
137
|
-
return "success";
|
|
138
|
-
}
|
|
139
|
-
return "neutral";
|
|
140
|
-
}, [error, success]);
|
|
141
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: `${className ? `${className} ` : ""}${styles_css.filedSetClass}`, "data-testid": dataTestId, style, children: [
|
|
142
|
-
label || labelDescription ? /* @__PURE__ */ jsxRuntime.jsx(index.Label, { htmlFor: `${id}-0`, id: `${id}-label`, labelDescription, required, size: size === "xlarge" ? "large" : size, children: label }) : null,
|
|
143
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { children: values.map((value, index2) => /* @__PURE__ */ jsxRuntime.jsx("input", { "aria-invalid": !!error, "aria-label": `${ariaLabel} ${index2}`, autoComplete: "off", className: `${styles_css.inputSizes[size]} ${styles_css.inputClass}`, "data-success": !!success, "data-testid": index2, disabled, id: `${id}-${index2}`, onChange: inputOnChange(index2), onFocus: inputOnFocus, onKeyDown: inputOnKeyDown(index2), onPaste: inputOnPaste(index2), pattern: type === "number" ? "[0-9]*" : void 0, placeholder: placeholder?.[index2] ?? "", ref: inputRefs[index2], required, type: type === "number" ? "tel" : type, value }, `field-${index2}`)) }),
|
|
144
|
-
error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", disabled, prominence: !error && !success ? "weak" : "default", sentiment, variant: "caption", children: error || success || helper }) : null,
|
|
145
|
-
!error && !success && typeof helper !== "string" && helper ? helper : null
|
|
146
|
-
] });
|
|
147
|
-
};
|
|
148
|
-
exports.VerificationCode = VerificationCode;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
;/* empty css */
|
|
4
|
-
var inputSizes = { small: "uv_1k9synd0", medium: "uv_1k9synd1", large: "uv_1k9synd2", xlarge: "uv_1k9synd3" };
|
|
5
|
-
var inputClass = "uv_1k9synd4";
|
|
6
|
-
var filedSetClass = "uv_1k9synd5";
|
|
7
|
-
exports.filedSetClass = filedSetClass;
|
|
8
|
-
exports.inputClass = inputClass;
|
|
9
|
-
exports.inputSizes = inputSizes;
|
package/dist/helpers/legend.cjs
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getLegendColor = (theme) => {
|
|
4
|
-
const {
|
|
5
|
-
colors
|
|
6
|
-
} = theme;
|
|
7
|
-
return Object.keys(colors.other.data.charts).filter((key) => !["success", "danger"].includes(key)).sort((a, b) => {
|
|
8
|
-
if (Number(a.replace("data", "")) < Number(b.replace("data", ""))) {
|
|
9
|
-
return -1;
|
|
10
|
-
}
|
|
11
|
-
return 1;
|
|
12
|
-
}).map((key) => colors.other.data.charts[key]);
|
|
13
|
-
};
|
|
14
|
-
exports.getLegendColor = getLegendColor;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getNivoTheme = (theme) => ({
|
|
4
|
-
axis: {
|
|
5
|
-
ticks: {
|
|
6
|
-
line: {
|
|
7
|
-
stroke: theme.colors.neutral.backgroundStrong,
|
|
8
|
-
strokeWidth: 1
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
text: {
|
|
13
|
-
fill: theme.colors.neutral.text,
|
|
14
|
-
fontFamily: theme.typography.body.fontFamily,
|
|
15
|
-
fontSize: theme.typography.bodySmall.fontSize,
|
|
16
|
-
fontWeight: theme.typography.bodySmall.fontWeight,
|
|
17
|
-
letterSpacing: theme.typography.bodySmall.letterSpacing,
|
|
18
|
-
lineHeight: theme.typography.bodySmall.lineHeight,
|
|
19
|
-
outlineColor: theme.colors.neutral.background
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
exports.getNivoTheme = getNivoTheme;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const recursivelyGetChildrenString = (children) => {
|
|
3
|
-
if (typeof children === "string") {
|
|
4
|
-
return children;
|
|
5
|
-
}
|
|
6
|
-
if (Array.isArray(children)) {
|
|
7
|
-
return "";
|
|
8
|
-
}
|
|
9
|
-
if (typeof children === "object") {
|
|
10
|
-
const childProps = children?.["props"]?.["children"];
|
|
11
|
-
if (childProps) {
|
|
12
|
-
return recursivelyGetChildrenString(childProps);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
return "";
|
|
16
|
-
};
|
|
17
|
-
module.exports = recursivelyGetChildrenString;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const react = require("react");
|
|
4
|
-
const useIsOverflowing = (ref, callback) => {
|
|
5
|
-
const [isOverflowing, setIsOverflowing] = react.useState(false);
|
|
6
|
-
react.useEffect(() => {
|
|
7
|
-
const handleResize = () => {
|
|
8
|
-
if (!ref.current) {
|
|
9
|
-
return;
|
|
10
|
-
}
|
|
11
|
-
const element = ref.current;
|
|
12
|
-
const hasOverflow = element.clientWidth < element.scrollWidth;
|
|
13
|
-
setIsOverflowing(hasOverflow);
|
|
14
|
-
};
|
|
15
|
-
setTimeout(() => handleResize(), 0);
|
|
16
|
-
window.addEventListener("resize", handleResize);
|
|
17
|
-
return () => {
|
|
18
|
-
window.removeEventListener("resize", handleResize);
|
|
19
|
-
};
|
|
20
|
-
}, [ref, callback]);
|
|
21
|
-
return isOverflowing;
|
|
22
|
-
};
|
|
23
|
-
exports.useIsOverflowing = useIsOverflowing;
|