@trilogy-ds/react 4.1.1-beta-4 → 4.1.1-beta-6
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 +2 -3
- package/lib/components/autocomplete/AutoComplete.js +1 -1
- package/lib/components/autocomplete/AutoComplete.native.js +1 -1
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +3 -0
- 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 +6 -6
- 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 +4 -4
- 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 { TextLevels, TextMarkup } from './TextEnum';
|
|
|
5
5
|
import { is } from '../../services/classify';
|
|
6
6
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
7
7
|
import { useTrilogyContext } from '../../context/index';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Text component
|
|
10
11
|
* @param children {string} Text child
|
|
@@ -20,7 +21,7 @@ import { useTrilogyContext } from '../../context/index';
|
|
|
20
21
|
* @param markup {TextMarkup} Text markup
|
|
21
22
|
* - --------------- NATIVE PROPERTIES ----------------------------------
|
|
22
23
|
*/
|
|
23
|
-
var Text = function (_a) {
|
|
24
|
+
var Text = React.forwardRef(function (_a, ref) {
|
|
24
25
|
var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, marginless = _a.marginless, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "inverted", "skeleton", "accessibilityLabel", "marginless", "numberOfLines"]);
|
|
25
26
|
var styled = useTrilogyContext().styled;
|
|
26
27
|
var levelText = function () {
|
|
@@ -48,7 +49,8 @@ var Text = function (_a) {
|
|
|
48
49
|
return true;
|
|
49
50
|
};
|
|
50
51
|
var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
|
|
51
|
-
return (React.createElement(Tag, __assign({ id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
|
|
52
|
-
};
|
|
52
|
+
return (React.createElement(Tag, __assign({ ref: ref, id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
|
|
53
|
+
});
|
|
54
|
+
Text.displayName = ComponentName.Text;
|
|
53
55
|
export default Text;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFhbEQsRUFBRSxHQUFHO0lBWkosSUFBQSxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsVUFBVSxnQkFBQSxFQUNWLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNBWndDLHVJQWFsRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxTQUFTLEdBQUc7UUFDaEIsSUFBSSxLQUFLLEVBQUU7WUFDVCxRQUFRLEtBQUssRUFBRTtnQkFDYixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsR0FBRztvQkFDakIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLEtBQUs7b0JBQ25CLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxJQUFJO29CQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEI7b0JBQ0UsT0FBTyxFQUFFLENBQUMsZ0JBQVMsS0FBSyxDQUFFLENBQUMsQ0FBQTthQUM5QjtTQUNGO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE1BQU0sRUFDTixLQUFLLElBQUksU0FBUyxFQUFFLEVBQ3BCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLElBQUksRUFDSixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixhQUFhLElBQUksRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUNwQyxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQ7O09BRUc7SUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQUksWUFBWSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEwQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDL0csQ0FBQyxDQUFBO0lBRUQsSUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text as TextNative } from 'react-native';
|
|
3
3
|
import { TextProps } from './TextProps';
|
|
4
4
|
/**
|
|
5
5
|
* Text Native Component
|
|
@@ -13,8 +13,5 @@ import { TextProps } from './TextProps';
|
|
|
13
13
|
* @param numberOfLines {number} Ellipsis after limit number of lines
|
|
14
14
|
* @param others
|
|
15
15
|
*/
|
|
16
|
-
declare const Text:
|
|
17
|
-
({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines, ...others }: TextProps): JSX.Element;
|
|
18
|
-
displayName: ComponentName;
|
|
19
|
-
};
|
|
16
|
+
declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextNative>>;
|
|
20
17
|
export default Text;
|
|
@@ -20,7 +20,7 @@ import { TextLevels } from './TextEnum';
|
|
|
20
20
|
* @param numberOfLines {number} Ellipsis after limit number of lines
|
|
21
21
|
* @param others
|
|
22
22
|
*/
|
|
23
|
-
var Text = function (_a) {
|
|
23
|
+
var Text = React.forwardRef(function (_a, ref) {
|
|
24
24
|
var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "skeleton", "accessibilityLabel", "numberOfLines"]);
|
|
25
25
|
var statesContext = useContext(StatesContext);
|
|
26
26
|
var textLevels = function (level) {
|
|
@@ -64,7 +64,7 @@ var Text = function (_a) {
|
|
|
64
64
|
: typeof children === 'string'
|
|
65
65
|
? children
|
|
66
66
|
: undefined;
|
|
67
|
-
var textView = (React.createElement(TextNative, __assign({ numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
67
|
+
var textView = (React.createElement(TextNative, __assign({ ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
|
|
68
68
|
if (skeleton) {
|
|
69
69
|
textView = (React.createElement(ContentLoader, { style: styles.skeleton },
|
|
70
70
|
textView,
|
|
@@ -72,7 +72,7 @@ var Text = function (_a) {
|
|
|
72
72
|
React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
|
|
73
73
|
}
|
|
74
74
|
return textView;
|
|
75
|
-
};
|
|
75
|
+
});
|
|
76
76
|
Text.displayName = ComponentName.Text;
|
|
77
77
|
export default Text;
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFtQixNQUFNLFlBQVksQ0FBQTtBQUd4RDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFVeEQsRUFBRSxHQUFHO0lBVEosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIscUJBQWlCLEVBQWpCLGFBQWEsbUJBQUcsQ0FBQyxLQUFBLEVBQ2QsTUFBTSxjQVQ4QyxxR0FVeEQsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENB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
|
|
@@ -6,6 +6,7 @@ import { TypographyTransform, TypographyTransformValues } from '../../objects/Ty
|
|
|
6
6
|
import { Accessibility, Dev, Invertable } from '../../objects/facets';
|
|
7
7
|
import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
|
|
8
8
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
9
|
+
import { Text } from 'react-native';
|
|
9
10
|
type Styles = {
|
|
10
11
|
[key: string]: any;
|
|
11
12
|
};
|
|
@@ -23,4 +24,6 @@ export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
|
|
|
23
24
|
marginless?: boolean;
|
|
24
25
|
numberOfLines?: number;
|
|
25
26
|
}
|
|
27
|
+
export type TextRef = HTMLParagraphElement;
|
|
28
|
+
export type TextNativeRef = Text;
|
|
26
29
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { TextareaProps } from './TextareaProps';
|
|
3
3
|
/**
|
|
4
4
|
* Textarea Component
|
|
@@ -24,5 +24,5 @@ import { TextareaProps } from './TextareaProps';
|
|
|
24
24
|
* @param typo {TypographyColor | TypographyColorValues} change help typo
|
|
25
25
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
26
26
|
*/
|
|
27
|
-
declare const Textarea:
|
|
27
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
28
28
|
export default Textarea;
|
|
@@ -8,6 +8,7 @@ import { Icon } from '../../components/icon';
|
|
|
8
8
|
import { hashClass } from '../../helpers';
|
|
9
9
|
import { useTrilogyContext } from '../../context';
|
|
10
10
|
import { TypographyColor } from '../../objects';
|
|
11
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
11
12
|
/**
|
|
12
13
|
* Textarea Component
|
|
13
14
|
* @param disabled {boolean} Disabled textarea
|
|
@@ -32,8 +33,8 @@ import { TypographyColor } from '../../objects';
|
|
|
32
33
|
* @param typo {TypographyColor | TypographyColorValues} change help typo
|
|
33
34
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
34
35
|
*/
|
|
35
|
-
var Textarea = function (_a) {
|
|
36
|
-
var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows,
|
|
36
|
+
var Textarea = React.forwardRef(function (_a, ref) {
|
|
37
|
+
var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
|
|
37
38
|
var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
|
|
38
39
|
var styled = useTrilogyContext().styled;
|
|
39
40
|
useEffect(function () {
|
|
@@ -49,7 +50,7 @@ var Textarea = function (_a) {
|
|
|
49
50
|
' ',
|
|
50
51
|
label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
|
|
51
52
|
!dynamicPlaceholder && label && sample && (React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
|
|
52
|
-
React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled
|
|
53
|
+
React.createElement("textarea", __assign({ ref: ref, minLength: minLength, disabled: disabled }, others, { className: classes, value: value, onChange: function (e) {
|
|
53
54
|
setValue(e.target.value);
|
|
54
55
|
if (onChange) {
|
|
55
56
|
onChange({
|
|
@@ -63,6 +64,7 @@ var Textarea = function (_a) {
|
|
|
63
64
|
iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small' }),
|
|
64
65
|
help && (React.createElement(Text, { className: helpClasses }, help)),
|
|
65
66
|
maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
|
|
66
|
-
};
|
|
67
|
+
});
|
|
68
|
+
Textarea.displayName = ComponentName.Textarea;
|
|
67
69
|
export default Textarea;
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFtQjlELEVBQUUsR0FBRztJQWxCSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFB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
|
|
@@ -1,4 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TextInput } from 'react-native';
|
|
2
3
|
import { TextareaNativeProps } from './TextareaProps';
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Textarea Component
|
|
6
|
+
* @param disabled {boolean} Disabled textarea
|
|
7
|
+
* @param label {string} Label for textarea
|
|
8
|
+
* @param sample {string} Sample for textarea (below label)
|
|
9
|
+
* @param name {string} Textarea name
|
|
10
|
+
* @param onChange {Function} OnChange textarea Event
|
|
11
|
+
* @param placeholder {string} Placeholder textarea
|
|
12
|
+
* @param defaultValue {string} Default Value for textarea
|
|
13
|
+
* @param help {string} Help for textarea
|
|
14
|
+
* @param ref Pass a ref for textarea
|
|
15
|
+
* @param maxLength {number} Textarea max length
|
|
16
|
+
* @param rows {number} Textarea rows
|
|
17
|
+
* @param iconName {IconName | IconNameValues} display Icon
|
|
18
|
+
* @param statusIconName {IconName | IconNameValues} display status Icon
|
|
19
|
+
* @param testId {string} Test Id for Test Integration
|
|
20
|
+
* @param dynamicPlaceholder {boolean}
|
|
21
|
+
* @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
|
|
22
|
+
* @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
|
|
23
|
+
* @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
|
|
24
|
+
* @param autoCorrect {boolean} Auto correct sentence
|
|
25
|
+
* @param autoCompleteType {InputAutoCompleteType} Auto complete input type
|
|
26
|
+
* @param textContentType {InputTextContentType} Give the keyboard and the system information
|
|
27
|
+
* @param keyboardType {InputKeyboardType} Keybaord type
|
|
28
|
+
* @param value {string} Value for textarea
|
|
29
|
+
* @param customHeight {number} custom textarea height
|
|
30
|
+
* @param required {boolean} Required
|
|
31
|
+
*/
|
|
32
|
+
declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<TextInput>>;
|
|
33
|
+
export default Textarea;
|
|
@@ -5,7 +5,7 @@ import { InputAutoCapitalize, InputKeyboardAppearance, InputKeyboardType, InputT
|
|
|
5
5
|
import { grayscale, TypographyColor } from '../../objects';
|
|
6
6
|
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
7
7
|
import { StatusState } from '../../objects/facets/Status';
|
|
8
|
-
import React, {
|
|
8
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
9
9
|
import { Animated, StyleSheet, Text, TextInput, View } from 'react-native';
|
|
10
10
|
import { Spacer, SpacerSize } from '../spacer';
|
|
11
11
|
import { Text as TrilogyText } from '../text';
|
|
@@ -38,9 +38,7 @@ import { TextLevels } from '../text/TextEnum';
|
|
|
38
38
|
* @param customHeight {number} custom textarea height
|
|
39
39
|
* @param required {boolean} Required
|
|
40
40
|
*/
|
|
41
|
-
var Textarea = function (_a,
|
|
42
|
-
// eslint-disable-next-line
|
|
43
|
-
ref) {
|
|
41
|
+
var Textarea = React.forwardRef(function (_a, ref) {
|
|
44
42
|
var defaultValue = _a.defaultValue, name = _a.name, sample = _a.sample, onChange = _a.onChange, disabled = _a.disabled, help = _a.help, placeholder = _a.placeholder, keyboardStyle = _a.keyboardStyle, autoCapitalize = _a.autoCapitalize, autoCorrect = _a.autoCorrect, textContentType = _a.textContentType, keyboardType = _a.keyboardType, status = _a.status, maxLength = _a.maxLength, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, label = _a.label, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, _c = _a.customHeight, customHeight = _c === void 0 ? 120 : _c, value = _a.value, required = _a.required, others = __rest(_a, ["defaultValue", "name", "sample", "onChange", "disabled", "help", "placeholder", "keyboardStyle", "autoCapitalize", "autoCorrect", "textContentType", "keyboardType", "status", "maxLength", "dynamicPlaceholder", "label", "iconNameLeft", "iconNameRight", "customHeight", "value", "required"]);
|
|
45
43
|
var _d = __read(useState(value || ''), 2), _value = _d[0], setValue = _d[1];
|
|
46
44
|
var _e = __read(useState(false), 2), isFocus = _e[0], setIsFocus = _e[1];
|
|
@@ -129,7 +127,7 @@ ref) {
|
|
|
129
127
|
React.createElement(Spacer, { size: SpacerSize.THREE }))),
|
|
130
128
|
iconNameLeft && (React.createElement(Text, { style: styles.leftIcon },
|
|
131
129
|
React.createElement(Icon, { name: iconNameLeft, size: 'small' }))),
|
|
132
|
-
React.createElement(TextInput, __assign({ maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
|
|
130
|
+
React.createElement(TextInput, __assign({ ref: ref, maxLength: maxLength, value: _value, defaultValue: defaultValue, editable: !disabled, multiline: true, keyboardAppearance: keyboardStyle || InputKeyboardAppearance.DEFAULT, autoCapitalize: autoCapitalize || InputAutoCapitalize.NONE, autoCorrect: autoCorrect || false, textContentType: textContentType || InputTextContentType.NONE, keyboardType: keyboardType || InputKeyboardType.DEFAULT, onChangeText: function (text) {
|
|
133
131
|
setDisplayDynamicLabel(text.length > 0);
|
|
134
132
|
setValue(text);
|
|
135
133
|
if (onChange) {
|
|
@@ -138,13 +136,13 @@ ref) {
|
|
|
138
136
|
textareaValue: text,
|
|
139
137
|
});
|
|
140
138
|
}
|
|
141
|
-
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, {
|
|
139
|
+
}, placeholder: placeholder, style: styles.textarea, onFocus: function () { return setIsFocus(true); }, onBlur: function () { return setIsFocus(false); } }, others, { placeholderTextColor: disabled ? getColorStyle(TrilogyColor.DISABLED) : grayscale(getColorStyle(TrilogyColor.FONT)) })),
|
|
142
140
|
iconNameRight && (React.createElement(Text, { style: styles.rightIcon },
|
|
143
141
|
React.createElement(Icon, { name: iconNameRight, size: 'small', color: status && status.toUpperCase() }))),
|
|
144
142
|
displayDynamicLabel && dynamicPlaceholder && React.createElement(Text, { style: styles.dynamicLabel }, label),
|
|
145
143
|
maxLength && (React.createElement(Text, { style: styles.counter }, _value ? "".concat(_value === null || _value === void 0 ? void 0 : _value.length, " / ").concat(maxLength) : "0 / ".concat(maxLength))),
|
|
146
144
|
help && React.createElement(Text, { style: styles.help }, help)));
|
|
147
|
-
};
|
|
145
|
+
});
|
|
148
146
|
Textarea.displayName = ComponentName.Textarea;
|
|
149
|
-
export default
|
|
150
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
export default Textarea;
|
|
148
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0YXJlYS9UZXh0YXJlYS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixvQkFBb0IsR0FDckIsTUFBTSw4QkFBOEIsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNyRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxJQUFJLElBQUksV0FBVyxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsVUFDeEUsRUF1QkMsRUFDRCxHQUFHO0lBdkJELElBQUEsWUFBWSxrQkFBQSxFQUNaLElBQUksVUFBQSxFQUNK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
|
|
@@ -42,4 +42,6 @@ export type TextareaNativeProps = TextareaPropsWeb & ReferenceableNative<TextInp
|
|
|
42
42
|
* Textarea Interface
|
|
43
43
|
*/
|
|
44
44
|
export type TextareaProps = TextareaPropsWeb & Referenceable<HTMLTextAreaElement> & CommonProps;
|
|
45
|
+
export type TextareaRef = HTMLTextAreaElement;
|
|
46
|
+
export type TextareaNativeRef = TextInput;
|
|
45
47
|
export {};
|
|
@@ -7,5 +7,5 @@ import { TimelineProps } from './TimelineProps';
|
|
|
7
7
|
* @param horizontal {boolean} timeline horizontal
|
|
8
8
|
* @param className {string} Additionnal CSS Classes
|
|
9
9
|
*/
|
|
10
|
-
declare const Timeline:
|
|
10
|
+
declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export default Timeline;
|
|
@@ -4,6 +4,7 @@ import { hashClass } from '../../helpers';
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useTrilogyContext } from '../../context';
|
|
6
6
|
import { is } from '../../services';
|
|
7
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
7
8
|
/**
|
|
8
9
|
* Timeline Component
|
|
9
10
|
* @param notifications {boolean} Timeline notification rendering
|
|
@@ -11,11 +12,12 @@ import { is } from '../../services';
|
|
|
11
12
|
* @param horizontal {boolean} timeline horizontal
|
|
12
13
|
* @param className {string} Additionnal CSS Classes
|
|
13
14
|
*/
|
|
14
|
-
var Timeline = function (_a) {
|
|
15
|
+
var Timeline = React.forwardRef(function (_a, ref) {
|
|
15
16
|
var className = _a.className, id = _a.id, horizontal = _a.horizontal, others = __rest(_a, ["className", "id", "horizontal"]);
|
|
16
17
|
var styled = useTrilogyContext().styled;
|
|
17
18
|
var classes = hashClass(styled, clsx('timeline', horizontal && is('horizontal'), className));
|
|
18
|
-
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
19
|
-
};
|
|
19
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
20
|
+
});
|
|
21
|
+
Timeline.displayName = ComponentName.Timeline;
|
|
20
22
|
export default Timeline;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFBd0MsRUFBRSxHQUFHO0lBQTNDLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBdEMsaUNBQXdDLENBQUY7SUFDM0YsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUU5RixPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import { TimelineProps } from "./TimelineProps";
|
|
3
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
interface IContext {
|
|
5
5
|
height: number;
|
|
6
6
|
setHeight: React.Dispatch<React.SetStateAction<number>>;
|
|
@@ -11,8 +11,5 @@ export declare const TimelineHeightContext: React.Context<IContext>;
|
|
|
11
11
|
* @param children {ReactNode} Text child
|
|
12
12
|
|
|
13
13
|
*/
|
|
14
|
-
declare const Timeline:
|
|
15
|
-
({ children }: TimelineProps): JSX.Element;
|
|
16
|
-
displayName: ComponentName;
|
|
17
|
-
};
|
|
14
|
+
declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<View>>;
|
|
18
15
|
export default Timeline;
|
|
@@ -11,7 +11,7 @@ export var TimelineHeightContext = React.createContext({
|
|
|
11
11
|
* @param children {ReactNode} Text child
|
|
12
12
|
|
|
13
13
|
*/
|
|
14
|
-
var Timeline = function (_a) {
|
|
14
|
+
var Timeline = React.forwardRef(function (_a, ref) {
|
|
15
15
|
var children = _a.children;
|
|
16
16
|
var styles = StyleSheet.create({
|
|
17
17
|
container: {
|
|
@@ -23,8 +23,8 @@ var Timeline = function (_a) {
|
|
|
23
23
|
height: height,
|
|
24
24
|
setHeight: setHeight,
|
|
25
25
|
} },
|
|
26
|
-
React.createElement(View, { style: styles.container }, children)));
|
|
27
|
-
};
|
|
26
|
+
React.createElement(View, { ref: ref, style: styles.container }, children)));
|
|
27
|
+
});
|
|
28
28
|
Timeline.displayName = ComponentName.Timeline;
|
|
29
29
|
export default Timeline;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9UaW1lbGluZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFPaEUsTUFBTSxDQUFDLElBQU0scUJBQXFCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBVztJQUNqRSxNQUFNLEVBQUUsQ0FBQztJQUNULFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUY7Ozs7R0FJRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1DLFVBQUMsRUFBWSxFQUFFLEdBQUc7UUFBZixRQUFRLGNBQUE7SUFDN0UsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsUUFBUTtTQUN4QjtLQUNGLENBQUMsQ0FBQTtJQUVJLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBcUIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMscUJBQXFCLENBQUMsUUFBUSxJQUM3QixLQUFLLEVBQUU7WUFDTCxNQUFNLFFBQUE7WUFDTixTQUFTLFdBQUE7U0FDVjtRQUVELG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxJQUFHLFFBQVEsQ0FBUSxDQUMzQixDQUNsQyxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFN0MsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
2
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* Timeline Interface
|
|
@@ -7,3 +8,5 @@ export interface TimelineProps extends CommonProps {
|
|
|
7
8
|
children: React.ReactNode;
|
|
8
9
|
horizontal?: boolean;
|
|
9
10
|
}
|
|
11
|
+
export type TimelineRef = HTMLDivElement;
|
|
12
|
+
export type TimelineNativeRef = View;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { TimelineContentWebProps } from './TimelineContentProps';
|
|
3
3
|
/**
|
|
4
4
|
* Timeline Content Component
|
|
@@ -9,5 +9,5 @@ import { TimelineContentWebProps } from './TimelineContentProps';
|
|
|
9
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
10
|
* @param className {string} Additionnal CSS Classes
|
|
11
11
|
*/
|
|
12
|
-
declare const TimelineContent:
|
|
12
|
+
declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentWebProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export default TimelineContent;
|
|
@@ -5,6 +5,7 @@ import { Text, TextMarkup } from '../../../components/text';
|
|
|
5
5
|
import { Link } from '../../../components/link';
|
|
6
6
|
import { hashClass } from '../../../helpers';
|
|
7
7
|
import { useTrilogyContext } from '../../../context';
|
|
8
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Timeline Content Component
|
|
10
11
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
@@ -14,17 +15,18 @@ import { useTrilogyContext } from '../../../context';
|
|
|
14
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
16
|
* @param className {string} Additionnal CSS Classes
|
|
16
17
|
*/
|
|
17
|
-
var TimelineContent = function (_a) {
|
|
18
|
+
var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
18
19
|
var children = _a.children, className = _a.className, id = _a.id, heading = _a.heading, content = _a.content, linkLabel = _a.linkLabel, linkTo = _a.linkTo, others = __rest(_a, ["children", "className", "id", "heading", "content", "linkLabel", "linkTo"]);
|
|
19
20
|
var styled = useTrilogyContext().styled;
|
|
20
21
|
var classes = hashClass(styled, clsx('timeline-content', className));
|
|
21
22
|
if (children) {
|
|
22
|
-
return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
|
|
23
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children));
|
|
23
24
|
}
|
|
24
|
-
return (React.createElement("div", __assign({ id: id, className: classes }, others),
|
|
25
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
25
26
|
heading && React.createElement(Text, { markup: TextMarkup.P }, heading),
|
|
26
27
|
content && (React.createElement(Text, { className: 'main-content', markup: TextMarkup.P }, content)),
|
|
27
28
|
linkTo && linkLabel && React.createElement(Link, { href: linkTo }, linkLabel)));
|
|
28
|
-
};
|
|
29
|
+
});
|
|
30
|
+
TimelineContent.displayName = ComponentName.TimelineContent;
|
|
29
31
|
export default TimelineContent;
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9jb250ZW50L1RpbWVsaW5lQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE4QyxVQUFDLEVBU3RGLEVBQUUsR0FBRztJQVJKLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVI0RSw0RUFTdEYsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUNsRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUNsRCxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLE9BQU8sQ0FBUTtRQUN2RCxPQUFPLElBQUksQ0FDVixvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFDaEQsT0FBTyxDQUNILENBQ1I7UUFDQSxNQUFNLElBQUksU0FBUyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsTUFBTSxJQUFHLFNBQVMsQ0FBUSxDQUMxRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
1
|
import { TimelineContentProps } from '../../../components/timeline/content/TimelineContentProps';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
4
|
/**
|
|
5
5
|
* Timeline Content Component
|
|
6
6
|
* @param children {ReactNode} Use it if you want custom children for content
|
|
@@ -10,8 +10,5 @@ import { TimelineContentProps } from '../../../components/timeline/content/Timel
|
|
|
10
10
|
* @param link {string} Url link
|
|
11
11
|
* @param Onclick {string} Provide event onCLick
|
|
12
12
|
*/
|
|
13
|
-
declare const TimelineContent:
|
|
14
|
-
({ content, heading, linkLabel, linkTo, children }: TimelineContentProps): JSX.Element;
|
|
15
|
-
displayName: ComponentName;
|
|
16
|
-
};
|
|
13
|
+
declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<View>>;
|
|
17
14
|
export default TimelineContent;
|
|
@@ -15,7 +15,7 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
15
15
|
* @param link {string} Url link
|
|
16
16
|
* @param Onclick {string} Provide event onCLick
|
|
17
17
|
*/
|
|
18
|
-
var TimelineContent = function (_a) {
|
|
18
|
+
var TimelineContent = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var content = _a.content, heading = _a.heading, linkLabel = _a.linkLabel, linkTo = _a.linkTo, children = _a.children;
|
|
20
20
|
var timelineContextValues = useContext(TimelineItemContext);
|
|
21
21
|
var styles = StyleSheet.create({
|
|
@@ -36,14 +36,14 @@ var TimelineContent = function (_a) {
|
|
|
36
36
|
marginTop: 6,
|
|
37
37
|
},
|
|
38
38
|
});
|
|
39
|
-
return children ? (React.createElement(View, { style: styles.container },
|
|
40
|
-
React.createElement(AutoLayout, null, children))) : (React.createElement(View, { style: styles.container },
|
|
39
|
+
return children ? (React.createElement(View, { ref: ref, style: styles.container },
|
|
40
|
+
React.createElement(AutoLayout, null, children))) : (React.createElement(View, { ref: ref, style: styles.container },
|
|
41
41
|
!!heading && (React.createElement(Text, { level: TextLevels.THREE, style: styles.heading, typo: TypographyColor.TEXT_MAIN }, heading)),
|
|
42
42
|
!!content && (React.createElement(Text, { level: TextLevels.TWO, style: styles.content }, content)),
|
|
43
43
|
linkLabel && linkTo && (React.createElement(TouchableOpacity, { testID: 'click-id' },
|
|
44
44
|
React.createElement(View, { style: styles.link },
|
|
45
45
|
React.createElement(Link, { to: linkTo }, linkLabel))))));
|
|
46
|
-
};
|
|
46
|
+
});
|
|
47
47
|
TimelineContent.displayName = ComponentName.TimelineContent;
|
|
48
48
|
export default TimelineContent;
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVDb250ZW50Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGltZWxpbmUvY29udGVudC9UaW1lbGluZUNvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0MsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpRCxVQUFDLEVBQWlELEVBQUUsR0FBRztRQUFwRCxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDdkksSUFBTSxxQkFBcUIsR0FBRyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQTtJQUU3RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxDQUFDO1lBQ1AsWUFBWSxFQUFFLENBQUM7WUFDZixVQUFVLEVBQUUsQ0FBQztTQUNkO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsWUFBWSxFQUFFLENBQUM7WUFDZixTQUFTLEVBQUUsQ0FBQztTQUNiO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsVUFBVSxFQUFFLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQ3hELFlBQVksRUFBRSxDQUFDO1NBQ2hCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLFNBQVM7UUFDckMsb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUM5QixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTO1FBQ3BDLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLGVBQWUsQ0FBQyxTQUFTLElBQ2xGLE9BQU8sQ0FDSCxDQUNSO1FBQ0EsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUNaLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFDL0MsT0FBTyxDQUNILENBQ1I7UUFDQSxTQUFTLElBQUksTUFBTSxJQUFJLENBQ3RCLG9CQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBQyxVQUFVO1lBQ2pDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7Z0JBQ3RCLG9CQUFDLElBQUksSUFBQyxFQUFFLEVBQUUsTUFBTSxJQUFHLFNBQVMsQ0FBUSxDQUMvQixDQUNVLENBQ3BCLENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFFM0QsZUFBZSxlQUFlLENBQUEifQ==
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* Timeline Content Interface
|
|
4
4
|
*/
|
|
5
|
+
import { View } from 'react-native';
|
|
5
6
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
6
7
|
export interface TimelineContentProps {
|
|
7
8
|
children?: React.ReactNode;
|
|
@@ -15,3 +16,5 @@ export interface TimelineContentProps {
|
|
|
15
16
|
*/
|
|
16
17
|
export interface TimelineContentWebProps extends TimelineContentProps, CommonProps {
|
|
17
18
|
}
|
|
19
|
+
export type TimelineContentRef = HTMLDivElement;
|
|
20
|
+
export type TimelineContentNativeRef = View;
|
|
@@ -9,5 +9,5 @@ import { TimelineItemWebProps } from './TimelineItemProps';
|
|
|
9
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
10
|
* @param className {string} Additionnal CSS Classes
|
|
11
11
|
*/
|
|
12
|
-
declare const TimelineItem:
|
|
12
|
+
declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemWebProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export default TimelineItem;
|
|
@@ -3,6 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useTrilogyContext } from '../../../context';
|
|
5
5
|
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
7
|
/**
|
|
7
8
|
* Timeline Item Component
|
|
8
9
|
* @param children {ReactNode}
|
|
@@ -12,11 +13,12 @@ import { hashClass } from '../../../helpers';
|
|
|
12
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
14
|
* @param className {string} Additionnal CSS Classes
|
|
14
15
|
*/
|
|
15
|
-
var TimelineItem = function (_a) {
|
|
16
|
+
var TimelineItem = React.forwardRef(function (_a, ref) {
|
|
16
17
|
var className = _a.className, id = _a.id, done = _a.done, active = _a.active, cancel = _a.cancel, others = __rest(_a, ["className", "id", "done", "active", "cancel"]);
|
|
17
18
|
var styled = useTrilogyContext().styled;
|
|
18
19
|
var classes = hashClass(styled, clsx('timeline-item', done && 'done', active && 'active', cancel && 'cancel', className));
|
|
19
|
-
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
20
|
-
};
|
|
20
|
+
return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
|
|
21
|
+
});
|
|
22
|
+
TimelineItem.displayName = ComponentName.TimelineItem;
|
|
21
23
|
export default TimelineItem;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmVJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90aW1lbGluZS9pdGVtL1RpbWVsaW5lSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFHaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEwQyxVQUFDLEVBQWtELEVBQUUsR0FBRztJQUFyRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBaEQsK0NBQWtELENBQUY7SUFDdEgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLElBQUksTUFBTSxFQUFFLE1BQU0sSUFBSSxRQUFRLEVBQUUsTUFBTSxJQUFJLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FDekYsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUFDLENBQUE7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
2
1
|
import { TimelineItemProps } from '../../../components/timeline/item/TimelineItemProps';
|
|
3
2
|
import React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
4
|
export declare const TimelineItemContext: React.Context<{
|
|
5
5
|
done: boolean;
|
|
6
6
|
active: boolean;
|
|
@@ -14,8 +14,5 @@ export declare const TimelineItemContext: React.Context<{
|
|
|
14
14
|
* @param undone {boolean} Undone Timeline Item
|
|
15
15
|
* @param cancel {boolean} Cancel Timeline Item
|
|
16
16
|
*/
|
|
17
|
-
declare const TimelineItem:
|
|
18
|
-
({ children, done, active, cancel }: TimelineItemProps): JSX.Element;
|
|
19
|
-
displayName: ComponentName;
|
|
20
|
-
};
|
|
17
|
+
declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<View>>;
|
|
21
18
|
export default TimelineItem;
|