@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-calendar
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 +3 -3
- 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 +4 -4
- package/lib/components/accordion/item/AccordionItem.js +24 -11
- package/lib/components/accordion/item/AccordionItem.native.d.ts +4 -7
- package/lib/components/accordion/item/AccordionItem.native.js +33 -36
- package/lib/components/accordion/item/AccordionItemProps.d.ts +3 -0
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +12 -8
- 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 +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +10 -8
- 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 +7 -3
- package/lib/components/alert/Alert.js +71 -60
- package/lib/components/alert/Alert.native.d.ts +1 -5
- package/lib/components/alert/Alert.native.js +29 -40
- package/lib/components/alert/AlertEnum.d.ts +9 -0
- package/lib/components/alert/AlertEnum.js +10 -0
- package/lib/components/alert/AlertProps.d.ts +15 -2
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/AlertPropsDefaults.js +18 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +26 -0
- package/lib/components/alert/context/ToastPropsDefaults.js +18 -0
- package/lib/components/alert/context/ToasterContextProps.d.ts +4 -2
- package/lib/components/autocomplete/AutoComplete.d.ts +4 -5
- package/lib/components/autocomplete/AutoComplete.js +16 -15
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +3 -0
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +59 -4
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +59 -4
- package/lib/components/autocomplete/Autocomplete.helpers.js +7 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +1 -1
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/badge/Badge.d.ts +4 -4
- package/lib/components/badge/Badge.js +16 -12
- package/lib/components/badge/Badge.native.d.ts +12 -8
- package/lib/components/badge/Badge.native.js +85 -15
- package/lib/components/badge/BadgeProps.d.ts +17 -7
- package/lib/components/badge/BadgeProps.js +10 -2
- package/lib/components/badge/BadgePropsDefaults.js +18 -12
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/index.js +2 -1
- package/lib/components/box/Box.d.ts +4 -3
- package/lib/components/box/Box.js +17 -19
- package/lib/components/box/Box.native.d.ts +3 -7
- package/lib/components/box/Box.native.js +42 -54
- package/lib/components/box/BoxProps.d.ts +8 -1
- package/lib/components/box/BoxPropsDefaults.js +22 -2
- package/lib/components/box/content/BoxContent.d.ts +4 -3
- package/lib/components/box/content/BoxContent.js +18 -11
- package/lib/components/box/content/BoxContent.native.d.ts +5 -7
- package/lib/components/box/content/BoxContent.native.js +20 -11
- package/lib/components/box/content/BoxContentProps.d.ts +5 -1
- package/lib/components/box/content/BoxContentPropsDefaults.js +7 -1
- package/lib/components/box/context/boxContext.d.ts +4 -0
- package/lib/components/box/context/boxContext.js +3 -0
- package/lib/components/box/footer/BoxFooter.d.ts +3 -4
- package/lib/components/box/footer/BoxFooter.js +11 -10
- 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/footer/BoxFooterPropsDefaults.js +7 -1
- package/lib/components/box/header/BoxHeader.d.ts +5 -4
- package/lib/components/box/header/BoxHeader.js +15 -11
- 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/header/BoxHeaderPropsDefaults.js +13 -3
- package/lib/components/box/item/BoxItem.d.ts +3 -3
- package/lib/components/box/item/BoxItem.js +10 -8
- 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 +4 -4
- package/lib/components/box/table-container/BoxTableContainer.js +11 -9
- 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 +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +12 -9
- 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 +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +13 -14
- 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/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +9 -9
- package/lib/components/button/Button.d.ts +4 -4
- package/lib/components/button/Button.js +24 -23
- package/lib/components/button/Button.native.d.ts +4 -7
- package/lib/components/button/Button.native.js +92 -133
- package/lib/components/button/ButtonProps.d.ts +8 -3
- package/lib/components/button/ButtonPropsDefaults.js +11 -11
- package/lib/components/button/list/ButtonList.d.ts +6 -2
- package/lib/components/button/list/ButtonList.js +17 -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/button/list/ButtonListWebPropsDefaults.js +3 -1
- package/lib/components/button/list/index.d.ts +1 -0
- package/lib/components/button/list/index.js +2 -1
- package/lib/components/calendar/Calendar.d.ts +8 -0
- package/lib/components/calendar/Calendar.js +269 -0
- package/lib/components/calendar/CalendarProps.d.ts +11 -0
- package/lib/components/calendar/CalendarProps.js +2 -0
- package/lib/components/calendar/CalendarPropsDefaults.js +63 -0
- package/lib/components/calendar/index.d.ts +2 -0
- package/lib/components/calendar/index.js +3 -0
- package/lib/components/card/Card.d.ts +3 -4
- package/lib/components/card/Card.js +12 -11
- package/lib/components/card/Card.native.d.ts +3 -7
- package/lib/components/card/Card.native.js +23 -21
- package/lib/components/card/CardProps.d.ts +6 -1
- package/lib/components/card/content/CardContent.d.ts +3 -3
- package/lib/components/card/content/CardContent.js +10 -8
- package/lib/components/card/content/CardContent.native.d.ts +3 -14
- package/lib/components/card/content/CardContent.native.js +7 -55
- package/lib/components/card/content/CardContentProps.d.ts +4 -1
- package/lib/components/card/image/CardImage.d.ts +3 -3
- package/lib/components/card/image/CardImage.js +12 -10
- package/lib/components/card/image/CardImage.native.d.ts +3 -6
- package/lib/components/card/image/CardImage.native.js +16 -15
- package/lib/components/card/image/CardImageProps.d.ts +4 -1
- package/lib/components/checkbox/Checkbox.d.ts +6 -4
- package/lib/components/checkbox/Checkbox.js +27 -13
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -6
- package/lib/components/checkbox/Checkbox.native.js +15 -109
- package/lib/components/checkbox/{CheckboxPropsDefaults.js → CheckboxCommonPropsDefaults.js} +8 -7
- package/lib/components/checkbox/CheckboxProps.d.ts +18 -4
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +94 -0
- package/lib/components/checkbox/CheckboxWithLabelDefaults.js +84 -0
- package/lib/components/checkbox/index.d.ts +4 -2
- package/lib/components/checkbox/index.js +5 -3
- package/lib/components/checkbox/list/CheckboxList.d.ts +14 -0
- package/lib/components/checkbox/list/CheckboxList.js +36 -0
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +10 -0
- package/lib/components/checkbox/list/CheckboxList.native.js +40 -0
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +27 -0
- package/lib/components/checkbox/list/CheckboxListProps.js +2 -0
- package/lib/components/checkbox/list/CheckboxListPropsDefaults.js +17 -0
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +68 -0
- package/lib/components/checkbox/list/index.d.ts +2 -0
- package/lib/components/checkbox/list/index.js +3 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +7 -5
- package/lib/components/checkbox/tiles/CheckboxTiles.js +18 -13
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +22 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +5 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +13 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +17 -5
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +33 -17
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +110 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +7 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +9 -49
- package/lib/components/chips/Chips.d.ts +4 -4
- package/lib/components/chips/Chips.js +13 -11
- 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 +11 -9
- 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 +4 -0
- package/lib/components/chips/list/ChipsListPropsDefaults.js +7 -0
- package/lib/components/columns/Columns.d.ts +4 -4
- package/lib/components/columns/Columns.js +15 -12
- package/lib/components/columns/Columns.native.d.ts +3 -9
- package/lib/components/columns/Columns.native.js +44 -67
- package/lib/components/columns/ColumnsProps.d.ts +6 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +14 -2
- package/lib/components/columns/column/Column.d.ts +4 -4
- package/lib/components/columns/column/Column.js +12 -10
- package/lib/components/columns/column/Column.native.d.ts +8 -11
- package/lib/components/columns/column/Column.native.js +31 -25
- package/lib/components/columns/column/ColumnProps.d.ts +4 -1
- package/lib/components/columns/column/ColumnPropsDefaults.js +20 -16
- package/lib/components/columns/column/index.d.ts +1 -1
- package/lib/components/columns/column/index.js +2 -2
- package/lib/components/columns/context/index.d.ts +8 -0
- package/lib/components/columns/context/index.js +9 -0
- package/lib/components/container/Container.d.ts +2 -3
- package/lib/components/container/Container.js +2 -2
- 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 +3 -3
- package/lib/components/countdown/Countdown.js +11 -9
- 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 +4 -4
- package/lib/components/divider/Divider.js +16 -27
- package/lib/components/divider/Divider.native.d.ts +4 -7
- package/lib/components/divider/Divider.native.js +24 -24
- package/lib/components/divider/DividerProps.d.ts +3 -0
- package/lib/components/enumsComponentsName.d.ts +13 -2
- package/lib/components/enumsComponentsName.js +14 -3
- 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/flex-box/FlexBox.d.ts +17 -0
- package/lib/components/flex-box/FlexBox.js +52 -0
- package/lib/components/flex-box/FlexBox.native.d.ts +5 -0
- package/lib/components/flex-box/FlexBox.native.js +56 -0
- package/lib/components/flex-box/FlexBoxProps.d.ts +29 -0
- package/lib/components/flex-box/FlexBoxProps.js +2 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +111 -0
- package/lib/components/flex-box/ResponsiveValueDefaults.js +23 -0
- package/lib/components/flex-box/context/index.d.ts +7 -0
- package/lib/components/flex-box/context/index.js +8 -0
- package/lib/components/flex-box/flex-item/FlexItem.d.ts +28 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +42 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.d.ts +29 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.js +56 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +23 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.js +2 -0
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +85 -0
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +110 -0
- package/lib/components/flex-box/index.d.ts +3 -0
- package/lib/components/flex-box/index.js +4 -0
- package/lib/components/hero/Hero.d.ts +2 -3
- package/lib/components/hero/Hero.js +2 -2
- package/lib/components/hero/Hero.native.js +11 -7
- package/lib/components/hero/HeroProps.d.ts +5 -0
- package/lib/components/hero/HeroPropsDefaults.js +17 -1
- package/lib/components/icon/Icon.d.ts +3 -3
- package/lib/components/icon/Icon.js +16 -13
- package/lib/components/icon/Icon.native.d.ts +4 -7
- package/lib/components/icon/Icon.native.js +35 -20
- package/lib/components/icon/IconProps.d.ts +6 -3
- package/lib/components/icon/IconPropsDefaults.js +7 -25
- package/lib/components/image/Image.d.ts +8 -4
- package/lib/components/image/Image.js +17 -11
- package/lib/components/image/Image.native.d.ts +8 -8
- package/lib/components/image/Image.native.js +36 -13
- package/lib/components/image/ImageProps.d.ts +5 -1
- package/lib/components/image/ImagePropsDefaults.js +15 -2
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.js +3 -1
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.d.ts +45 -3
- package/lib/components/input/Input.js +46 -33
- package/lib/components/input/Input.native.d.ts +4 -6
- package/lib/components/input/Input.native.js +48 -36
- package/lib/components/input/InputChangeEventWebDefaults.js +7 -0
- package/lib/components/input/InputEnum.d.ts +2 -1
- package/lib/components/input/InputEnum.js +1 -1
- package/lib/components/input/InputProps.d.ts +18 -3
- package/lib/components/input/InputPropsDefaults.js +59 -4
- package/lib/components/input/gauge/InputGauge.d.ts +4 -2
- package/lib/components/input/gauge/InputGauge.js +15 -13
- package/lib/components/input/gauge/InputGauge.native.d.ts +3 -2
- package/lib/components/input/gauge/InputGauge.native.js +27 -17
- package/lib/components/input/gauge/hook/useGauge.d.ts +11 -3
- package/lib/components/input/gauge/hook/useGauge.js +39 -15
- package/lib/components/link/Link.d.ts +4 -4
- package/lib/components/link/Link.js +12 -10
- package/lib/components/link/Link.native.d.ts +4 -8
- package/lib/components/link/Link.native.js +17 -65
- package/lib/components/link/LinkDefaults.js +334 -0
- package/lib/components/link/LinkProps.d.ts +12 -2
- package/lib/components/link/LinkPropsDefaults.js +85 -9
- package/lib/components/link/LinkPropsNativeDefaults.js +405 -0
- package/lib/components/list/List.d.ts +6 -5
- package/lib/components/list/List.js +16 -12
- package/lib/components/list/List.native.d.ts +6 -7
- package/lib/components/list/List.native.js +14 -9
- package/lib/components/list/ListProps.d.ts +4 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.d.ts +4 -4
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/ListItem.native.d.ts +5 -8
- package/lib/components/list/item/ListItem.native.js +35 -56
- package/lib/components/list/item/ListItemProps.d.ts +6 -2
- package/lib/components/list/item/ListItemProps.js +3 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +4 -0
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -3
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- 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 +5 -6
- package/lib/components/modal/Modal.js +71 -73
- package/lib/components/modal/Modal.native.d.ts +5 -8
- package/lib/components/modal/Modal.native.js +62 -119
- package/lib/components/modal/ModalProps.d.ts +6 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/body/ModalBody.d.ts +3 -3
- package/lib/components/modal/body/ModalBody.js +7 -5
- package/lib/components/modal/body/ModalBody.native.d.ts +3 -6
- package/lib/components/modal/body/ModalBody.native.js +17 -13
- package/lib/components/modal/body/ModalBodyProps.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -3
- package/lib/components/modal/footer/ModalFooter.js +9 -7
- package/lib/components/modal/footer/ModalFooter.native.d.ts +4 -7
- package/lib/components/modal/footer/ModalFooter.native.js +27 -15
- package/lib/components/modal/footer/ModalFooterProps.d.ts +3 -0
- package/lib/components/otp/Otp.d.ts +3 -3
- package/lib/components/otp/Otp.js +16 -10
- package/lib/components/otp/Otp.native.d.ts +4 -7
- package/lib/components/otp/Otp.native.js +46 -47
- package/lib/components/otp/OtpProps.d.ts +3 -0
- package/lib/components/pagination/Pagination.d.ts +4 -5
- package/lib/components/pagination/Pagination.js +11 -7
- package/lib/components/pagination/Pagination.native.d.ts +4 -7
- package/lib/components/pagination/Pagination.native.js +5 -5
- package/lib/components/pagination/PaginationProps.d.ts +3 -1
- package/lib/components/pagination/PaginationPropsDefaults.js +0 -7
- package/lib/components/popover/Popover.d.ts +3 -3
- package/lib/components/popover/Popover.js +12 -10
- 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 +3 -3
- package/lib/components/price/Price.js +18 -15
- package/lib/components/price/Price.native.d.ts +3 -6
- package/lib/components/price/Price.native.js +17 -16
- package/lib/components/price/PriceProps.d.ts +3 -0
- package/lib/components/price/PricePropsDefaults.js +6 -2
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +7 -5
- 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 +2 -2
- package/lib/components/progress/Progress.js +16 -10
- package/lib/components/progress/Progress.native.d.ts +5 -7
- package/lib/components/progress/Progress.native.js +44 -22
- package/lib/components/progress/ProgressProps.d.ts +6 -0
- package/lib/components/progress/ProgressPropsDefaults.js +22 -0
- package/lib/components/progress/index.d.ts +2 -1
- package/lib/components/progress/index.js +3 -2
- package/lib/components/progress/item/ProgressItem.d.ts +15 -0
- package/lib/components/progress/item/ProgressItem.js +28 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +12 -0
- package/lib/components/progress/item/ProgressItem.native.js +34 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +20 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +76 -0
- package/lib/components/progress/item/index.d.ts +2 -0
- package/lib/components/progress/item/index.js +3 -0
- package/lib/components/progress/radial/ProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.js +8 -6
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +14 -13
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -0
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +20 -4
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +3 -0
- package/lib/components/radio/Radio.d.ts +7 -6
- package/lib/components/radio/Radio.js +25 -20
- package/lib/components/radio/Radio.native.d.ts +8 -18
- package/lib/components/radio/Radio.native.js +26 -146
- package/lib/components/radio/RadioProps.d.ts +5 -2
- package/lib/components/radio/RadioPropsDefaults.js +8 -0
- package/lib/components/radio/list/RadioList.d.ts +8 -7
- package/lib/components/radio/list/RadioList.js +27 -14
- package/lib/components/radio/list/RadioList.native.d.ts +3 -6
- package/lib/components/radio/list/RadioList.native.js +22 -7
- package/lib/components/radio/list/RadioListProps.d.ts +6 -1
- package/lib/components/radio/list/RadioListPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +17 -1
- package/lib/components/radio/tiles/RadioTiles.d.ts +10 -6
- package/lib/components/radio/tiles/RadioTiles.js +19 -11
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +12 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +4 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +13 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +19 -6
- package/lib/components/radio/tiles/tile/RadioTile.js +43 -24
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +20 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +124 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +6 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +27 -0
- package/lib/components/range/Range.d.ts +13 -2
- package/lib/components/range/Range.js +45 -21
- package/lib/components/range/Range.native.d.ts +7 -9
- package/lib/components/range/Range.native.js +16 -15
- package/lib/components/range/RangeNativePropsDefaults.js +9 -0
- package/lib/components/range/RangeProps.d.ts +10 -2
- package/lib/components/range/RangePropsDefaults.js +15 -0
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +7 -5
- 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 +2 -2
- package/lib/components/rows/row/Row.js +7 -5
- 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.d.ts +1 -1
- package/lib/components/scroll-view/ScrollView.js +4 -3
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -3
- package/lib/components/scroll-view/ScrollView.native.js +13 -12
- package/lib/components/scroll-view/ScrollViewProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +7 -1
- package/lib/components/section/Section.d.ts +2 -2
- package/lib/components/section/Section.js +7 -5
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +16 -19
- package/lib/components/section/SectionProps.d.ts +8 -0
- package/lib/components/section/SectionPropsDefaults.js +14 -1
- package/lib/components/segment-control/SegmentControl.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.js +9 -7
- package/lib/components/segment-control/SegmentControl.native.d.ts +2 -6
- package/lib/components/segment-control/SegmentControl.native.js +11 -9
- package/lib/components/segment-control/SegmentControlProps.d.ts +3 -0
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +3 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.js +12 -10
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -6
- package/lib/components/segment-control/item/SegmentControlItem.native.js +9 -9
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -0
- package/lib/components/select/PropsDefaults.js +169 -0
- package/lib/components/select/Select.d.ts +19 -4
- package/lib/components/select/Select.js +46 -9
- package/lib/components/select/Select.native.d.ts +3 -7
- package/lib/components/select/Select.native.js +14 -12
- package/lib/components/select/SelectChangeEventDefaults.js +4 -0
- package/lib/components/select/SelectChangeEventNativeDefaults.js +37 -0
- package/lib/components/select/SelectEnum.d.ts +5 -0
- package/lib/components/select/SelectEnum.js +6 -0
- package/lib/components/select/SelectNativePropsDefaults.js +204 -0
- package/lib/components/select/SelectProps.d.ts +23 -5
- package/lib/components/select/SelectPropsDefaults.js +41 -8
- package/lib/components/select/context/index.d.ts +13 -0
- package/lib/components/select/context/index.js +10 -0
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +46 -30
- package/lib/components/select/option/SelectOption.native.d.ts +3 -6
- package/lib/components/select/option/SelectOption.native.js +19 -21
- 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 +67 -121
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +23 -10
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +7 -5
- 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 +2 -2
- package/lib/components/stepper/Stepper.js +8 -6
- package/lib/components/stepper/Stepper.native.d.ts +3 -6
- package/lib/components/stepper/Stepper.native.js +10 -8
- package/lib/components/stepper/StepperProps.d.ts +3 -0
- package/lib/components/stepper/step/Step.d.ts +2 -2
- package/lib/components/stepper/step/Step.js +7 -5
- package/lib/components/stepper/step/Step.native.d.ts +3 -7
- package/lib/components/stepper/step/Step.native.js +7 -10
- package/lib/components/stepper/step/StepProps.d.ts +3 -0
- package/lib/components/sticker/Sticker.d.ts +4 -3
- package/lib/components/sticker/Sticker.js +13 -7
- package/lib/components/sticker/Sticker.native.d.ts +4 -6
- package/lib/components/sticker/Sticker.native.js +22 -13
- package/lib/components/sticker/StickerProps.d.ts +5 -2
- package/lib/components/sticker/StickerPropsDefaults.js +9 -2
- package/lib/components/sticker/index.d.ts +0 -1
- package/lib/components/sticker/index.js +1 -2
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +8 -7
- package/lib/components/switch/Switch.native.d.ts +4 -7
- package/lib/components/switch/Switch.native.js +13 -15
- package/lib/components/switch/SwitchProps.d.ts +3 -0
- package/lib/components/table/Table.d.ts +3 -3
- package/lib/components/table/Table.js +7 -5
- 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 +3 -3
- package/lib/components/table/body/TableBody.js +7 -5
- 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/body/TableBodyPropsDefaults.js +14 -2
- package/lib/components/table/head/TableHead.d.ts +3 -3
- package/lib/components/table/head/TableHead.js +7 -5
- 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/head/TableHeadPropsDefaults.js +14 -2
- package/lib/components/table/td/TableTd.d.ts +3 -3
- package/lib/components/table/td/TableTd.js +7 -5
- 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 +3 -3
- package/lib/components/table/th/TableTh.js +7 -5
- 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 +3 -3
- package/lib/components/table/tr/TableTr.js +7 -5
- 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/table/tr/TableTrPropsWebDefaults.js +7 -1
- package/lib/components/tabs/Tabs.d.ts +7 -8
- package/lib/components/tabs/Tabs.js +28 -18
- package/lib/components/tabs/Tabs.native.d.ts +11 -0
- package/lib/components/tabs/Tabs.native.js +33 -0
- package/lib/components/tabs/TabsProps.d.ts +4 -0
- package/lib/components/tabs/TabsPropsDefaults.js +14 -2
- package/lib/components/tabs/context/index.d.ts +11 -0
- package/lib/components/tabs/context/index.js +10 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabList.js +75 -9
- package/lib/components/tabs/tab-list/TabList.native.d.ts +14 -0
- package/lib/components/tabs/tab-list/TabList.native.js +83 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +3 -1
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +6 -5
- package/lib/components/tabs/tab-list/tab/Tab.js +37 -44
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +66 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +9 -9
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +2 -2
- package/lib/components/tabs/tab-panels/TabPanels.js +14 -7
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +13 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +33 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +2 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +13 -7
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +11 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +44 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +3 -0
- package/lib/components/tag/Tag.d.ts +3 -3
- package/lib/components/tag/Tag.js +8 -6
- package/lib/components/tag/Tag.native.d.ts +3 -6
- package/lib/components/tag/Tag.native.js +10 -11
- package/lib/components/tag/TagProps.d.ts +3 -6
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/tag/list/TagList.native.d.ts +3 -6
- package/lib/components/tag/list/TagList.native.js +5 -4
- package/lib/components/tag/list/TagListProps.d.ts +3 -0
- package/lib/components/tag/list/TagListPropsDefaults.js +3 -1
- package/lib/components/text/Text.d.ts +3 -4
- package/lib/components/text/Text.js +7 -6
- package/lib/components/text/Text.native.d.ts +3 -7
- package/lib/components/text/Text.native.js +12 -12
- package/lib/components/text/TextProps.d.ts +3 -0
- package/lib/components/textarea/Textarea.d.ts +3 -3
- package/lib/components/textarea/Textarea.js +32 -29
- package/lib/components/textarea/Textarea.native.d.ts +31 -2
- package/lib/components/textarea/Textarea.native.js +15 -11
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +7 -5
- 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 +6 -4
- package/lib/components/timeline/content/TimelineContent.js +15 -11
- package/lib/components/timeline/content/TimelineContent.native.d.ts +6 -10
- package/lib/components/timeline/content/TimelineContent.native.js +13 -14
- package/lib/components/timeline/content/TimelineContentProps.d.ts +3 -0
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +7 -5
- package/lib/components/timeline/item/TimelineItem.native.d.ts +3 -6
- package/lib/components/timeline/item/TimelineItem.native.js +6 -6
- package/lib/components/timeline/item/TimelineItemProps.d.ts +3 -0
- package/lib/components/timeline/marker/TimelineMarker.d.ts +4 -4
- package/lib/components/timeline/marker/TimelineMarker.js +8 -6
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +4 -7
- package/lib/components/timeline/marker/TimelineMarker.native.js +13 -11
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -0
- package/lib/components/title/Title.d.ts +4 -4
- package/lib/components/title/Title.js +7 -5
- package/lib/components/title/Title.native.d.ts +4 -7
- package/lib/components/title/Title.native.js +32 -39
- package/lib/components/title/TitleProps.d.ts +3 -0
- package/lib/components/title/TitlePropsDefaults.js +3 -3
- package/lib/components/view/View.d.ts +4 -4
- package/lib/components/view/View.js +6 -6
- 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 +11 -2
- package/lib/components/view/ViewProps.js +8 -1
- package/lib/components/view/ViewPropsDefaults.js +34 -10
- package/lib/context/index.d.ts +1 -1
- package/lib/context/provider.d.ts +2 -1
- package/lib/context/provider.js +6 -4
- package/lib/context/providerStyled.js +5 -5
- package/lib/events/OnClickEvent.d.ts +1 -1
- package/lib/helpers/device.d.ts +3 -0
- package/lib/helpers/device.js +5 -4
- package/lib/helpers/device.native.d.ts +19 -0
- package/lib/helpers/device.native.js +36 -0
- package/lib/helpers/hashClassesHelpers.d.ts +1 -1
- package/lib/helpers/hashClassesHelpers.js +5 -5
- package/lib/helpers/require.d.ts +2 -0
- package/lib/helpers/require.js +3 -0
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/objects/Typography/TypographyColor.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +36 -38
- package/lib/objects/facets/Alignable.d.ts +8 -1
- package/lib/objects/facets/Alignable.js +17 -1
- package/lib/objects/facets/Color.d.ts +7 -4
- package/lib/objects/facets/Color.js +12 -2
- package/lib/objects/facets/Direction.d.ts +7 -0
- package/lib/objects/facets/Direction.js +8 -0
- package/lib/objects/facets/Justifiable.d.ts +14 -5
- package/lib/objects/facets/Justifiable.js +44 -13
- package/lib/objects/facets/index.d.ts +1 -0
- package/lib/objects/facets/index.js +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/lib/version.json +3 -0
- package/package.json +21 -6
- package/lib/components/sticker/StickerEnum.d.ts +0 -24
- package/lib/components/sticker/StickerEnum.js +0 -19
- package/lib/components/tag/TagClickEventDefaults.js +0 -1
- package/lib/hash.json +0 -3
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { StyleSheet, View } from 'react-native';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
-
import { CountdownFormat, CountdownUnite } from './CountdownEnum';
|
|
6
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
3
|
import { Text, TextLevels } from '../../components/text';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import React, { useEffect, useState } from 'react';
|
|
6
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
7
|
import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography';
|
|
8
|
+
import { CountdownFormat, CountdownUnite } from './CountdownEnum';
|
|
9
9
|
var calculateTimer = function (timeDifference) {
|
|
10
10
|
var seconds = Math.floor((timeDifference / 1000) % 60);
|
|
11
11
|
var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
|
|
@@ -23,7 +23,7 @@ var calculateTimer = function (timeDifference) {
|
|
|
23
23
|
* @param centered
|
|
24
24
|
* @param others
|
|
25
25
|
*/
|
|
26
|
-
var Countdown = function (_a) {
|
|
26
|
+
var Countdown = React.forwardRef(function (_a, ref) {
|
|
27
27
|
var deadline = _a.deadline, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "format", "event", "small", "inverted"]);
|
|
28
28
|
var _b = __read(useState(false), 2), init = _b[0], setInit = _b[1];
|
|
29
29
|
var _c = __read(useState(deadline), 2), timeLeft = _c[0], setTimeLeft = _c[1];
|
|
@@ -144,7 +144,7 @@ var Countdown = function (_a) {
|
|
|
144
144
|
margin: 8,
|
|
145
145
|
},
|
|
146
146
|
});
|
|
147
|
-
return (React.createElement(View, __assign({ style: styles.countdown }, others),
|
|
147
|
+
return (React.createElement(View, __assign({ ref: ref, style: styles.countdown }, others),
|
|
148
148
|
(show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text, testId: 'day-id' },
|
|
149
149
|
timer.days ? timer.days : 0,
|
|
150
150
|
React.createElement(Text, { style: styles.date }, "j"))),
|
|
@@ -160,7 +160,7 @@ var Countdown = function (_a) {
|
|
|
160
160
|
(show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text, level: TextLevels.ONE },
|
|
161
161
|
timer.seconds ? timer.seconds : 0,
|
|
162
162
|
React.createElement(Text, { style: styles.date }, "s")))));
|
|
163
|
-
};
|
|
163
|
+
});
|
|
164
164
|
Countdown.displayName = ComponentName.Countdown;
|
|
165
165
|
export default Countdown;
|
|
166
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
166
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDakYsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFD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
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type View } from 'react-native';
|
|
1
2
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
2
|
-
import { CountdownFormat } from './CountdownEnum';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { CountdownFormat } from './CountdownEnum';
|
|
4
5
|
/**
|
|
5
6
|
* Countdown Interface
|
|
6
7
|
*/
|
|
@@ -11,3 +12,5 @@ export interface CountdownProps extends CommonProps {
|
|
|
11
12
|
small?: boolean;
|
|
12
13
|
inverted?: boolean;
|
|
13
14
|
}
|
|
15
|
+
export type CountdownRef = HTMLUListElement;
|
|
16
|
+
export type CountdownNativeRef = View;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
1
|
+
import { DividerProps } from '../../components/divider/DividerProps';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* Divider Component
|
|
5
5
|
* @param content {string} Add text content for Divider
|
|
6
6
|
* @param unboxed {boolean} Full-width separator in another component
|
|
7
7
|
* @param marginless {boolean} delete margin
|
|
8
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
|
-
* @param className {string}
|
|
9
|
+
* @param className {string} Additional CSS Classes (ONLY FOR WEB)
|
|
10
10
|
* @param iconName {IconName} Custom icon for Divider
|
|
11
11
|
* @param color {TrilogyColor} Border color of Divider
|
|
12
12
|
* @param others
|
|
13
13
|
*/
|
|
14
|
-
declare const Divider:
|
|
14
|
+
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
15
|
export default Divider;
|
|
@@ -1,43 +1,32 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import { is } from '../../services/classify';
|
|
4
|
-
import { Icon, IconSize } from '../icon';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { hashClass } from '../../helpers';
|
|
2
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
7
3
|
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
+
import { has, is } from '../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Divider Component
|
|
10
11
|
* @param content {string} Add text content for Divider
|
|
11
12
|
* @param unboxed {boolean} Full-width separator in another component
|
|
12
13
|
* @param marginless {boolean} delete margin
|
|
13
14
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string}
|
|
15
|
+
* @param className {string} Additional CSS Classes (ONLY FOR WEB)
|
|
15
16
|
* @param iconName {IconName} Custom icon for Divider
|
|
16
17
|
* @param color {TrilogyColor} Border color of Divider
|
|
17
18
|
* @param others
|
|
18
19
|
*/
|
|
19
|
-
var Divider = function (_a) {
|
|
20
|
+
var Divider = React.forwardRef(function (_a, ref) {
|
|
20
21
|
var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
|
|
21
22
|
var styled = useTrilogyContext().styled;
|
|
22
|
-
var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && '
|
|
23
|
+
var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && has('icon')));
|
|
23
24
|
var contentClasses = hashClass(styled, clsx('divider-content'));
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
|
|
31
|
-
React.createElement("p", { className: contentClasses }, content)));
|
|
32
|
-
}
|
|
33
|
-
// si il y a seulement une icone
|
|
34
|
-
if (iconName) {
|
|
35
|
-
return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
|
|
36
|
-
React.createElement("p", { className: contentClasses },
|
|
37
|
-
React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }))));
|
|
38
|
-
}
|
|
39
|
-
// divider normal trilogy
|
|
40
|
-
return React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others));
|
|
41
|
-
};
|
|
25
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": 'separator', className: classes }, others),
|
|
26
|
+
React.createElement("p", { className: contentClasses },
|
|
27
|
+
iconName && !content && React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }),
|
|
28
|
+
content && content)));
|
|
29
|
+
});
|
|
30
|
+
Divider.displayName = ComponentName.Divider;
|
|
42
31
|
export default Divider;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFTM0QsRUFBRSxHQUFHO0lBUkosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJpRCwrRUFTM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQ3hCLENBQ0YsQ0FBQTtJQUNELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUVqRSxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQzNFLDJCQUFHLFNBQVMsRUFBRSxjQUFjO1lBQ3pCLFFBQVEsSUFBSSxDQUFDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUN2RSxPQUFPLElBQUksT0FBTyxDQUNqQixDQUNBLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { DividerProps } from './DividerProps';
|
|
4
4
|
/**
|
|
5
5
|
* Divider Native Component
|
|
6
6
|
* @param content {string} Add text content for Divider
|
|
@@ -10,8 +10,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
10
10
|
* @param color {TrilogyColor} Border color of Divider
|
|
11
11
|
* @param others
|
|
12
12
|
*/
|
|
13
|
-
declare const Divider:
|
|
14
|
-
({ content, unboxed, marginless, iconName, inverted, ...others }: DividerProps): JSX.Element;
|
|
15
|
-
displayName: ComponentName;
|
|
16
|
-
};
|
|
13
|
+
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<View>>;
|
|
17
14
|
export default Divider;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconColor } from '../../components/icon';
|
|
4
|
+
import { Text } from '../../components/text';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
8
|
/**
|
|
9
9
|
* Divider Native Component
|
|
10
10
|
* @param content {string} Add text content for Divider
|
|
@@ -14,8 +14,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
14
14
|
* @param color {TrilogyColor} Border color of Divider
|
|
15
15
|
* @param others
|
|
16
16
|
*/
|
|
17
|
-
var Divider = function (_a) {
|
|
18
|
-
var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName,
|
|
17
|
+
var Divider = React.forwardRef(function (_a, ref) {
|
|
18
|
+
var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, others = __rest(_a, ["content", "unboxed", "marginless", "iconName"]);
|
|
19
19
|
var _b = __read(React.useState(0), 2), textWidth = _b[0], setTextWidth = _b[1];
|
|
20
20
|
var _c = __read(React.useState(0), 2), containerWidth = _c[0], setContainerWidth = _c[1];
|
|
21
21
|
var dividerColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
@@ -25,41 +25,41 @@ var Divider = function (_a) {
|
|
|
25
25
|
marginTop: 16,
|
|
26
26
|
borderBottomColor: dividerColor,
|
|
27
27
|
borderBottomWidth: 1,
|
|
28
|
-
width:
|
|
29
|
-
alignSelf: ((unboxed || marginless) &&
|
|
28
|
+
width: '100%',
|
|
29
|
+
alignSelf: ((unboxed || marginless) && 'stretch') || 'auto',
|
|
30
30
|
},
|
|
31
31
|
dividerContent: {
|
|
32
32
|
borderBottomColor: dividerColor,
|
|
33
33
|
borderBottomWidth: 1,
|
|
34
|
-
alignSelf:
|
|
35
|
-
justifyContent:
|
|
34
|
+
alignSelf: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
36
|
width: "".concat(((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100, "%"),
|
|
37
37
|
},
|
|
38
38
|
container: {
|
|
39
|
-
flexDirection:
|
|
40
|
-
alignItems:
|
|
41
|
-
justifyContent:
|
|
42
|
-
maxWidth:
|
|
39
|
+
flexDirection: 'row',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
justifyContent: 'space-between',
|
|
42
|
+
maxWidth: '100%',
|
|
43
43
|
},
|
|
44
44
|
content: {
|
|
45
|
-
justifyContent:
|
|
46
|
-
backgroundColor:
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
backgroundColor: 'transparent',
|
|
47
47
|
borderRadius: iconName ? 50 : 0,
|
|
48
48
|
padding: iconName ? 6 : 0,
|
|
49
49
|
},
|
|
50
50
|
textContent: {
|
|
51
|
-
textAlign:
|
|
52
|
-
color: getColorStyle(TrilogyColor.
|
|
51
|
+
textAlign: 'center',
|
|
52
|
+
color: getColorStyle(TrilogyColor.MAIN),
|
|
53
53
|
},
|
|
54
54
|
});
|
|
55
55
|
var ContentDivider = React.useMemo(function () {
|
|
56
56
|
if (content)
|
|
57
57
|
return React.createElement(Text, { style: styles.textContent }, content);
|
|
58
58
|
if (iconName && !content)
|
|
59
|
-
return
|
|
59
|
+
return React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' });
|
|
60
60
|
}, [content, iconName]);
|
|
61
61
|
if (content || iconName) {
|
|
62
|
-
return (React.createElement(View, { style: styles.container, onLayout: function (event) {
|
|
62
|
+
return (React.createElement(View, { ref: ref, style: styles.container, onLayout: function (event) {
|
|
63
63
|
setContainerWidth(event.nativeEvent.layout.width);
|
|
64
64
|
} },
|
|
65
65
|
React.createElement(View, __assign({ style: styles.dividerContent }, others)),
|
|
@@ -69,7 +69,7 @@ var Divider = function (_a) {
|
|
|
69
69
|
React.createElement(View, __assign({ style: styles.dividerContent }, others))));
|
|
70
70
|
}
|
|
71
71
|
return React.createElement(View, __assign({ style: styles.divider }, others));
|
|
72
|
-
};
|
|
72
|
+
});
|
|
73
73
|
Divider.displayName = ComponentName.Divider;
|
|
74
74
|
export default Divider;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUQsRUFBRSxHQUFHO0lBQXhELElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbkQsZ0RBQXFELENBQUY7SUFDN0csSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFD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
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Marginless } from '../../objects';
|
|
2
2
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
3
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { View } from 'react-native';
|
|
4
5
|
/**
|
|
5
6
|
* Divider Interface
|
|
6
7
|
*/
|
|
@@ -10,3 +11,5 @@ export interface DividerProps extends Marginless, CommonProps {
|
|
|
10
11
|
iconName?: IconNameValues | IconName;
|
|
11
12
|
inverted?: boolean;
|
|
12
13
|
}
|
|
14
|
+
export type DividerRef = HTMLDivElement;
|
|
15
|
+
export type DividerNativeRef = View;
|
|
@@ -22,6 +22,7 @@ export declare enum ComponentName {
|
|
|
22
22
|
BreadcrumbItem = "BreadcrumbItem",
|
|
23
23
|
Button = "Button",
|
|
24
24
|
ButtonList = "ButtonList",
|
|
25
|
+
Calendar = "Calendar",
|
|
25
26
|
ButtonVariant = "ButtonVariant",
|
|
26
27
|
ButtonMarkup = "ButtonMarkup",
|
|
27
28
|
ButtonType = "ButtonType",
|
|
@@ -30,7 +31,9 @@ export declare enum ComponentName {
|
|
|
30
31
|
CardContent = "CardContent",
|
|
31
32
|
CircleIcon = "CircleIcon",
|
|
32
33
|
Checkbox = "Checkbox",
|
|
33
|
-
|
|
34
|
+
CheckboxList = "CheckboxList",
|
|
35
|
+
CheckboxTiles = "CheckboxTiles",
|
|
36
|
+
CheckboxTile = "CheckboxTile",
|
|
34
37
|
Columns = "Columns",
|
|
35
38
|
Column = "Column",
|
|
36
39
|
Container = "Container",
|
|
@@ -38,6 +41,8 @@ export declare enum ComponentName {
|
|
|
38
41
|
Countdown = "Countdown",
|
|
39
42
|
Divider = "Divider",
|
|
40
43
|
Fab = "Fab",
|
|
44
|
+
FlexBox = "FlexBox",
|
|
45
|
+
FlexItem = "FlexItem",
|
|
41
46
|
Hero = "Hero",
|
|
42
47
|
Icon = "Icon",
|
|
43
48
|
Image = "Image",
|
|
@@ -99,6 +104,8 @@ export declare enum ComponentName {
|
|
|
99
104
|
Otp = "Otp",
|
|
100
105
|
Radio = "Radio",
|
|
101
106
|
RadioList = "RadioList",
|
|
107
|
+
RadioTiles = "RadioTiles",
|
|
108
|
+
RadioTile = "RadioTile",
|
|
102
109
|
Rows = "Rows",
|
|
103
110
|
Row = "Row",
|
|
104
111
|
ScrollView = "ScrollView",
|
|
@@ -111,6 +118,7 @@ export declare enum ComponentName {
|
|
|
111
118
|
StatusIcon = "StatusIcon",
|
|
112
119
|
Stepper = "Stepper",
|
|
113
120
|
StepperStep = "StepperStep",
|
|
121
|
+
Step = "Step",
|
|
114
122
|
StepperStepMarkup = "StepperStepMarkup",
|
|
115
123
|
Sticker = "Sticker",
|
|
116
124
|
StickerVariant = "StickerVariant",
|
|
@@ -123,7 +131,10 @@ export declare enum ComponentName {
|
|
|
123
131
|
TableTh = "TableTh",
|
|
124
132
|
TableTd = "TableTd",
|
|
125
133
|
Tabs = "Tabs",
|
|
126
|
-
|
|
134
|
+
Tab = "Tab",
|
|
135
|
+
TabList = "TabList",
|
|
136
|
+
TabPanel = "TabPanel",
|
|
137
|
+
TabPanels = "TabPanels",
|
|
127
138
|
Tag = "Tag",
|
|
128
139
|
TagVariant = "TagVariant",
|
|
129
140
|
TagList = "TagList",
|
|
@@ -23,6 +23,7 @@ export var ComponentName;
|
|
|
23
23
|
ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
|
|
24
24
|
ComponentName["Button"] = "Button";
|
|
25
25
|
ComponentName["ButtonList"] = "ButtonList";
|
|
26
|
+
ComponentName["Calendar"] = "Calendar";
|
|
26
27
|
ComponentName["ButtonVariant"] = "ButtonVariant";
|
|
27
28
|
ComponentName["ButtonMarkup"] = "ButtonMarkup";
|
|
28
29
|
ComponentName["ButtonType"] = "ButtonType";
|
|
@@ -31,7 +32,9 @@ export var ComponentName;
|
|
|
31
32
|
ComponentName["CardContent"] = "CardContent";
|
|
32
33
|
ComponentName["CircleIcon"] = "CircleIcon";
|
|
33
34
|
ComponentName["Checkbox"] = "Checkbox";
|
|
34
|
-
ComponentName["
|
|
35
|
+
ComponentName["CheckboxList"] = "CheckboxList";
|
|
36
|
+
ComponentName["CheckboxTiles"] = "CheckboxTiles";
|
|
37
|
+
ComponentName["CheckboxTile"] = "CheckboxTile";
|
|
35
38
|
ComponentName["Columns"] = "Columns";
|
|
36
39
|
ComponentName["Column"] = "Column";
|
|
37
40
|
ComponentName["Container"] = "Container";
|
|
@@ -39,6 +42,8 @@ export var ComponentName;
|
|
|
39
42
|
ComponentName["Countdown"] = "Countdown";
|
|
40
43
|
ComponentName["Divider"] = "Divider";
|
|
41
44
|
ComponentName["Fab"] = "Fab";
|
|
45
|
+
ComponentName["FlexBox"] = "FlexBox";
|
|
46
|
+
ComponentName["FlexItem"] = "FlexItem";
|
|
42
47
|
ComponentName["Hero"] = "Hero";
|
|
43
48
|
ComponentName["Icon"] = "Icon";
|
|
44
49
|
ComponentName["Image"] = "Image";
|
|
@@ -100,6 +105,8 @@ export var ComponentName;
|
|
|
100
105
|
ComponentName["Otp"] = "Otp";
|
|
101
106
|
ComponentName["Radio"] = "Radio";
|
|
102
107
|
ComponentName["RadioList"] = "RadioList";
|
|
108
|
+
ComponentName["RadioTiles"] = "RadioTiles";
|
|
109
|
+
ComponentName["RadioTile"] = "RadioTile";
|
|
103
110
|
ComponentName["Rows"] = "Rows";
|
|
104
111
|
ComponentName["Row"] = "Row";
|
|
105
112
|
ComponentName["ScrollView"] = "ScrollView";
|
|
@@ -112,6 +119,7 @@ export var ComponentName;
|
|
|
112
119
|
ComponentName["StatusIcon"] = "StatusIcon";
|
|
113
120
|
ComponentName["Stepper"] = "Stepper";
|
|
114
121
|
ComponentName["StepperStep"] = "StepperStep";
|
|
122
|
+
ComponentName["Step"] = "Step";
|
|
115
123
|
ComponentName["StepperStepMarkup"] = "StepperStepMarkup";
|
|
116
124
|
ComponentName["Sticker"] = "Sticker";
|
|
117
125
|
ComponentName["StickerVariant"] = "StickerVariant";
|
|
@@ -124,7 +132,10 @@ export var ComponentName;
|
|
|
124
132
|
ComponentName["TableTh"] = "TableTh";
|
|
125
133
|
ComponentName["TableTd"] = "TableTd";
|
|
126
134
|
ComponentName["Tabs"] = "Tabs";
|
|
127
|
-
ComponentName["
|
|
135
|
+
ComponentName["Tab"] = "Tab";
|
|
136
|
+
ComponentName["TabList"] = "TabList";
|
|
137
|
+
ComponentName["TabPanel"] = "TabPanel";
|
|
138
|
+
ComponentName["TabPanels"] = "TabPanels";
|
|
128
139
|
ComponentName["Tag"] = "Tag";
|
|
129
140
|
ComponentName["TagVariant"] = "TagVariant";
|
|
130
141
|
ComponentName["TagList"] = "TagList";
|
|
@@ -152,4 +163,4 @@ export var ComponentName;
|
|
|
152
163
|
ComponentName["ChipsList"] = "ChipsList";
|
|
153
164
|
ComponentName["Range"] = "Range";
|
|
154
165
|
})(ComponentName || (ComponentName = {}));
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
166
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQW1LWDtBQW5LRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixzQ0FBcUIsQ0FBQTtJQUNyQixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIs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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { FabProps } from './FabProps';
|
|
3
3
|
/**
|
|
4
4
|
* Fab Component - Floating Button Action
|
|
@@ -16,5 +16,5 @@ import { FabProps } from './FabProps';
|
|
|
16
16
|
* @param disabled {boolean} disabled button
|
|
17
17
|
* @param testId {string} Test Id for Test Integration
|
|
18
18
|
**/
|
|
19
|
-
declare const Fab:
|
|
19
|
+
declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
20
|
export default Fab;
|
|
@@ -5,6 +5,7 @@ import { hashClass } from '../../helpers';
|
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { Icon } from '../../components/icon';
|
|
7
7
|
import { is } from '../../services';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Fab Component - Floating Button Action
|
|
10
11
|
* @param children {ReactNode} Text for fab button
|
|
@@ -21,7 +22,7 @@ import { is } from '../../services';
|
|
|
21
22
|
* @param disabled {boolean} disabled button
|
|
22
23
|
* @param testId {string} Test Id for Test Integration
|
|
23
24
|
**/
|
|
24
|
-
var Fab = function (_a) {
|
|
25
|
+
var Fab = React.forwardRef(function (_a, ref) {
|
|
25
26
|
var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, id = _a.id, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled"]);
|
|
26
27
|
var styled = useTrilogyContext().styled;
|
|
27
28
|
var _c = __read(useState(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
|
|
@@ -41,12 +42,13 @@ var Fab = function (_a) {
|
|
|
41
42
|
position: 'relative',
|
|
42
43
|
};
|
|
43
44
|
var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
|
|
44
|
-
return (React.createElement("button", __assign({ id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
|
|
45
|
+
return (React.createElement("button", __assign({ ref: ref, id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
|
|
45
46
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
46
47
|
e.stopPropagation();
|
|
47
48
|
}, style: __assign({}, positionStyle) }, others, { className: _className }),
|
|
48
49
|
React.createElement(Icon, { name: iconName }),
|
|
49
50
|
children));
|
|
50
|
-
};
|
|
51
|
+
});
|
|
52
|
+
Fab.displayName = ComponentName.Fab;
|
|
51
53
|
export default Fab;
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHFDLCtJQWUvQyxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxnQkFDTixrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TouchableOpacity } from "react-native";
|
|
2
3
|
import { FabProps } from "./FabProps";
|
|
3
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Fab Native Component
|
|
6
6
|
* @param children {string} label fab button
|
|
@@ -14,8 +14,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
14
14
|
* @param right {number} position right
|
|
15
15
|
* @param disabled {boolean} disabled button
|
|
16
16
|
*/
|
|
17
|
-
declare const Fab:
|
|
18
|
-
({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, disabled, testId }: FabProps): JSX.Element;
|
|
19
|
-
displayName: ComponentName;
|
|
20
|
-
};
|
|
17
|
+
declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<TouchableOpacity>>;
|
|
21
18
|
export default Fab;
|
|
@@ -17,7 +17,7 @@ import { Text } from "../../components/text";
|
|
|
17
17
|
* @param right {number} position right
|
|
18
18
|
* @param disabled {boolean} disabled button
|
|
19
19
|
*/
|
|
20
|
-
var Fab = function (_a) {
|
|
20
|
+
var Fab = React.forwardRef(function (_a, ref) {
|
|
21
21
|
var children = _a.children, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, extended = _a.extended, onClick = _a.onClick, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId;
|
|
22
22
|
var styles = StyleSheet.create({
|
|
23
23
|
button: {
|
|
@@ -55,10 +55,10 @@ var Fab = function (_a) {
|
|
|
55
55
|
height: 56,
|
|
56
56
|
},
|
|
57
57
|
});
|
|
58
|
-
return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
|
|
58
|
+
return (React.createElement(TouchableOpacity, { ref: ref, style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
|
|
59
59
|
React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
|
|
60
60
|
React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
|
|
61
|
-
};
|
|
61
|
+
});
|
|
62
62
|
Fab.displayName = ComponentName.Fab;
|
|
63
63
|
export default Fab;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBSSxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBWXpDLEVBQUUsR0FBRztRQVhKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsU0FBUyxFQUFFLEVBQUU7WUFDYixNQUFNLEVBQUUs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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconName, IconNameValues } from "../../components/icon";
|
|
3
3
|
import { Accessibility, Clickable, Dev } from "../../objects";
|
|
4
|
-
import { DimensionValue } from "react-native";
|
|
4
|
+
import { DimensionValue, type TouchableOpacity } from "react-native";
|
|
5
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
6
|
/**
|
|
7
7
|
* Fab Interface
|
|
@@ -17,3 +17,5 @@ export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
|
|
|
17
17
|
right?: DimensionValue | number | undefined;
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
}
|
|
20
|
+
export type FabRef = HTMLButtonElement;
|
|
21
|
+
export type FabNativeRef = TouchableOpacity;
|