@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-beta-1
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/lib/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +6 -4
- package/lib/components/accordion/Accordion.native.d.ts +2 -2
- package/lib/components/accordion/Accordion.native.js +5 -5
- package/lib/components/accordion/AccordionProps.d.ts +3 -0
- package/lib/components/accordion/index.d.ts +5 -5
- package/lib/components/accordion/index.js +6 -6
- package/lib/components/accordion/item/AccordionItem.d.ts +1 -1
- package/lib/components/accordion/item/AccordionItem.js +10 -6
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +8 -6
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.native.js +4 -4
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +1 -1
- package/lib/components/accordion/item/body/index.d.ts +1 -1
- package/lib/components/accordion/item/body/index.js +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +6 -4
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.native.js +7 -7
- package/lib/components/accordion/item/header/index.d.ts +1 -1
- package/lib/components/accordion/item/header/index.js +2 -2
- package/lib/components/accordion/item/index.d.ts +1 -1
- package/lib/components/accordion/item/index.js +2 -2
- package/lib/components/alert/Alert.d.ts +1 -1
- package/lib/components/alert/Alert.js +43 -17
- package/lib/components/alert/context/ToasterContext.js +2 -6
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +127 -26
- package/lib/components/autocomplete/AutoComplete.native.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.native.js +5 -5
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
- package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
- package/lib/components/autocomplete/index.d.ts +3 -3
- package/lib/components/autocomplete/index.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +8 -6
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- package/lib/components/autocomplete/item/index.d.ts +1 -1
- package/lib/components/autocomplete/item/index.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +7 -5
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +4 -4
- package/lib/components/autocomplete/menu/index.d.ts +1 -1
- package/lib/components/autocomplete/menu/index.js +2 -2
- package/lib/components/badge/Badge.d.ts +1 -1
- package/lib/components/badge/Badge.js +13 -10
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +1 -2
- package/lib/components/badge/index.js +2 -3
- package/lib/components/box/Box.js +16 -8
- package/lib/components/box/content/BoxContent.js +7 -5
- package/lib/components/box/footer/BoxFooter.js +6 -4
- package/lib/components/box/header/BoxHeader.js +7 -5
- package/lib/components/box/item/BoxItem.js +6 -4
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +7 -5
- package/lib/components/breadcrumb/Breadcrumb.js +4 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +8 -6
- package/lib/components/button/Button.js +19 -7
- package/lib/components/button/list/ButtonList.js +7 -5
- package/lib/components/card/Card.d.ts +4 -1
- package/lib/components/card/Card.js +15 -8
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +13 -15
- package/lib/components/card/CardProps.d.ts +1 -3
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +6 -4
- package/lib/components/card/content/CardContentProps.d.ts +1 -1
- package/lib/components/card/content/index.d.ts +1 -1
- package/lib/components/card/content/index.js +2 -2
- package/lib/components/card/image/CardImage.d.ts +1 -1
- package/lib/components/card/image/CardImage.js +13 -7
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/card/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +26 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +24 -23
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +11 -7
- package/lib/components/chips/index.d.ts +2 -2
- package/lib/components/chips/index.js +3 -3
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +7 -5
- package/lib/components/chips/list/index.d.ts +1 -1
- package/lib/components/chips/list/index.js +2 -2
- package/lib/components/columns/Columns.js +4 -2
- package/lib/components/columns/column/Column.js +4 -2
- package/lib/components/container/Container.js +4 -2
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +77 -17
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +5 -3
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +16 -7
- package/lib/components/fab/FabProps.d.ts +3 -5
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +5 -3
- package/lib/components/icon/Icon.js +8 -6
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +12 -7
- package/lib/components/image/ImageProps.d.ts +2 -3
- package/lib/components/image/ImageProps.js +1 -1
- package/lib/components/image/index.d.ts +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/input/Input.d.ts +2 -2
- package/lib/components/input/Input.js +123 -39
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +6 -6
- package/lib/components/input/InputProps.d.ts +3 -3
- package/lib/components/input/gauge/InputGauge.d.ts +3 -2
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +74 -89
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +8 -6
- package/lib/components/list/List.js +4 -2
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +74 -14
- package/lib/components/modal/Modal.native.js +109 -51
- package/lib/components/modal/ModalProps.d.ts +2 -3
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +5 -3
- package/lib/components/modal/body/ModalBody.native.js +8 -13
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +6 -4
- package/lib/components/modal/footer/ModalFooter.native.js +10 -20
- package/lib/components/modal/index.d.ts +4 -4
- package/lib/components/modal/index.js +5 -5
- package/lib/components/otp/Otp.d.ts +1 -1
- package/lib/components/otp/Otp.js +98 -22
- package/lib/components/otp/index.d.ts +1 -1
- package/lib/components/otp/index.js +2 -2
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +66 -17
- package/lib/components/pagination/PaginationProps.d.ts +2 -3
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +7 -5
- package/lib/components/price/Price.js +13 -11
- package/lib/components/product-tour/ProductTour.js +17 -13
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +13 -11
- package/lib/components/progress/ProgressProps.d.ts +1 -1
- package/lib/components/progress/index.d.ts +3 -3
- package/lib/components/progress/index.js +4 -4
- package/lib/components/progress/radial/ProgressRadial.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +52 -11
- package/lib/components/progress/radial/ProgressRadial.native.js +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -5
- package/lib/components/progress/radial/index.d.ts +1 -1
- package/lib/components/progress/radial/index.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.js +6 -4
- package/lib/components/progress/radial/item/index.d.ts +1 -1
- package/lib/components/progress/radial/item/index.js +2 -2
- package/lib/components/radio/Radio.js +8 -6
- package/lib/components/radio/RadioProps.d.ts +1 -1
- package/lib/components/radio/index.d.ts +5 -5
- package/lib/components/radio/index.js +6 -6
- package/lib/components/radio/list/RadioList.d.ts +1 -1
- package/lib/components/radio/list/RadioList.js +7 -5
- package/lib/components/radio/list/RadioListProps.d.ts +1 -1
- package/lib/components/radio/list/index.d.ts +1 -1
- package/lib/components/radio/list/index.js +2 -2
- package/lib/components/radio/tiles/RadioTiles.js +7 -5
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -1
- package/lib/components/radio/tiles/index.d.ts +1 -1
- package/lib/components/radio/tiles/index.js +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +12 -10
- package/lib/components/radio/tiles/tile/index.d.ts +1 -1
- package/lib/components/radio/tiles/tile/index.js +2 -2
- package/lib/components/range/Range.d.ts +1 -1
- package/lib/components/range/Range.js +57 -15
- package/lib/components/range/RangeProps.d.ts +1 -2
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +6 -4
- package/lib/components/rows/row/Row.js +6 -4
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +13 -11
- package/lib/components/section/Section.js +7 -5
- package/lib/components/segment-control/SegmentControl.d.ts +2 -8
- package/lib/components/segment-control/SegmentControl.js +28 -16
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -6
- package/lib/components/segment-control/item/SegmentControlItem.js +18 -8
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- package/lib/components/segment-control/item/index.d.ts +1 -1
- package/lib/components/segment-control/item/index.js +2 -2
- package/lib/components/select/Select.d.ts +1 -1
- package/lib/components/select/Select.js +3 -3
- package/lib/components/select/SelectProps.d.ts +2 -3
- package/lib/components/select/index.d.ts +2 -2
- package/lib/components/select/index.js +3 -3
- package/lib/components/select/option/SelectOption.d.ts +2 -2
- package/lib/components/select/option/SelectOption.js +9 -7
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
- package/lib/components/select/option/index.d.ts +1 -1
- package/lib/components/select/option/index.js +2 -2
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +131 -15
- package/lib/components/select/web/SelectNative.js +35 -15
- package/lib/components/select/web/index.d.ts +2 -2
- package/lib/components/select/web/index.js +3 -3
- package/lib/components/spacer/Spacer.js +5 -3
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +36 -9
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +10 -8
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.d.ts +1 -1
- package/lib/components/sticker/Sticker.js +11 -9
- package/lib/components/sticker/Sticker.native.d.ts +1 -1
- package/lib/components/sticker/Sticker.native.js +7 -7
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +0 -7
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +43 -11
- package/lib/components/switch/SwitchProps.d.ts +3 -2
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +7 -5
- package/lib/components/table/body/TableBody.js +7 -5
- package/lib/components/table/head/TableHead.js +7 -5
- package/lib/components/table/td/TableTd.js +6 -4
- package/lib/components/table/th/TableTh.js +6 -4
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +9 -7
- package/lib/components/tabs/Tabs.js +18 -6
- package/lib/components/tabs/TabsProps.d.ts +1 -4
- package/lib/components/tabs/context/index.js +1 -2
- package/lib/components/tabs/tab-list/TabList.js +4 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +19 -4
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +1 -3
- package/lib/components/tabs/tab-panels/TabPanels.js +4 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tag/Tag.js +5 -3
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/text/Text.js +7 -5
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +27 -15
- package/lib/components/textarea/TextareaProps.d.ts +3 -4
- package/lib/components/timeline/Timeline.js +6 -4
- package/lib/components/timeline/content/TimelineContent.js +7 -5
- package/lib/components/timeline/item/TimelineItem.js +6 -4
- package/lib/components/timeline/marker/TimelineMarker.js +7 -5
- package/lib/components/title/Title.js +9 -7
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +15 -12
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +2 -3
- package/lib/context/providerStates.js +2 -3
- package/lib/context/providerTheme.js +1 -2
- package/lib/helpers/hashClassesHelpers.d.ts +3 -1
- package/lib/helpers/hashClassesHelpers.js +15 -18
- package/lib/objects/Typography/TypographyBold.js +2 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +0 -6
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +0 -14
- package/lib/components/alert/hooks/useAlert.d.ts +0 -23
- package/lib/components/alert/hooks/useAlert.js +0 -48
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +0 -40
- package/lib/components/autocomplete/hooks/useAutocomplete.js +0 -144
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +0 -9
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +0 -20
- package/lib/components/button/hooks/useButton.d.ts +0 -12
- package/lib/components/button/hooks/useButton.js +0 -16
- package/lib/components/countdown/hooks/useCountdown.d.ts +0 -16
- package/lib/components/countdown/hooks/useCountdown.js +0 -77
- package/lib/components/input/hook/useInput.d.ts +0 -68
- package/lib/components/input/hook/useInput.js +0 -151
- package/lib/components/modal/context/ModalContext.d.ts +0 -3
- package/lib/components/modal/context/ModalContext.js +0 -8
- package/lib/components/modal/context/ModalContextProps.d.ts +0 -8
- package/lib/components/modal/context/ModalContextProps.js +0 -2
- package/lib/components/modal/context/ModalContextPropsDefaults.js +0 -25
- package/lib/components/modal/context/index.d.ts +0 -2
- package/lib/components/modal/context/index.js +0 -3
- package/lib/components/modal/hooks/useModal.d.ts +0 -26
- package/lib/components/modal/hooks/useModal.js +0 -86
- package/lib/components/otp/hooks/useOtp.d.ts +0 -20
- package/lib/components/otp/hooks/useOtp.js +0 -101
- package/lib/components/pagination/hooks/usePagination.d.ts +0 -25
- package/lib/components/pagination/hooks/usePagination.js +0 -77
- package/lib/components/product-tour/hooks/useProductTour.d.ts +0 -11
- package/lib/components/product-tour/hooks/useProductTour.js +0 -22
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +0 -15
- package/lib/components/progress/radial/hooks/useProgressRadial.js +0 -57
- package/lib/components/range/hooks/useRange.d.ts +0 -30
- package/lib/components/range/hooks/useRange.js +0 -63
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +0 -14
- package/lib/components/segment-control/hooks/useSegmentControl.js +0 -31
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +0 -14
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +0 -24
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -27
- package/lib/components/select/web/hooks/useSelectDynamic.js +0 -156
- package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
- package/lib/components/select/web/hooks/useSelectNative.js +0 -38
- package/lib/components/stepper/hooks/useStepper.d.ts +0 -9
- package/lib/components/stepper/hooks/useStepper.js +0 -55
- package/lib/components/switch/hooks/useSwitch.d.ts +0 -18
- package/lib/components/switch/hooks/useSwitch.js +0 -46
- package/lib/components/tabs/hooks/useTabs.d.ts +0 -12
- package/lib/components/tabs/hooks/useTabs.js +0 -33
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +0 -17
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +0 -28
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +0 -3
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +0 -14
- package/lib/components/textarea/hooks/useTextarea.d.ts +0 -15
- package/lib/components/textarea/hooks/useTextarea.js +0 -30
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useOtp = function (_a) {
|
|
4
|
-
var value = _a.value, disabled = _a.disabled, length = _a.length, onChange = _a.onChange, onCompleted = _a.onCompleted;
|
|
5
|
-
var stringToCode = function (str, codeSize) {
|
|
6
|
-
if (!str)
|
|
7
|
-
return new Array(codeSize).fill(null);
|
|
8
|
-
return str.split('').map(function (char) { return (char === '' ? null : Number(char)); });
|
|
9
|
-
};
|
|
10
|
-
var codeToString = function (code) {
|
|
11
|
-
return code.map(function (char) { return (char === null ? '_' : char); }).join('');
|
|
12
|
-
};
|
|
13
|
-
var isCompleted = function (myCode) {
|
|
14
|
-
return myCode.every(function (code) { return code !== null; });
|
|
15
|
-
};
|
|
16
|
-
var focusToNextInput = function (target, value) {
|
|
17
|
-
var nextElementSibling = target.nextElementSibling;
|
|
18
|
-
if (nextElementSibling) {
|
|
19
|
-
if (value)
|
|
20
|
-
nextElementSibling.value = value;
|
|
21
|
-
if (target.value.length)
|
|
22
|
-
nextElementSibling.focus();
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
target.focus();
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
var focusToPrevInput = function (target) {
|
|
29
|
-
var previousElementSibling = target.previousElementSibling;
|
|
30
|
-
if (previousElementSibling) {
|
|
31
|
-
previousElementSibling.focus();
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
target.focus();
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var updateCodeInput = function (value, index, code) {
|
|
38
|
-
var numberValue = Number(value);
|
|
39
|
-
if (isNaN(numberValue) || value.length < 1) {
|
|
40
|
-
return code;
|
|
41
|
-
}
|
|
42
|
-
var newCodeInput = code.map(function (code, idx) {
|
|
43
|
-
return idx === index ? Number(value.slice(0, 1)) : code;
|
|
44
|
-
});
|
|
45
|
-
return updateCodeInput(value.slice(1), index + 1, newCodeInput);
|
|
46
|
-
};
|
|
47
|
-
var inputOnKeyUp = function (e) {
|
|
48
|
-
var key = e.key;
|
|
49
|
-
var target = e.target;
|
|
50
|
-
if (key === 'ArrowRight' || key === 'ArrowDown') {
|
|
51
|
-
return focusToNextInput(target);
|
|
52
|
-
}
|
|
53
|
-
if (key === 'ArrowLeft' || key === 'ArrowUp') {
|
|
54
|
-
return focusToPrevInput(target);
|
|
55
|
-
}
|
|
56
|
-
if (key === 'Backspace') {
|
|
57
|
-
return target.value === '' && focusToPrevInput(target);
|
|
58
|
-
}
|
|
59
|
-
if (key >= '0' && key <= '9') {
|
|
60
|
-
focusToNextInput(target);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
try {
|
|
64
|
-
var _b = __read(React.useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput_1 = _b[0], setCodeInput_1 = _b[1];
|
|
65
|
-
var hasChanged_1 = React.useRef(false);
|
|
66
|
-
React.useEffect(function () {
|
|
67
|
-
if (!disabled) {
|
|
68
|
-
isCompleted(codeInput_1) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput_1)));
|
|
69
|
-
}
|
|
70
|
-
}, [length, codeInput_1, onCompleted, disabled]);
|
|
71
|
-
React.useEffect(function () {
|
|
72
|
-
hasChanged_1.current = codeInput_1.find(function (code) { return code !== null; }) !== undefined;
|
|
73
|
-
if (hasChanged_1.current) {
|
|
74
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(codeToString(codeInput_1));
|
|
75
|
-
}
|
|
76
|
-
}, [codeInput_1]);
|
|
77
|
-
var inputOnChange = function (e, idx) {
|
|
78
|
-
var target = e.target;
|
|
79
|
-
var targetValue = target.value.trim();
|
|
80
|
-
if (targetValue.length > 0) {
|
|
81
|
-
setCodeInput_1(updateCodeInput(targetValue, idx, codeInput_1));
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
setCodeInput_1(codeInput_1.map(function (code, index) {
|
|
85
|
-
return index === idx ? null : code;
|
|
86
|
-
}));
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
var inputOnFocus = function (e) {
|
|
90
|
-
var target = e.target;
|
|
91
|
-
target.setSelectionRange(0, target.value.length);
|
|
92
|
-
};
|
|
93
|
-
return { codeInput: codeInput_1, inputOnKeyUp: inputOnKeyUp, inputOnFocus: inputOnFocus, inputOnChange: inputOnChange };
|
|
94
|
-
}
|
|
95
|
-
catch (_c) {
|
|
96
|
-
return {
|
|
97
|
-
codeInput: stringToCode(value, length) || new Array(length).fill(null),
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvaG9va3MvdXNlT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBVXpCLE1BQU0sQ0FBQyxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQTBEO1FBQXhELEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUE7SUFHckUsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO1FBQzdELElBQUksQ0FBQyxHQUFHO1lBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0lBQ3pFLENBQUMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7UUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE1QixDQUE0QixDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO0lBQ2xFLENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsTUFBc0I7UUFDekMsT0FBTyxNQUFNLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsSUFBSSxL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
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Pager } from '../../../components/pagination/PaginationEnum';
|
|
2
|
-
interface IProps {
|
|
3
|
-
length: number;
|
|
4
|
-
defaultPage: number;
|
|
5
|
-
onClick?: (pager: Pager) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const usePagination: ({ defaultPage, onClick, length }: IProps) => {
|
|
8
|
-
currentPage: number;
|
|
9
|
-
handleClickNext: () => void;
|
|
10
|
-
handleClickPage: (pageNumber: number) => void;
|
|
11
|
-
handleClickPrev: () => void;
|
|
12
|
-
pager: Pager;
|
|
13
|
-
} | {
|
|
14
|
-
currentPage: number;
|
|
15
|
-
pager: {
|
|
16
|
-
currentPage: number;
|
|
17
|
-
length: number;
|
|
18
|
-
endPage: number;
|
|
19
|
-
pages: number[];
|
|
20
|
-
};
|
|
21
|
-
handleClickNext?: undefined;
|
|
22
|
-
handleClickPage?: undefined;
|
|
23
|
-
handleClickPrev?: undefined;
|
|
24
|
-
};
|
|
25
|
-
export {};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { __read, __spreadArray } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var usePagination = function (_a) {
|
|
4
|
-
var defaultPage = _a.defaultPage, onClick = _a.onClick, length = _a.length;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(defaultPage), 2), currentPage_1 = _b[0], setCurrentPage_1 = _b[1];
|
|
7
|
-
var prevCurrentPage_1 = React.useRef(currentPage_1);
|
|
8
|
-
var pager_1 = React.useMemo(function () {
|
|
9
|
-
return calcPager(currentPage_1, length);
|
|
10
|
-
}, [currentPage_1, length]);
|
|
11
|
-
var handleClickPrev = React.useCallback(function () {
|
|
12
|
-
if (currentPage_1 !== 1)
|
|
13
|
-
setCurrentPage_1(currentPage_1 - 1);
|
|
14
|
-
}, [currentPage_1]);
|
|
15
|
-
var handleClickNext = React.useCallback(function () {
|
|
16
|
-
if (currentPage_1 !== Math.max(length))
|
|
17
|
-
setCurrentPage_1(currentPage_1 + 1);
|
|
18
|
-
}, [currentPage_1]);
|
|
19
|
-
var handleClickPage = React.useCallback(function (pageNumber) {
|
|
20
|
-
setCurrentPage_1(pageNumber);
|
|
21
|
-
}, []);
|
|
22
|
-
React.useEffect(function () {
|
|
23
|
-
if (onClick && prevCurrentPage_1.current !== pager_1.currentPage) {
|
|
24
|
-
onClick(pager_1);
|
|
25
|
-
}
|
|
26
|
-
setCurrentPage_1(pager_1.currentPage);
|
|
27
|
-
prevCurrentPage_1.current = pager_1.currentPage;
|
|
28
|
-
}, [pager_1.currentPage]);
|
|
29
|
-
return {
|
|
30
|
-
currentPage: currentPage_1,
|
|
31
|
-
handleClickNext: handleClickNext,
|
|
32
|
-
handleClickPage: handleClickPage,
|
|
33
|
-
handleClickPrev: handleClickPrev,
|
|
34
|
-
pager: pager_1,
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
catch (_c) {
|
|
38
|
-
return {
|
|
39
|
-
currentPage: defaultPage,
|
|
40
|
-
pager: calcPager(defaultPage, length),
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var calcPager = function (currentPage, length) {
|
|
45
|
-
var startPage = 1;
|
|
46
|
-
var endPage = 5;
|
|
47
|
-
if (length <= 5) {
|
|
48
|
-
// less than pageSize(default is 5) total pages so show all
|
|
49
|
-
startPage = 1;
|
|
50
|
-
endPage = length;
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
// more than 3 total pages so calculate start and end pages
|
|
54
|
-
if (currentPage <= 3) {
|
|
55
|
-
startPage = 1;
|
|
56
|
-
endPage = 4;
|
|
57
|
-
}
|
|
58
|
-
else if (currentPage + 3 >= length) {
|
|
59
|
-
startPage = length - 3;
|
|
60
|
-
endPage = length;
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
startPage = currentPage - 1;
|
|
64
|
-
endPage = currentPage + 1;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
// Create an array of pages
|
|
68
|
-
var pages = __spreadArray([], __read(Array(endPage + 1 - startPage).keys()), false).map(function (i) { return startPage + i; });
|
|
69
|
-
// Set pager object
|
|
70
|
-
return {
|
|
71
|
-
currentPage: currentPage,
|
|
72
|
-
length: length,
|
|
73
|
-
endPage: endPage,
|
|
74
|
-
pages: pages,
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9ob29rcy91c2VQYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBUXpCLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUE7SUFDMUQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsQ0FBQyxJQUFBLEVBQWxFLGFBQVcsUUFBQSxFQUFFLGdCQUFjLFFBQXVDLENBQUE7UUFDekUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQVMsYUFBVyxDQUFDLENBQUE7UUFFekQsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBUTtZQUNqQyxPQUFPLFNBQVMsQ0FBQyxhQUFXLEVBQUUsTUFBTSxDQUFDLENBQUE7UUFDdkMsQ0FBQyxFQUFFLENBQUMsYUFBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7UUFFekIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxDQUFDO2dCQUFFLGdCQUFjLENBQUMsYUFBVyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQ3hELENBQUMsRUFBRSxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZQUN4QyxJQUFJLGFBQVcsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQztnQkFBRSxnQkFBYyxDQUFDLGFBQVcsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUN2RSxDQUFDLEVBQUUsQ0FBQyxhQUFXLENBQUMsQ0FBQyxDQUFBO1FBRWpCLElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxVQUFrQjtZQUMzRCxnQkFBYyxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQzVCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxJQUFJLE9BQU8sSUFBSSxpQkFBZSxDQUFDLE9BQU8sS0FBSyxPQUFLLENBQUMsV0FBVyxFQUFFO2dCQUM1RCxPQUFPLENBQUMsT0FBSyxDQUFDLENBQUE7YUFDZjtZQUNELGdCQUFjLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFBO1lBQ2pDLGlCQUFlLENBQUMsT0FBTyxHQUFHLE9BQUssQ0FBQyxXQUFXLENBQUE7UUFDN0MsQ0FBQyxFQUFFLENBQUMsT0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFdkIsT0FBTztZQUNMLFdBQVcsZUFBQTtZQUNYLGVBQWUsaUJBQUE7WUFDZixlQUFlLGlCQUFBO1lBQ2YsZUFBZSxpQkFBQTtZQUNmLEtBQUssU0FBQTtTQUNOLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsV0FBVyxFQUFFLFdBQVc7WUFDeEIsS0FBSyxFQUFFLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO1NBQ3RDLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sU0FBUyxHQUFHLFVBQUMsV0FBbUIsRUFBRSxNQUFjO0lBQ3BELElBQUksU0FBUyxHQUFHLENBQUMsQ0FBQTtJQUNqQixJQUFJLE9BQU8sR0FBRyxDQUFDLENBQUE7SUFFZixJQUFJLE1BQU0sSUFBSSxDQUFDLEVBQUU7UUFDZiwyREFBMkQ7UUFDM0QsU0FBUyxHQUFHLENBQUMsQ0FBQTtRQUNiLE9BQU8sR0FBRyxNQUFNLENBQUE7S0FDakI7U0FBTTtRQUNMLDJEQUEyRDtRQUMzRCxJQUFJLFdBQVcsSUFBSSxDQUFDLEVBQUU7WUFDcEIsU0FBUyxHQUFHLENBQUMsQ0FBQTtZQUNiLE9BQU8sR0FBRyxDQUFDLENBQUE7U0FDWjthQUFNLElBQUksV0FBVyxHQUFHLENBQUMsSUFBSSxNQUFNLEVBQUU7WUFDcEMsU0FBUyxHQUFHLE1BQU0sR0FBRyxDQUFDLENBQUE7WUFDdEIsT0FBTyxHQUFHLE1BQU0sQ0FBQTtTQUNqQjthQUFNO1lBQ0wsU0FBUyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7WUFDM0IsT0FBTyxHQUFHLFdBQVcsR0FBRyxDQUFDLENBQUE7U0FDMUI7S0FDRjtJQUVELDJCQUEyQjtJQUMzQixJQUFNLEtBQUssR0FBRyx5QkFBSSxLQUFLLENBQUMsT0FBTyxHQUFHLENBQUMsR0FBRyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsVUFBRSxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxTQUFTLEdBQUcsQ0FBQyxFQUFiLENBQWEsQ0FBQyxDQUFBO0lBRWxGLG1CQUFtQjtJQUNuQixPQUFPO1FBQ0wsV0FBVyxhQUFBO1FBQ1gsTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsS0FBSyxPQUFBO0tBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useProductTour = function (_a) {
|
|
4
|
-
var active = _a.active;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(active || false), 2), display = _b[0], setDisplay_1 = _b[1];
|
|
7
|
-
var handleClick = React.useCallback(function () { return setDisplay_1(function (prev) { return !prev; }); }, []);
|
|
8
|
-
React.useEffect(function () {
|
|
9
|
-
setDisplay_1(active || false);
|
|
10
|
-
}, [active]);
|
|
11
|
-
return {
|
|
12
|
-
display: display,
|
|
13
|
-
handleClick: handleClick,
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
catch (_c) {
|
|
17
|
-
return {
|
|
18
|
-
display: active || false,
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZHVjdFRvdXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2R1Y3QtdG91ci9ob29rcy91c2VQcm9kdWN0VG91ci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQU16QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQUFrQjtRQUFoQixNQUFNLFlBQUE7SUFDckMsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxPQUFPLFFBQUEsRUFBRSxZQUFVLFFBQTRDLENBQUE7UUFDdEUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxjQUFNLE9BQUEsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLEVBQTNCLENBQTJCLEVBQUUsRUFBRSxDQUFDLENBQUE7UUFFNUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFlBQVUsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU87WUFDTCxPQUFPLFNBQUE7WUFDUCxXQUFXLGFBQUE7U0FDWixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLE9BQU8sRUFBRSxNQUFNLElBQUksS0FBSztTQUN6QixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IParams {
|
|
3
|
-
value: number;
|
|
4
|
-
secondValue: number;
|
|
5
|
-
}
|
|
6
|
-
export declare const useProgressRadial: ({ value, secondValue }: IParams) => {
|
|
7
|
-
progressRadialRef: React.RefObject<HTMLDivElement>;
|
|
8
|
-
styleSSR?: undefined;
|
|
9
|
-
} | {
|
|
10
|
-
styleSSR: {
|
|
11
|
-
background: string;
|
|
12
|
-
};
|
|
13
|
-
progressRadialRef?: undefined;
|
|
14
|
-
};
|
|
15
|
-
export {};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { getColorStyle } from '../../../../objects/facets/Color';
|
|
4
|
-
export var useProgressRadial = function (_a) {
|
|
5
|
-
var value = _a.value, secondValue = _a.secondValue;
|
|
6
|
-
try {
|
|
7
|
-
var _b = __read(React.useState(0), 2), firstProgressCurrentValue_1 = _b[0], setFirstProgressCurrentValue_1 = _b[1];
|
|
8
|
-
var _c = __read(React.useState(0), 2), secondProgressCurrentValue_1 = _c[0], setSecondProgressCurrentValue_1 = _c[1];
|
|
9
|
-
var progressRadialRef_1 = React.useRef(null);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
var animationFrameId;
|
|
12
|
-
// Reset the current values whenever the provided percent or secondPercent change
|
|
13
|
-
setFirstProgressCurrentValue_1(0);
|
|
14
|
-
setSecondProgressCurrentValue_1(0);
|
|
15
|
-
updateBackgroundStyle(value, secondValue, progressRadialRef_1); // if percent or secondPercent are 0, update immediately
|
|
16
|
-
var frame = function () {
|
|
17
|
-
setFirstProgressCurrentValue_1(function (value) {
|
|
18
|
-
return value < value ? value + 1 : value;
|
|
19
|
-
});
|
|
20
|
-
setSecondProgressCurrentValue_1(function (value) {
|
|
21
|
-
return value < secondValue ? value + 1 : value;
|
|
22
|
-
});
|
|
23
|
-
animationFrameId = requestAnimationFrame(frame);
|
|
24
|
-
};
|
|
25
|
-
animationFrameId = requestAnimationFrame(frame);
|
|
26
|
-
// Cleanup
|
|
27
|
-
return function () { return cancelAnimationFrame(animationFrameId); };
|
|
28
|
-
}, [value, secondValue]);
|
|
29
|
-
React.useEffect(function () {
|
|
30
|
-
updateBackgroundStyle(firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1);
|
|
31
|
-
}, [firstProgressCurrentValue_1, secondProgressCurrentValue_1, progressRadialRef_1]);
|
|
32
|
-
return {
|
|
33
|
-
progressRadialRef: progressRadialRef_1,
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
catch (_d) {
|
|
37
|
-
return {
|
|
38
|
-
styleSSR: updateBackgroundStyle(value, secondValue),
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
var updateBackgroundStyle = function (firstValue, secondValue, progressRadialRef) {
|
|
43
|
-
var progressRadial = progressRadialRef === null || progressRadialRef === void 0 ? void 0 : progressRadialRef.current;
|
|
44
|
-
var firstProgressDegree = (360 * firstValue) / 100;
|
|
45
|
-
var secondProgressDegree = (360 * secondValue) / 100;
|
|
46
|
-
// Ensure the second progress starts where the first ends
|
|
47
|
-
var secondProgressStartDegree = firstProgressDegree;
|
|
48
|
-
var styleBackground;
|
|
49
|
-
styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
|
|
50
|
-
styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
|
|
51
|
-
if (progressRadial)
|
|
52
|
-
progressRadial.style.background = styleBackground;
|
|
53
|
-
return {
|
|
54
|
-
background: "radial-gradient(circle at center, white 58%, transparent 58.1%), conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)"),
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9ob29rcy91c2VQcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPdEQsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxFQUErQjtRQUE3QixLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBNEQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1RSwyQkFBeUIsUUFBQSxFQUFFLDhCQUE0QixRQUFxQixDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUE4RCxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlFLDRCQUEwQixRQUFBLEVBQUUsK0JBQTZCLFFBQXFCLENBQUE7UUFFckYsSUFBTSxtQkFBaUIsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtRQUU1RCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxnQkFBcUIsQ0FBQTtZQUV6QixpRkFBaUY7WUFDakYsOEJBQTRCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDL0IsK0JBQTZCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDaEMscUJBQXFCLENBQUMsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBLENBQUMsd0RBQXdEO1lBRXJILElBQU0sS0FBSyxHQUFHO2dCQUNaLDhCQUE0QixDQUFDLFVBQUMsS0FBSztvQkFDakMsT0FBTyxLQUFLLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQzFDLENBQUMsQ0FBQyxDQUFBO2dCQUNGLCtCQUE2QixDQUFDLFVBQUMsS0FBSztvQkFDbEMsT0FBTyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUE7Z0JBQ2hELENBQUMsQ0FBQyxDQUFBO2dCQUNGLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ2pELENBQUMsQ0FBQTtZQUVELGdCQUFnQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRS9DLFVBQVU7WUFDVixPQUFPLGNBQU0sT0FBQSxvQkFBb0IsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUF0QyxDQUFzQyxDQUFBO1FBQ3JELENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO1FBRXhCLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxxQkFBcUIsQ0FBQywyQkFBeUIsRUFBRSw0QkFBMEIsRUFBRSxtQkFBaUIsQ0FBQyxDQUFBO1FBQ2pHLENBQUMsRUFBRSxDQUFDLDJCQUF5QixFQUFFLDRCQUEwQixFQUFFLG1CQUFpQixDQUFDLENBQUMsQ0FBQTtRQUU5RSxPQUFPO1lBQ0wsaUJBQWlCLHFCQUFBO1NBQ2xCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7U0FDcEQsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxxQkFBcUIsR0FBRyxVQUM1QixVQUFrQixFQUNsQixXQUFtQixFQUNuQixpQkFBbUQ7SUFFbkQsSUFBTSxjQUFjLEdBQUcsaUJBQWlCLGFBQWpCLGlCQUFpQix1QkFBakIsaUJBQWlCLENBQUUsT0FBTyxDQUFBO0lBQ2pELElBQU0sbUJBQW1CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBQ3BELElBQU0sb0JBQW9CLEdBQUcsQ0FBQyxHQUFHLEdBQUcsV0FBVyxDQUFDLEdBQUcsR0FBRyxDQUFBO0lBRXRELHlEQUF5RDtJQUN6RCxJQUFNLHlCQUF5QixHQUFHLG1CQUFtQixDQUFBO0lBRXJELElBQUksZUFBZSxDQUFBO0lBQ25CLGVBQWUsR0FBRyxrRUFBa0UsQ0FBQTtJQUNwRixlQUFlLElBQUksbUNBQTRCLG1CQUFtQixrQkFBUSxhQUFhLENBQ3JGLE1BQU0sQ0FDUCxjQUFJLHlCQUF5QixpQkFBTyx5QkFBeUIsR0FBRyxvQkFBb0IsNEJBQ25GLHlCQUF5QixHQUFHLG9CQUFvQixnQkFDckMsQ0FBQTtJQUViLElBQUksY0FBYztRQUFFLGNBQWMsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLGVBQWUsQ0FBQTtJQUVyRSxPQUFPO1FBQ0wsVUFBVSxFQUFFLG9HQUE2RixtQkFBbUIsa0JBQVEsYUFBYSxDQUMvSSxNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLDRCQUNuRix5QkFBeUIsR0FBRyxvQkFBb0IsZ0JBQ3JDO0tBQ2QsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { InputChangeEventHandlerWeb } from '../../../components/range/RangeProps';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IProps {
|
|
4
|
-
min: number;
|
|
5
|
-
max: number;
|
|
6
|
-
valueMin?: number;
|
|
7
|
-
valueMax?: number;
|
|
8
|
-
onChangeMin?: InputChangeEventHandlerWeb;
|
|
9
|
-
onChangeMax?: InputChangeEventHandlerWeb;
|
|
10
|
-
gap: number;
|
|
11
|
-
name?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMin, onChangeMax }: IProps) => {
|
|
14
|
-
cursorMax: number;
|
|
15
|
-
cursorMin: number;
|
|
16
|
-
refTrack: React.MutableRefObject<null>;
|
|
17
|
-
handleMouseUpMin: () => void;
|
|
18
|
-
handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
19
|
-
handleMouseUpMax: () => void;
|
|
20
|
-
handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
-
} | {
|
|
22
|
-
cursorMax: number;
|
|
23
|
-
cursorMin: number | undefined;
|
|
24
|
-
refTrack?: undefined;
|
|
25
|
-
handleMouseUpMin?: undefined;
|
|
26
|
-
handleChangeCursorMin?: undefined;
|
|
27
|
-
handleMouseUpMax?: undefined;
|
|
28
|
-
handleChangeCursorMax?: undefined;
|
|
29
|
-
};
|
|
30
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export var useRange = function (_a) {
|
|
5
|
-
var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
|
|
6
|
-
try {
|
|
7
|
-
var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
|
|
8
|
-
var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
|
|
9
|
-
var refTrack_1 = React.useRef(null);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
if (refTrack_1.current) {
|
|
12
|
-
var track = refTrack_1.current;
|
|
13
|
-
track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
|
|
14
|
-
}
|
|
15
|
-
}, [cursorMin_1, cursorMax_1]);
|
|
16
|
-
React.useEffect(function () {
|
|
17
|
-
setCursorMin_1(valueMin || 0);
|
|
18
|
-
}, [valueMin]);
|
|
19
|
-
React.useEffect(function () {
|
|
20
|
-
setCursorMax_1(valueMax || max);
|
|
21
|
-
}, [valueMax]);
|
|
22
|
-
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
23
|
-
if (Number(e.target.value) < cursorMax_1 - gap)
|
|
24
|
-
setCursorMin_1(Number(e.target.value));
|
|
25
|
-
}, [cursorMax_1, cursorMin_1]);
|
|
26
|
-
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
27
|
-
if (Number(e.target.value) > cursorMin_1 + gap)
|
|
28
|
-
setCursorMax_1(Number(e.target.value));
|
|
29
|
-
}, [cursorMax_1, cursorMin_1]);
|
|
30
|
-
var handleMouseUpMin = React.useCallback(function () {
|
|
31
|
-
if (onChangeMin) {
|
|
32
|
-
onChangeMin({
|
|
33
|
-
inputName: name,
|
|
34
|
-
inputValue: cursorMin_1,
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
}, [onChangeMin, name, cursorMin_1]);
|
|
38
|
-
var handleMouseUpMax = React.useCallback(function () {
|
|
39
|
-
if (onChangeMax) {
|
|
40
|
-
onChangeMax({
|
|
41
|
-
inputName: name,
|
|
42
|
-
inputValue: cursorMax_1,
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}, [onChangeMax, name, cursorMax_1]);
|
|
46
|
-
return {
|
|
47
|
-
cursorMax: cursorMax_1,
|
|
48
|
-
cursorMin: cursorMin_1,
|
|
49
|
-
refTrack: refTrack_1,
|
|
50
|
-
handleMouseUpMin: handleMouseUpMin,
|
|
51
|
-
handleChangeCursorMin: handleChangeCursorMin,
|
|
52
|
-
handleMouseUpMax: handleMouseUpMax,
|
|
53
|
-
handleChangeCursorMax: handleChangeCursorMax,
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
catch (_d) {
|
|
57
|
-
return {
|
|
58
|
-
cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
|
|
59
|
-
cursorMin: valueMin,
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFdBQVcsaUJBQUE7SUFDckYsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFdBQVMsUUFBQSxFQUFFLGNBQVksUUFBeUMsQ0FBQTtRQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQTJDLENBQUE7UUFDekUsSUFBTSxVQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxVQUFRLENBQUMsT0FBTyxFQUFFO2dCQUNwQixJQUFNLEtBQUssR0FBRyxVQUFRLENBQUMsT0FBc0IsQ0FBQTtnQkFDN0MsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsb0NBQTZCLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGNBQ3pGLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJB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
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
3
|
-
interface IParams {
|
|
4
|
-
activeIndex?: number;
|
|
5
|
-
onClick?: ClickEvent;
|
|
6
|
-
}
|
|
7
|
-
export declare const useSegmentControl: ({ activeIndex, onClick }: IParams) => {
|
|
8
|
-
handleClick: (event: React.MouseEvent, index: number, child: React.ReactElement) => void;
|
|
9
|
-
activateIndex: number;
|
|
10
|
-
} | {
|
|
11
|
-
activateIndex: number | undefined;
|
|
12
|
-
handleClick?: undefined;
|
|
13
|
-
};
|
|
14
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useSegmentControl = function (_a) {
|
|
4
|
-
var activeIndex = _a.activeIndex, onClick = _a.onClick;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(activeIndex || 0), 2), activateIndex_1 = _b[0], setActivateIndex_1 = _b[1];
|
|
7
|
-
var toggleActive_1 = React.useCallback(function (e, index) {
|
|
8
|
-
setActivateIndex_1(index);
|
|
9
|
-
if (onClick)
|
|
10
|
-
onClick(e);
|
|
11
|
-
}, [onClick]);
|
|
12
|
-
var handleClick = React.useCallback(function (event, index, child) {
|
|
13
|
-
toggleActive_1(event, index);
|
|
14
|
-
if (child) {
|
|
15
|
-
if (child.props.onClick) {
|
|
16
|
-
child.props.onClick(event);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}, [toggleActive_1]);
|
|
20
|
-
React.useEffect(function () {
|
|
21
|
-
setActivateIndex_1(activateIndex_1);
|
|
22
|
-
}, [activateIndex_1]);
|
|
23
|
-
return { handleClick: handleClick, activateIndex: activateIndex_1 };
|
|
24
|
-
}
|
|
25
|
-
catch (_c) {
|
|
26
|
-
return {
|
|
27
|
-
activateIndex: activeIndex,
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9ob29rcy91c2VTZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVF6QixNQUFNLENBQUMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBQWlDO1FBQS9CLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUE7SUFDdEQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFvQyxLQUFLLENBQUMsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUEzRSxlQUFhLFFBQUEsRUFBRSxrQkFBZ0IsUUFBNEMsQ0FBQTtRQUVsRixJQUFNLGNBQVksR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNwQyxVQUFDLENBQW1CLEVBQUUsS0FBYTtZQUNqQyxrQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN2QixJQUFJLE9BQU87Z0JBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3pCLENBQUMsRUFDRCxDQUFDLE9BQU8sQ0FBQyxDQUNWLENBQUE7UUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLEtBQXVCLEVBQUUsS0FBYSxFQUFFLEtBQXlCO1lBQ2hFLGNBQVksQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUE7WUFDMUIsSUFBSSxLQUFLLEVBQUU7Z0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTtvQkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7aUJBQzNCO2FBQ0Y7UUFDSCxDQUFDLEVBQ0QsQ0FBQyxjQUFZLENBQUMsQ0FDZixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGtCQUFnQixDQUFDLGVBQWEsQ0FBQyxDQUFBO1FBQ2pDLENBQUMsRUFBRSxDQUFDLGVBQWEsQ0FBQyxDQUFDLENBQUE7UUFFbkIsT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLGFBQWEsaUJBQUEsRUFBRSxDQUFBO0tBQ3RDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxhQUFhLEVBQUUsV0FBVztTQUMzQixDQUFBO0tBQ0Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ClickEvent } from '../../../../events/OnClickEvent';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IParams {
|
|
4
|
-
active?: boolean;
|
|
5
|
-
onClick?: ClickEvent;
|
|
6
|
-
}
|
|
7
|
-
export declare const useSegmentControlItem: ({ active, onClick }: IParams) => {
|
|
8
|
-
activeItem: boolean;
|
|
9
|
-
handleClick: (e: React.MouseEvent) => void;
|
|
10
|
-
} | {
|
|
11
|
-
activeItem: boolean | undefined;
|
|
12
|
-
handleClick?: undefined;
|
|
13
|
-
};
|
|
14
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useSegmentControlItem = function (_a) {
|
|
4
|
-
var active = _a.active, onClick = _a.onClick;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(active || false), 2), activeItem = _b[0], setActiveItem_1 = _b[1];
|
|
7
|
-
var handleClick = React.useCallback(function (e) {
|
|
8
|
-
var target = e.target;
|
|
9
|
-
setActiveItem_1(active || false);
|
|
10
|
-
target.active = active;
|
|
11
|
-
if (onClick) {
|
|
12
|
-
onClick(e);
|
|
13
|
-
}
|
|
14
|
-
}, [onClick, active]);
|
|
15
|
-
React.useEffect(function () {
|
|
16
|
-
setActiveItem_1(active || false);
|
|
17
|
-
}, [active]);
|
|
18
|
-
return { activeItem: activeItem, handleClick: handleClick };
|
|
19
|
-
}
|
|
20
|
-
catch (_c) {
|
|
21
|
-
return { activeItem: active };
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9ob29rcy91c2VTZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFPekIsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUE0QjtRQUExQixNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUE7SUFDckQsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE4QixLQUFLLENBQUMsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFyRSxVQUFVLFFBQUEsRUFBRSxlQUFhLFFBQTRDLENBQUE7UUFFNUUsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbkMsVUFBQyxDQUFtQjtZQUNsQixJQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsTUFBeUIsQ0FBQTtZQUMxQyxlQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO1lBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO1lBQ3RCLElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxFQUNELENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUNsQixDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGVBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7UUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtRQUVaLE9BQU8sRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQ25DO0lBQUMsV0FBTTtRQUNOLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLENBQUE7S0FDOUI7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { InputKeyboardEvent } from '../../../../components/input';
|
|
2
|
-
import { SelectChangeEvent, SelectChangeEventHandler, SelectedValue } from '../../../../components/select/SelectProps';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
interface IProps<T = SelectChangeEvent> {
|
|
5
|
-
selected?: SelectedValue;
|
|
6
|
-
multiple?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
onChange?: SelectChangeEventHandler<T>;
|
|
9
|
-
}
|
|
10
|
-
export declare const useSelectDynamic: ({ selected, multiple, children, onChange }: IProps) => {
|
|
11
|
-
selectedName: string[];
|
|
12
|
-
onClickInput: () => void;
|
|
13
|
-
focused: boolean;
|
|
14
|
-
modal: React.JSX.Element;
|
|
15
|
-
options: React.JSX.Element[] | null | undefined;
|
|
16
|
-
onKeyUp: (event: InputKeyboardEvent) => void;
|
|
17
|
-
onKeyPress: (event: InputKeyboardEvent) => void;
|
|
18
|
-
} | {
|
|
19
|
-
selectedName: any[] | undefined;
|
|
20
|
-
options: React.JSX.Element[] | null | undefined;
|
|
21
|
-
onClickInput?: undefined;
|
|
22
|
-
focused?: undefined;
|
|
23
|
-
modal?: undefined;
|
|
24
|
-
onKeyUp?: undefined;
|
|
25
|
-
onKeyPress?: undefined;
|
|
26
|
-
};
|
|
27
|
-
export {};
|