@trilogy-ds/react 4.0.6-SC-beta-2 → 4.0.6-SC-beta-3
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 +46 -20
- 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/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 +6 -4
- 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/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/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +17 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +22 -22
- 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 +124 -40
- 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 -90
- 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 +6 -4
- 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/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/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +6 -4
- 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 +17 -15
- 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/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/Stepper.native.js +3 -3
- 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.js +9 -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 +1 -1
- 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/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,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 {};
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
import { __assign, __read, __spreadArray } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import SelectOption from '../../option';
|
|
4
|
-
export var useSelectDynamic = function (_a) {
|
|
5
|
-
var selected = _a.selected, multiple = _a.multiple, children = _a.children, onChange = _a.onChange;
|
|
6
|
-
try {
|
|
7
|
-
var reactId_1 = React.useId();
|
|
8
|
-
var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused_1 = _b[1];
|
|
9
|
-
var _c = __read(React.useState(selected), 2), selectedValues_1 = _c[0], setSelectedValues_1 = _c[1];
|
|
10
|
-
var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName_1 = _d[1];
|
|
11
|
-
var _e = __read(React.useState(-1), 2), focusedIndex_1 = _e[0], setFocusedIndex = _e[1];
|
|
12
|
-
var onKeyPressInput_1 = React.useCallback(function (keyCode) {
|
|
13
|
-
if (keyCode === 13) {
|
|
14
|
-
setIsFocused_1(function (prev) {
|
|
15
|
-
if (multiple && !prev)
|
|
16
|
-
return true;
|
|
17
|
-
if (multiple && prev)
|
|
18
|
-
return prev;
|
|
19
|
-
return !prev;
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
}, [multiple]);
|
|
23
|
-
var onClickInput = React.useCallback(function () { return setIsFocused_1(function (prev) { return !prev; }); }, []);
|
|
24
|
-
var onKeyUp = React.useCallback(function (event) { return onKeyPressInput_1(event.inputKeyCode); }, [multiple]);
|
|
25
|
-
var onKeyPress = React.useCallback(function (event) { return event.preventDefault(); }, []);
|
|
26
|
-
var isChecked_1 = React.useCallback(function (value) {
|
|
27
|
-
return multiple && selectedValues_1 && typeof selectedValues_1 !== 'string' && typeof selectedValues_1 !== 'number'
|
|
28
|
-
? selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(value)
|
|
29
|
-
: selectedValues_1 === value;
|
|
30
|
-
}, [multiple, selectedValues_1]);
|
|
31
|
-
var setNewSelectedValues_1 = React.useCallback(function (_a) {
|
|
32
|
-
var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
|
|
33
|
-
var selectedOptions = [];
|
|
34
|
-
if (isChecked) {
|
|
35
|
-
setSelectedValues_1(function (prev) {
|
|
36
|
-
switch (true) {
|
|
37
|
-
case Array.isArray(prev):
|
|
38
|
-
setSelectedName_1(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
|
|
39
|
-
var opts = prev.filter(function (item) { return item !== value; });
|
|
40
|
-
selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
|
|
41
|
-
return opts;
|
|
42
|
-
case !Array.isArray(prev):
|
|
43
|
-
setSelectedName_1([]);
|
|
44
|
-
return undefined;
|
|
45
|
-
default:
|
|
46
|
-
return value;
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
if (!isChecked) {
|
|
51
|
-
setSelectedValues_1(function (prev) {
|
|
52
|
-
if (Array.isArray(prev)) {
|
|
53
|
-
var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
|
|
54
|
-
selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
|
|
55
|
-
return opts;
|
|
56
|
-
}
|
|
57
|
-
selectedOptions.push(value);
|
|
58
|
-
return value;
|
|
59
|
-
});
|
|
60
|
-
setSelectedName_1(function (prev) {
|
|
61
|
-
if (multiple)
|
|
62
|
-
return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
|
|
63
|
-
return [children || label];
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
return selectedOptions;
|
|
67
|
-
}, [multiple]);
|
|
68
|
-
var options = React.useMemo(function () {
|
|
69
|
-
return React.Children.map(children, function (child, index) {
|
|
70
|
-
if (!React.isValidElement(child))
|
|
71
|
-
return null;
|
|
72
|
-
var clickEventValue = function (v) {
|
|
73
|
-
switch (true) {
|
|
74
|
-
case (multiple && (selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(child.props.value))) ||
|
|
75
|
-
(!multiple && selectedValues_1 === child.props.value):
|
|
76
|
-
return undefined;
|
|
77
|
-
default:
|
|
78
|
-
return v;
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
var props = __assign(__assign({}, child.props), { checked: isChecked_1(child.props.value), focused: focusedIndex_1 === index ? 'true' : undefined, onClick: function () {
|
|
82
|
-
var opts = setNewSelectedValues_1({
|
|
83
|
-
children: child.props.children,
|
|
84
|
-
label: child.props.label,
|
|
85
|
-
value: child.props.value,
|
|
86
|
-
isChecked: isChecked_1(child.props.value),
|
|
87
|
-
});
|
|
88
|
-
onChange &&
|
|
89
|
-
onChange({
|
|
90
|
-
selectValue: clickEventValue(child.props.value),
|
|
91
|
-
selectName: clickEventValue(child.props.children || child.props.label),
|
|
92
|
-
selectId: clickEventValue(child.props.id),
|
|
93
|
-
name: clickEventValue(child.props.children || child.props.label),
|
|
94
|
-
selectedOptions: opts,
|
|
95
|
-
});
|
|
96
|
-
if (child.props.onClick)
|
|
97
|
-
child.props.onClick();
|
|
98
|
-
if (!multiple)
|
|
99
|
-
setIsFocused_1(false);
|
|
100
|
-
} });
|
|
101
|
-
return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId_1, "_").concat(index) }));
|
|
102
|
-
});
|
|
103
|
-
}, [multiple, selectedValues_1, focusedIndex_1, children]);
|
|
104
|
-
var modal = React.useMemo(function () { return React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: function () { return setIsFocused_1(false); } }); }, []);
|
|
105
|
-
React.useEffect(function () {
|
|
106
|
-
var labelSelected = getSelectedName(children, selected);
|
|
107
|
-
labelSelected && setSelectedName_1(labelSelected);
|
|
108
|
-
setSelectedValues_1(selected);
|
|
109
|
-
}, [selected]);
|
|
110
|
-
return {
|
|
111
|
-
selectedName: selectedName,
|
|
112
|
-
onClickInput: onClickInput,
|
|
113
|
-
focused: focused,
|
|
114
|
-
modal: modal,
|
|
115
|
-
options: options,
|
|
116
|
-
onKeyUp: onKeyUp,
|
|
117
|
-
onKeyPress: onKeyPress,
|
|
118
|
-
};
|
|
119
|
-
}
|
|
120
|
-
catch (_f) {
|
|
121
|
-
var optionIsChecked_1 = function (value, selectedValues, multiple) {
|
|
122
|
-
return multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
|
|
123
|
-
? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
|
|
124
|
-
: selectedValues === value;
|
|
125
|
-
};
|
|
126
|
-
var createOptions = function (children, selectedValues, focusedIndex, multiple) {
|
|
127
|
-
return React.Children.map(children, function (child, index) {
|
|
128
|
-
if (!React.isValidElement(child))
|
|
129
|
-
return null;
|
|
130
|
-
var props = __assign(__assign({}, child.props), { checked: optionIsChecked_1(child.props.value, selectedValues, multiple), focused: focusedIndex === index ? 'true' : undefined });
|
|
131
|
-
return React.createElement(SelectOption, __assign({}, props));
|
|
132
|
-
});
|
|
133
|
-
};
|
|
134
|
-
return {
|
|
135
|
-
selectedName: getSelectedName(children, selected),
|
|
136
|
-
options: createOptions(children, selected, -1),
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
};
|
|
140
|
-
var getSelectedName = function (children, selected) {
|
|
141
|
-
var _a;
|
|
142
|
-
var labelSelected = (_a = React.Children.map(children, function (child) {
|
|
143
|
-
if (!React.isValidElement(child))
|
|
144
|
-
return false;
|
|
145
|
-
var label = child.props.children || child.props.label;
|
|
146
|
-
switch (true) {
|
|
147
|
-
case (Array.isArray(selected) && selected.includes(child.props.value)) ||
|
|
148
|
-
(!Array.isArray(selected) && child.props.value === selected):
|
|
149
|
-
return label;
|
|
150
|
-
default:
|
|
151
|
-
return false;
|
|
152
|
-
}
|
|
153
|
-
})) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
|
|
154
|
-
return labelSelected;
|
|
155
|
-
};
|
|
156
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9ob29rcy91c2VTZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sWUFBWSxNQUFNLGNBQWMsQ0FBQTtBQVN2QyxNQUFNLENBQUMsSUFBTSxnQkFBZ0IsR0FBRyxVQUFDLEVBQWtEO1FBQWhELFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQTtJQUN2RSxJQUFJO1FBQ0YsSUFBTSxTQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFBO1FBQ3ZCLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLGNBQVksUUFBa0MsQ0FBQTtRQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBZ0IsUUFBUSxDQUFDLElBQUEsRUFBNUUsZ0JBQWMsUUFBQSxFQUFFLG1CQUFpQixRQUEyQyxDQUFBO1FBQzdFLElBQUEsS0FBQSxPQUFrQyxLQUFLLENBQUMsUUFBUSxDQUFXLEVBQUUsQ0FBQyxJQUFBLEVBQTdELFlBQVksUUFBQSxFQUFFLGlCQUFlLFFBQWdDLENBQUE7UUFDOUQsSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUEzRCxjQUFZLFFBQUEsRUFBRSxlQUFlLFFBQThCLENBQUE7UUFFbEUsSUFBTSxpQkFBZSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3ZDLFVBQUMsT0FBZTtZQUNkLElBQUksT0FBTyxLQUFLLEVBQUUsRUFBRTtnQkFDbEIsY0FBWSxDQUFDLFVBQUMsSUFBSTtvQkFDaEIsSUFBSSxRQUFRLElBQUks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
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { ParamEventSelectFocus, SelectChangeEventHandler, SelectedValue } from '../../../../components/select/SelectProps';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IParams {
|
|
4
|
-
selected?: SelectedValue;
|
|
5
|
-
onFocus?: (event: ParamEventSelectFocus) => void;
|
|
6
|
-
onBlur?: (event: unknown) => void;
|
|
7
|
-
onChange?: SelectChangeEventHandler;
|
|
8
|
-
}
|
|
9
|
-
export declare const useSelectNative: ({ onBlur, onFocus, onChange, selected }: IParams) => {
|
|
10
|
-
focused: boolean;
|
|
11
|
-
selectedValues: string | number | string[] | undefined;
|
|
12
|
-
handleFocus: (e: ParamEventSelectFocus) => void;
|
|
13
|
-
handleBlur: (e: ParamEventSelectFocus) => void;
|
|
14
|
-
handleChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
15
|
-
} | {
|
|
16
|
-
focused: boolean;
|
|
17
|
-
selectedValues: SelectedValue;
|
|
18
|
-
handleFocus?: undefined;
|
|
19
|
-
handleBlur?: undefined;
|
|
20
|
-
handleChange?: undefined;
|
|
21
|
-
};
|
|
22
|
-
export {};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useSelectNative = function (_a) {
|
|
4
|
-
var onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, selected = _a.selected;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused_1 = _b[1];
|
|
7
|
-
var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues_1 = _c[1];
|
|
8
|
-
var handleFocus = React.useCallback(function (e) {
|
|
9
|
-
setIsFocused_1(true);
|
|
10
|
-
onFocus && onFocus(e);
|
|
11
|
-
}, []);
|
|
12
|
-
var handleBlur = React.useCallback(function (e) {
|
|
13
|
-
setIsFocused_1(false);
|
|
14
|
-
onBlur && onBlur(e);
|
|
15
|
-
}, []);
|
|
16
|
-
var handleChange = React.useCallback(function (e) {
|
|
17
|
-
var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
|
|
18
|
-
setSelectedValues_1(selectedV);
|
|
19
|
-
if (onChange) {
|
|
20
|
-
onChange({
|
|
21
|
-
selectValue: e.target.value,
|
|
22
|
-
selectName: e.target.name,
|
|
23
|
-
selectId: e.target.id,
|
|
24
|
-
name: e.target.name,
|
|
25
|
-
selectedOptions: selectedV,
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
}, [onChange]);
|
|
29
|
-
React.useEffect(function () {
|
|
30
|
-
setSelectedValues_1(selected);
|
|
31
|
-
}, [selected]);
|
|
32
|
-
return { focused: focused, selectedValues: selectedValues, handleFocus: handleFocus, handleBlur: handleBlur, handleChange: handleChange };
|
|
33
|
-
}
|
|
34
|
-
catch (_d) {
|
|
35
|
-
return { focused: false, selectedValues: selected };
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL2hvb2tzL3VzZVNlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVN6QixNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUFnRDtRQUE5QyxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUE7SUFDbkUsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLGNBQVksUUFBa0MsQ0FBQTtRQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUE3RCxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBNEIsQ0FBQTtRQUVwRSxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBd0I7WUFDN0QsY0FBWSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ2xCLE9BQU8sSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDdkIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRU4sSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxVQUFDLENBQXdCO1lBQzVELGNBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNuQixNQUFNLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ3JCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUVOLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3BDLFVBQUMsQ0FBdUM7WUFDdEMsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sSUFBSyxPQUFBLE1BQU0sQ0FBQyxLQUFLLEVBQVosQ0FBWSxDQUFDLENBQUE7WUFDcEYsbUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUE7WUFDNUIsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUs7b0JBQzNCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7b0JBQ3pCLFFBQVEsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUU7b0JBQ3JCLElBQUksRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7b0JBQ25CLGVBQWUsRUFBRSxTQUFTO2lCQUMzQixDQUFDLENBQUE7YUFDSDtRQUNILENBQUMsRUFDRCxDQUFDLFFBQVEsQ0FBQyxDQUNYLENBQUE7UUFFRCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsbUJBQWlCLENBQUMsUUFBUSxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUNkLE9BQU8sRUFBRSxPQUFPLFNBQUEsRUFBRSxjQUFjLGdCQUFBLEVBQUUsV0FBVyxhQUFBLEVBQUUsVUFBVSxZQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsQ0FBQTtLQUMxRTtJQUFDLFdBQU07UUFDTixPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLENBQUE7S0FDcEQ7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useStepper = function (_a) {
|
|
4
|
-
var children = _a.children;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(1), 2), currentStep = _b[0], setCurrentStep_1 = _b[1];
|
|
7
|
-
var nbChild = React.useMemo(function () {
|
|
8
|
-
return getNbChilds(children);
|
|
9
|
-
}, [children]);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
getCurrentStep(children, setCurrentStep_1);
|
|
12
|
-
}, [children]);
|
|
13
|
-
return {
|
|
14
|
-
currentStep: currentStep,
|
|
15
|
-
nbChild: nbChild,
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
catch (_c) {
|
|
19
|
-
return {
|
|
20
|
-
currentStep: getCurrentStep(children),
|
|
21
|
-
nbChild: getNbChilds(children),
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
var getNbChilds = function (children) {
|
|
26
|
-
if (children && Array.isArray(children))
|
|
27
|
-
return children.length;
|
|
28
|
-
if (children && !Array.isArray(children))
|
|
29
|
-
return 1;
|
|
30
|
-
return 0;
|
|
31
|
-
};
|
|
32
|
-
var getCurrentStep = function (children, setCurrentStep) {
|
|
33
|
-
if (children) {
|
|
34
|
-
var currentStep_1 = 1;
|
|
35
|
-
if (Array.isArray(children)) {
|
|
36
|
-
var haveCurrentStep_1 = false;
|
|
37
|
-
children.map(function (child, index) {
|
|
38
|
-
var _a;
|
|
39
|
-
if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
|
|
40
|
-
haveCurrentStep_1 = true;
|
|
41
|
-
currentStep_1 = index + 1;
|
|
42
|
-
setCurrentStep && setCurrentStep(index + 1);
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
if (!haveCurrentStep_1)
|
|
46
|
-
setCurrentStep && setCurrentStep(1);
|
|
47
|
-
return currentStep_1;
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
setCurrentStep && setCurrentStep(1);
|
|
51
|
-
return currentStep_1;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9ob29rcy91c2VTdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBTXpCLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQXFCO1FBQW5CLFFBQVEsY0FBQTtJQUNuQyxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWdDLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBeEQsV0FBVyxRQUFBLEVBQUUsZ0JBQWMsUUFBNkIsQ0FBQTtRQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1lBQ3BDLE9BQU8sV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQzlCLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsY0FBYyxDQUFDLFFBQVEsRUFBRSxnQkFBYyxDQUFDLENBQUE7UUFDMUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUVkLE9BQU87WUFDTCxXQUFXLGFBQUE7WUFDWCxPQUFPLFNBQUE7U0FDUixDQUFBO0tBQ0Y7SUFBQyxXQUFNO1FBQ04sT0FBTztZQUNMLFdBQVcsRUFBRSxjQUFjLENBQUMsUUFBUSxDQUFDO1lBQ3JDLE9BQU8sRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDO1NBQy9CLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQTtBQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsUUFBeUI7SUFDNUMsSUFBSSxRQUFRLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFBRSxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUE7SUFDL0QsSUFBSSxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUFFLE9BQU8sQ0FBQyxDQUFBO0lBQ2xELE9BQU8sQ0FBQyxDQUFBO0FBQ1YsQ0FBQyxDQUFBO0FBRUQsSUFBTSxjQUFjLEdBQUcsVUFBQyxRQUF5QixFQUFFLGNBQTZEO0lBQzlHLElBQUksUUFBUSxFQUFFO1FBQ1osSUFBSSxhQUFXLEdBQUcsQ0FBQyxDQUFBO1FBQ25CLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUMzQixJQUFJLGlCQUFlLEdBQUcsS0FBSyxDQUFBO1lBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSzs7Z0JBQ3hCLElBQUksTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSywwQ0FBRSxPQUFPLEVBQUU7b0JBQ3pCLGlCQUFlLEdBQUcsSUFBSSxDQUFBO29CQUN0QixhQUFXLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQTtvQkFDdkIsY0FBYyxJQUFJLGNBQWMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUE7aUJBQzVDO1lBQ0gsQ0FBQyxDQUFDLENBQUE7WUFDRixJQUFJLENBQUMsaUJBQWU7Z0JBQUUsY0FBYyxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUN6RCxPQUFPLGFBQVcsQ0FBQTtTQUNuQjthQUFNO1lBQ0wsY0FBYyxJQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUNuQyxPQUFPLGFBQVcsQ0FBQTtTQUNuQjtLQUNGO0FBQ0gsQ0FBQyxDQUFBIn0=
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { SwitchEventHandler } from '../../../components/switch/SwitchProps';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IParams {
|
|
4
|
-
checked?: boolean;
|
|
5
|
-
readonly?: boolean;
|
|
6
|
-
onChange?: SwitchEventHandler;
|
|
7
|
-
onClick?: SwitchEventHandler;
|
|
8
|
-
}
|
|
9
|
-
export declare const useSwitch: ({ checked, readonly, onChange, onClick }: IParams) => {
|
|
10
|
-
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
-
handleClick: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
|
|
12
|
-
_checked: boolean;
|
|
13
|
-
} | {
|
|
14
|
-
_checked: boolean | undefined;
|
|
15
|
-
handleChange?: undefined;
|
|
16
|
-
handleClick?: undefined;
|
|
17
|
-
};
|
|
18
|
-
export {};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useSwitch = function (_a) {
|
|
4
|
-
var checked = _a.checked, readonly = _a.readonly, onChange = _a.onChange, onClick = _a.onClick;
|
|
5
|
-
try {
|
|
6
|
-
var _b = __read(React.useState(checked || false), 2), _checked = _b[0], setChecked_1 = _b[1];
|
|
7
|
-
React.useEffect(function () {
|
|
8
|
-
setChecked_1(checked || false);
|
|
9
|
-
}, [checked]);
|
|
10
|
-
React.useEffect(function () {
|
|
11
|
-
if (!readonly) {
|
|
12
|
-
setChecked_1(checked || false);
|
|
13
|
-
}
|
|
14
|
-
}, [checked, readonly]);
|
|
15
|
-
var handleChange = React.useCallback(function (e) {
|
|
16
|
-
if (!readonly)
|
|
17
|
-
setChecked_1(function (prev) { return !prev; });
|
|
18
|
-
if (onChange) {
|
|
19
|
-
onChange({
|
|
20
|
-
switchState: e.target.checked,
|
|
21
|
-
switchName: e.target.name,
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}, [onChange, readonly]);
|
|
25
|
-
var handleClick = React.useCallback(function (e) {
|
|
26
|
-
var event = e.target;
|
|
27
|
-
if (onClick) {
|
|
28
|
-
onClick({
|
|
29
|
-
switchState: event.checked,
|
|
30
|
-
switchName: event.name,
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
}, [onClick, readonly]);
|
|
34
|
-
return {
|
|
35
|
-
handleChange: handleChange,
|
|
36
|
-
handleClick: handleClick,
|
|
37
|
-
_checked: _checked,
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
catch (_c) {
|
|
41
|
-
return {
|
|
42
|
-
_checked: checked,
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvaG9va3MvdXNlU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBU3pCLE1BQU0sQ0FBQyxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQWlEO1FBQS9DLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtJQUM5RCxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQXlCLEtBQUssQ0FBQyxRQUFRLENBQVUsT0FBTyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFFBQVEsUUFBQSxFQUFFLFlBQVUsUUFBNkMsQ0FBQTtRQUV4RSxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsWUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtRQUM5QixDQUFDLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFBO1FBRWIsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ2IsWUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTthQUM3QjtRQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO1FBRXZCLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ3BDLFVBQUMsQ0FBc0M7WUFDckMsSUFBSSxDQUFDLFFBQVE7Z0JBQUUsWUFBVSxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLENBQUE7WUFFMUMsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87b0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7aUJBQzFCLENBQUMsQ0FBQTthQUNIO1FBQ0gsQ0FBQyxFQUNELENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUNyQixDQUFBO1FBRUQsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FDbkMsVUFBQyxDQUFpRDtZQUNoRCxJQUFNLEtBQUssR0FBRyxDQUFDLENBQUMsTUFBMEIsQ0FBQTtZQUUxQyxJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUM7b0JBQ04sV0FBVyxFQUFFLEtBQUssQ0FBQyxPQUFPO29CQUMxQixVQUFVLEVBQUUsS0FBSyxDQUFDLElBQUk7aUJBQ3ZCLENBQUMsQ0FBQTthQUNIO1FBQ0gsQ0FBQyxFQUNELENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUNwQixDQUFBO1FBRUQsT0FBTztZQUNMLFlBQVksY0FBQTtZQUNaLFdBQVcsYUFBQTtZQUNYLFFBQVEsVUFBQTtTQUNULENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsUUFBUSxFQUFFLE9BQU87U0FDbEIsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBIn0=
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IParams {
|
|
3
|
-
activeIndex?: number;
|
|
4
|
-
inverted?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const useTabs: ({ activeIndex, inverted }: IParams) => {
|
|
7
|
-
ContextProvider: ({ children }: {
|
|
8
|
-
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
|
-
}) => React.JSX.Element;
|
|
10
|
-
isInverted: boolean;
|
|
11
|
-
};
|
|
12
|
-
export {};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { TabsContext } from '../context';
|
|
4
|
-
export var useTabs = function (_a) {
|
|
5
|
-
var activeIndex = _a.activeIndex, inverted = _a.inverted;
|
|
6
|
-
try {
|
|
7
|
-
var _b = __read(React.useState(activeIndex || 0), 2), currentIndex_1 = _b[0], setCurrentIndex_1 = _b[1];
|
|
8
|
-
var _c = __read(React.useState(inverted || false), 2), isInverted_1 = _c[0], setIsInverted_1 = _c[1];
|
|
9
|
-
React.useEffect(function () {
|
|
10
|
-
activeIndex !== undefined && setCurrentIndex_1(activeIndex);
|
|
11
|
-
}, [activeIndex]);
|
|
12
|
-
var ContextProvider = function (_a) {
|
|
13
|
-
var children = _a.children;
|
|
14
|
-
return (React.createElement(TabsContext.Provider, { value: {
|
|
15
|
-
activeIndex: currentIndex_1,
|
|
16
|
-
inverted: isInverted_1,
|
|
17
|
-
setInverted: setIsInverted_1,
|
|
18
|
-
setActiveIndex: setCurrentIndex_1,
|
|
19
|
-
} }, children));
|
|
20
|
-
};
|
|
21
|
-
return { ContextProvider: ContextProvider, isInverted: isInverted_1 };
|
|
22
|
-
}
|
|
23
|
-
catch (_d) {
|
|
24
|
-
return {
|
|
25
|
-
ContextProvider: function (_a) {
|
|
26
|
-
var children = _a.children;
|
|
27
|
-
return React.createElement(React.Fragment, null, children);
|
|
28
|
-
},
|
|
29
|
-
isInverted: inverted || false,
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGFicy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9ob29rcy91c2VUYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFPeEMsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBa0M7UUFBaEMsV0FBVyxpQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUM3QyxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXpFLGNBQVksUUFBQSxFQUFFLGlCQUFlLFFBQTRDLENBQUE7UUFDMUUsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQXZFLFlBQVUsUUFBQSxFQUFFLGVBQWEsUUFBOEMsQ0FBQTtRQUU5RSxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsV0FBVyxLQUFLLFNBQVMsSUFBSSxpQkFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFBO1FBQzNELENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7UUFFakIsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUErQztnQkFBN0MsUUFBUSxjQUFBO1lBQ2pDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsUUFBUSxJQUNuQixLQUFLLEVBQUU7b0JBQ0wsV0FBVyxFQUFFLGNBQVk7b0JBQ3pCLFFBQVEsRUFBRSxZQUFVO29CQUNwQixXQUFXLEVBQUUsZUFBYTtvQkFDMUIsY0FBYyxFQUFFLGlCQUFlO2lCQUNoQyxJQUVBLFFBQVEsQ0FDWSxDQUN4QixDQUFBO1FBQ0gsQ0FBQyxDQUFBO1FBRUQsT0FBTyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLGNBQUEsRUFBRSxDQUFBO0tBQ3ZDO0lBQUMsV0FBTTtRQUNOLE9BQU87WUFDTCxlQUFlLEVBQUUsVUFBQyxFQUErQztvQkFBN0MsUUFBUSxjQUFBO2dCQUEwQyxPQUFBLDBDQUFHLFFBQVEsQ0FBSTtZQUFmLENBQWU7WUFDckYsVUFBVSxFQUFFLFFBQVEsSUFBSSxLQUFLO1NBQzlCLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQSJ9
|