@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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SelectOptionProps } from './SelectOptionProps';
|
|
2
|
+
import { SelectOptionProps, SelectOptionRef } from './SelectOptionProps';
|
|
3
3
|
/**
|
|
4
4
|
* Select Option Component
|
|
5
5
|
* @param value {string} Select option value
|
|
@@ -14,5 +14,5 @@ import { SelectOptionProps } from './SelectOptionProps';
|
|
|
14
14
|
* @param id {string} Select option custom id
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
|
-
declare const SelectOption:
|
|
17
|
+
declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<SelectOptionRef>>;
|
|
18
18
|
export default SelectOption;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { useTrilogyContext } from '../../../context';
|
|
6
2
|
import { Icon } from '../../../components/icon';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers';
|
|
7
5
|
import { is } from '../../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Select Option Component
|
|
10
11
|
* @param value {string} Select option value
|
|
@@ -19,13 +20,13 @@ import { is } from '../../../services/classify';
|
|
|
19
20
|
* @param id {string} Select option custom id
|
|
20
21
|
* @param others
|
|
21
22
|
*/
|
|
22
|
-
var SelectOption = function (_a) {
|
|
23
|
+
var SelectOption = React.forwardRef(function (_a, ref) {
|
|
23
24
|
var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
|
|
24
25
|
var styled = useTrilogyContext().styled;
|
|
25
26
|
var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
|
|
26
|
-
var selectClasses =
|
|
27
|
+
var selectClasses = hashClass(styled, clsx('option', focused && 'focus', disabled && is('disabled'), className));
|
|
27
28
|
if (native) {
|
|
28
|
-
return (React.createElement("option", __assign({ role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
|
|
29
|
+
return (React.createElement("option", __assign({ ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
|
|
29
30
|
}
|
|
30
31
|
// return (
|
|
31
32
|
// <RadioTile
|
|
@@ -40,9 +41,10 @@ var SelectOption = function (_a) {
|
|
|
40
41
|
// {...others}
|
|
41
42
|
// />
|
|
42
43
|
// )
|
|
43
|
-
return (React.createElement("li", __assign({ id: id, className: selectClasses, "data-selected": checked, role: 'option', "aria-selected": checked, "data-value": value, onClick:
|
|
44
|
+
return (React.createElement("li", __assign({ ref: ref, id: id, className: selectClasses, "data-selected": checked, role: 'option', "aria-selected": checked, "data-value": value, onClick: !disabled && onClick ? onClick : undefined }, others),
|
|
44
45
|
iconName && React.createElement(Icon, { name: iconName }),
|
|
45
46
|
label || children));
|
|
46
|
-
};
|
|
47
|
+
});
|
|
48
|
+
SelectOption.displayName = ComponentName.SelectOption;
|
|
47
49
|
export default SelectOption;
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQVcxRSxFQUFFLEdBQUc7SUFWSixJQUFBLEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FWZ0UsOEZBVzFFLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWxILElBQUksTUFBTSxFQUFFO1FBQ1YsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUF5QyxFQUM5QyxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELFdBQVc7SUFDWCxlQUFlO0lBQ2Ysd0JBQXdCO0lBQ3hCLGlCQUFpQjtJQUNqQixnQ0FBZ0M7SUFDaEMsb0JBQW9CO0lBQ3BCLDBCQUEwQjtJQUMxQix5QkFBeUI7SUFDekIsc0JBQXNCO0lBQ3RCLHNDQUFzQztJQUN0QyxrQkFBa0I7SUFDbEIsT0FBTztJQUNQLElBQUk7SUFFSixPQUFPLENBQ0wscUNBQ0UsR0FBRyxFQUFFLEdBQXFDLEVBQzFDLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLGFBQWEsbUJBQ1QsT0FBTyxFQUN0QixJQUFJLEVBQUMsUUFBUSxtQkFDRSxPQUFPLGdCQUNWLEtBQUssRUFDakIsT0FBTyxFQUFFLENBQUMsUUFBUSxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQy9DLE1BQU07UUFFVCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDcEMsS0FBSyxJQUFJLFFBQVEsQ0FDZixDQUNOLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TouchableOpacity } from 'react-native';
|
|
3
3
|
import { SelectOptionProps } from './SelectOptionProps';
|
|
4
4
|
/**
|
|
5
5
|
* Select Option Component
|
|
@@ -7,8 +7,5 @@ import { SelectOptionProps } from './SelectOptionProps';
|
|
|
7
7
|
* @param label {string} Label value
|
|
8
8
|
* @param children {React.ReactNode}
|
|
9
9
|
*/
|
|
10
|
-
declare const SelectOption:
|
|
11
|
-
({ disabled, children, onClick, label, iconName, ...others }: SelectOptionProps): JSX.Element;
|
|
12
|
-
displayName: ComponentName;
|
|
13
|
-
};
|
|
10
|
+
declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<TouchableOpacity>>;
|
|
14
11
|
export default SelectOption;
|
|
@@ -14,24 +14,22 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
|
14
14
|
* @param label {string} Label value
|
|
15
15
|
* @param children {React.ReactNode}
|
|
16
16
|
*/
|
|
17
|
-
var SelectOption = function (_a) {
|
|
17
|
+
var SelectOption = React.forwardRef(function (_a, ref) {
|
|
18
18
|
var disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["disabled", "children", "onClick", "label", "iconName"]);
|
|
19
19
|
var checked = others.checked;
|
|
20
|
-
var styles =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
});
|
|
28
|
-
}, [disabled, checked]);
|
|
20
|
+
var styles = StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
|
|
23
|
+
width: '100%',
|
|
24
|
+
paddingVertical: checked && !iconName ? 8.5 : 10,
|
|
25
|
+
},
|
|
26
|
+
});
|
|
29
27
|
var textColor = React.useMemo(function () {
|
|
30
28
|
switch (true) {
|
|
31
29
|
case disabled === true:
|
|
32
|
-
return
|
|
30
|
+
return TrilogyColor.DISABLED;
|
|
33
31
|
default:
|
|
34
|
-
return
|
|
32
|
+
return TrilogyColor.MAIN;
|
|
35
33
|
}
|
|
36
34
|
}, [disabled]);
|
|
37
35
|
var iconColor = React.useMemo(function () {
|
|
@@ -45,15 +43,15 @@ var SelectOption = function (_a) {
|
|
|
45
43
|
var columnLabelSize = React.useMemo(function () {
|
|
46
44
|
return iconName ? (checked && 10) || 11 : (checked && 11) || 12;
|
|
47
45
|
}, [iconName, checked]);
|
|
48
|
-
return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
|
|
46
|
+
return (React.createElement(TouchableOpacity, __assign({ ref: ref, style: [styles.container] }, others, { onPress: onClick }),
|
|
49
47
|
React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
|
|
50
48
|
iconName && (React.createElement(Column, { size: 1 },
|
|
51
49
|
React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
|
|
52
50
|
React.createElement(Column, { size: columnLabelSize },
|
|
53
|
-
React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor } }), children || label)),
|
|
51
|
+
React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: getColorStyle(textColor) } }), children || label)),
|
|
54
52
|
checked && (React.createElement(Column, { size: 1 },
|
|
55
53
|
React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
|
|
56
|
-
};
|
|
54
|
+
});
|
|
57
55
|
SelectOption.displayName = ComponentName.SelectOption;
|
|
58
56
|
export default SelectOption;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNEOzs7OztHQUtHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUEyRCxFQUFFLEdBQUc7SUFBOUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpELHdEQUEyRCxDQUFGO0lBQ2hJLElBQUEsT0FBTyxHQUFLLE1BQTZCLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDM0IsU0FBUyxFQUFFO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxD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
|
|
@@ -2,6 +2,7 @@ import { ClickEvent } from '../../../events/OnClickEvent';
|
|
|
2
2
|
import { IconName, IconNameValues } from '../../../components/icon';
|
|
3
3
|
import { Accessibility, Dev } from '../../../objects';
|
|
4
4
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
5
|
+
import { TouchableOpacity } from 'react-native';
|
|
5
6
|
/**
|
|
6
7
|
* Select Option Interface
|
|
7
8
|
*/
|
|
@@ -13,3 +14,5 @@ export interface SelectOptionProps<T extends string | number = string> extends A
|
|
|
13
14
|
onClick?: ClickEvent;
|
|
14
15
|
iconName?: IconName | IconNameValues;
|
|
15
16
|
}
|
|
17
|
+
export type SelectOptionRef = HTMLOptionElement | HTMLLIElement;
|
|
18
|
+
export type SelectOptionNativeRef = TouchableOpacity;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SelectProps } from '../../../components/select/SelectProps';
|
|
3
|
-
declare const SelectDynamic:
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
|
|
3
|
+
declare const SelectDynamic: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
} & React.RefAttributes<SelectRef>>;
|
|
4
6
|
export default SelectDynamic;
|
|
@@ -6,14 +6,16 @@ import { Input } from '../../../components/input';
|
|
|
6
6
|
import { useTrilogyContext } from '../../../context';
|
|
7
7
|
import { hashClass } from '../../../helpers';
|
|
8
8
|
import { SelectOption } from '../';
|
|
9
|
-
|
|
9
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
10
|
+
var SelectDynamic = React.forwardRef(function (_a, ref) {
|
|
10
11
|
var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className;
|
|
11
12
|
var styled = useTrilogyContext().styled;
|
|
12
13
|
var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
|
|
13
14
|
var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
|
|
14
15
|
var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName = _d[1];
|
|
15
16
|
var reactId = React.useId();
|
|
16
|
-
var selectClasses =
|
|
17
|
+
var selectClasses = hashClass(styled, clsx('select', className));
|
|
18
|
+
var optionsClasses = hashClass(styled, clsx('select-options'));
|
|
17
19
|
var onClickInput = React.useCallback(function () {
|
|
18
20
|
setIsFocused(function (prev) { return !prev; });
|
|
19
21
|
}, []);
|
|
@@ -29,9 +31,9 @@ var SelectDynamic = function (_a) {
|
|
|
29
31
|
}
|
|
30
32
|
}, [multiple]);
|
|
31
33
|
var isChecked = useCallback(function (value) {
|
|
32
|
-
return
|
|
34
|
+
return multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
|
|
33
35
|
? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
|
|
34
|
-
: selectedValues === value
|
|
36
|
+
: selectedValues === value;
|
|
35
37
|
}, [multiple, selectedValues]);
|
|
36
38
|
var setNewSelectedValues = useCallback(function (_a) {
|
|
37
39
|
var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
|
|
@@ -125,14 +127,15 @@ var SelectDynamic = function (_a) {
|
|
|
125
127
|
});
|
|
126
128
|
}, [multiple, selectedValues, children]);
|
|
127
129
|
return (React.createElement("div", { className: selectClasses },
|
|
128
|
-
React.createElement(Input, __assign({ value: selectedName.join(', '), name: name, disabled: disabled, placeholder: label, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: function (e) {
|
|
130
|
+
React.createElement(Input, __assign({ ref: ref, value: selectedName.join(', '), name: name, disabled: disabled, placeholder: label, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: function (e) {
|
|
129
131
|
e.preventDefault();
|
|
130
132
|
}, onKeyUp: function (e) {
|
|
131
133
|
e.preventDefault();
|
|
132
134
|
onKeyPressInput(e.inputKeyCode);
|
|
133
135
|
} }, { readOnly: true, id: id, role: 'combobox' })),
|
|
134
|
-
focused && React.createElement("ul", { role: 'listbox', className:
|
|
136
|
+
focused && (React.createElement("ul", { role: 'listbox', className: optionsClasses }, options)),
|
|
135
137
|
focused && ReactDOM.createPortal(modal, document.body)));
|
|
136
|
-
};
|
|
138
|
+
});
|
|
139
|
+
SelectDynamic.displayName = ComponentName.Select;
|
|
137
140
|
export default SelectDynamic;
|
|
138
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFdBQVcsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEUsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFBO0FBRWhDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE0QyxVQUFDLEVBYWxGLEVBQUUsR0FBRztRQVpKLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLFlBQVksUUFBa0MsQ0FBQTtJQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FB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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectProps } from '../../../components/select/SelectProps';
|
|
3
|
-
declare const SelectNative: (
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
|
|
3
|
+
declare const SelectNative: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<SelectRef>>;
|
|
4
4
|
export default SelectNative;
|
|
@@ -6,13 +6,14 @@ import { SelectOption } from '../../../components/select';
|
|
|
6
6
|
import { useTrilogyContext } from '../../../context/index';
|
|
7
7
|
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
8
8
|
import { has } from '../../../services/classify';
|
|
9
|
-
|
|
9
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
10
|
+
var SelectNative = React.forwardRef(function (_a, ref) {
|
|
10
11
|
var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "testId", "label", "iconName", "multiple", "className", "accessibilityLabel"]);
|
|
11
12
|
var styled = useTrilogyContext().styled;
|
|
12
13
|
var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
|
|
13
14
|
var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
|
|
14
|
-
var selectClasses =
|
|
15
|
-
var controlClass =
|
|
15
|
+
var selectClasses = hashClass(styled, clsx('select', className));
|
|
16
|
+
var controlClass = hashClass(styled, clsx('control', has('dynamic-placeholder'), iconName && 'has-icons-left'));
|
|
16
17
|
var handleFocus = React.useCallback(function (e) {
|
|
17
18
|
setIsFocused(true);
|
|
18
19
|
onFocus && onFocus(e);
|
|
@@ -27,7 +28,7 @@ var SelectNative = function (_a) {
|
|
|
27
28
|
return (React.createElement("div", { className: selectClasses },
|
|
28
29
|
React.createElement("div", { className: hashClass(styled, clsx('field', focused && 'focus')) },
|
|
29
30
|
React.createElement("div", { className: controlClass },
|
|
30
|
-
React.createElement("select", __assign({ className: hashClass(styled, clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
|
|
31
|
+
React.createElement("select", __assign({ ref: ref, className: hashClass(styled, clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
|
|
31
32
|
var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
|
|
32
33
|
setSelectedValues(selectedV);
|
|
33
34
|
if (onChange) {
|
|
@@ -47,6 +48,7 @@ var SelectNative = function (_a) {
|
|
|
47
48
|
})),
|
|
48
49
|
label && !multiple && React.createElement("label", { htmlFor: id }, label),
|
|
49
50
|
iconName && React.createElement(Icon, { name: iconName, size: 'small' })))));
|
|
50
|
-
};
|
|
51
|
+
});
|
|
52
|
+
SelectNative.displayName = ComponentName.Select;
|
|
51
53
|
export default SelectNative;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlCLFVBQUMsRUFnQjlELEVBQUUsR0FBRztJQWZKLElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1Qsa0JBQWtCLHdCQUFBLEVBQ2YsTUFBTSxjQWZvRCxpS0FnQjlELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxPQUFPLFFBQUEsRUFB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
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { SpacerProps } from './SpacerProps';
|
|
3
3
|
/**
|
|
4
4
|
* Spacer Component
|
|
5
5
|
* @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
|
|
6
6
|
* @param horizontal {Boolean} If horizontal margin
|
|
7
7
|
*/
|
|
8
|
-
declare const Spacer:
|
|
8
|
+
declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
export default Spacer;
|
|
@@ -2,12 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useTrilogyContext } from '../../context';
|
|
5
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
5
6
|
/**
|
|
6
7
|
* Spacer Component
|
|
7
8
|
* @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
|
|
8
9
|
* @param horizontal {Boolean} If horizontal margin
|
|
9
10
|
*/
|
|
10
|
-
var Spacer = function (_a) {
|
|
11
|
+
var Spacer = React.forwardRef(function (_a, ref) {
|
|
11
12
|
var size = _a.size, horizontal = _a.horizontal, className = _a.className, id = _a.id;
|
|
12
13
|
var styled = useTrilogyContext().styled;
|
|
13
14
|
var styles = {
|
|
@@ -17,7 +18,8 @@ var Spacer = function (_a) {
|
|
|
17
18
|
},
|
|
18
19
|
};
|
|
19
20
|
var classes = hashClass(styled, clsx(className));
|
|
20
|
-
return React.createElement("div", { id: id, style: styles.spacer, className: classes });
|
|
21
|
-
};
|
|
21
|
+
return React.createElement("div", { ref: ref, id: id, style: styles.spacer, className: classes });
|
|
22
|
+
});
|
|
23
|
+
Spacer.displayName = ComponentName.Spacer;
|
|
22
24
|
export default Spacer;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7R0FJRztBQUNILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlCLFVBQUMsRUFBbUMsRUFBRSxHQUFHO1FBQXRDLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUE7SUFDaEYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxNQUFNLEdBQUc7UUFDYixNQUFNLEVBQUU7WUFDTixVQUFVLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFHLElBQUksT0FBSSxDQUFDLENBQUMsQ0FBQyxLQUFLO1lBQzVDLFNBQVMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsS0FBSztTQUM3QztLQUNGLENBQUE7SUFDRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRWxELE9BQU8sNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUksQ0FBQTtBQUM1RSxDQUFDLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import { SpacerProps } from "./SpacerProps";
|
|
3
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Spacer Component
|
|
6
6
|
* @param size {SpacerSize} Size of the spacer
|
|
7
7
|
* @param horizontal {Boolean} If horizontal margin
|
|
8
8
|
*/
|
|
9
|
-
declare const Spacer:
|
|
10
|
-
({ size, horizontal }: SpacerProps): JSX.Element;
|
|
11
|
-
displayName: ComponentName;
|
|
12
|
-
};
|
|
9
|
+
declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<View>>;
|
|
13
10
|
export default Spacer;
|
|
@@ -6,7 +6,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
6
6
|
* @param size {SpacerSize} Size of the spacer
|
|
7
7
|
* @param horizontal {Boolean} If horizontal margin
|
|
8
8
|
*/
|
|
9
|
-
var Spacer = function (_a) {
|
|
9
|
+
var Spacer = React.forwardRef(function (_a, ref) {
|
|
10
10
|
var size = _a.size, horizontal = _a.horizontal;
|
|
11
11
|
var styles = StyleSheet.create({
|
|
12
12
|
spacer: {
|
|
@@ -14,8 +14,8 @@ var Spacer = function (_a) {
|
|
|
14
14
|
marginTop: (!horizontal && parseInt(size.toString())) || 0,
|
|
15
15
|
},
|
|
16
16
|
});
|
|
17
|
-
return React.createElement(View, { style: styles.spacer });
|
|
18
|
-
};
|
|
17
|
+
return React.createElement(View, { ref: ref, style: styles.spacer });
|
|
18
|
+
});
|
|
19
19
|
Spacer.displayName = ComponentName.Spacer;
|
|
20
20
|
export default Spacer;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUFvQixFQUFFLEdBQUc7UUFBdkIsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUMvRSxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFVBQVUsRUFBRSxDQUFDLFVBQVUsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDO1lBQzFELFNBQVMsRUFBRSxDQUFDLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDM0Q7S0FDRixDQUFDLENBQUE7SUFDRixPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxHQUFJLENBQUE7QUFDakQsQ0FBQyxDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import type { SpacerSize, SpacerSizeValues } from './SpacerEnum';
|
|
2
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
|
+
import { View } from 'react-native';
|
|
3
4
|
export interface SpacerProps extends CommonProps {
|
|
4
5
|
size: SpacerSize | typeof SpacerSizeValues;
|
|
5
6
|
horizontal?: boolean;
|
|
6
7
|
}
|
|
8
|
+
export type SpacerRef = HTMLDivElement;
|
|
9
|
+
export type SpacerNativeRef = View;
|
|
@@ -7,5 +7,5 @@ import { StepperProps } from './StepperProps';
|
|
|
7
7
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
8
|
* @param className Additionnal CSS Classes
|
|
9
9
|
*/
|
|
10
|
-
declare const Stepper:
|
|
10
|
+
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export default Stepper;
|
|
@@ -4,6 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { hashClass } from '../../helpers';
|
|
5
5
|
import { useTrilogyContext } from '../../context';
|
|
6
6
|
import { Text } from '../../components/text';
|
|
7
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
7
8
|
/**
|
|
8
9
|
* Stepper Component
|
|
9
10
|
* @param centered Center the stepper
|
|
@@ -11,7 +12,7 @@ import { Text } from '../../components/text';
|
|
|
11
12
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
13
|
* @param className Additionnal CSS Classes
|
|
13
14
|
*/
|
|
14
|
-
var Stepper = function (_a) {
|
|
15
|
+
var Stepper = React.forwardRef(function (_a, ref) {
|
|
15
16
|
var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
|
|
16
17
|
var styled = useTrilogyContext().styled;
|
|
17
18
|
var classes = hashClass(styled, clsx('stepper-wrapper', className));
|
|
@@ -42,13 +43,14 @@ var Stepper = function (_a) {
|
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
}, [children]);
|
|
45
|
-
return (React.createElement("div", __assign({ id: id, className: classes }, others),
|
|
46
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others),
|
|
46
47
|
children,
|
|
47
48
|
React.createElement("div", { className: 'step-count' },
|
|
48
49
|
React.createElement(Text, null,
|
|
49
50
|
currentStep,
|
|
50
51
|
"/",
|
|
51
52
|
nbChild))));
|
|
52
|
-
};
|
|
53
|
+
});
|
|
54
|
+
Stepper.displayName = ComponentName.Stepper;
|
|
53
55
|
export default Stepper;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ3RGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDL0QsSUFBQSxLQUFBLE9BQWdDLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBeEQsV0FBVyxRQUFBLEVBQUUsY0FBYyxRQUE2QixDQUFBO0lBRS9ELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQVM7UUFDcEMsSUFBSSxRQUFRLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUE7UUFDL0QsSUFBSSxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUFFLE9BQU8sQ0FBQyxDQUFBO1FBQ2xELE9BQU8sQ0FBQyxDQUFBO0lBQ1YsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFFBQVEsRUFBRTtZQUNaLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDM0IsSUFBSSxpQkFBZSxHQUFHLEtBQUssQ0FBQTtnQkFDM0IsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxLQUFLOztvQkFDeEIsSUFBSSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLDBDQUFFLE9BQU8sRUFBRTt3QkFDekIsaUJBQWUsR0FBRyxJQUFJLENBQUE7d0JBQ3RCLGNBQWMsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUE7cUJBQzFCO2dCQUNILENBQUMsQ0FBQyxDQUFBO2dCQUNGLElBQUksQ0FBQyxpQkFBZTtvQkFBRSxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDeEM7aUJBQU07Z0JBQ0wsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ2xCO1NBQ0Y7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU07UUFDbEQsUUFBUTtRQUNULDZCQUFLLFNBQVMsRUFBQyxZQUFZO1lBQ3pCLG9CQUFDLElBQUk7Z0JBQ0YsV0FBVzs7Z0JBQUcsT0FBTyxDQUNqQixDQUNILENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
2
3
|
import { StepperProps } from './StepperProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Stepper Component
|
|
6
6
|
* @param centered {boolean} Center the stepper
|
|
7
7
|
* @param children {ReactNode}
|
|
8
8
|
*/
|
|
9
|
-
declare const Stepper:
|
|
10
|
-
({ children, ...others }: StepperProps): JSX.Element;
|
|
11
|
-
displayName: ComponentName;
|
|
12
|
-
};
|
|
9
|
+
declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<View>>;
|
|
13
10
|
export default Stepper;
|
|
@@ -10,7 +10,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
10
10
|
* @param centered {boolean} Center the stepper
|
|
11
11
|
* @param children {ReactNode}
|
|
12
12
|
*/
|
|
13
|
-
var Stepper = function (_a) {
|
|
13
|
+
var Stepper = React.forwardRef(function (_a, ref) {
|
|
14
14
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
15
15
|
var _b = __read(React.useState({
|
|
16
16
|
step: 0,
|
|
@@ -78,7 +78,7 @@ var Stepper = function (_a) {
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}, [children]);
|
|
81
|
-
return (React.createElement(View,
|
|
81
|
+
return (React.createElement(View, { ref: ref },
|
|
82
82
|
React.createElement(View, __assign({ style: styles.steppers }, others), children),
|
|
83
83
|
React.createElement(View, { style: styles.step },
|
|
84
84
|
React.createElement(View, { style: styles.hasIcon },
|
|
@@ -89,7 +89,7 @@ var Stepper = function (_a) {
|
|
|
89
89
|
currentStep.step,
|
|
90
90
|
"/",
|
|
91
91
|
nbChild))));
|
|
92
|
-
};
|
|
92
|
+
});
|
|
93
93
|
Stepper.displayName = ComponentName.Stepper;
|
|
94
94
|
export default Stepper;
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMvRSxJQUFBLEtBQUEsT0FBZ0MsS0FBSyxDQUFDLFFBQVEsQ0FBZTtRQUNqRSxJQUFJLEVBQUUsQ0FBQztRQUNQLElBQUksRUFBRSxFQUFFO1FBQ1IsUUFBUSxFQUFFLEVBQUU7S0FDYixDQUFDLElBQUEsRUFKSyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBSWhDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFFBQVEsRUFBRTtZQUNSLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLElBQUksRUFBRSxDQUFDO1NBQ1I7UUFDRCxJQUFJLEVBQUU7WUFDSixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixVQUFVLEVBQUUsUUFBUTtZQUNwQixTQUFTLEVBQUUs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
|
|
@@ -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
|
* Stepper Interface
|
|
@@ -6,3 +7,5 @@ import { CommonProps } from '../../objects/facets/CommonProps';
|
|
|
6
7
|
export interface StepperProps extends CommonProps {
|
|
7
8
|
children?: React.ReactNode;
|
|
8
9
|
}
|
|
10
|
+
export type StepperRef = HTMLDivElement;
|
|
11
|
+
export type StepperNativeRef = View;
|
|
@@ -12,5 +12,5 @@ import { StepProps } from './StepProps';
|
|
|
12
12
|
* @param iconName {IconName | IconNameValues} display icon
|
|
13
13
|
* @param label {string} Step label
|
|
14
14
|
*/
|
|
15
|
-
declare const Step:
|
|
15
|
+
declare const Step: React.ForwardRefExoticComponent<StepProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export default Step;
|