@trilogy-ds/react 4.1.1-beta-3 → 4.1.1-beta-5
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 +8 -6
- package/lib/components/accordion/Accordion.native.d.ts +4 -7
- package/lib/components/accordion/Accordion.native.js +8 -8
- package/lib/components/accordion/AccordionProps.d.ts +3 -0
- package/lib/components/accordion/item/AccordionItem.d.ts +3 -3
- package/lib/components/accordion/item/AccordionItem.js +9 -9
- package/lib/components/accordion/item/AccordionItem.native.d.ts +3 -6
- package/lib/components/accordion/item/AccordionItem.native.js +10 -12
- package/lib/components/accordion/item/AccordionItemProps.d.ts +3 -0
- package/lib/components/accordion/item/body/AccordionBody.d.ts +1 -1
- package/lib/components/accordion/item/body/AccordionBody.js +9 -7
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +4 -7
- package/lib/components/accordion/item/body/AccordionBody.native.js +7 -7
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +4 -1
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +1 -1
- package/lib/components/accordion/item/header/AccordionHeader.js +9 -7
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +4 -7
- package/lib/components/accordion/item/header/AccordionHeader.native.js +10 -10
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +3 -0
- package/lib/components/alert/Alert.d.ts +2 -2
- package/lib/components/alert/Alert.js +14 -13
- package/lib/components/alert/Alert.native.d.ts +1 -5
- package/lib/components/alert/Alert.native.js +14 -14
- package/lib/components/alert/AlertProps.d.ts +7 -2
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +14 -10
- package/lib/components/badge/Badge.native.d.ts +3 -6
- package/lib/components/badge/Badge.native.js +5 -5
- package/lib/components/badge/BadgeProps.d.ts +5 -2
- package/lib/components/box/Box.d.ts +2 -2
- package/lib/components/box/Box.js +11 -9
- package/lib/components/box/Box.native.d.ts +3 -7
- package/lib/components/box/Box.native.js +5 -5
- package/lib/components/box/BoxProps.d.ts +7 -1
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +10 -8
- package/lib/components/box/content/BoxContent.native.d.ts +3 -6
- package/lib/components/box/content/BoxContent.native.js +4 -4
- package/lib/components/box/content/BoxContentProps.d.ts +5 -1
- package/lib/components/box/footer/BoxFooter.d.ts +2 -3
- package/lib/components/box/footer/BoxFooter.js +10 -9
- package/lib/components/box/footer/BoxFooter.native.d.ts +4 -7
- package/lib/components/box/footer/BoxFooter.native.js +10 -12
- package/lib/components/box/footer/BoxFooterProps.d.ts +6 -1
- package/lib/components/box/header/BoxHeader.d.ts +4 -3
- package/lib/components/box/header/BoxHeader.js +14 -10
- package/lib/components/box/header/BoxHeader.native.d.ts +4 -12
- package/lib/components/box/header/BoxHeader.native.js +8 -13
- package/lib/components/box/header/BoxHeaderProps.d.ts +6 -1
- package/lib/components/box/item/BoxItem.d.ts +2 -2
- package/lib/components/box/item/BoxItem.js +9 -7
- package/lib/components/box/item/BoxItem.native.d.ts +4 -7
- package/lib/components/box/item/BoxItem.native.js +10 -10
- package/lib/components/box/item/BoxItemProps.d.ts +4 -1
- package/lib/components/box/table-container/BoxTableContainer.d.ts +3 -3
- package/lib/components/box/table-container/BoxTableContainer.js +10 -8
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +4 -7
- package/lib/components/box/table-container/BoxTableContainer.native.js +8 -8
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +3 -0
- package/lib/components/breadcrumb/Breadcrumb.d.ts +1 -1
- package/lib/components/breadcrumb/Breadcrumb.js +7 -5
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +4 -7
- package/lib/components/breadcrumb/Breadcrumb.native.js +11 -11
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +5 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +11 -9
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +4 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +12 -11
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +6 -1
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.js +5 -5
- package/lib/components/button/Button.native.d.ts +3 -6
- package/lib/components/button/Button.native.js +8 -6
- package/lib/components/button/ButtonProps.d.ts +8 -3
- package/lib/components/button/list/ButtonList.d.ts +6 -2
- package/lib/components/button/list/ButtonList.js +16 -10
- package/lib/components/button/list/ButtonList.native.d.ts +4 -7
- package/lib/components/button/list/ButtonList.native.js +7 -7
- package/lib/components/button/list/ButtonListProps.d.ts +6 -3
- package/lib/components/card/Card.d.ts +2 -2
- package/lib/components/card/Card.js +11 -9
- package/lib/components/card/Card.native.d.ts +2 -5
- package/lib/components/card/Card.native.js +6 -6
- package/lib/components/card/CardProps.d.ts +6 -1
- package/lib/components/card/content/CardContent.d.ts +2 -2
- package/lib/components/card/content/CardContent.js +9 -7
- package/lib/components/card/content/CardContent.native.d.ts +3 -6
- package/lib/components/card/content/CardContent.native.js +10 -10
- package/lib/components/card/content/CardContentProps.d.ts +4 -1
- package/lib/components/card/image/CardImage.d.ts +2 -2
- package/lib/components/card/image/CardImage.js +10 -8
- package/lib/components/card/image/CardImage.native.d.ts +3 -6
- package/lib/components/card/image/CardImage.native.js +4 -4
- package/lib/components/card/image/CardImageProps.d.ts +4 -1
- package/lib/components/checkbox/Checkbox.d.ts +2 -2
- package/lib/components/checkbox/Checkbox.js +18 -15
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -6
- package/lib/components/checkbox/Checkbox.native.js +14 -19
- package/lib/components/checkbox/CheckboxProps.d.ts +5 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +2 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +11 -9
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +3 -6
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +10 -10
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +4 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +2 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +12 -11
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +3 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +13 -22
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +4 -1
- package/lib/components/chips/Chips.d.ts +3 -3
- package/lib/components/chips/Chips.js +12 -10
- package/lib/components/chips/Chips.native.d.ts +4 -7
- package/lib/components/chips/Chips.native.js +15 -15
- package/lib/components/chips/ChipsProps.d.ts +6 -1
- package/lib/components/chips/list/ChipsList.d.ts +1 -1
- package/lib/components/chips/list/ChipsList.js +10 -8
- package/lib/components/chips/list/ChipsList.native.d.ts +2 -6
- package/lib/components/chips/list/ChipsList.native.js +5 -5
- package/lib/components/chips/list/ChipsListProps.d.ts +3 -0
- package/lib/components/columns/Columns.js +1 -1
- package/lib/components/columns/Columns.native.js +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +3 -0
- package/lib/components/columns/column/Column.js +1 -1
- package/lib/components/columns/column/Column.native.js +1 -1
- package/lib/components/columns/column/ColumnProps.d.ts +3 -0
- package/lib/components/container/Container.d.ts +1 -2
- package/lib/components/container/Container.js +1 -1
- package/lib/components/container/Container.native.d.ts +1 -1
- package/lib/components/container/Container.native.js +3 -3
- package/lib/components/container/ContainerProps.d.ts +3 -0
- package/lib/components/countdown/Countdown.d.ts +2 -2
- package/lib/components/countdown/Countdown.js +10 -8
- package/lib/components/countdown/Countdown.native.d.ts +3 -6
- package/lib/components/countdown/Countdown.native.js +8 -8
- package/lib/components/countdown/CountdownProps.d.ts +4 -1
- package/lib/components/divider/Divider.d.ts +2 -2
- package/lib/components/divider/Divider.js +6 -4
- package/lib/components/divider/Divider.native.d.ts +3 -6
- package/lib/components/divider/Divider.native.js +5 -5
- package/lib/components/divider/DividerProps.d.ts +3 -0
- package/lib/components/enumsComponentsName.d.ts +1 -0
- package/lib/components/enumsComponentsName.js +2 -1
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +6 -4
- package/lib/components/fab/Fab.native.d.ts +3 -6
- package/lib/components/fab/Fab.native.js +4 -4
- package/lib/components/fab/FabProps.d.ts +3 -1
- package/lib/components/hero/Hero.d.ts +1 -2
- package/lib/components/hero/Hero.js +1 -1
- package/lib/components/hero/Hero.native.js +1 -1
- package/lib/components/hero/HeroProps.d.ts +3 -0
- package/lib/components/icon/Icon.d.ts +2 -2
- package/lib/components/icon/Icon.js +11 -9
- package/lib/components/icon/Icon.native.d.ts +3 -6
- package/lib/components/icon/Icon.native.js +5 -5
- package/lib/components/icon/IconProps.d.ts +5 -2
- package/lib/components/image/Image.d.ts +2 -2
- package/lib/components/image/Image.js +6 -4
- package/lib/components/image/Image.native.d.ts +3 -6
- package/lib/components/image/Image.native.js +4 -4
- package/lib/components/image/ImageProps.d.ts +3 -1
- package/lib/components/input/Input.d.ts +44 -2
- package/lib/components/input/Input.js +5 -5
- package/lib/components/input/Input.native.d.ts +3 -6
- package/lib/components/input/Input.native.js +6 -6
- package/lib/components/input/InputProps.d.ts +3 -1
- package/lib/components/link/Link.d.ts +3 -3
- package/lib/components/link/Link.js +11 -9
- package/lib/components/link/Link.native.d.ts +3 -6
- package/lib/components/link/Link.native.js +5 -5
- package/lib/components/link/LinkProps.d.ts +3 -1
- package/lib/components/list/List.d.ts +2 -2
- package/lib/components/list/List.js +6 -4
- package/lib/components/list/List.native.d.ts +3 -6
- package/lib/components/list/List.native.js +4 -4
- package/lib/components/list/ListProps.d.ts +3 -0
- package/lib/components/list/item/ListItem.d.ts +2 -2
- package/lib/components/list/item/ListItem.js +6 -4
- package/lib/components/list/item/ListItem.native.d.ts +3 -6
- package/lib/components/list/item/ListItem.native.js +4 -4
- package/lib/components/list/item/ListItemProps.d.ts +3 -1
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +6 -4
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +2 -6
- package/lib/components/list/item/description/ListItemDescription.native.js +4 -4
- package/lib/components/list/item/description/ListItemDescriptionProps.d.ts +3 -0
- package/lib/components/modal/Modal.d.ts +2 -2
- package/lib/components/modal/Modal.js +6 -4
- package/lib/components/modal/Modal.native.d.ts +3 -6
- package/lib/components/modal/Modal.native.js +4 -4
- package/lib/components/modal/ModalProps.d.ts +3 -0
- package/lib/components/modal/body/ModalBody.d.ts +2 -2
- package/lib/components/modal/body/ModalBody.js +6 -4
- package/lib/components/modal/body/ModalBody.native.d.ts +3 -6
- package/lib/components/modal/body/ModalBody.native.js +4 -4
- package/lib/components/modal/body/ModalBodyProps.d.ts +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.js +6 -4
- package/lib/components/modal/footer/ModalFooter.native.d.ts +3 -6
- package/lib/components/modal/footer/ModalFooter.native.js +4 -4
- package/lib/components/modal/footer/ModalFooterProps.d.ts +3 -0
- package/lib/components/otp/Otp.d.ts +2 -2
- package/lib/components/otp/Otp.js +6 -4
- package/lib/components/otp/Otp.native.d.ts +3 -6
- package/lib/components/otp/Otp.native.js +10 -17
- package/lib/components/otp/OtpProps.d.ts +3 -0
- package/lib/components/pagination/Pagination.d.ts +2 -2
- package/lib/components/pagination/Pagination.js +6 -4
- package/lib/components/pagination/Pagination.native.d.ts +3 -6
- package/lib/components/pagination/Pagination.native.js +4 -4
- package/lib/components/pagination/PaginationProps.d.ts +3 -0
- package/lib/components/popover/Popover.d.ts +2 -2
- package/lib/components/popover/Popover.js +6 -4
- package/lib/components/popover/Popover.native.d.ts +3 -6
- package/lib/components/popover/Popover.native.js +6 -6
- package/lib/components/popover/PopoverProps.d.ts +3 -0
- package/lib/components/price/Price.d.ts +2 -2
- package/lib/components/price/Price.js +6 -4
- package/lib/components/price/Price.native.d.ts +3 -6
- package/lib/components/price/Price.native.js +4 -4
- package/lib/components/price/PriceProps.d.ts +3 -0
- package/lib/components/product-tour/ProductTour.d.ts +2 -2
- package/lib/components/product-tour/ProductTour.js +6 -4
- package/lib/components/product-tour/ProductTour.native.d.ts +3 -6
- package/lib/components/product-tour/ProductTour.native.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +3 -0
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/progress/Progress.d.ts +1 -1
- package/lib/components/progress/Progress.js +6 -4
- package/lib/components/progress/Progress.native.d.ts +2 -6
- package/lib/components/progress/Progress.native.js +4 -4
- package/lib/components/progress/ProgressProps.d.ts +3 -0
- package/lib/components/progress/radial/ProgressRadial.d.ts +2 -2
- package/lib/components/progress/radial/ProgressRadial.js +6 -4
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +5 -5
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -0
- package/lib/components/radio/Radio.d.ts +2 -2
- package/lib/components/radio/Radio.js +6 -4
- package/lib/components/radio/Radio.native.d.ts +3 -6
- package/lib/components/radio/Radio.native.js +4 -4
- package/lib/components/radio/RadioProps.d.ts +3 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +2 -2
- package/lib/components/radio/tiles/RadioTiles.js +6 -4
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +3 -6
- package/lib/components/radio/tiles/RadioTiles.native.js +4 -4
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +3 -0
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +6 -4
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +3 -6
- package/lib/components/radio/tiles/tile/RadioTile.native.js +4 -4
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +3 -0
- package/lib/components/range/Range.d.ts +2 -2
- package/lib/components/range/Range.js +7 -6
- package/lib/components/range/Range.native.d.ts +3 -6
- package/lib/components/range/Range.native.js +4 -4
- package/lib/components/range/RangeProps.d.ts +3 -0
- package/lib/components/rows/Rows.d.ts +1 -1
- package/lib/components/rows/Rows.js +6 -4
- package/lib/components/rows/Rows.native.d.ts +3 -6
- package/lib/components/rows/Rows.native.js +4 -4
- package/lib/components/rows/RowsProps.d.ts +3 -0
- package/lib/components/rows/row/Row.d.ts +1 -1
- package/lib/components/rows/row/Row.js +6 -4
- package/lib/components/rows/row/Row.native.d.ts +3 -6
- package/lib/components/rows/row/Row.native.js +5 -5
- package/lib/components/rows/row/RowProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollView.js +3 -2
- package/lib/components/scroll-view/ScrollView.native.js +1 -1
- package/lib/components/scroll-view/ScrollViewProps.d.ts +3 -0
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +6 -4
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +5 -5
- package/lib/components/section/SectionProps.d.ts +3 -0
- package/lib/components/segment-control/SegmentControl.d.ts +2 -2
- package/lib/components/segment-control/SegmentControl.js +6 -4
- package/lib/components/segment-control/SegmentControl.native.d.ts +2 -6
- package/lib/components/segment-control/SegmentControl.native.js +4 -4
- package/lib/components/segment-control/SegmentControlProps.d.ts +3 -0
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -2
- package/lib/components/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -6
- package/lib/components/segment-control/item/SegmentControlItem.native.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -0
- package/lib/components/select/Select.d.ts +3 -3
- package/lib/components/select/Select.js +7 -5
- package/lib/components/select/Select.native.d.ts +2 -6
- package/lib/components/select/Select.native.js +5 -5
- package/lib/components/select/SelectProps.d.ts +3 -0
- package/lib/components/select/option/SelectOption.d.ts +2 -2
- package/lib/components/select/option/SelectOption.js +12 -10
- package/lib/components/select/option/SelectOption.native.d.ts +3 -6
- package/lib/components/select/option/SelectOption.native.js +14 -16
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -0
- package/lib/components/select/web/SelectDynamic.d.ts +5 -3
- package/lib/components/select/web/SelectDynamic.js +11 -8
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +8 -6
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +6 -4
- package/lib/components/spacer/Spacer.native.d.ts +3 -6
- package/lib/components/spacer/Spacer.native.js +4 -4
- package/lib/components/spacer/SpacerProps.d.ts +3 -0
- package/lib/components/stepper/Stepper.d.ts +1 -1
- package/lib/components/stepper/Stepper.js +6 -4
- package/lib/components/stepper/Stepper.native.d.ts +3 -6
- package/lib/components/stepper/Stepper.native.js +4 -4
- package/lib/components/stepper/StepperProps.d.ts +3 -0
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +6 -4
- package/lib/components/stepper/step/Step.native.d.ts +3 -7
- package/lib/components/stepper/step/Step.native.js +6 -6
- package/lib/components/stepper/step/StepProps.d.ts +3 -0
- package/lib/components/sticker/Sticker.d.ts +2 -2
- package/lib/components/sticker/Sticker.js +6 -4
- package/lib/components/sticker/Sticker.native.d.ts +3 -6
- package/lib/components/sticker/Sticker.native.js +4 -4
- package/lib/components/sticker/StickerProps.d.ts +3 -0
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +7 -6
- package/lib/components/switch/Switch.native.d.ts +3 -6
- package/lib/components/switch/Switch.native.js +5 -6
- package/lib/components/switch/SwitchProps.d.ts +3 -0
- package/lib/components/table/Table.d.ts +2 -2
- package/lib/components/table/Table.js +6 -4
- package/lib/components/table/Table.native.d.ts +3 -6
- package/lib/components/table/Table.native.js +4 -4
- package/lib/components/table/TableProps.d.ts +3 -0
- package/lib/components/table/TableProps.js +1 -1
- package/lib/components/table/body/TableBody.d.ts +2 -2
- package/lib/components/table/body/TableBody.js +6 -4
- package/lib/components/table/body/TableBody.native.d.ts +3 -6
- package/lib/components/table/body/TableBody.native.js +4 -4
- package/lib/components/table/body/TableBodyProps.d.ts +3 -0
- package/lib/components/table/head/TableHead.d.ts +2 -2
- package/lib/components/table/head/TableHead.js +6 -4
- package/lib/components/table/head/TableHead.native.d.ts +3 -6
- package/lib/components/table/head/TableHead.native.js +4 -4
- package/lib/components/table/head/TableHeadProps.d.ts +3 -0
- package/lib/components/table/td/TableTd.d.ts +2 -2
- package/lib/components/table/td/TableTd.js +6 -4
- package/lib/components/table/td/TableTd.native.d.ts +3 -6
- package/lib/components/table/td/TableTd.native.js +4 -4
- package/lib/components/table/td/TableTdProps.d.ts +3 -0
- package/lib/components/table/th/TableTh.d.ts +2 -2
- package/lib/components/table/th/TableTh.js +6 -4
- package/lib/components/table/th/TableTh.native.d.ts +2 -6
- package/lib/components/table/th/TableTh.native.js +4 -4
- package/lib/components/table/th/TableThProps.d.ts +3 -0
- package/lib/components/table/tr/TableTr.d.ts +2 -2
- package/lib/components/table/tr/TableTr.js +6 -4
- package/lib/components/table/tr/TableTr.native.d.ts +2 -6
- package/lib/components/table/tr/TableTr.native.js +5 -5
- package/lib/components/table/tr/TableTrProps.d.ts +3 -1
- package/lib/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +6 -4
- package/lib/components/tabs/Tabs.native.d.ts +2 -5
- package/lib/components/tabs/Tabs.native.js +4 -4
- package/lib/components/tabs/TabsProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +1 -1
- package/lib/components/tabs/tab-list/TabList.js +6 -4
- package/lib/components/tabs/tab-list/TabList.native.d.ts +2 -5
- package/lib/components/tabs/tab-list/TabList.native.js +4 -4
- package/lib/components/tabs/tab-list/TabListProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +2 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +7 -5
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +2 -5
- package/lib/components/tabs/tab-list/tab/Tab.native.js +4 -4
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -0
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +1 -1
- package/lib/components/tabs/tab-panels/TabPanels.js +6 -4
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +2 -5
- package/lib/components/tabs/tab-panels/TabPanels.native.js +4 -4
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +1 -5
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +4 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +3 -0
- package/lib/components/tag/Tag.d.ts +2 -2
- package/lib/components/tag/Tag.js +6 -4
- package/lib/components/tag/Tag.native.d.ts +3 -6
- package/lib/components/tag/Tag.native.js +4 -4
- package/lib/components/tag/TagProps.d.ts +3 -0
- package/lib/components/tag/list/TagList.d.ts +1 -1
- package/lib/components/tag/list/TagList.js +6 -4
- package/lib/components/tag/list/TagList.native.d.ts +3 -6
- package/lib/components/tag/list/TagList.native.js +4 -4
- package/lib/components/tag/list/TagListProps.d.ts +3 -0
- package/lib/components/text/Text.d.ts +2 -2
- package/lib/components/text/Text.js +6 -4
- package/lib/components/text/Text.native.d.ts +3 -6
- package/lib/components/text/Text.native.js +4 -4
- package/lib/components/text/TextProps.d.ts +3 -0
- package/lib/components/textarea/Textarea.d.ts +2 -2
- package/lib/components/textarea/Textarea.js +7 -5
- package/lib/components/textarea/Textarea.native.d.ts +31 -2
- package/lib/components/textarea/Textarea.native.js +7 -9
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- package/lib/components/timeline/Timeline.d.ts +1 -1
- package/lib/components/timeline/Timeline.js +6 -4
- package/lib/components/timeline/Timeline.native.d.ts +2 -5
- package/lib/components/timeline/Timeline.native.js +4 -4
- package/lib/components/timeline/TimelineProps.d.ts +3 -0
- package/lib/components/timeline/content/TimelineContent.d.ts +2 -2
- package/lib/components/timeline/content/TimelineContent.js +7 -5
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -6
- package/lib/components/timeline/content/TimelineContent.native.js +5 -5
- package/lib/components/timeline/content/TimelineContentProps.d.ts +3 -0
- package/lib/components/timeline/item/TimelineItem.d.ts +1 -1
- package/lib/components/timeline/item/TimelineItem.js +6 -4
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -5
- package/lib/components/timeline/item/TimelineItem.native.js +4 -4
- package/lib/components/timeline/item/TimelineItemProps.d.ts +3 -0
- package/lib/components/timeline/marker/TimelineMarker.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarker.js +6 -4
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -6
- package/lib/components/timeline/marker/TimelineMarker.native.js +4 -4
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -0
- package/lib/components/title/Title.d.ts +3 -3
- package/lib/components/title/Title.js +6 -4
- package/lib/components/title/Title.native.d.ts +3 -6
- package/lib/components/title/Title.native.js +4 -4
- package/lib/components/title/TitleProps.d.ts +3 -0
- package/lib/components/view/View.d.ts +2 -2
- package/lib/components/view/View.js +4 -4
- package/lib/components/view/View.native.d.ts +2 -6
- package/lib/components/view/View.native.js +6 -6
- package/lib/components/view/ViewProps.d.ts +3 -1
- package/lib/components/view/ViewProps.js +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
|
5
5
|
import { has, is } from '../../services/classify';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import React from 'react';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Divider Component
|
|
10
11
|
* @param content {string} Add text content for Divider
|
|
@@ -16,15 +17,16 @@ import React from 'react';
|
|
|
16
17
|
* @param color {TrilogyColor} Border color of Divider
|
|
17
18
|
* @param others
|
|
18
19
|
*/
|
|
19
|
-
var Divider = function (_a) {
|
|
20
|
+
var Divider = React.forwardRef(function (_a, ref) {
|
|
20
21
|
var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
|
|
21
22
|
var styled = useTrilogyContext().styled;
|
|
22
23
|
var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && has('icon')));
|
|
23
24
|
var contentClasses = hashClass(styled, clsx('divider-content'));
|
|
24
|
-
return (React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others),
|
|
25
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": 'separator', className: classes }, others),
|
|
25
26
|
React.createElement("p", { className: contentClasses },
|
|
26
27
|
iconName && !content && React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }),
|
|
27
28
|
content && content)));
|
|
28
|
-
};
|
|
29
|
+
});
|
|
30
|
+
Divider.displayName = ComponentName.Divider;
|
|
29
31
|
export default Divider;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFTM0QsRUFBRSxHQUFHO0lBUkosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJpRCwrRUFTM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQ3hCLENBQ0YsQ0FBQTtJQUNELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUVqRSxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQzNFLDJCQUFHLFNBQVMsRUFBRSxjQUFjO1lBQ3pCLFFBQVEsSUFBSSxDQUFDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUN2RSxPQUFPLElBQUksT0FBTyxDQUNqQixDQUNBLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
3
|
import { DividerProps } from './DividerProps';
|
|
4
4
|
/**
|
|
5
5
|
* Divider Native Component
|
|
@@ -10,8 +10,5 @@ import { DividerProps } from './DividerProps';
|
|
|
10
10
|
* @param color {TrilogyColor} Border color of Divider
|
|
11
11
|
* @param others
|
|
12
12
|
*/
|
|
13
|
-
declare const Divider:
|
|
14
|
-
({ content, unboxed, marginless, iconName, ...others }: DividerProps): JSX.Element;
|
|
15
|
-
displayName: ComponentName;
|
|
16
|
-
};
|
|
13
|
+
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<View>>;
|
|
17
14
|
export default Divider;
|
|
@@ -2,7 +2,7 @@ import { __assign, __read, __rest } from "tslib";
|
|
|
2
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
3
|
import { Icon, IconColor } from '../../components/icon';
|
|
4
4
|
import { Text } from '../../components/text';
|
|
5
|
-
import { getColorStyle, TrilogyColor } from '../../objects';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { StyleSheet, View } from 'react-native';
|
|
8
8
|
/**
|
|
@@ -14,7 +14,7 @@ import { StyleSheet, View } from 'react-native';
|
|
|
14
14
|
* @param color {TrilogyColor} Border color of Divider
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
|
-
var Divider = function (_a) {
|
|
17
|
+
var Divider = React.forwardRef(function (_a, ref) {
|
|
18
18
|
var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, others = __rest(_a, ["content", "unboxed", "marginless", "iconName"]);
|
|
19
19
|
var _b = __read(React.useState(0), 2), textWidth = _b[0], setTextWidth = _b[1];
|
|
20
20
|
var _c = __read(React.useState(0), 2), containerWidth = _c[0], setContainerWidth = _c[1];
|
|
@@ -59,7 +59,7 @@ var Divider = function (_a) {
|
|
|
59
59
|
return React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' });
|
|
60
60
|
}, [content, iconName]);
|
|
61
61
|
if (content || iconName) {
|
|
62
|
-
return (React.createElement(View, { style: styles.container, onLayout: function (event) {
|
|
62
|
+
return (React.createElement(View, { ref: ref, style: styles.container, onLayout: function (event) {
|
|
63
63
|
setContainerWidth(event.nativeEvent.layout.width);
|
|
64
64
|
} },
|
|
65
65
|
React.createElement(View, __assign({ style: styles.dividerContent }, others)),
|
|
@@ -69,7 +69,7 @@ var Divider = function (_a) {
|
|
|
69
69
|
React.createElement(View, __assign({ style: styles.dividerContent }, others))));
|
|
70
70
|
}
|
|
71
71
|
return React.createElement(View, __assign({ style: styles.divider }, others));
|
|
72
|
-
};
|
|
72
|
+
});
|
|
73
73
|
Divider.displayName = ComponentName.Divider;
|
|
74
74
|
export default Divider;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUQsRUFBRSxHQUFHO0lBQXhELElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbkQsZ0RBQXFELENBQUY7SUFDN0csSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFD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
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Marginless } from '../../objects';
|
|
2
2
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { View } from 'react-native';
|
|
4
5
|
/**
|
|
5
6
|
* Divider Interface
|
|
6
7
|
*/
|
|
@@ -10,3 +11,5 @@ export interface DividerProps extends Marginless, CommonProps {
|
|
|
10
11
|
iconName?: IconNameValues | IconName;
|
|
11
12
|
inverted?: boolean;
|
|
12
13
|
}
|
|
14
|
+
export type DividerRef = HTMLDivElement;
|
|
15
|
+
export type DividerNativeRef = View;
|
|
@@ -116,6 +116,7 @@ export var ComponentName;
|
|
|
116
116
|
ComponentName["StatusIcon"] = "StatusIcon";
|
|
117
117
|
ComponentName["Stepper"] = "Stepper";
|
|
118
118
|
ComponentName["StepperStep"] = "StepperStep";
|
|
119
|
+
ComponentName["Step"] = "Step";
|
|
119
120
|
ComponentName["StepperStepMarkup"] = "StepperStepMarkup";
|
|
120
121
|
ComponentName["Sticker"] = "Sticker";
|
|
121
122
|
ComponentName["StickerVariant"] = "StickerVariant";
|
|
@@ -159,4 +160,4 @@ export var ComponentName;
|
|
|
159
160
|
ComponentName["ChipsList"] = "ChipsList";
|
|
160
161
|
ComponentName["Range"] = "Range";
|
|
161
162
|
})(ComponentName || (ComponentName = {}));
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
163
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQWdLWDtBQWhLRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsaURBQWdDLENBQUE7SUFDaEMsK0NBQThCLENBQUE7SUFDOUIsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIs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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FabProps } from './FabProps';
|
|
3
3
|
/**
|
|
4
4
|
* Fab Component - Floating Button Action
|
|
@@ -16,5 +16,5 @@ import { FabProps } from './FabProps';
|
|
|
16
16
|
* @param disabled {boolean} disabled button
|
|
17
17
|
* @param testId {string} Test Id for Test Integration
|
|
18
18
|
**/
|
|
19
|
-
declare const Fab:
|
|
19
|
+
declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
20
|
export default Fab;
|
|
@@ -5,6 +5,7 @@ import { hashClass } from '../../helpers';
|
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { Icon } from '../../components/icon';
|
|
7
7
|
import { is } from '../../services';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Fab Component - Floating Button Action
|
|
10
11
|
* @param children {ReactNode} Text for fab button
|
|
@@ -21,7 +22,7 @@ import { is } from '../../services';
|
|
|
21
22
|
* @param disabled {boolean} disabled button
|
|
22
23
|
* @param testId {string} Test Id for Test Integration
|
|
23
24
|
**/
|
|
24
|
-
var Fab = function (_a) {
|
|
25
|
+
var Fab = React.forwardRef(function (_a, ref) {
|
|
25
26
|
var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, id = _a.id, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled"]);
|
|
26
27
|
var styled = useTrilogyContext().styled;
|
|
27
28
|
var _c = __read(useState(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
|
|
@@ -41,12 +42,13 @@ var Fab = function (_a) {
|
|
|
41
42
|
position: 'relative',
|
|
42
43
|
};
|
|
43
44
|
var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
|
|
44
|
-
return (React.createElement("button", __assign({ id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
|
|
45
|
+
return (React.createElement("button", __assign({ ref: ref, id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
|
|
45
46
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
46
47
|
e.stopPropagation();
|
|
47
48
|
}, style: __assign({}, positionStyle) }, others, { className: _className }),
|
|
48
49
|
React.createElement(Icon, { name: iconName }),
|
|
49
50
|
children));
|
|
50
|
-
};
|
|
51
|
+
});
|
|
52
|
+
Fab.displayName = ComponentName.Fab;
|
|
51
53
|
export default Fab;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHFDLCtJQWUvQyxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxnQkFDTixrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TouchableOpacity } from "react-native";
|
|
2
3
|
import { FabProps } from "./FabProps";
|
|
3
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Fab Native Component
|
|
6
6
|
* @param children {string} label fab button
|
|
@@ -14,8 +14,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
14
14
|
* @param right {number} position right
|
|
15
15
|
* @param disabled {boolean} disabled button
|
|
16
16
|
*/
|
|
17
|
-
declare const Fab:
|
|
18
|
-
({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, disabled, testId }: FabProps): JSX.Element;
|
|
19
|
-
displayName: ComponentName;
|
|
20
|
-
};
|
|
17
|
+
declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<TouchableOpacity>>;
|
|
21
18
|
export default Fab;
|
|
@@ -17,7 +17,7 @@ import { Text } from "../../components/text";
|
|
|
17
17
|
* @param right {number} position right
|
|
18
18
|
* @param disabled {boolean} disabled button
|
|
19
19
|
*/
|
|
20
|
-
var Fab = function (_a) {
|
|
20
|
+
var Fab = React.forwardRef(function (_a, ref) {
|
|
21
21
|
var children = _a.children, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, extended = _a.extended, onClick = _a.onClick, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId;
|
|
22
22
|
var styles = StyleSheet.create({
|
|
23
23
|
button: {
|
|
@@ -55,10 +55,10 @@ var Fab = function (_a) {
|
|
|
55
55
|
height: 56,
|
|
56
56
|
},
|
|
57
57
|
});
|
|
58
|
-
return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
|
|
58
|
+
return (React.createElement(TouchableOpacity, { ref: ref, style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
|
|
59
59
|
React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
|
|
60
60
|
React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
|
|
61
|
-
};
|
|
61
|
+
});
|
|
62
62
|
Fab.displayName = ComponentName.Fab;
|
|
63
63
|
export default Fab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBSSxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBWXpDLEVBQUUsR0FBRztRQVhKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsU0FBUyxFQUFFLEVBQUU7WUFDYixNQUFNLEVBQUUs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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconName, IconNameValues } from "../../components/icon";
|
|
3
3
|
import { Accessibility, Clickable, Dev } from "../../objects";
|
|
4
|
-
import { DimensionValue } from "react-native";
|
|
4
|
+
import { DimensionValue, type TouchableOpacity } from "react-native";
|
|
5
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
6
|
/**
|
|
7
7
|
* Fab Interface
|
|
@@ -17,3 +17,5 @@ export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
|
|
|
17
17
|
right?: DimensionValue | number | undefined;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
}
|
|
20
|
+
export type FabRef = HTMLButtonElement;
|
|
21
|
+
export type FabNativeRef = TouchableOpacity;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { View } from 'react-native';
|
|
3
2
|
import { HeroProps } from '../../components/hero/HeroProps';
|
|
4
3
|
/**
|
|
5
4
|
* Hero Component
|
|
@@ -15,5 +14,5 @@ import { HeroProps } from '../../components/hero/HeroProps';
|
|
|
15
14
|
* @param className {string} Additionnal CSS Classes
|
|
16
15
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
17
16
|
*/
|
|
18
|
-
declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<
|
|
17
|
+
declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>>;
|
|
19
18
|
export default Hero;
|
|
@@ -31,4 +31,4 @@ var Hero = React.forwardRef(function (_a, ref) {
|
|
|
31
31
|
});
|
|
32
32
|
Hero.displayName = ComponentName.Hero;
|
|
33
33
|
export default Hero;
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaGVyby9IZXJvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQWtHLEVBQ2xHLEdBQUc7SUFERCxJQUFBLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssTUFBTSxjQUFoRyxxR0FBa0csQ0FBRjtJQUd4RixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMxQyxPQUFPLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUMzQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sSUFDZCxDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLEVBQ0UsTUFBTTtRQUVWLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUM5RCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -92,4 +92,4 @@ var Hero = React.forwardRef(function (_a, ref) {
|
|
|
92
92
|
});
|
|
93
93
|
Hero.displayName = ComponentName.Hero;
|
|
94
94
|
export default Hero;
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyby5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2hlcm8vSGVyby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDbEYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3RDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRTs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQUFxRyxFQUNyRyxHQUFHO0lBREQsSUFBQSxRQUFRLGNBQUEsRUFBRSxhQUFhLG1CQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFLLE1BQU0sY0FBbkcsc0dBQXFHLENBQUY7SUFHN0YsSUFBQSxLQUFBLE9BQW9DLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBdUIsQ0FBQTtJQUN2RCxJQUFBLEtBQUEsT0FBZ0QsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWxFLG1CQUFtQixRQUFBLEVBQUUsc0JBQXNCLFFBQXVCLENBQUE7SUFFekUsSUFBTSxlQUFlLEdBQUcsT0FBTyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENB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
|
|
@@ -3,6 +3,7 @@ import { BackgroundProps } from '../../objects/atoms/Background';
|
|
|
3
3
|
import { Clickable } from '../../objects/facets';
|
|
4
4
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
5
5
|
import { BackgroundHeight } from './heroEnum';
|
|
6
|
+
import { View } from 'react-native';
|
|
6
7
|
/**
|
|
7
8
|
* Hero Interface
|
|
8
9
|
*/
|
|
@@ -11,3 +12,5 @@ export interface HeroProps extends Clickable, BackgroundProps, CommonProps {
|
|
|
11
12
|
overlap?: React.ReactNode[] | boolean;
|
|
12
13
|
backgroundHeight?: BackgroundHeight;
|
|
13
14
|
}
|
|
15
|
+
export type HeroRef = HTMLElement;
|
|
16
|
+
export type HeroNativeRef = View;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { IconProps } from './IconProps';
|
|
3
3
|
/**
|
|
4
4
|
* Icon Component
|
|
@@ -17,5 +17,5 @@ import { IconProps } from './IconProps';
|
|
|
17
17
|
* @param className Additionnal css classes
|
|
18
18
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
19
19
|
*/
|
|
20
|
-
declare const Icon:
|
|
20
|
+
declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
|
|
21
21
|
export default Icon;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { getColorClassName, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
-
import { hashClass } from '../../helpers';
|
|
6
2
|
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers';
|
|
7
4
|
import { getBackgroundClassName } from '../../objects/atoms/Background';
|
|
8
|
-
import {
|
|
5
|
+
import { getColorClassName, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
+
import { has, is } from '../../services/classify';
|
|
7
|
+
import clsx from 'clsx';
|
|
8
|
+
import * as React from 'react';
|
|
9
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
9
10
|
/**
|
|
10
11
|
* Icon Component
|
|
11
12
|
* @param size Size of Icon
|
|
@@ -23,15 +24,16 @@ import { has, is } from '../../services';
|
|
|
23
24
|
* @param className Additionnal css classes
|
|
24
25
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
25
26
|
*/
|
|
26
|
-
var Icon = function (_a) {
|
|
27
|
+
var Icon = React.forwardRef(function (_a, ref) {
|
|
27
28
|
var className = _a.className, id = _a.id, size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, skeleton = _a.skeleton, others = __rest(_a, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton"]);
|
|
28
29
|
var styled = useTrilogyContext().styled;
|
|
29
30
|
var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
|
|
30
31
|
(circled && has(getBackgroundClassName(TrilogyColor.MAIN))) ||
|
|
31
32
|
'';
|
|
32
33
|
var classes = hashClass(styled, clsx('icon', stretched && is('stretched'), size && is(size), circled && is('circled'), circled && !color && has('text-white'), color && is("".concat(getColorClassName(color))), skeleton && is('loading'), background, className));
|
|
33
|
-
return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others),
|
|
34
|
+
return (React.createElement("span", __assign({ id: id, onClick: onClick && onClick, className: classes }, others, { ref: ref }),
|
|
34
35
|
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
35
|
-
};
|
|
36
|
+
});
|
|
37
|
+
Icon.displayName = ComponentName.Icon;
|
|
36
38
|
export default Icon;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUM1RixPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFHdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQkc7QUFFSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBQXVHLEVBQ3ZHLEdBQUc7SUFERCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJHLDhHQUF1RyxDQUFGO0lBRzdGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sVUFBVSxHQUNkLENBQUMsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUMsT0FBTyxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUMzRCxFQUFFLENBQUE7SUFFSixJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLElBQUksSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQ2hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ3RDLEtBQUssSUFBSSxFQUFFLENBQUMsVUFBRyxpQkFBaUIsQ0FBQyxLQUEwQyxDQUFDLENBQUUsQ0FBQyxFQUMvRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx1Q0FBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxJQUFFLEdBQUcsRUFBRSxHQUFHO1FBQ2pGLDJCQUFHLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxpQkFBYyxNQUFNLEdBQUcsQ0FDN0QsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
1
|
import { IconProps } from '../../components/icon/IconProps';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
4
|
/**
|
|
5
5
|
* Icon Component
|
|
6
6
|
* @param size Size of Icon
|
|
@@ -18,8 +18,5 @@ import { IconProps } from '../../components/icon/IconProps';
|
|
|
18
18
|
* @param align { Alignable | AlignableValues} align content
|
|
19
19
|
* @param skeleton {boolean} Icon Skeleton
|
|
20
20
|
*/
|
|
21
|
-
declare const Icon:
|
|
22
|
-
({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }: IconProps): JSX.Element;
|
|
23
|
-
displayName: ComponentName;
|
|
24
|
-
};
|
|
21
|
+
declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<View>>;
|
|
25
22
|
export default Icon;
|
|
@@ -27,7 +27,7 @@ import { WithLocalSvg } from 'react-native-svg/css';
|
|
|
27
27
|
* @param align { Alignable | AlignableValues} align content
|
|
28
28
|
* @param skeleton {boolean} Icon Skeleton
|
|
29
29
|
*/
|
|
30
|
-
var Icon = function (_a) {
|
|
30
|
+
var Icon = React.forwardRef(function (_a, ref) {
|
|
31
31
|
var size = _a.size, name = _a.name, circled = _a.circled, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, testId = _a.testId, others = __rest(_a, ["size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "testId"]);
|
|
32
32
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
33
33
|
var statesContext = useContext(StatesContext);
|
|
@@ -115,9 +115,9 @@ var Icon = function (_a) {
|
|
|
115
115
|
React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace('tri-picto-', '').replace('tri-', '')], width: defaultSize, height: defaultSize, color: iconColor })));
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId },
|
|
119
|
-
React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85, testID: "".concat(testId, "-pressable") }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
|
|
120
|
-
};
|
|
118
|
+
return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId, ref: ref },
|
|
119
|
+
React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85, testID: "".concat(testId, "-pressable") }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId, ref: ref }, iconView));
|
|
120
|
+
});
|
|
121
121
|
Icon.displayName = ComponentName.Icon;
|
|
122
122
|
export default Icon;
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBc0IsTUFBTSx3QkFBd0IsQ0FBQTtBQUN4RixPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUVuRDs7Ozs7Ozs7Ozs7Ozs7OztHQWdCRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFBdUcsRUFDdkcsR0FBRztJQURELElBQUEsSUFBSSxVQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFF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
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IconName, IconNameValues } from './IconNameEnum';
|
|
1
|
+
import { View } from 'react-native';
|
|
3
2
|
import { Accessibility, AlignableProps, Clickable, Dev, Stacked, TrilogyColor, TrilogyColorValues } from '../../objects';
|
|
4
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { IconColor, IconColorValues, IconSize, IconSizeValues } from './IconEnum';
|
|
5
|
+
import { IconName, IconNameValues } from './IconNameEnum';
|
|
5
6
|
/**
|
|
6
7
|
* Icon Interface
|
|
7
8
|
*/
|
|
@@ -14,3 +15,5 @@ export interface IconProps extends Stacked, AlignableProps, Clickable, Accessibi
|
|
|
14
15
|
backgroundColor?: TrilogyColor | TrilogyColorValues;
|
|
15
16
|
skeleton?: boolean;
|
|
16
17
|
}
|
|
18
|
+
export type IconRef = HTMLSpanElement;
|
|
19
|
+
export type IconNativeRef = View;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { ImageProps } from './ImageProps';
|
|
3
3
|
/**
|
|
4
4
|
* Image Component
|
|
@@ -11,5 +11,5 @@ import { ImageProps } from './ImageProps';
|
|
|
11
11
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
12
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
13
13
|
*/
|
|
14
|
-
declare const Image:
|
|
14
|
+
declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLElement>>;
|
|
15
15
|
export default Image;
|
|
@@ -5,6 +5,7 @@ import { getJustifiedClassName } from '../../objects';
|
|
|
5
5
|
import { has, is } from '../../services';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import * as React from 'react';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Image Component
|
|
10
11
|
* @param src {string} Image source
|
|
@@ -16,7 +17,7 @@ import * as React from 'react';
|
|
|
16
17
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
18
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
18
19
|
*/
|
|
19
|
-
var Image = function (_a) {
|
|
20
|
+
var Image = React.forwardRef(function (_a, ref) {
|
|
20
21
|
var src = _a.src, _b = _a.alt, alt = _b === void 0 ? '' : _b, className = _a.className, id = _a.id, circled = _a.circled, width = _a.width, height = _a.height, onClick = _a.onClick, radius = _a.radius, align = _a.align, others = __rest(_a, ["src", "alt", "className", "id", "circled", "width", "height", "onClick", "radius", "align"]);
|
|
21
22
|
var styled = useTrilogyContext().styled;
|
|
22
23
|
var classes = hashClass(styled, clsx('image', className, align && is(getJustifiedClassName(align))));
|
|
@@ -27,11 +28,12 @@ var Image = function (_a) {
|
|
|
27
28
|
height: height,
|
|
28
29
|
},
|
|
29
30
|
};
|
|
30
|
-
return (React.createElement("figure", __assign({ id: id, onClick: function (e) {
|
|
31
|
+
return (React.createElement("figure", __assign({ ref: ref, id: id, onClick: function (e) {
|
|
31
32
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
32
33
|
e.stopPropagation();
|
|
33
34
|
}, className: classes }, others),
|
|
34
35
|
React.createElement("img", { style: styles.image, className: hashClass(styled, clsx(radius && has("border-radius-".concat(radius)), circled ? is('circled') : '')), src: typeof src === 'string' ? src : '', alt: alt })));
|
|
35
|
-
};
|
|
36
|
+
});
|
|
37
|
+
Image.displayName = ComponentName.Image;
|
|
36
38
|
export default Image;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ltYWdlL0ltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVCLFVBQUMsRUFZckQsRUFBRSxHQUFHO0lBWEosSUFBQSxHQUFHLFNBQUEsRUFDSCxXQUFRLEVBQVIsR0FBRyxtQkFBRyxFQUFFLEtBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDRixNQUFNLGNBWDJDLDZGQVlyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRXRHLDhEQUE4RDtJQUM5RCxJQUFNLE1BQU0sR0FBOEI7UUFDeEMsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLEtBQUs7WUFDWixNQUFNLEVBQUUsTUFBTTtTQUNmO0tBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCx5Q0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1FBRVYsNkJBQ0UsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLElBQUksR0FBRyxDQUFDLHdCQUFpQixNQUFNLENBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUMxRyxHQUFHLEVBQUUsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFDdkMsR0FBRyxFQUFFLEdBQUcsR0FDUixDQUNLLENBQ1YsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Image as ImageNative } from 'react-native';
|
|
3
3
|
import { ImageProps } from './ImageProps';
|
|
4
4
|
/**
|
|
5
5
|
* Image Component
|
|
@@ -10,8 +10,5 @@ import { ImageProps } from './ImageProps';
|
|
|
10
10
|
* @param height {number|string} Image height (Number if not percent else string)
|
|
11
11
|
* @param onClick {Function} onClick Event
|
|
12
12
|
*/
|
|
13
|
-
declare const Image:
|
|
14
|
-
({ src, alt, circled, width, height, onClick, ...others }: ImageProps): JSX.Element;
|
|
15
|
-
displayName: ComponentName;
|
|
16
|
-
};
|
|
13
|
+
declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<ImageNative>>;
|
|
17
14
|
export default Image;
|