@trilogy-ds/react 4.0.6-beta-2 → 4.0.7-SC-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 +4 -6
- 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 +0 -3
- 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 +6 -10
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +6 -8
- 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/hooks/useAccordionBoy.d.ts +6 -0
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +14 -0
- 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 +4 -6
- 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 +17 -43
- package/lib/components/alert/context/ToasterContext.js +6 -2
- package/lib/components/alert/hooks/useAlert.d.ts +23 -0
- package/lib/components/alert/hooks/useAlert.js +48 -0
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +26 -127
- 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/hooks/useAutocomplete.d.ts +40 -0
- package/lib/components/autocomplete/hooks/useAutocomplete.js +144 -0
- 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 +6 -8
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +9 -0
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +20 -0
- 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 +5 -7
- 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 +10 -13
- package/lib/components/badge/Badge.native.js +21 -21
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +2 -1
- package/lib/components/badge/index.js +3 -2
- package/lib/components/box/Box.js +8 -16
- package/lib/components/box/content/BoxContent.js +5 -7
- package/lib/components/box/footer/BoxFooter.js +4 -6
- package/lib/components/box/header/BoxHeader.js +5 -7
- package/lib/components/box/item/BoxItem.js +4 -6
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +5 -7
- package/lib/components/breadcrumb/Breadcrumb.js +5 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +6 -8
- package/lib/components/button/Button.js +7 -19
- package/lib/components/button/Button.native.js +37 -48
- package/lib/components/button/hooks/useButton.d.ts +12 -0
- package/lib/components/button/hooks/useButton.js +16 -0
- package/lib/components/button/list/ButtonList.js +5 -7
- package/lib/components/card/Card.d.ts +1 -4
- package/lib/components/card/Card.js +8 -15
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +15 -13
- package/lib/components/card/CardProps.d.ts +3 -1
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +4 -6
- 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 +7 -13
- 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.d.ts +3 -2
- package/lib/components/checkbox/Checkbox.js +19 -18
- package/lib/components/checkbox/CheckboxCommonPropsDefaults.js +68 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +13 -3
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +86 -0
- package/lib/components/checkbox/{CheckboxPropsDefaults.js → CheckboxWithLabelDefaults.js} +8 -7
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +23 -24
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +0 -59
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +7 -11
- 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 +5 -7
- 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 +2 -4
- package/lib/components/columns/column/Column.js +2 -4
- package/lib/components/columns/column/Column.native.js +8 -3
- package/lib/components/container/Container.js +2 -4
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +17 -77
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/hooks/useCountdown.d.ts +16 -0
- package/lib/components/countdown/hooks/useCountdown.js +77 -0
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +3 -5
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +7 -16
- package/lib/components/fab/FabProps.d.ts +5 -3
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +3 -5
- package/lib/components/hero/Hero.native.js +8 -5
- package/lib/components/hero/HeroProps.d.ts +2 -0
- package/lib/components/hero/HeroPropsDefaults.js +10 -0
- package/lib/components/icon/Icon.js +6 -8
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +8 -13
- package/lib/components/image/Image.native.d.ts +2 -2
- package/lib/components/image/Image.native.js +10 -10
- package/lib/components/image/ImageProps.d.ts +3 -2
- 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 +48 -128
- 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 +2 -3
- 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 +89 -74
- package/lib/components/input/hook/useInput.d.ts +68 -0
- package/lib/components/input/hook/useInput.js +151 -0
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +6 -8
- package/lib/components/list/List.d.ts +3 -2
- package/lib/components/list/List.js +9 -9
- package/lib/components/list/List.native.d.ts +4 -3
- package/lib/components/list/List.native.js +11 -7
- package/lib/components/list/ListProps.d.ts +1 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.js +6 -8
- package/lib/components/list/item/ListItem.native.d.ts +1 -1
- package/lib/components/list/item/ListItem.native.js +19 -5
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +5 -7
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +14 -74
- package/lib/components/modal/Modal.native.js +51 -109
- package/lib/components/modal/ModalProps.d.ts +3 -2
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +3 -5
- package/lib/components/modal/body/ModalBody.native.js +13 -8
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -6
- package/lib/components/modal/footer/ModalFooter.native.js +20 -10
- package/lib/components/modal/hooks/useModal.d.ts +26 -0
- package/lib/components/modal/hooks/useModal.js +86 -0
- 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 +22 -98
- package/lib/components/otp/hooks/useOtp.d.ts +20 -0
- package/lib/components/otp/hooks/useOtp.js +101 -0
- 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 +17 -66
- package/lib/components/pagination/PaginationProps.d.ts +3 -2
- package/lib/components/pagination/hooks/usePagination.d.ts +25 -0
- package/lib/components/pagination/hooks/usePagination.js +77 -0
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +5 -7
- package/lib/components/price/Price.js +17 -19
- package/lib/components/product-tour/ProductTour.js +13 -17
- package/lib/components/product-tour/hooks/useProductTour.d.ts +11 -0
- package/lib/components/product-tour/hooks/useProductTour.js +22 -0
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +11 -13
- 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 +11 -52
- package/lib/components/progress/radial/ProgressRadial.native.js +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +5 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +15 -0
- package/lib/components/progress/radial/hooks/useProgressRadial.js +57 -0
- 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 +4 -6
- 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 +6 -8
- 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 +5 -7
- 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 +5 -7
- 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 +10 -12
- 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 +15 -57
- package/lib/components/range/RangeProps.d.ts +2 -1
- package/lib/components/range/hooks/useRange.d.ts +30 -0
- package/lib/components/range/hooks/useRange.js +63 -0
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +4 -6
- package/lib/components/rows/row/Row.js +4 -6
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +11 -13
- package/lib/components/section/Section.js +5 -7
- package/lib/components/segment-control/SegmentControl.d.ts +8 -2
- package/lib/components/segment-control/SegmentControl.js +16 -28
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +14 -0
- package/lib/components/segment-control/hooks/useSegmentControl.js +31 -0
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +6 -2
- package/lib/components/segment-control/item/SegmentControlItem.js +8 -18
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +14 -0
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +24 -0
- 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 +3 -2
- 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 +7 -9
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -2
- 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 +15 -131
- package/lib/components/select/web/SelectNative.js +15 -35
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +27 -0
- package/lib/components/select/web/hooks/useSelectDynamic.js +156 -0
- package/lib/components/select/web/hooks/useSelectNative.d.ts +22 -0
- package/lib/components/select/web/hooks/useSelectNative.js +38 -0
- 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 +3 -5
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +9 -36
- package/lib/components/stepper/hooks/useStepper.d.ts +9 -0
- package/lib/components/stepper/hooks/useStepper.js +55 -0
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +8 -10
- 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 +9 -11
- 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 +7 -0
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +11 -43
- package/lib/components/switch/SwitchProps.d.ts +2 -3
- package/lib/components/switch/hooks/useSwitch.d.ts +18 -0
- package/lib/components/switch/hooks/useSwitch.js +46 -0
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +5 -7
- package/lib/components/table/body/TableBody.js +5 -7
- package/lib/components/table/head/TableHead.js +5 -7
- package/lib/components/table/td/TableTd.js +4 -6
- package/lib/components/table/th/TableTh.js +4 -6
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +7 -9
- package/lib/components/tabs/Tabs.js +6 -18
- package/lib/components/tabs/TabsProps.d.ts +4 -1
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/hooks/useTabs.d.ts +12 -0
- package/lib/components/tabs/hooks/useTabs.js +33 -0
- package/lib/components/tabs/tab-list/TabList.js +2 -4
- package/lib/components/tabs/tab-list/tab/Tab.js +4 -19
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -1
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +17 -0
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +28 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +2 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +4 -6
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +14 -0
- package/lib/components/tag/Tag.js +3 -5
- package/lib/components/tag/list/TagList.js +5 -7
- package/lib/components/text/Text.js +5 -7
- package/lib/components/text/Text.native.d.ts +1 -1
- package/lib/components/text/Text.native.js +7 -7
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +15 -27
- package/lib/components/textarea/TextareaProps.d.ts +4 -3
- package/lib/components/textarea/hooks/useTextarea.d.ts +15 -0
- package/lib/components/textarea/hooks/useTextarea.js +30 -0
- package/lib/components/timeline/Timeline.js +4 -6
- package/lib/components/timeline/content/TimelineContent.js +5 -7
- package/lib/components/timeline/item/TimelineItem.js +4 -6
- package/lib/components/timeline/marker/TimelineMarker.js +5 -7
- package/lib/components/title/Title.js +7 -9
- package/lib/components/title/Title.native.d.ts +2 -2
- package/lib/components/title/Title.native.js +28 -36
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +12 -15
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +3 -2
- package/lib/context/providerStates.js +3 -2
- package/lib/context/providerTheme.js +2 -1
- package/lib/helpers/hashClassesHelpers.d.ts +1 -3
- package/lib/helpers/hashClassesHelpers.js +18 -15
- package/lib/objects/Typography/TypographyBold.js +3 -2
- package/lib/objects/Typography/TypographyColor.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +36 -42
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import ToasterContext from '../../../components/alert/context';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export var useAlert = function (_a) {
|
|
5
|
+
var onClick = _a.onClick;
|
|
6
|
+
try {
|
|
7
|
+
var _1 = React.useState();
|
|
8
|
+
var handleClick = React.useCallback(function (e) {
|
|
9
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
10
|
+
e.stopPropagation();
|
|
11
|
+
}, []);
|
|
12
|
+
return { handleClick: handleClick };
|
|
13
|
+
}
|
|
14
|
+
catch (_b) {
|
|
15
|
+
return {};
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export var useToasterAlertProvider = function () {
|
|
19
|
+
try {
|
|
20
|
+
var _a = __read(React.useState(null), 2), toasterState = _a[0], setToasterState_1 = _a[1];
|
|
21
|
+
var _b = __read(React.useState(5000), 2), duration_1 = _b[0], setDuration_1 = _b[1];
|
|
22
|
+
var timeRef_1 = React.useRef(null);
|
|
23
|
+
var showToast_1 = function (params) {
|
|
24
|
+
setToasterState_1(params);
|
|
25
|
+
params.duration && params.duration > 0 && setDuration_1(params.duration);
|
|
26
|
+
timeRef_1.current && clearTimeout(timeRef_1.current);
|
|
27
|
+
};
|
|
28
|
+
React.useEffect(function () {
|
|
29
|
+
timeRef_1.current = setTimeout(function () {
|
|
30
|
+
setToasterState_1(null);
|
|
31
|
+
}, duration_1);
|
|
32
|
+
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
33
|
+
var ToasterProvider = function (_a) {
|
|
34
|
+
var children = _a.children;
|
|
35
|
+
return React.createElement(ToasterContext.Provider, { value: { show: showToast_1, hide: function () { return null; } } }, children);
|
|
36
|
+
};
|
|
37
|
+
return { ToasterProvider: ToasterProvider, toasterState: toasterState };
|
|
38
|
+
}
|
|
39
|
+
catch (_c) {
|
|
40
|
+
return {
|
|
41
|
+
ToasterProvider: function (_a) {
|
|
42
|
+
var children = _a.children;
|
|
43
|
+
return React.createElement(React.Fragment, null, children);
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2hvb2tzL3VzZUFsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxjQUFjLE1BQU0sNEJBQTRCLENBQUE7QUFFdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBTXpCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQW9CO1FBQWxCLE9BQU8sYUFBQTtJQUNoQyxJQUFJO1FBQ0YsSUFBTSxFQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFBO1FBRTFCLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsVUFBQyxDQUErQztZQUNwRixPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO1FBRU4sT0FBTyxFQUFFLFdBQVcsYUFBQSxFQUFFLENBQUE7S0FDdkI7SUFBQyxXQUFNO1FBQ04sT0FBTyxFQUFFLENBQUE7S0FDVjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHVCQUF1QixHQUFHO0lBQ3JDLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBNEIsSUFBSSxDQUFDLElBQUEsRUFBaEYsWUFBWSxRQUFBLEVBQUUsaUJBQWUsUUFBbUQsQ0FBQTtRQUNqRixJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBQSxFQUE3QyxVQUFRLFFBQUEsRUFBRSxhQUFXLFFBQXdCLENBQUE7UUFDcEQsSUFBTSxTQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBd0MsSUFBSSxDQUFDLENBQUE7UUFFekUsSUFBTSxXQUFTLEdBQUcsVUFBQyxNQUEwQjtZQUMzQyxpQkFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1lBQ3ZCLE1BQU0sQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksYUFBVyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtZQUN0RSxTQUFPLENBQUMsT0FBTyxJQUFJLFlBQVksQ0FBQyxTQUFPLENBQUMsT0FBTyxDQUFDLENBQUE7UUFDbEQsQ0FBQyxDQUFBO1FBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLFNBQU8sQ0FBQyxPQUFPLEdBQUcsVUFBVSxDQUFDO2dCQUMzQixpQkFBZSxDQUFDLElBQUksQ0FBQyxDQUFBO1lBQ3ZCLENBQUMsRUFBRSxVQUFRLENBQUMsQ0FBQTtRQUNkLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUV2QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQTRDO2dCQUExQyxRQUFRLGNBQUE7WUFDakMsT0FBTyxvQkFBQyxjQUFjLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxXQUFTLEVBQUUsSUFBSSxFQUFFLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxFQUFFLElBQUcsUUFBUSxDQUEyQixDQUFBO1FBQ3BILENBQUMsQ0FBQTtRQUVELE9BQU8sRUFBRSxlQUFlLGlCQUFBLEVBQUUsWUFBWSxjQUFBLEVBQUUsQ0FBQTtLQUN6QztJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsZUFBZSxFQUFFLFVBQUMsRUFBNEM7b0JBQTFDLFFBQVEsY0FBQTtnQkFBdUMsT0FBQSwwQ0FBRyxRQUFRLENBQUk7WUFBZixDQUFlO1NBQ25GLENBQUE7S0FDRjtBQUNILENBQUMsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { AutoCompletePropsWeb } from '../../components/autocomplete/AutoCompleteProps';
|
|
2
3
|
import type { View } from 'react-native';
|
|
3
|
-
import { AutoCompletePropsWeb } from './AutoCompleteProps';
|
|
4
4
|
/**
|
|
5
5
|
* AutoComplete Component
|
|
6
6
|
* @param placeholder {string} placeholder for input
|
|
@@ -1,135 +1,34 @@
|
|
|
1
|
-
import { __assign
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { defaultMatching, getLabel } from '../../components/autocomplete/Autocomplete.helpers';
|
|
5
|
+
import { useAutocomplete } from '../../components/autocomplete/hooks/useAutocomplete';
|
|
6
|
+
import AutoCompleteItem from '../../components/autocomplete/item';
|
|
7
|
+
import AutoCompleteMenu from '../../components/autocomplete/menu';
|
|
8
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
9
|
import { Input } from '../../components/input';
|
|
5
10
|
import { InputAutoCompleteType } from '../../components/input/InputEnum';
|
|
6
|
-
import {
|
|
7
|
-
import { hashClass } from '../../helpers';
|
|
11
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
8
12
|
import { is } from '../../services';
|
|
9
|
-
import { ComponentName } from '../enumsComponentsName';
|
|
10
|
-
import { defaultMatching, getLabel } from './Autocomplete.helpers';
|
|
11
|
-
import AutoCompleteItem from './item';
|
|
12
|
-
import AutoCompleteMenu from './menu';
|
|
13
|
-
import { debounce } from './utils';
|
|
14
13
|
var AutoCompleteRef = function (_a, ref) {
|
|
15
14
|
var defaultValue = _a.defaultValue, value = _a.value, classNameMenu = _a.classNameMenu, absoluteMenu = _a.absoluteMenu, fullwidthMenu = _a.fullwidthMenu, placeholder = _a.placeholder, data = _a.data, status = _a.status, onBlur = _a.onBlur, onChange = _a.onChange, name = _a.name, _b = _a.matching, matching = _b === void 0 ? defaultMatching : _b, _c = _a.displayMenu, displayMenu = _c === void 0 ? true : _c, onItemSelected = _a.onItemSelected, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, disabled = _a.disabled, children = _a.children, accessibilityLabel = _a.accessibilityLabel, onIconClick = _a.onIconClick, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onFocus = _a.onFocus, id = _a.id, loading = _a.loading;
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
if (itemSelected && getLabel(itemSelected) !== _inputValue) {
|
|
34
|
-
setItemSelected(null);
|
|
35
|
-
}
|
|
36
|
-
}, [_inputValue]);
|
|
37
|
-
useEffect(function () {
|
|
38
|
-
setSearch(matching(data, _inputValue));
|
|
39
|
-
}, [data]);
|
|
40
|
-
var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
41
|
-
var pattern, data_1;
|
|
42
|
-
return __generator(this, function (_a) {
|
|
43
|
-
switch (_a.label) {
|
|
44
|
-
case 0:
|
|
45
|
-
setIsAutocompleteMenuVisible(true);
|
|
46
|
-
if (onChange) {
|
|
47
|
-
onChange({
|
|
48
|
-
inputName: name || '',
|
|
49
|
-
inputValue: e.inputValue,
|
|
50
|
-
inputSelectionStart: null,
|
|
51
|
-
target: e.target,
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
// Check if the input value is a regular expression or a string
|
|
55
|
-
if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
|
|
56
|
-
try {
|
|
57
|
-
pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
|
|
58
|
-
setInputValue(new RegExp(pattern, 'i').source);
|
|
59
|
-
}
|
|
60
|
-
catch (error) {
|
|
61
|
-
// If the regular expression is invalid, keep the input value as a string
|
|
62
|
-
setInputValue(e.inputValue);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
else {
|
|
66
|
-
setInputValue(e.inputValue);
|
|
67
|
-
}
|
|
68
|
-
if (!getSuggestions) return [3 /*break*/, 2];
|
|
69
|
-
return [4 /*yield*/, getSuggestions(e.inputValue)];
|
|
70
|
-
case 1:
|
|
71
|
-
data_1 = _a.sent();
|
|
72
|
-
setSearch(data_1);
|
|
73
|
-
return [3 /*break*/, 3];
|
|
74
|
-
case 2:
|
|
75
|
-
if (matching && data) {
|
|
76
|
-
setSearch(matching(data, e.inputValue));
|
|
77
|
-
}
|
|
78
|
-
_a.label = 3;
|
|
79
|
-
case 3: return [2 /*return*/];
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
}); };
|
|
83
|
-
var onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
|
|
84
|
-
var suggestionSelected = function (value, data, search) {
|
|
85
|
-
setIsAutocompleteMenuVisible(false);
|
|
86
|
-
setInputValue(getLabel(value));
|
|
87
|
-
setItemSelected(value);
|
|
88
|
-
if (data || search) {
|
|
89
|
-
if (onItemSelected) {
|
|
90
|
-
onItemSelected({
|
|
91
|
-
value: value,
|
|
92
|
-
index: value ? (data.length ? data : search).indexOf(value) : -1,
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
var handleKeyPress = function (e) {
|
|
98
|
-
switch (e.inputKeyCode) {
|
|
99
|
-
case 38:
|
|
100
|
-
if (activeItem === 0)
|
|
101
|
-
return;
|
|
102
|
-
setActiveItem(activeItem - 1);
|
|
103
|
-
break;
|
|
104
|
-
case 40:
|
|
105
|
-
if (activeItem === search.length - 1)
|
|
106
|
-
return;
|
|
107
|
-
setActiveItem(activeItem + 1);
|
|
108
|
-
break;
|
|
109
|
-
case 13:
|
|
110
|
-
if (search[activeItem] != null) {
|
|
111
|
-
suggestionSelected(search[activeItem], data, search);
|
|
112
|
-
}
|
|
113
|
-
break;
|
|
114
|
-
default:
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
var handleFocus = function (event) {
|
|
118
|
-
setIsAutocompleteMenuVisible(true);
|
|
119
|
-
if (onFocus)
|
|
120
|
-
onFocus(event);
|
|
121
|
-
};
|
|
122
|
-
return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
|
|
123
|
-
React.createElement(Input, __assign({ id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, placeholder: placeholder }, (name ? { name: name } : {}), { className: 'autocomplete-input', type: 'text', status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled,
|
|
124
|
-
// Add delay for selection of suggestion
|
|
125
|
-
onBlur: function (e) {
|
|
126
|
-
setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
|
|
127
|
-
if (onBlur)
|
|
128
|
-
onBlur(e);
|
|
129
|
-
}, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: function (event) {
|
|
130
|
-
onInputChange(event);
|
|
131
|
-
}, onIconClick: onIconClick, loading: loading })),
|
|
132
|
-
isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, suggestionSelected: function (v) { return suggestionSelected(v, data, search); } }, children ? children(item) : getLabel(item))); }))))),
|
|
15
|
+
var _d = useAutocomplete({
|
|
16
|
+
value: value,
|
|
17
|
+
data: data,
|
|
18
|
+
displayMenu: displayMenu,
|
|
19
|
+
matching: matching,
|
|
20
|
+
onChange: onChange,
|
|
21
|
+
name: name,
|
|
22
|
+
getSuggestions: getSuggestions,
|
|
23
|
+
debounceSuggestionsTimeout: debounceSuggestionsTimeout,
|
|
24
|
+
onItemSelected: onItemSelected,
|
|
25
|
+
onFocus: onFocus,
|
|
26
|
+
onBlur: onBlur,
|
|
27
|
+
}), handleFocus = _d.handleFocus, handleKeyPress = _d.handleKeyPress, suggestionSelected = _d.suggestionSelected, _inputValue = _d._inputValue, isAutocompleteMenuVisible = _d.isAutocompleteMenuVisible, search = _d.search, activeItem = _d.activeItem, handleBlur = _d.handleBlur, handleChange = _d.handleChange;
|
|
28
|
+
var autocompleteClasses = hashClass(clsx(is('autocomplete'), is('active')));
|
|
29
|
+
return (React.createElement("div", { className: hashClass(clsx('control')) },
|
|
30
|
+
React.createElement(Input, __assign({ id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, placeholder: placeholder }, (name ? { name: name } : {}), { className: 'autocomplete-input', type: 'text', status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: handleChange, onIconClick: onIconClick, loading: loading })),
|
|
31
|
+
isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, suggestionSelected: suggestionSelected ? function (v) { return suggestionSelected(v, data, search); } : undefined }, children ? children(item) : getLabel(item))); }))))),
|
|
133
32
|
React.createElement("div", null)));
|
|
134
33
|
};
|
|
135
34
|
AutoCompleteRef.displayName = ComponentName.AutoComplete;
|
|
@@ -164,4 +63,4 @@ AutoCompleteRef.displayName = ComponentName.AutoComplete;
|
|
|
164
63
|
*/
|
|
165
64
|
var AutoComplete = React.forwardRef(AutoCompleteRef);
|
|
166
65
|
export default AutoComplete;
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpREFBaUQsQ0FBQTtBQUNqRixPQUFPLGdCQUFnQixNQUFNLGdDQUFnQyxDQUFBO0FBQzdELE9BQU8sZ0JBQWdCLE1BQU0sZ0NBQWdDLENBQUE7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUcvQixJQUFNLGVBQWUsR0FBRyxVQUN0QixFQTBCMEIsRUFDMUIsR0FBZ0M7UUExQjlCLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ2IsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZ0JBQTBCLEVBQTFCLFFBQVEsbUJBQUcsZUFBZSxLQUFBLEVBQzFCLG1CQUFrQixFQUFsQixXQUFXLG1CQUFHLElBQUksS0FBQSxFQUNsQixjQUFjLG9CQUFBLEVB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { AutoCompletePropsNative } from '
|
|
3
|
+
import { AutoCompletePropsNative } from '../../components/autocomplete/AutoCompleteProps';
|
|
4
4
|
/**
|
|
5
5
|
* AutoComplete Component
|
|
6
6
|
* @param placeholder {string} placeholder for input
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __awaiter, __generator, __read } from "tslib";
|
|
2
2
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
3
3
|
import { Keyboard, StyleSheet, View } from 'react-native';
|
|
4
|
+
import { defaultMatching, getLabel } from '../../components/autocomplete/Autocomplete.helpers';
|
|
5
|
+
import AutoCompleteMenuNative from '../../components/autocomplete/menu/AutoCompleteMenu.native';
|
|
6
|
+
import { debounce } from '../../components/autocomplete/utils';
|
|
7
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
8
|
import Input from '../../components/input/Input.native';
|
|
5
|
-
import { ComponentName } from '../enumsComponentsName';
|
|
6
|
-
import { defaultMatching, getLabel } from './Autocomplete.helpers';
|
|
7
|
-
import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
|
|
8
|
-
import { debounce } from './utils';
|
|
9
9
|
/**
|
|
10
10
|
* AutoComplete Component
|
|
11
11
|
* @param placeholder {string} placeholder for input
|
|
@@ -116,4 +116,4 @@ var styles = StyleSheet.create({
|
|
|
116
116
|
});
|
|
117
117
|
AutoComplete.displayName = ComponentName.AutoComplete;
|
|
118
118
|
export default AutoComplete;
|
|
119
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQzFGLE9BQU8sc0JBQXNCLE1BQU0sd0RBQXdELENBQUE7QUFDM0YsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUduRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWtCMEIsRUFDMUIsR0FBb0I7UUFsQmxCLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsZ0JBQTBCLEVBQTFCLFFBQVEsbUJBQUcsZUFBZSxLQUFBLEVBQzFCLGNBQWMsb0JBQUEsRUFDZCwwQkFBMEIsZ0NBQUEsRUFDMUIsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQTtJQUlQLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLElBQUEsRUFBMUQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFpQyxDQUFBO0lBQzNELElBQUEsS0FBQSxPQUFnQyxRQUFRLENBQUMsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksRUFBRSxDQUFDLElBQUEsRUFBbkQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUF3QixDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsV0FBVyxhQUFYLFdBQVcsY0FBWCxXQUFXLEdBQUksS0FBSyxDQUFDLElBQUEsRUFBcEUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUEyQyxDQUFBO0lBRTNFLElBQU0saUJBQWlCLEdBQUcsVUFBTyxVQUFrQjs7Ozs7eUJBQzdDLGNBQWMsRUFBZCx3QkFBYztvQkFDSSxxQkFBTSxjQUFjLENBQUMsVUFBVSxDQUFDLEVBQUE7O29CQUE5QyxnQkFBYyxTQUFnQztvQkFDcEQsYUFBVyxJQUFJLGNBQWMsQ0FBQyxhQUFXLENBQUMsQ0FBQTtvQkFDMUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxhQUFXLGFBQVgsYUFBVyx1QkFBWCxhQUFXLENBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQTs7O29CQUN0QyxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO3dCQUM1QixnQkFBYyxRQUFRLENBQUMsSUFBSSxFQUFFLFVBQVUsQ0FBQyxDQUFBO3dCQUM5QyxjQUFjLENBQUMsYUFBVyxDQUFDLENBQUE7d0JBQzNCLGFBQWEsQ0FBQyxPQUFPLENBQUMsYUFBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7cUJBQzNDOzs7OztTQUNGLENBQUE7SUFDRCxJQUFNLG1CQUFtQixHQUFHLE9BQU8sQ0FBQztRQUNsQyxPQUFPLDBCQUEwQixDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUE7SUFDakgsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFBO0lBRWhDLFNBQVMsQ0FBQztRQUNSLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFaEIsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQTtJQUM1QixDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRVgsSUFBTSxhQUFhLEdBQUcsVUFBTyxDQUF5Qjs7O1lBQzVDLFVBQVUsR0FBcUMsQ0FBQyxXQUF0QyxFQUFFLFNBQVMsR0FBMEIsQ0FBQyxVQUEzQixFQUFFLG1CQUFtQixHQUFLLENBQUMsb0JBQU4sQ0FBTTtZQUN4RCxhQUFhLENBQUMsVUFBVSxDQUFDLENBQUE7WUFDekIsSUFBSSxRQUFRLEVBQUU7Z0JBQ1osUUFBUSxDQUFDO29CQUNQLFNBQVMsV0FBQTtvQkFDVCxVQUFVLFlBQUE7b0JBQ1YsbUJBQW1CLHFCQUFBO2lCQUNwQixDQUFDLENBQUE7YUFDSDs7O1NBQ0YsQ0FBQTtJQUVELElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxJQUFZO1FBQ3BDLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtRQUM3QixhQUFhLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDcEIsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFBO1FBQ2xCLElBQUksY0FBYyxJQUFJLENBQUMsSUFBSSxJQUFJLFdBQVcsQ0FBQyxFQUFFO1lBQzNDLGNBQWMsQ0FBQztnQkFDYixLQUFLLEVBQUUsSUFBSTtnQkFDWCxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7YUFDeEQsQ0FBQyxDQUFBO1NBQ0g7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQWtEO1FBQ3JFLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNuQixJQUFJLE9BQU87WUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDN0IsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsSUFBTSx1QkFBdUIsR0FBRyxRQUFRLENBQUMsV0FBVyxDQUFDLGlCQUFpQixFQUFFLGNBQU0sT0FBQSxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQW5CLENBQW1CLENBQUMsQ0FBQTtRQUNsRyxJQUFNLHVCQUF1QixHQUFHLFFBQVEsQ0FBQyxXQUFXLENBQUMsaUJBQWlCLEVBQUUsY0FBTSxPQUFBLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsQ0FBQyxDQUFBO1FBRW5HLE9BQU87WUFDTCx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQTtZQUNoQyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsQ0FBQTtRQUNsQyxDQUFDLENBQUE7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFFTixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ3hDLG9CQUFDLElBQUk7WUFDSCxvQkFBQyxLQUFLLElBQ0osTUFBTSxFQUFFLE1BQU0sRUFDZCxNQUFNLEVBQUUsTUFBTSxFQUNkLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLElBQUksRUFBQyxNQUFNLEVBQ1gsWUFBWSxFQUFFLFlBQVksRUFDMUIsYUFBYSxFQUFFLGFBQWEsRUFDNUIsS0FBSyxFQUFFLFVBQVUsRUFDakIsUUFBUSxFQUFFLGFBQWEsRUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFDcEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsV0FBVyxHQUNwQixDQUNHO1FBQ04sVUFBVSxJQUFJLG9CQUFDLHNCQUFzQixJQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEdBQUksQ0FDbEcsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQy9CLFlBQVksRUFBRTtRQUNaLFFBQVEsRUFBRSxVQUFVO0tBQ3JCO0NBQ0YsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBRXJELGVBQWUsWUFBWSxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FocusEventHandler } from 'react';
|
|
2
1
|
import { InputChangeEventNative, InputChangeEventWeb, InputClickEvent, InputProps } from '../../components/input/InputProps';
|
|
3
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
|
+
import { FocusEventHandler } from 'react';
|
|
4
4
|
/**
|
|
5
5
|
* AutoComplete Interface
|
|
6
6
|
*/
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Item } from '
|
|
1
|
+
import { Item } from '../../components/autocomplete/AutoCompleteProps';
|
|
2
2
|
export declare const getLabel: (data: string | Item<unknown>) => string;
|
|
3
3
|
export declare const defaultMatching: <T extends string | Item<unknown>>(data: T[], value: string) => T[];
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Item, ItemSelectedEvent } from '../../../components/autocomplete/AutoCompleteProps';
|
|
3
|
+
import { InputChangeEventWeb, InputKeyboardEvent } from '../../../components/input/InputProps';
|
|
4
|
+
interface IParams<T> {
|
|
5
|
+
value?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
data: T[];
|
|
8
|
+
matching: (data: T[], value: string) => T[];
|
|
9
|
+
onChange?: (event: InputChangeEventWeb) => void;
|
|
10
|
+
onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
|
|
11
|
+
displayMenu?: boolean;
|
|
12
|
+
getSuggestions?: (search: string) => Promise<T[]>;
|
|
13
|
+
debounceSuggestionsTimeout?: number;
|
|
14
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
15
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
16
|
+
}
|
|
17
|
+
export declare const useAutocomplete: <T extends string | Item<unknown> = string>({ value, data, displayMenu, matching, onChange, name, getSuggestions, debounceSuggestionsTimeout, onItemSelected, onFocus, onBlur, }: IParams<T>) => {
|
|
18
|
+
handleChange: (event: InputChangeEventWeb) => void;
|
|
19
|
+
handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
20
|
+
handleKeyPress: (e: InputKeyboardEvent) => void;
|
|
21
|
+
suggestionSelected: (value: T, data: T[], search: T[]) => void;
|
|
22
|
+
onInputChange: (e: InputChangeEventWeb) => Promise<void>;
|
|
23
|
+
_inputValue: string;
|
|
24
|
+
isAutocompleteMenuVisible: boolean;
|
|
25
|
+
search: T[];
|
|
26
|
+
activeItem: number;
|
|
27
|
+
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
28
|
+
} | {
|
|
29
|
+
_inputValue: string | undefined;
|
|
30
|
+
isAutocompleteMenuVisible: boolean | undefined;
|
|
31
|
+
search: never[];
|
|
32
|
+
activeItem: number;
|
|
33
|
+
handleChange?: undefined;
|
|
34
|
+
handleFocus?: undefined;
|
|
35
|
+
handleKeyPress?: undefined;
|
|
36
|
+
suggestionSelected?: undefined;
|
|
37
|
+
onInputChange?: undefined;
|
|
38
|
+
handleBlur?: undefined;
|
|
39
|
+
};
|
|
40
|
+
export {};
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { __awaiter, __generator, __read } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
|
|
4
|
+
import { debounce } from '../../../components/autocomplete/utils';
|
|
5
|
+
export var useAutocomplete = function (_a) {
|
|
6
|
+
var value = _a.value, data = _a.data, displayMenu = _a.displayMenu, matching = _a.matching, onChange = _a.onChange, name = _a.name, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onItemSelected = _a.onItemSelected, onFocus = _a.onFocus, onBlur = _a.onBlur;
|
|
7
|
+
try {
|
|
8
|
+
var _b = __read(React.useState(null), 2), itemSelected_1 = _b[0], setItemSelected_1 = _b[1];
|
|
9
|
+
var _c = __read(React.useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue_1 = _c[0], setInputValue_1 = _c[1];
|
|
10
|
+
var _d = __read(React.useState(0), 2), activeItem_1 = _d[0], setActiveItem_1 = _d[1];
|
|
11
|
+
var _e = __read(React.useState(displayMenu || false), 2), isAutocompleteMenuVisible = _e[0], setIsAutocompleteMenuVisible_1 = _e[1];
|
|
12
|
+
var _f = __read(React.useState([]), 2), search_1 = _f[0], setSearch_1 = _f[1];
|
|
13
|
+
var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
|
|
14
|
+
var pattern, data_1;
|
|
15
|
+
return __generator(this, function (_a) {
|
|
16
|
+
switch (_a.label) {
|
|
17
|
+
case 0:
|
|
18
|
+
setIsAutocompleteMenuVisible_1(true);
|
|
19
|
+
if (onChange) {
|
|
20
|
+
onChange({
|
|
21
|
+
inputName: name || '',
|
|
22
|
+
inputValue: e.inputValue,
|
|
23
|
+
inputSelectionStart: null,
|
|
24
|
+
target: e.target,
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
// Check if the input value is a regular expression or a string
|
|
28
|
+
if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
|
|
29
|
+
try {
|
|
30
|
+
pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
|
|
31
|
+
setInputValue_1(new RegExp(pattern, 'i').source);
|
|
32
|
+
}
|
|
33
|
+
catch (error) {
|
|
34
|
+
// If the regular expression is invalid, keep the input value as a string
|
|
35
|
+
setInputValue_1(e.inputValue);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
setInputValue_1(e.inputValue);
|
|
40
|
+
}
|
|
41
|
+
if (!getSuggestions) return [3 /*break*/, 2];
|
|
42
|
+
return [4 /*yield*/, getSuggestions(e.inputValue)];
|
|
43
|
+
case 1:
|
|
44
|
+
data_1 = _a.sent();
|
|
45
|
+
setSearch_1(data_1);
|
|
46
|
+
return [3 /*break*/, 3];
|
|
47
|
+
case 2:
|
|
48
|
+
if (matching && data) {
|
|
49
|
+
setSearch_1(matching(data, e.inputValue));
|
|
50
|
+
}
|
|
51
|
+
_a.label = 3;
|
|
52
|
+
case 3: return [2 /*return*/];
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}); };
|
|
56
|
+
var onInputChange_1 = debounceSuggestionsTimeout
|
|
57
|
+
? debounce(onTextChanged, debounceSuggestionsTimeout)
|
|
58
|
+
: onTextChanged;
|
|
59
|
+
var suggestionSelected_1 = function (value, data, search) {
|
|
60
|
+
setIsAutocompleteMenuVisible_1(false);
|
|
61
|
+
setInputValue_1(getLabel(value));
|
|
62
|
+
setItemSelected_1(value);
|
|
63
|
+
if (data || search) {
|
|
64
|
+
if (onItemSelected) {
|
|
65
|
+
onItemSelected({
|
|
66
|
+
value: value,
|
|
67
|
+
index: value ? (data.length ? data : search).indexOf(value) : -1,
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
var handleKeyPress = function (e) {
|
|
73
|
+
switch (e.inputKeyCode) {
|
|
74
|
+
case 38:
|
|
75
|
+
if (activeItem_1 === 0)
|
|
76
|
+
return;
|
|
77
|
+
setActiveItem_1(activeItem_1 - 1);
|
|
78
|
+
break;
|
|
79
|
+
case 40:
|
|
80
|
+
if (activeItem_1 === search_1.length - 1)
|
|
81
|
+
return;
|
|
82
|
+
setActiveItem_1(activeItem_1 + 1);
|
|
83
|
+
break;
|
|
84
|
+
case 13:
|
|
85
|
+
if (search_1[activeItem_1] != null) {
|
|
86
|
+
suggestionSelected_1(search_1[activeItem_1], data, search_1);
|
|
87
|
+
}
|
|
88
|
+
break;
|
|
89
|
+
default:
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
var handleFocus = function (event) {
|
|
93
|
+
setIsAutocompleteMenuVisible_1(true);
|
|
94
|
+
if (onFocus)
|
|
95
|
+
onFocus(event);
|
|
96
|
+
};
|
|
97
|
+
var handleBlur = function (e) {
|
|
98
|
+
setTimeout(function () { return setIsAutocompleteMenuVisible_1(false); }, 250);
|
|
99
|
+
if (onBlur)
|
|
100
|
+
onBlur(e);
|
|
101
|
+
};
|
|
102
|
+
var handleChange = React.useCallback(function (event) {
|
|
103
|
+
onInputChange_1(event);
|
|
104
|
+
}, [onInputChange_1]);
|
|
105
|
+
React.useEffect(function () {
|
|
106
|
+
setInputValue_1(value || '');
|
|
107
|
+
}, [value]);
|
|
108
|
+
React.useEffect(function () {
|
|
109
|
+
setActiveItem_1(0);
|
|
110
|
+
if (data === null || data === void 0 ? void 0 : data.length) {
|
|
111
|
+
if (matching) {
|
|
112
|
+
setSearch_1(matching(data, _inputValue_1));
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (itemSelected_1 && getLabel(itemSelected_1) !== _inputValue_1) {
|
|
116
|
+
setItemSelected_1(null);
|
|
117
|
+
}
|
|
118
|
+
}, [_inputValue_1]);
|
|
119
|
+
React.useEffect(function () {
|
|
120
|
+
setSearch_1(matching(data, _inputValue_1));
|
|
121
|
+
}, [data]);
|
|
122
|
+
return {
|
|
123
|
+
handleChange: handleChange,
|
|
124
|
+
handleFocus: handleFocus,
|
|
125
|
+
handleKeyPress: handleKeyPress,
|
|
126
|
+
suggestionSelected: suggestionSelected_1,
|
|
127
|
+
onInputChange: onInputChange_1,
|
|
128
|
+
_inputValue: _inputValue_1,
|
|
129
|
+
isAutocompleteMenuVisible: isAutocompleteMenuVisible,
|
|
130
|
+
search: search_1,
|
|
131
|
+
activeItem: activeItem_1,
|
|
132
|
+
handleBlur: handleBlur,
|
|
133
|
+
};
|
|
134
|
+
}
|
|
135
|
+
catch (_g) {
|
|
136
|
+
return {
|
|
137
|
+
_inputValue: value,
|
|
138
|
+
isAutocompleteMenuVisible: displayMenu,
|
|
139
|
+
search: [],
|
|
140
|
+
activeItem: 0,
|
|
141
|
+
};
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvaG9va3MvdXNlQXV0b2NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTtBQUV6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUE7QUFpQjFELE1BQU0sQ0FBQyxJQUFNLGVBQWUsR0FBRyxVQUE0QyxFQVk5RDtRQVhYLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixjQUFjLG9CQUFBLEVBQ2QsMEJBQTBCLGdDQUFBLEVBQzFCLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUE7SUFFTixJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWtDLEtBQUssQ0FBQyxRQUFRLENBQVcsSUFBSSxDQUFDLElBQUEsRUFBL0QsY0FBWSxRQUFBLEVBQUUsaUJBQWUsUUFBa0MsQ0FBQTtRQUNoRSxJQUFBLEtBQUEsT0FBK0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxFQUFFLENBQUMsSUFBQSxFQUFqRSxhQUFXLFFBQUEsRUFBRSxlQUFhLFFBQXVDLENBQUE7UUFDbEUsSUFBQSxLQUFBLE9BQThCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsWUFBVSxRQUFBLEVBQUUsZUFBYSxRQUE2QixDQUFBO1FBQ3ZELElBQUEsS0FBQSxPQUE0RCxLQUFLLENBQUMsUUFBUSxDQUFVLFdBQVcsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUF4Ryx5QkFBeUIsUUFBQSxFQUFF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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import AutoComplete from '
|
|
2
|
-
import AutoCompleteItem from '
|
|
3
|
-
import AutoCompleteMenu from '
|
|
1
|
+
import AutoComplete from '../../components/autocomplete/AutoComplete';
|
|
2
|
+
import AutoCompleteItem from '../../components/autocomplete/item';
|
|
3
|
+
import AutoCompleteMenu from '../../components/autocomplete/menu';
|
|
4
4
|
export * from './AutoCompleteProps';
|
|
5
5
|
export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import AutoComplete from '
|
|
2
|
-
import AutoCompleteItem from '
|
|
3
|
-
import AutoCompleteMenu from '
|
|
1
|
+
import AutoComplete from '../../components/autocomplete/AutoComplete';
|
|
2
|
+
import AutoCompleteItem from '../../components/autocomplete/item';
|
|
3
|
+
import AutoCompleteMenu from '../../components/autocomplete/menu';
|
|
4
4
|
export * from './AutoCompleteProps';
|
|
5
5
|
export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSx3Q0FBd0MsQ0FBQTtBQUNqRSxPQUFPLGdCQUFnQixNQUFNLGdDQUFnQyxDQUFBO0FBQzdELE9BQU8sZ0JBQWdCLE1BQU0sZ0NBQWdDLENBQUE7QUFFN0QsY0FBYyxxQkFBcUIsQ0FBQTtBQUVuQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGdCQUFnQixFQUFFLENBQUEifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AutoCompleteItemProps } from '
|
|
2
|
+
import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
|
|
3
3
|
declare const AutoCompleteItemNative: ({ item, onSelect }: AutoCompleteItemProps) => JSX.Element;
|
|
4
4
|
export default AutoCompleteItemNative;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
3
|
-
import { Text } from '../../../components/text';
|
|
4
1
|
import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
|
|
2
|
+
import { Text } from '../../../components/text';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
5
5
|
var AutoCompleteItemNative = function (_a) {
|
|
6
6
|
var item = _a.item, onSelect = _a.onSelect;
|
|
7
7
|
return (React.createElement(TouchableOpacity, { style: styles.itemList, onPress: onSelect },
|
|
@@ -13,4 +13,4 @@ var styles = StyleSheet.create({
|
|
|
13
13
|
},
|
|
14
14
|
});
|
|
15
15
|
export default AutoCompleteItemNative;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBRXpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxJQUFNLHNCQUFzQixHQUFHLFVBQUMsRUFBeUM7UUFBdkMsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQzlDLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUTtRQUN6RCxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFRLENBQ1osQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDL0IsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFLEVBQUU7S0FDWjtDQUNGLENBQUMsQ0FBQTtBQUVGLGVBQWUsc0JBQXNCLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Item } from '
|
|
3
|
-
import { AutoCompleteItemProps } from '
|
|
2
|
+
import { Item } from '../../../components/autocomplete/AutoCompleteProps';
|
|
3
|
+
import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
|
|
4
4
|
/**
|
|
5
5
|
* AutoCompleteItem Component
|
|
6
6
|
* @param suggestionSelected {Function} select item
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { useTrilogyContext } from '../../../context';
|
|
5
1
|
import { hashClass } from '../../../helpers';
|
|
6
2
|
import { is } from '../../../services';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { useAutocompleteItem } from './hooks/useAutocompleteItem';
|
|
7
6
|
/**
|
|
8
7
|
* AutoCompleteItem Component
|
|
9
8
|
* @param suggestionSelected {Function} select item
|
|
@@ -13,9 +12,8 @@ import { is } from '../../../services';
|
|
|
13
12
|
*/
|
|
14
13
|
var AutoCompleteItem = function (_a) {
|
|
15
14
|
var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active, id = _a.id;
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
return (React.createElement("div", { id: id, onMouseOver: function () { return setIsActive(true); }, onMouseOut: function () { return setIsActive(false); }, role: 'listitem', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: function () { return (suggestionSelected ? suggestionSelected(item) : ''); } }, children));
|
|
15
|
+
var _b = useAutocompleteItem(), isActive = _b.isActive, onMouseOut = _b.onMouseOut, onMouseOver = _b.onMouseOver;
|
|
16
|
+
return (React.createElement("div", { id: id, role: 'listitem', "data-testid": testId, onMouseOver: onMouseOver, onMouseOut: onMouseOut, className: hashClass(clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: suggestionSelected ? function () { return suggestionSelected(item); } : undefined }, children));
|
|
19
17
|
};
|
|
20
18
|
export default AutoCompleteItem;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFakU7Ozs7OztHQU1HO0FBQ0gsSUFBTSxnQkFBZ0IsR0FBRyxVQUFtQyxFQU9qQztRQU56QixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sRUFBRSxRQUFBO0lBRUksSUFBQSxLQUF3QyxtQkFBbUIsRUFBRSxFQUEzRCxRQUFRLGNBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsV0FBVyxpQkFBMEIsQ0FBQTtJQUVuRSxPQUFPLENBQ0wsNkJBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsVUFBVSxpQkFDRixNQUFNLEVBQ25CLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQ2pHLE9BQU8sRUFBRSxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsY0FBTSxPQUFBLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUF4QixDQUF3QixDQUFDLENBQUMsQ0FBQyxTQUFTLElBRXZFLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGdCQUFnQixDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Item } from
|
|
2
|
+
import { Item } from '../../../components/autocomplete/AutoCompleteProps';
|
|
3
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
4
4
|
export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> extends CommonProps {
|
|
5
5
|
children?: string | React.ReactNode;
|