@trilogy-ds/react 4.17.0 → 4.18.0-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 +6 -4
- package/lib/components/accordion/Accordion.js +7 -5
- package/lib/components/accordion/Accordion.native.d.ts +4 -1
- package/lib/components/accordion/Accordion.native.js +7 -4
- package/lib/components/accordion/item/AccordionItem.d.ts +5 -2
- package/lib/components/accordion/item/AccordionItem.js +6 -3
- package/lib/components/accordion/item/AccordionItem.native.d.ts +3 -1
- package/lib/components/accordion/item/AccordionItem.native.js +6 -4
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -1
- package/lib/components/accordion/item/body/AccordionBody.js +5 -4
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +2 -0
- package/lib/components/accordion/item/body/AccordionBody.native.js +3 -1
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +4 -3
- package/lib/components/accordion/item/header/AccordionHeader.js +5 -4
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +3 -1
- package/lib/components/accordion/item/header/AccordionHeader.native.js +4 -2
- package/lib/components/alert/Alert.native.d.ts +3 -3
- package/lib/components/alert/Alert.native.js +3 -3
- package/lib/components/alert/ToasterDocs.d.ts +21 -0
- package/lib/components/alert/ToasterDocs.js +8 -0
- package/lib/components/autocomplete/AutoComplete.d.ts +12 -12
- package/lib/components/autocomplete/AutoComplete.js +12 -12
- package/lib/components/autocomplete/AutoComplete.native.d.ts +10 -10
- package/lib/components/autocomplete/AutoComplete.native.js +10 -10
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +7 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +11 -5
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +7 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +8 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +5 -0
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +6 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.d.ts +8 -0
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +9 -1
- package/lib/components/autolayout/AutoLayout.d.ts +7 -1
- package/lib/components/autolayout/AutoLayout.js +8 -2
- package/lib/components/autolayout/AutoLayout.native.d.ts +6 -6
- package/lib/components/autolayout/AutoLayout.native.js +6 -6
- package/lib/components/badge/Badge.d.ts +7 -6
- package/lib/components/badge/Badge.js +8 -7
- package/lib/components/badge/Badge.native.d.ts +6 -7
- package/lib/components/badge/Badge.native.js +7 -8
- package/lib/components/box/Box.d.ts +9 -7
- package/lib/components/box/Box.js +12 -9
- package/lib/components/box/Box.native.d.ts +8 -9
- package/lib/components/box/Box.native.js +11 -12
- package/lib/components/box/BoxPropsDefaults.js +8 -0
- package/lib/components/box/content/BoxContent.d.ts +2 -1
- package/lib/components/box/content/BoxContent.js +3 -2
- package/lib/components/box/content/BoxContent.native.d.ts +4 -2
- package/lib/components/box/content/BoxContent.native.js +7 -5
- package/lib/components/box/content/BoxContentPropsDefaults.js +4 -0
- package/lib/components/box/footer/BoxFooter.d.ts +2 -1
- package/lib/components/box/footer/BoxFooter.js +3 -2
- package/lib/components/box/footer/BoxFooter.native.d.ts +3 -1
- package/lib/components/box/footer/BoxFooter.native.js +6 -4
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +4 -0
- package/lib/components/box/header/BoxHeader.d.ts +3 -3
- package/lib/components/box/header/BoxHeader.js +3 -3
- package/lib/components/box/header/BoxHeader.native.d.ts +2 -0
- package/lib/components/box/header/BoxHeader.native.js +5 -3
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +4 -0
- package/lib/components/box/item/BoxItem.d.ts +2 -0
- package/lib/components/box/item/BoxItem.js +3 -1
- package/lib/components/box/item/BoxItem.native.d.ts +4 -2
- package/lib/components/box/item/BoxItem.native.js +7 -5
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +1 -1
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +2 -1
- package/lib/components/box/table-container/BoxTableContainer.native.js +5 -4
- package/lib/components/breadcrumb/Breadcrumb.d.ts +1 -0
- package/lib/components/breadcrumb/Breadcrumb.js +2 -1
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +2 -1
- package/lib/components/breadcrumb/Breadcrumb.native.js +3 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +1 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +2 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +2 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +3 -2
- package/lib/components/button/Button.d.ts +6 -7
- package/lib/components/button/Button.js +7 -8
- package/lib/components/button/Button.native.d.ts +7 -7
- package/lib/components/button/Button.native.js +10 -10
- package/lib/components/button/list/ButtonList.d.ts +5 -3
- package/lib/components/button/list/ButtonList.js +6 -4
- package/lib/components/button/list/ButtonList.native.d.ts +3 -1
- package/lib/components/button/list/ButtonList.native.js +6 -4
- package/lib/components/calendar/Calendar.d.ts +9 -6
- package/lib/components/calendar/Calendar.js +12 -9
- package/lib/components/calendar/Calendar.native.d.ts +8 -7
- package/lib/components/calendar/Calendar.native.js +270 -267
- package/lib/components/calendar/CalendarProps.d.ts +2 -1
- package/lib/components/calendar/CalendarPropsDefaults.js +7 -0
- package/lib/components/card/Card.d.ts +6 -2
- package/lib/components/card/Card.js +7 -3
- package/lib/components/card/Card.native.d.ts +7 -7
- package/lib/components/card/Card.native.js +7 -7
- package/lib/components/card/content/CardContent.d.ts +2 -1
- package/lib/components/card/content/CardContent.js +3 -2
- package/lib/components/card/content/CardContent.native.d.ts +3 -1
- package/lib/components/card/content/CardContent.native.js +6 -4
- package/lib/components/card/image/CardImage.d.ts +2 -0
- package/lib/components/card/image/CardImage.js +3 -1
- package/lib/components/card/image/CardImage.native.d.ts +3 -2
- package/lib/components/card/image/CardImage.native.js +4 -3
- package/lib/components/checkbox/Checkbox.d.ts +8 -7
- package/lib/components/checkbox/Checkbox.js +9 -8
- package/lib/components/checkbox/Checkbox.native.d.ts +4 -4
- package/lib/components/checkbox/Checkbox.native.js +7 -7
- package/lib/components/checkbox/list/CheckboxList.d.ts +3 -0
- package/lib/components/checkbox/list/CheckboxList.js +4 -1
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +2 -3
- package/lib/components/checkbox/list/CheckboxList.native.js +3 -4
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +4 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +5 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +10 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +13 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +16 -13
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +17 -14
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +18 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +22 -4
- package/lib/components/chips/Chips.d.ts +3 -4
- package/lib/components/chips/Chips.js +4 -5
- package/lib/components/chips/Chips.native.d.ts +1 -0
- package/lib/components/chips/Chips.native.js +4 -3
- package/lib/components/chips/list/ChipsList.d.ts +5 -3
- package/lib/components/chips/list/ChipsList.js +6 -4
- package/lib/components/chips/list/ChipsList.native.d.ts +2 -0
- package/lib/components/chips/list/ChipsList.native.js +5 -3
- package/lib/components/columns/Columns.d.ts +7 -3
- package/lib/components/columns/Columns.js +8 -4
- package/lib/components/columns/Columns.native.d.ts +9 -4
- package/lib/components/columns/Columns.native.js +12 -7
- package/lib/components/columns/column/Column.d.ts +4 -4
- package/lib/components/columns/column/Column.js +5 -5
- package/lib/components/columns/column/Column.native.d.ts +4 -4
- package/lib/components/columns/column/Column.native.js +4 -4
- package/lib/components/container/Container.d.ts +5 -4
- package/lib/components/container/Container.js +7 -6
- package/lib/components/container/Container.native.d.ts +3 -1
- package/lib/components/container/Container.native.js +6 -4
- package/lib/components/countdown/Countdown.d.ts +5 -6
- package/lib/components/countdown/Countdown.js +6 -7
- package/lib/components/countdown/Countdown.native.d.ts +5 -5
- package/lib/components/countdown/Countdown.native.js +8 -8
- package/lib/components/datepicker/DatePicker.d.ts +14 -13
- package/lib/components/datepicker/DatePicker.js +15 -14
- package/lib/components/datepicker/DatePicker.native.d.ts +12 -10
- package/lib/components/datepicker/DatePicker.native.js +13 -11
- package/lib/components/divider/Divider.d.ts +6 -5
- package/lib/components/divider/Divider.js +7 -6
- package/lib/components/divider/Divider.native.d.ts +5 -5
- package/lib/components/divider/Divider.native.js +9 -9
- package/lib/components/dropdown/Dropdown.d.ts +4 -3
- package/lib/components/dropdown/Dropdown.js +5 -4
- package/lib/components/dropdown/group/DropdownGroup.d.ts +1 -0
- package/lib/components/dropdown/group/DropdownGroup.js +3 -2
- package/lib/components/fab/Fab.d.ts +15 -13
- package/lib/components/fab/Fab.js +16 -14
- package/lib/components/fab/Fab.native.d.ts +12 -10
- package/lib/components/fab/Fab.native.js +13 -11
- package/lib/components/flex-box/FlexBox.d.ts +15 -10
- package/lib/components/flex-box/FlexBox.js +16 -11
- package/lib/components/flex-box/FlexBox.native.d.ts +14 -0
- package/lib/components/flex-box/FlexBox.native.js +18 -4
- package/lib/components/flex-box/flex-item/FlexItem.d.ts +4 -17
- package/lib/components/flex-box/flex-item/FlexItem.js +5 -18
- package/lib/components/flex-box/flex-item/FlexItem.native.d.ts +3 -18
- package/lib/components/flex-box/flex-item/FlexItem.native.js +6 -21
- package/lib/components/hero/Hero.d.ts +4 -4
- package/lib/components/hero/Hero.js +4 -4
- package/lib/components/hero/Hero.native.d.ts +5 -6
- package/lib/components/hero/Hero.native.js +9 -10
- package/lib/components/hero/HeroPropsDefaults.js +4 -0
- package/lib/components/icon/Icon.d.ts +9 -9
- package/lib/components/icon/Icon.js +10 -10
- package/lib/components/icon/Icon.native.d.ts +7 -11
- package/lib/components/icon/Icon.native.js +10 -14
- package/lib/components/icon/IconPropsDefaults.js +4 -0
- package/lib/components/image/Image.d.ts +9 -7
- package/lib/components/image/Image.js +10 -8
- package/lib/components/image/Image.native.d.ts +4 -4
- package/lib/components/image/Image.native.js +7 -7
- package/lib/components/input/Input.d.ts +16 -14
- package/lib/components/input/Input.js +18 -16
- package/lib/components/input/Input.native.d.ts +21 -17
- package/lib/components/input/Input.native.js +22 -18
- package/lib/components/link/Link.d.ts +10 -12
- package/lib/components/link/Link.js +11 -13
- package/lib/components/link/Link.native.d.ts +6 -7
- package/lib/components/link/Link.native.js +7 -8
- package/lib/components/list/List.d.ts +6 -3
- package/lib/components/list/List.js +7 -4
- package/lib/components/list/List.native.d.ts +5 -3
- package/lib/components/list/List.native.js +6 -4
- package/lib/components/list/item/ListItem.d.ts +4 -1
- package/lib/components/list/item/ListItem.js +5 -2
- package/lib/components/list/item/ListItem.native.d.ts +1 -0
- package/lib/components/list/item/ListItem.native.js +4 -3
- package/lib/components/list/item/description/ListItemDescription.d.ts +1 -0
- package/lib/components/list/item/description/ListItemDescription.js +2 -1
- package/lib/components/modal/Modal.d.ts +10 -4
- package/lib/components/modal/Modal.js +11 -5
- package/lib/components/modal/Modal.native.d.ts +9 -6
- package/lib/components/modal/Modal.native.js +15 -10
- package/lib/components/modal/body/ModalBody.d.ts +3 -2
- package/lib/components/modal/body/ModalBody.js +4 -3
- package/lib/components/modal/body/ModalBody.native.d.ts +3 -2
- package/lib/components/modal/body/ModalBody.native.js +6 -5
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -1
- package/lib/components/modal/footer/ModalFooter.js +3 -2
- package/lib/components/modal/footer/ModalFooter.native.d.ts +2 -0
- package/lib/components/modal/footer/ModalFooter.native.js +5 -3
- package/lib/components/otp/Otp.d.ts +6 -2
- package/lib/components/otp/Otp.js +7 -3
- package/lib/components/otp/Otp.native.d.ts +4 -2
- package/lib/components/otp/Otp.native.js +7 -5
- package/lib/components/pagination/Pagination.d.ts +6 -5
- package/lib/components/pagination/Pagination.js +7 -6
- package/lib/components/pagination/Pagination.native.d.ts +4 -3
- package/lib/components/pagination/Pagination.native.js +7 -6
- package/lib/components/popover/Popover.d.ts +2 -3
- package/lib/components/popover/Popover.js +3 -4
- package/lib/components/popover/Popover.native.d.ts +1 -2
- package/lib/components/popover/Popover.native.js +2 -3
- package/lib/components/price/Price.d.ts +10 -10
- package/lib/components/price/Price.js +10 -10
- package/lib/components/price/Price.native.d.ts +11 -11
- package/lib/components/price/Price.native.js +15 -12
- package/lib/components/product-tour/ProductTour.d.ts +2 -2
- package/lib/components/product-tour/ProductTour.js +2 -2
- package/lib/components/progress/Progress.d.ts +13 -5
- package/lib/components/progress/Progress.js +29 -16
- package/lib/components/progress/Progress.native.d.ts +10 -6
- package/lib/components/progress/Progress.native.js +11 -7
- package/lib/components/progress/item/ProgressItem.d.ts +5 -3
- package/lib/components/progress/item/ProgressItem.js +6 -4
- package/lib/components/progress/item/ProgressItem.native.d.ts +2 -4
- package/lib/components/progress/item/ProgressItem.native.js +3 -5
- package/lib/components/progress/radial/ProgressRadial.d.ts +5 -3
- package/lib/components/progress/radial/ProgressRadial.js +8 -6
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +10 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +11 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +8 -0
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +2 -0
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +6 -0
- package/lib/components/progress/radial/item/ProgressRadialtem.js +7 -1
- package/lib/components/prompt/Prompt.d.ts +7 -5
- package/lib/components/prompt/Prompt.js +8 -6
- package/lib/components/prompt/Prompt.native.d.ts +8 -0
- package/lib/components/prompt/Prompt.native.js +9 -1
- package/lib/components/prompt/files/PromptFiles.js +2 -2
- package/lib/components/prompt/files/file/PromptFile.js +2 -2
- package/lib/components/prompt/textarea/PromptTextarea.d.ts +3 -3
- package/lib/components/prompt/textarea/PromptTextarea.js +3 -3
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.d.ts +2 -3
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.js +3 -4
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.d.ts +7 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +8 -1
- package/lib/components/prompt/toolbar/submit/PromptSubmit.d.ts +2 -2
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +2 -2
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.d.ts +8 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +9 -1
- package/lib/components/radio/Radio.d.ts +7 -6
- package/lib/components/radio/Radio.js +8 -7
- package/lib/components/radio/Radio.native.d.ts +5 -5
- package/lib/components/radio/Radio.native.js +5 -5
- package/lib/components/radio/list/RadioList.d.ts +5 -2
- package/lib/components/radio/list/RadioList.js +9 -6
- package/lib/components/radio/tiles/RadioTiles.d.ts +1 -0
- package/lib/components/radio/tiles/RadioTiles.js +2 -1
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +1 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +2 -1
- package/lib/components/range/Range.d.ts +18 -18
- package/lib/components/range/Range.js +20 -21
- package/lib/components/range/Range.native.d.ts +7 -8
- package/lib/components/range/Range.native.js +8 -9
- package/lib/components/rows/Rows.d.ts +4 -1
- package/lib/components/rows/Rows.js +8 -5
- package/lib/components/rows/row/Row.d.ts +2 -0
- package/lib/components/rows/row/Row.js +3 -1
- package/lib/components/scroll-view/ScrollView.d.ts +15 -15
- package/lib/components/scroll-view/ScrollView.js +25 -25
- package/lib/components/scroll-view/ScrollView.native.d.ts +12 -0
- package/lib/components/scroll-view/ScrollView.native.js +13 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +4 -0
- package/lib/components/section/Section.d.ts +8 -7
- package/lib/components/section/Section.js +13 -12
- package/lib/components/section/Section.native.d.ts +5 -4
- package/lib/components/section/Section.native.js +6 -5
- package/lib/components/section/SectionPropsDefaults.js +4 -0
- package/lib/components/segment-control/SegmentControl.d.ts +6 -5
- package/lib/components/segment-control/SegmentControl.js +7 -6
- package/lib/components/segment-control/SegmentControl.native.d.ts +2 -3
- package/lib/components/segment-control/SegmentControl.native.js +3 -4
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -1
- package/lib/components/segment-control/item/SegmentControlItem.js +3 -2
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js +1 -1
- package/lib/components/select/Select.js +1 -1
- package/lib/components/select/Select.native.d.ts +6 -5
- package/lib/components/select/Select.native.js +7 -6
- package/lib/components/skeleton/Skeleton.d.ts +12 -11
- package/lib/components/skeleton/Skeleton.js +13 -12
- package/lib/components/spacer/Spacer.d.ts +7 -3
- package/lib/components/spacer/Spacer.js +8 -4
- package/lib/components/stepper/Stepper.d.ts +4 -3
- package/lib/components/stepper/Stepper.js +5 -4
- package/lib/components/stepper/Stepper.native.d.ts +0 -1
- package/lib/components/stepper/Stepper.native.js +1 -2
- package/lib/components/stepper/step/Step.d.ts +4 -3
- package/lib/components/stepper/step/Step.js +5 -4
- package/lib/components/sticker/Sticker.d.ts +10 -9
- package/lib/components/sticker/Sticker.js +17 -16
- package/lib/components/sticker/Sticker.native.d.ts +3 -4
- package/lib/components/sticker/Sticker.native.js +4 -5
- package/lib/components/switch/Switch.d.ts +7 -5
- package/lib/components/switch/Switch.js +13 -11
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +2 -2
- package/lib/components/table/Table.d.ts +6 -5
- package/lib/components/table/Table.js +12 -11
- package/lib/components/table/body/TableBodyPropsDefaults.js +8 -0
- package/lib/components/table/head/TableHeadPropsDefaults.js +8 -0
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +4 -0
- package/lib/components/tabs/Tabs.d.ts +4 -3
- package/lib/components/tabs/Tabs.js +5 -4
- package/lib/components/tabs/Tabs.native.d.ts +1 -0
- package/lib/components/tabs/Tabs.native.js +2 -1
- package/lib/components/tabs/tab-list/TabList.d.ts +5 -5
- package/lib/components/tabs/tab-list/TabList.js +5 -5
- package/lib/components/tabs/tab-list/TabList.native.d.ts +1 -5
- package/lib/components/tabs/tab-list/TabList.native.js +2 -6
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +4 -4
- package/lib/components/tabs/tab-panels/TabPanels.js +4 -4
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +1 -3
- package/lib/components/tabs/tab-panels/TabPanels.native.js +2 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +4 -3
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +5 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +1 -3
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +2 -4
- package/lib/components/tag/Tag.d.ts +6 -5
- package/lib/components/tag/Tag.js +7 -6
- package/lib/components/tag/list/TagList.d.ts +4 -1
- package/lib/components/tag/list/TagList.js +5 -2
- package/lib/components/tag/list/TagList.native.d.ts +1 -1
- package/lib/components/tag/list/TagList.native.js +1 -1
- package/lib/components/text/Text.d.ts +13 -12
- package/lib/components/text/Text.js +14 -13
- package/lib/components/textarea/Textarea.d.ts +5 -4
- package/lib/components/textarea/Textarea.js +6 -5
- package/lib/components/textarea/Textarea.native.d.ts +7 -10
- package/lib/components/textarea/Textarea.native.js +8 -11
- package/lib/components/timeline/Timeline.d.ts +4 -3
- package/lib/components/timeline/Timeline.js +8 -7
- package/lib/components/timeline/content/TimelineContent.d.ts +2 -1
- package/lib/components/timeline/content/TimelineContent.js +3 -2
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -1
- package/lib/components/timeline/item/TimelineItem.js +6 -5
- package/lib/components/timeline/marker/TimelineMarker.d.ts +1 -1
- package/lib/components/timeline/marker/TimelineMarker.js +6 -6
- package/lib/components/timepicker/Timepicker.d.ts +13 -9
- package/lib/components/timepicker/Timepicker.js +14 -10
- package/lib/components/timepicker/Timepicker.native.d.ts +13 -0
- package/lib/components/timepicker/Timepicker.native.js +14 -1
- package/lib/components/timepicker/circular/TimepickerCircular.js +3 -3
- package/lib/components/title/Title.d.ts +12 -11
- package/lib/components/title/Title.js +18 -17
- package/lib/components/view/View.d.ts +18 -17
- package/lib/components/view/View.js +29 -29
- package/lib/components/view/ViewPropsDefaults.js +4 -0
- package/lib/context/providerTheme.native.js +3 -3
- package/lib/objects/facets/Color.d.ts +2 -0
- package/lib/objects/facets/Color.js +5 -25
- package/lib/objects/facets/defaultColors.d.ts +25 -0
- package/lib/objects/facets/defaultColors.js +26 -0
- package/lib/tsconfig.json +0 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +12 -3
|
@@ -5,8 +5,18 @@ import { getAlignStyle } from '../../../objects/facets/Alignable';
|
|
|
5
5
|
import React, { useCallback, useMemo } from 'react';
|
|
6
6
|
import { FlatList, StyleSheet, View } from 'react-native';
|
|
7
7
|
import { CheckboxTilesContext } from './context';
|
|
8
|
+
/**
|
|
9
|
+
* CheckboxTiles
|
|
10
|
+
* @param id {string} Custom id attribute
|
|
11
|
+
* @param align {Alignable}
|
|
12
|
+
* @param verticalAlign {Alignable}
|
|
13
|
+
* @param numberCols {GridSize | GridItemSize} number of columns for grid layout
|
|
14
|
+
* @param accessibilityLabelledBy {string} Id of the element that labels the group of checkboxes for accessibility
|
|
15
|
+
* @param children {React.ReactNode} CheckboxTile components as children
|
|
16
|
+
* @param testId {string} Test Id for Test Integration
|
|
17
|
+
*/
|
|
8
18
|
var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
9
|
-
var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, id = _a.id, others = __rest(_a, ["children", "align", "verticalAlign", "numberCols", "id"]);
|
|
19
|
+
var children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, numberCols = _a.numberCols, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "align", "verticalAlign", "numberCols", "id", "testId"]);
|
|
10
20
|
var childArray = useMemo(function () { return React.Children.toArray(children).filter(React.isValidElement); }, [children]);
|
|
11
21
|
var columnCount = useMemo(function () {
|
|
12
22
|
if (!numberCols || numberCols === 1)
|
|
@@ -42,8 +52,8 @@ var CheckboxTiles = React.forwardRef(function (_a, ref) {
|
|
|
42
52
|
} }, item));
|
|
43
53
|
}, [childArray.length, columnCount]);
|
|
44
54
|
var keyExtractor = useCallback(function (_, index) { return index.toString(); }, []);
|
|
45
|
-
return (React.createElement(CheckboxTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ id: id, ref: ref, style: [styles.container] }, others), children))));
|
|
55
|
+
return (React.createElement(CheckboxTilesContext.Provider, { value: { isGrid: columnCount !== null } }, columnCount !== null ? (React.createElement(FlatList, __assign({ testID: testId, id: id, ref: ref, data: childArray, numColumns: columnCount, scrollEnabled: false, renderItem: renderItem, keyExtractor: keyExtractor, columnWrapperStyle: [styles.columnWrapper], style: { overflow: 'visible' } }, others))) : (React.createElement(View, __assign({ id: id, ref: ref, style: [styles.container] }, others), children))));
|
|
46
56
|
});
|
|
47
57
|
CheckboxTiles.displayName = ComponentName.CheckboxTiles;
|
|
48
58
|
export default CheckboxTiles;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L3RpbGVzL0NoZWNrYm94VGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxLQUFLLEVBQUUsRUFBd0IsV0FBVyxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6RSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFekQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRWhEOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBcUUsRUFBRSxHQUFHO0lBQXhFLElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQW5FLG9FQUFxRSxDQUFGO0lBQ2xFLElBQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxjQUFNLE9BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsRUFBN0QsQ0FBNkQsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFM0csSUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzFCLElBQUksQ0FBQyxVQUFVLElBQUksVUFBVSxLQUFLLENBQUM7WUFBRSxP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
|
|
@@ -2,21 +2,24 @@ import * as React from 'react';
|
|
|
2
2
|
import { CheckboxTileProps } from './CheckboxTileProps';
|
|
3
3
|
/**
|
|
4
4
|
* CheckboxTile
|
|
5
|
-
* @param id {string}
|
|
6
|
-
* @param checked {Boolean}
|
|
7
|
-
* @param disabled {Boolean}
|
|
8
|
-
* @param readonly {Boolean}
|
|
9
|
-
* @param label {string}
|
|
10
|
-
* @param onChange {Function}
|
|
11
|
-
* @param name {string}
|
|
12
|
-
* @param
|
|
13
|
-
* @param
|
|
14
|
-
* @param
|
|
15
|
-
* @param
|
|
16
|
-
* @param
|
|
17
|
-
* @param
|
|
5
|
+
* @param id {string} Custom id attribute
|
|
6
|
+
* @param checked {Boolean} Checked state of the checkbox
|
|
7
|
+
* @param disabled {Boolean} Disabled state of the checkbox
|
|
8
|
+
* @param readonly {Boolean} Readonly state of the checkbox
|
|
9
|
+
* @param label {string} Label for the checkbox tile
|
|
10
|
+
* @param onChange {Function} Change event handler for the checkbox
|
|
11
|
+
* @param name {string} Name attribute for the checkbox input
|
|
12
|
+
* @param description {string} Description text for the checkbox tile
|
|
13
|
+
* @param icon {IconName} Icon to display in the checkbox tile
|
|
14
|
+
* @param horizontal {boolean} Horizontal layout for the checkbox tile
|
|
15
|
+
* @param sticker {string} Sticker label for the checkbox tile
|
|
16
|
+
* @param stickerVariant {VariantState} Sticker variant for the checkbox tile
|
|
17
|
+
* @param required {boolean} Required input checkboxes
|
|
18
|
+
* @param testId {string} Test Id for Test Integration
|
|
18
19
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
19
20
|
* @param className {string} Additional CSS Classes
|
|
21
|
+
* @param value {string} Value attribute for the checkbox input
|
|
22
|
+
* @param required {boolean} Required input checkboxes
|
|
20
23
|
*/
|
|
21
24
|
declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxTileProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
25
|
export default CheckboxTile;
|
|
@@ -11,21 +11,24 @@ import * as React from 'react';
|
|
|
11
11
|
import { useEffect, useState } from 'react';
|
|
12
12
|
/**
|
|
13
13
|
* CheckboxTile
|
|
14
|
-
* @param id {string}
|
|
15
|
-
* @param checked {Boolean}
|
|
16
|
-
* @param disabled {Boolean}
|
|
17
|
-
* @param readonly {Boolean}
|
|
18
|
-
* @param label {string}
|
|
19
|
-
* @param onChange {Function}
|
|
20
|
-
* @param name {string}
|
|
21
|
-
* @param
|
|
22
|
-
* @param
|
|
23
|
-
* @param
|
|
24
|
-
* @param
|
|
25
|
-
* @param
|
|
26
|
-
* @param
|
|
14
|
+
* @param id {string} Custom id attribute
|
|
15
|
+
* @param checked {Boolean} Checked state of the checkbox
|
|
16
|
+
* @param disabled {Boolean} Disabled state of the checkbox
|
|
17
|
+
* @param readonly {Boolean} Readonly state of the checkbox
|
|
18
|
+
* @param label {string} Label for the checkbox tile
|
|
19
|
+
* @param onChange {Function} Change event handler for the checkbox
|
|
20
|
+
* @param name {string} Name attribute for the checkbox input
|
|
21
|
+
* @param description {string} Description text for the checkbox tile
|
|
22
|
+
* @param icon {IconName} Icon to display in the checkbox tile
|
|
23
|
+
* @param horizontal {boolean} Horizontal layout for the checkbox tile
|
|
24
|
+
* @param sticker {string} Sticker label for the checkbox tile
|
|
25
|
+
* @param stickerVariant {VariantState} Sticker variant for the checkbox tile
|
|
26
|
+
* @param required {boolean} Required input checkboxes
|
|
27
|
+
* @param testId {string} Test Id for Test Integration
|
|
27
28
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
28
29
|
* @param className {string} Additional CSS Classes
|
|
30
|
+
* @param value {string} Value attribute for the checkbox input
|
|
31
|
+
* @param required {boolean} Required input checkboxes
|
|
29
32
|
*/
|
|
30
33
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
31
34
|
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant", "testId"]);
|
|
@@ -58,4 +61,4 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
58
61
|
});
|
|
59
62
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
60
63
|
export default CheckboxTile;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC90aWxlcy90aWxlL0NoZWNrYm94VGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFHM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWtCQyxFQUNELEdBQUc7SUFsQkQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxF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
|
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TouchableOpacity } from 'react-native';
|
|
3
3
|
import { CheckboxTileProps } from './CheckboxTileProps';
|
|
4
|
+
/**
|
|
5
|
+
* CheckboxTile
|
|
6
|
+
* @param id {string} Custom id attribute
|
|
7
|
+
* @param checked {Boolean} Checked state of the checkbox
|
|
8
|
+
* @param disabled {Boolean} Disabled state of the checkbox
|
|
9
|
+
* @param readonly {Boolean} Readonly state of the checkbox
|
|
10
|
+
* @param label {string} Label for the checkbox tile
|
|
11
|
+
* @param onChange {Function} Change event handler for the checkbox
|
|
12
|
+
* @param name {string} Name attribute for the checkbox input
|
|
13
|
+
* @param description {string} Description text for the checkbox tile
|
|
14
|
+
* @param icon {IconName} Icon to display in the checkbox tile
|
|
15
|
+
* @param horizontal {boolean} Horizontal layout for the checkbox tile
|
|
16
|
+
* @param sticker {string} Sticker label for the checkbox tile
|
|
17
|
+
* @param stickerVariant {VariantState} Sticker variant for the checkbox tile
|
|
18
|
+
* @param testId {string} Test Id for Test Integration
|
|
19
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
+
* @param className {string} Additional CSS Classes
|
|
21
|
+
*/
|
|
4
22
|
declare const CheckboxTile: React.ForwardRefExoticComponent<CheckboxTileProps & React.RefAttributes<TouchableOpacity>>;
|
|
5
23
|
export default CheckboxTile;
|
|
@@ -9,8 +9,26 @@ import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, VariantSt
|
|
|
9
9
|
import React, { useContext, useState } from 'react';
|
|
10
10
|
import { StyleSheet, TouchableOpacity, View as ViewRN } from 'react-native';
|
|
11
11
|
import { CheckboxTilesContext } from '../context';
|
|
12
|
+
/**
|
|
13
|
+
* CheckboxTile
|
|
14
|
+
* @param id {string} Custom id attribute
|
|
15
|
+
* @param checked {Boolean} Checked state of the checkbox
|
|
16
|
+
* @param disabled {Boolean} Disabled state of the checkbox
|
|
17
|
+
* @param readonly {Boolean} Readonly state of the checkbox
|
|
18
|
+
* @param label {string} Label for the checkbox tile
|
|
19
|
+
* @param onChange {Function} Change event handler for the checkbox
|
|
20
|
+
* @param name {string} Name attribute for the checkbox input
|
|
21
|
+
* @param description {string} Description text for the checkbox tile
|
|
22
|
+
* @param icon {IconName} Icon to display in the checkbox tile
|
|
23
|
+
* @param horizontal {boolean} Horizontal layout for the checkbox tile
|
|
24
|
+
* @param sticker {string} Sticker label for the checkbox tile
|
|
25
|
+
* @param stickerVariant {VariantState} Sticker variant for the checkbox tile
|
|
26
|
+
* @param testId {string} Test Id for Test Integration
|
|
27
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
28
|
+
* @param className {string} Additional CSS Classes
|
|
29
|
+
*/
|
|
12
30
|
var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant"]);
|
|
31
|
+
var disabled = _a.disabled, checked = _a.checked, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, testId = _a.testId, others = __rest(_a, ["disabled", "checked", "readonly", "id", "label", "onChange", "name", "description", "icon", "horizontal", "sticker", "stickerVariant", "testId"]);
|
|
14
32
|
var _d = __read(useState(checked || false), 2), _checked = _d[0], setChecked = _d[1];
|
|
15
33
|
var _e = __read(useState(0), 2), stickerHeight = _e[0], setStickerHeight = _e[1];
|
|
16
34
|
var isGrid = useContext(CheckboxTilesContext).isGrid;
|
|
@@ -82,7 +100,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
82
100
|
}
|
|
83
101
|
};
|
|
84
102
|
if (horizontal) {
|
|
85
|
-
return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
|
|
103
|
+
return (React.createElement(TouchableOpacity, { testID: testId, ref: ref, disabled: disabled, style: styles.horizontal, onPress: function () { return handleClick(); } },
|
|
86
104
|
sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
|
|
87
105
|
React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }))),
|
|
88
106
|
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
@@ -95,7 +113,7 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
95
113
|
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))) : (label),
|
|
96
114
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))));
|
|
97
115
|
}
|
|
98
|
-
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
|
|
116
|
+
return (React.createElement(TouchableOpacity, __assign({ testID: testId, ref: ref, disabled: disabled, style: styles.tile, onPress: handleClick }, others),
|
|
99
117
|
sticker && (React.createElement(ViewRN, { style: styles.sticker, onLayout: function (e) { return setStickerHeight(e.nativeEvent.layout.height); } },
|
|
100
118
|
React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }))),
|
|
101
119
|
React.createElement(View, { style: { gap: SpacerSize.TWO } },
|
|
@@ -111,4 +129,4 @@ var CheckboxTile = React.forwardRef(function (_a, ref) {
|
|
|
111
129
|
});
|
|
112
130
|
CheckboxTile.displayName = ComponentName.CheckboxTiles;
|
|
113
131
|
export default CheckboxTile;
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvdGlsZS9DaGVja2JveFRpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdEcsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxJQUFJLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHakQ7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQWVDLEVBQ0QsR0FBRztJQWZELElBQUEsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFF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
|
|
@@ -5,12 +5,11 @@ import { ChipsProps } from './ChipsProps';
|
|
|
5
5
|
* @param children {string} Chips content
|
|
6
6
|
* @param id {string} Chips id
|
|
7
7
|
* @param onClick {Function} onClick Event for all Chips
|
|
8
|
-
* @param active {boolean}
|
|
8
|
+
* @param active {boolean} Render Chips Active
|
|
9
9
|
* @param disabled {boolean} Disabled chips
|
|
10
|
-
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
|
-
* @param className {string} Additional CSS Classes
|
|
12
10
|
* @param testId {string} Test Id for Test Integration
|
|
13
|
-
*
|
|
11
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
|
+
* @param className {string} Additional CSS Classes
|
|
14
13
|
*/
|
|
15
14
|
declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLButtonElement>>;
|
|
16
15
|
export default Chips;
|
|
@@ -10,12 +10,11 @@ import { ComponentName } from '../enumsComponentsName';
|
|
|
10
10
|
* @param children {string} Chips content
|
|
11
11
|
* @param id {string} Chips id
|
|
12
12
|
* @param onClick {Function} onClick Event for all Chips
|
|
13
|
-
* @param active {boolean}
|
|
13
|
+
* @param active {boolean} Render Chips Active
|
|
14
14
|
* @param disabled {boolean} Disabled chips
|
|
15
|
-
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
|
-
* @param className {string} Additional CSS Classes
|
|
17
15
|
* @param testId {string} Test Id for Test Integration
|
|
18
|
-
*
|
|
16
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
+
* @param className {string} Additional CSS Classes
|
|
19
18
|
*/
|
|
20
19
|
var Chips = React.forwardRef(function (_a, ref) {
|
|
21
20
|
var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id", "testId"]);
|
|
@@ -27,4 +26,4 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
27
26
|
});
|
|
28
27
|
Chips.displayName = ComponentName.Chips;
|
|
29
28
|
export default Chips;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQXlFLEVBQUUsR0FBRztJQUE1RSxJQUFBLFNBQVMsZUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBdkUsMEVBQXlFLENBQUY7SUFDOUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVuRixPQUFPLENBQ0wsd0RBQ2UsTUFBTSxFQUNuQixHQUFHLEVBQUUsR0FBRyxJQUNKLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxxQkFDWCxRQUFRLEVBQ3ZCLEVBQUUsRUFBRSxFQUFFLGtCQUNRLENBQUMsQ0FBQyxNQUFNLEVBQ3RCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDZCxDQUFDLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -8,6 +8,7 @@ import { ChipsProps } from './ChipsProps';
|
|
|
8
8
|
* @param onClick {Function} onClick Event for all Chips
|
|
9
9
|
* @param active {boolean} active Render Chips Active
|
|
10
10
|
* @param disabled {boolean} Disabled chips
|
|
11
|
+
* @param testId {string} Test Id for Test Integration
|
|
11
12
|
*/
|
|
12
13
|
declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<TouchableOpacity>>;
|
|
13
14
|
export default Chips;
|
|
@@ -14,9 +14,10 @@ import { ChipsContext } from './list/ChipsList.native';
|
|
|
14
14
|
* @param onClick {Function} onClick Event for all Chips
|
|
15
15
|
* @param active {boolean} active Render Chips Active
|
|
16
16
|
* @param disabled {boolean} Disabled chips
|
|
17
|
+
* @param testId {string} Test Id for Test Integration
|
|
17
18
|
*/
|
|
18
19
|
var Chips = React.forwardRef(function (_a, ref) {
|
|
19
|
-
var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, others = __rest(_a, ["children", "onClick", "disabled", "active"]);
|
|
20
|
+
var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, testId = _a.testId, others = __rest(_a, ["children", "onClick", "disabled", "active", "testId"]);
|
|
20
21
|
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
21
22
|
var chipsContext = useContext(ChipsContext);
|
|
22
23
|
useEffect(function () {
|
|
@@ -45,7 +46,7 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
45
46
|
paddingTop: 1,
|
|
46
47
|
},
|
|
47
48
|
});
|
|
48
|
-
return (React.createElement(TouchableOpacity, __assign({ ref: ref, disabled: disabled, style: styles.chips, onPress: function (e) {
|
|
49
|
+
return (React.createElement(TouchableOpacity, __assign({ testID: testId, ref: ref, disabled: disabled, style: styles.chips, onPress: function (e) {
|
|
49
50
|
setActiveItem(active || false);
|
|
50
51
|
if (onClick) {
|
|
51
52
|
onClick(e);
|
|
@@ -58,4 +59,4 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
58
59
|
});
|
|
59
60
|
Chips.displayName = ComponentName.Chips;
|
|
60
61
|
export default Chips;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM5RCxPQUFPLEVBQXlCLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRTdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUV0RDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBMEQsRUFBRSxHQUFHO0lBQTdELElBQUEsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4RCx1REFBMEQsQ0FBRjtJQUNqRCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDdEUsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxD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
|
|
@@ -2,12 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
import { ChipsListProps } from './ChipsListProps';
|
|
3
3
|
/**
|
|
4
4
|
* ChipsList Component - Container for Chips
|
|
5
|
-
* @param
|
|
6
|
-
* @param id
|
|
5
|
+
* @param id {string} Custom id attribute
|
|
7
6
|
* @param children {React.ReactNode}
|
|
8
7
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
9
8
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
10
|
-
* @param
|
|
9
|
+
* @param testId {string} Test Id for Test Integration
|
|
10
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
11
|
+
* @param className {string} Additional CSS Classes
|
|
12
|
+
* @param accessibilityLabelledBy {string} Accessibility label id for ChipsList
|
|
11
13
|
*/
|
|
12
14
|
declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
15
|
export default ChipsList;
|
|
@@ -7,12 +7,14 @@ import clsx from 'clsx';
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
/**
|
|
9
9
|
* ChipsList Component - Container for Chips
|
|
10
|
-
* @param
|
|
11
|
-
* @param id
|
|
10
|
+
* @param id {string} Custom id attribute
|
|
12
11
|
* @param children {React.ReactNode}
|
|
13
12
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
14
13
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
15
|
-
* @param
|
|
14
|
+
* @param testId {string} Test Id for Test Integration
|
|
15
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
|
+
* @param className {string} Additional CSS Classes
|
|
17
|
+
* @param accessibilityLabelledBy {string} Accessibility label id for ChipsList
|
|
16
18
|
*/
|
|
17
19
|
var ChipsList = React.forwardRef(function (_a, ref) {
|
|
18
20
|
var className = _a.className, id = _a.id, children = _a.children, multiple = _a.multiple, scrollable = _a.scrollable, accessibilityLabelledBy = _a.accessibilityLabelledBy, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "multiple", "scrollable", "accessibilityLabelledBy", "testId"]);
|
|
@@ -22,4 +24,4 @@ var ChipsList = React.forwardRef(function (_a, ref) {
|
|
|
22
24
|
});
|
|
23
25
|
ChipsList.displayName = ComponentName.ChipsList;
|
|
24
26
|
export default ChipsList;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9saXN0L0NoaXBzTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNkYsRUFBRSxHQUFHO0lBQWhHLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBM0YsOEZBQTZGLENBQUY7SUFDbEYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQzFGLENBQUE7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBQyxPQUFPLHFCQUFrQix1QkFBdUIsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxHQUM5SCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -5,9 +5,11 @@ export declare const ChipsContext: React.Context<{
|
|
|
5
5
|
}>;
|
|
6
6
|
/**
|
|
7
7
|
* ChipsList Component - Container for Chips
|
|
8
|
+
* @param id {string} Custom id attribute
|
|
8
9
|
* @param children {React.ReactNode}
|
|
9
10
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
10
11
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
12
|
+
* @param testId {string} Test Id for Test Integration
|
|
11
13
|
*/
|
|
12
14
|
declare const ChipsList: React.ForwardRefExoticComponent<ChipsListProps & React.RefAttributes<ChipsListNativeRef>>;
|
|
13
15
|
export default ChipsList;
|
|
@@ -5,20 +5,22 @@ import { ScrollView, StyleSheet, View } from 'react-native';
|
|
|
5
5
|
export var ChipsContext = createContext({ isMultiple: false });
|
|
6
6
|
/**
|
|
7
7
|
* ChipsList Component - Container for Chips
|
|
8
|
+
* @param id {string} Custom id attribute
|
|
8
9
|
* @param children {React.ReactNode}
|
|
9
10
|
* @param multiple {boolean} Selection Multiple With checked icon
|
|
10
11
|
* @param scrollable {boolean} If multiple Chips make scrollable List
|
|
12
|
+
* @param testId {string} Test Id for Test Integration
|
|
11
13
|
*/
|
|
12
14
|
var ChipsList = React.forwardRef(function (_a, ref) {
|
|
13
|
-
var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, others = __rest(_a, ["children", "multiple", "scrollable"]);
|
|
15
|
+
var children = _a.children, multiple = _a.multiple, _b = _a.scrollable, scrollable = _b === void 0 ? true : _b, testId = _a.testId, others = __rest(_a, ["children", "multiple", "scrollable", "testId"]);
|
|
14
16
|
var styles = StyleSheet.create({
|
|
15
17
|
container: {
|
|
16
18
|
flexWrap: 'wrap',
|
|
17
19
|
flexDirection: 'row',
|
|
18
20
|
},
|
|
19
21
|
});
|
|
20
|
-
return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children))));
|
|
22
|
+
return (React.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? (React.createElement(ScrollView, __assign({ testID: testId, ref: ref, horizontal: true, showsHorizontalScrollIndicator: false, style: styles.container }, others), children)) : (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children))));
|
|
21
23
|
});
|
|
22
24
|
ChipsList.displayName = ComponentName.ChipsList;
|
|
23
25
|
export default ChipsList;
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHNMaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hpcHMvbGlzdC9DaGlwc0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRCxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsa0JBQWlCLEVBQWpCLFVBQVUsbUJBQUcsSUFBSSxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUExRCxnREFBNEQsQ0FBRjtJQUN6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULFFBQVEsRUFBRSxNQUFNO1lBQ2hCLGFBQWEsRUFBRSxLQUFLO1NBQ3JCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFlBQVksQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsSUFBSSxLQUFLLEVBQUUsSUFDNUQsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNaLG9CQUFDLFVBQVUsYUFDVCxNQUFNLEVBQUUsTUFBTSxFQUNkLEdBQUcsRUFBRSxHQUE0QixFQUNqQyxVQUFVLFFBQ1YsOEJBQThCLEVBQUUsS0FBSyxFQUNyQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFDbkIsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFzQixFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFNLE1BQU0sR0FDbkUsUUFBUSxDQUNKLENBQ1IsQ0FDcUIsQ0FDekIsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -2,12 +2,16 @@ import { ColumnsProps } from '../../components/columns/ColumnsProps';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* Columns Component
|
|
5
|
-
* @param centered {boolean} Center columns
|
|
6
|
-
* @param verticalCentered {boolean} Vertical centered columns
|
|
7
|
-
* @param marginSize {ColumnsSize} Delete margins between columns with Size
|
|
8
5
|
* @param scrollable {boolean} Make colomns scrollable to vertical
|
|
9
6
|
* @param children {React.ReactNode}
|
|
10
7
|
* @param marginless {boolean} delete margin
|
|
8
|
+
* @param testId {string} Test Id for Test Integration
|
|
9
|
+
* @param fullBleed {boolean} Full Bleed Columns
|
|
10
|
+
* @param fullheight {boolean} Full Height Columns
|
|
11
|
+
* @param gap {GapSize} Gap between columns
|
|
12
|
+
* @param align {JustifyProps} Horizontal alignment of columns
|
|
13
|
+
* @param verticalAlign {AlignProps} Vertical alignment of columns
|
|
14
|
+
* @param id {string} Custom id attribute
|
|
11
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
16
|
* @param multiline {boolean} Multiline Columns
|
|
13
17
|
* @param className {string} Additional CSS Classes
|
|
@@ -9,12 +9,16 @@ import clsx from 'clsx';
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
/**
|
|
11
11
|
* Columns Component
|
|
12
|
-
* @param centered {boolean} Center columns
|
|
13
|
-
* @param verticalCentered {boolean} Vertical centered columns
|
|
14
|
-
* @param marginSize {ColumnsSize} Delete margins between columns with Size
|
|
15
12
|
* @param scrollable {boolean} Make colomns scrollable to vertical
|
|
16
13
|
* @param children {React.ReactNode}
|
|
17
14
|
* @param marginless {boolean} delete margin
|
|
15
|
+
* @param testId {string} Test Id for Test Integration
|
|
16
|
+
* @param fullBleed {boolean} Full Bleed Columns
|
|
17
|
+
* @param fullheight {boolean} Full Height Columns
|
|
18
|
+
* @param gap {GapSize} Gap between columns
|
|
19
|
+
* @param align {JustifyProps} Horizontal alignment of columns
|
|
20
|
+
* @param verticalAlign {AlignProps} Vertical alignment of columns
|
|
21
|
+
* @param id {string} Custom id attribute
|
|
18
22
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
19
23
|
* @param multiline {boolean} Multiline Columns
|
|
20
24
|
* @param className {string} Additional CSS Classes
|
|
@@ -28,4 +32,4 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
28
32
|
});
|
|
29
33
|
Columns.displayName = ComponentName.Columns;
|
|
30
34
|
export default Columns;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDcEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7Ozs7O0dBZ0JHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFDRSxFQUFpSSxFQUNqSSxHQUFHO0lBREQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGFBQWEsbUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUEvSCw0SUFBaUksQ0FBRjtJQUd2SCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLEdBQUcsSUFBSSxHQUFHLENBQUMsY0FBTyxHQUFHLENBQUUsQ0FBQyxFQUN4QixPQUFPLEdBQUcsS0FBSyxXQUFXLElBQUksR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3ZGLENBQUMsQ0FDRixDQUFBO0FBQ0QsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -2,12 +2,17 @@ import { ColumnsProps } from '../../components/columns/ColumnsProps';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
/**
|
|
5
|
-
* Columns
|
|
5
|
+
* Columns Component
|
|
6
|
+
* @param scrollable {boolean} Make colomns scrollable to vertical
|
|
6
7
|
* @param children {React.ReactNode}
|
|
7
|
-
* @param
|
|
8
|
-
* @param
|
|
9
|
-
* @param
|
|
8
|
+
* @param marginless {boolean} delete margin
|
|
9
|
+
* @param testId {string} Test Id for Test Integration
|
|
10
|
+
* @param fullBleed {boolean} Full Bleed Columns
|
|
11
|
+
* @param fullheight {boolean} Full Height Columns
|
|
10
12
|
* @param gap {GapSize} Gap between columns
|
|
13
|
+
* @param align {JustifyProps} Horizontal alignment of columns
|
|
14
|
+
* @param verticalAlign {AlignProps} Vertical alignment of columns
|
|
15
|
+
* @param id {string} Custom id attribute
|
|
11
16
|
*/
|
|
12
17
|
declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<View>>;
|
|
13
18
|
export default Columns;
|
|
@@ -17,15 +17,20 @@ var staticStyles = StyleSheet.create({
|
|
|
17
17
|
},
|
|
18
18
|
});
|
|
19
19
|
/**
|
|
20
|
-
* Columns
|
|
20
|
+
* Columns Component
|
|
21
|
+
* @param scrollable {boolean} Make colomns scrollable to vertical
|
|
21
22
|
* @param children {React.ReactNode}
|
|
22
|
-
* @param
|
|
23
|
-
* @param
|
|
24
|
-
* @param
|
|
23
|
+
* @param marginless {boolean} delete margin
|
|
24
|
+
* @param testId {string} Test Id for Test Integration
|
|
25
|
+
* @param fullBleed {boolean} Full Bleed Columns
|
|
26
|
+
* @param fullheight {boolean} Full Height Columns
|
|
25
27
|
* @param gap {GapSize} Gap between columns
|
|
28
|
+
* @param align {JustifyProps} Horizontal alignment of columns
|
|
29
|
+
* @param verticalAlign {AlignProps} Vertical alignment of columns
|
|
30
|
+
* @param id {string} Custom id attribute
|
|
26
31
|
*/
|
|
27
32
|
var Columns = React.forwardRef(function (_a, ref) {
|
|
28
|
-
var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight"]);
|
|
33
|
+
var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, fullheight = _a.fullheight, testId = _a.testId, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline", "fullheight", "testId"]);
|
|
29
34
|
var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
|
|
30
35
|
var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
|
|
31
36
|
var onLayoutHandler = useCallback(function (event) {
|
|
@@ -62,7 +67,7 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
62
67
|
childrensLength: React.Children.count(children),
|
|
63
68
|
}); }, [width, realGap, scrollable, children]);
|
|
64
69
|
return (React.createElement(ColumnsContext.Provider, { value: contextValue },
|
|
65
|
-
!scrollable && (React.createElement(View, __assign({ ref: ref, onLayout: onLayoutHandler, style: [
|
|
70
|
+
!scrollable && (React.createElement(View, __assign({ testID: testId, ref: ref, onLayout: onLayoutHandler, style: [
|
|
66
71
|
dynamicStyles.columns,
|
|
67
72
|
multiline && staticStyles.multiline,
|
|
68
73
|
align === Alignable.ALIGNED_CENTER && staticStyles.centered,
|
|
@@ -75,4 +80,4 @@ var Columns = React.forwardRef(function (_a, ref) {
|
|
|
75
80
|
});
|
|
76
81
|
Columns.displayName = ComponentName.Columns;
|
|
77
82
|
export default Columns;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFXLE1BQU0sbUNBQW1DLENBQUE7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBc0IsTUFBTSw4QkFBOEIsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNyRSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQXFCLFVBQVUsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRTFGLElBQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDckMsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFLFFBQVE7S0FDekI7SUFDRCxTQUFTLEVBQUU7UUFDVCxRQUFRLEVBQUUsTUFBTTtLQUNqQjtJQUNELE1BQU0sRUFBRTtRQUNOLGFBQWEsRUFBRSxRQUFRO0tBQ3hCO0NBQ0YsQ0FBQyxDQUFBO0FBRUY7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUF3RyxFQUFFLEdBQUc7SUFBM0csSUFBQSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXRHLDZHQUF3RyxDQUFG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
|