@trilogy-ds/react 0.0.4-beta-v4 → 0.0.4-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 +34 -3
- package/lib/components/autocomplete/AutoComplete.js +49 -45
- package/lib/components/autocomplete/AutoComplete.native.d.ts +5 -3
- package/lib/components/autocomplete/AutoComplete.native.js +12 -9
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +4 -4
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +59 -56
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +59 -56
- 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 +13 -9
- package/lib/components/badge/Badge.native.js +87 -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 +275 -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 +6 -4
- package/lib/components/image/Image.js +15 -11
- package/lib/components/image/Image.native.d.ts +6 -8
- package/lib/components/image/Image.native.js +14 -13
- package/lib/components/image/ImageProps.d.ts +3 -1
- package/lib/components/image/ImagePropsDefaults.js +6 -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 +50 -39
- 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 +13 -11
- 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 +20 -5
- package/lib/components/select/Select.js +47 -10
- 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 +24 -6
- package/lib/components/select/SelectPropsDefaults.js +42 -9
- 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 +47 -12
- 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 +68 -178
- 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 +6 -7
- package/lib/components/tabs/Tabs.js +27 -17
- package/lib/components/tabs/Tabs.native.d.ts +11 -0
- package/lib/components/tabs/Tabs.native.js +32 -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 +10 -0
- package/lib/components/tabs/context/index.js +9 -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 +64 -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 +18 -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,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { AlertProps, ToasterStatusProps } from './AlertProps';
|
|
3
3
|
/**
|
|
4
4
|
* Alert Component
|
|
@@ -9,15 +9,19 @@ import { AlertProps, ToasterStatusProps } from './AlertProps';
|
|
|
9
9
|
* @param onClick {Function} onClick Event for all alert
|
|
10
10
|
* @param display {Boolean} Display Alert component
|
|
11
11
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
12
|
-
* @param className {string}
|
|
12
|
+
* @param className {string} Additional CSS Classes
|
|
13
13
|
* @param testId {string} Test Id for Test Integration
|
|
14
|
+
* @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
15
|
+
|
|
14
16
|
*/
|
|
15
|
-
declare const Alert:
|
|
17
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
18
|
/**
|
|
17
19
|
* Toaster Alert Provider
|
|
18
20
|
* @param children {React.ReactNode} Custom Toast Content
|
|
19
21
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
20
22
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
23
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
24
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
21
25
|
* @param others
|
|
22
26
|
*/
|
|
23
27
|
export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
|
|
@@ -1,58 +1,68 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
|
|
6
|
-
import { has, is } from '../../services/classify';
|
|
7
2
|
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
8
3
|
import { Text, TextLevels } from '../../components/text';
|
|
9
4
|
import { Title, TitleLevels } from '../../components/title';
|
|
10
|
-
import { ToasterAlertPosition } from './AlertProps';
|
|
11
|
-
import { hashClass } from '../../helpers';
|
|
12
5
|
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { hashClass } from '../../helpers';
|
|
7
|
+
import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
|
|
8
|
+
import { has, is } from '../../services/classify';
|
|
9
|
+
import clsx from 'clsx';
|
|
10
|
+
import * as React from 'react';
|
|
11
|
+
import { useEffect, useRef, useState } from 'react';
|
|
12
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
13
|
+
import { ToasterAlertFloat, ToasterAlertPosition } from './AlertProps';
|
|
13
14
|
import ToasterContext from './context';
|
|
14
15
|
/**
|
|
15
16
|
* Toaster Component
|
|
16
|
-
*
|
|
17
|
+
*
|
|
18
|
+
* This component displays a toast with various customization options.
|
|
19
|
+
*
|
|
20
|
+
* @param {Object} props - Component properties
|
|
21
|
+
* @param {React.ReactNode} [props.children] - Custom content of the toast
|
|
22
|
+
* @param {React.ReactNode} [props.toasterChildren] - Optional content of the toast
|
|
23
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
24
|
+
* @param {IconName | IconNameValues} [props.iconName] - Name of the icon to display
|
|
25
|
+
* @param {string | React.ReactNode} [props.title] - Title of the toast
|
|
26
|
+
* @param {string | React.ReactNode} [props.description] - Description of the toast
|
|
27
|
+
* @param {ClickEvent} [props.closable] - Function for closing the toast
|
|
28
|
+
* @param {ToasterAlertPosition} [props.position] - Position of the toast
|
|
29
|
+
* @param {ToasterAlertFloat} [props.float] - Floating of the toast
|
|
30
|
+
* @param {number} [props.offset] - Offset from the position
|
|
31
|
+
* @param {boolean} [props.display] - Indicates whether the toast should be displayed
|
|
32
|
+
* @param {string} [props.id] - Unique identifier for the toast
|
|
33
|
+
* @param {string} [props.testId] - Test identifier for test integration
|
|
34
|
+
* @param {string} [props.status] - Current status of the toast (INFO | SUCCESS | WARNING | ERROR)
|
|
35
|
+
* @param {string} [props.markup] - Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
36
|
+
* @param {ClickEvent} [props.onClick] - Function called when clicking on the toast
|
|
37
|
+
* @param {Object} [props.others] - Other additional properties
|
|
38
|
+
*
|
|
39
|
+
* @returns {JSX.Element | null} The toast component to display
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* <ToasterAlert
|
|
43
|
+
* title="Notification"
|
|
44
|
+
* description="This is a test notification"
|
|
45
|
+
* status="INFO"
|
|
46
|
+
* position={ToasterAlertPosition.TOP}
|
|
47
|
+
* closable={() => console.log('Toast closed')}
|
|
48
|
+
* />
|
|
17
49
|
*/
|
|
18
50
|
var ToasterAlert = function (_a) {
|
|
19
|
-
var
|
|
51
|
+
var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, markup = _a.markup, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren", "markup"]);
|
|
20
52
|
var styled = useTrilogyContext().styled;
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
top: offset || 0,
|
|
25
|
-
position: 'fixed',
|
|
26
|
-
};
|
|
27
|
-
var positionBottom = {
|
|
28
|
-
bottom: offset || 0,
|
|
29
|
-
position: 'fixed',
|
|
30
|
-
};
|
|
31
|
-
var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className));
|
|
32
|
-
if (!displayed) {
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
if (children) {
|
|
36
|
-
return (React.createElement("div", __assign({ id: id, style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
37
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
38
|
-
positionTop, onClick: function (e) {
|
|
39
|
-
// eslint-disable-next-line no-unused-expressions
|
|
40
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
41
|
-
e.stopPropagation();
|
|
42
|
-
}, className: classes }, others), children));
|
|
43
|
-
}
|
|
44
|
-
return title ? (React.createElement("div", __assign({ style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
45
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
46
|
-
positionTop, onClick: function (e) {
|
|
53
|
+
var positionStyles = __assign(__assign({ position: 'fixed' }, (position === ToasterAlertPosition.BOTTOM ? { bottom: offset || 0 } : { top: offset || 0 })), (float === ToasterAlertFloat.RIGHT ? { right: offset || 0 } : { left: offset || 0 }));
|
|
54
|
+
var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !status && is('info'), className));
|
|
55
|
+
return title && display !== false ? (React.createElement("div", __assign({ id: id, style: positionStyles, onClick: function (e) {
|
|
47
56
|
// eslint-disable-next-line no-unused-expressions
|
|
48
57
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
49
58
|
e.stopPropagation();
|
|
50
|
-
}, className: classes }, others),
|
|
59
|
+
}, className: classes, "data-testid": testId }, others), children ? (children) : (React.createElement(React.Fragment, null,
|
|
51
60
|
iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
|
|
52
61
|
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
53
|
-
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
54
|
-
description && React.createElement(Text, null, description)
|
|
55
|
-
|
|
62
|
+
title && (React.createElement(Title, { markup: markup, level: TitleLevels.SIX }, title)),
|
|
63
|
+
description && React.createElement(Text, null, description),
|
|
64
|
+
toasterChildren && toasterChildren),
|
|
65
|
+
closable && (React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL })))))) : null;
|
|
56
66
|
};
|
|
57
67
|
/**
|
|
58
68
|
* Alert Component
|
|
@@ -63,11 +73,13 @@ var ToasterAlert = function (_a) {
|
|
|
63
73
|
* @param onClick {Function} onClick Event for all alert
|
|
64
74
|
* @param display {Boolean} Display Alert component
|
|
65
75
|
* - ------------------ WEB PROPERTIES -----------------------
|
|
66
|
-
* @param className {string}
|
|
76
|
+
* @param className {string} Additional CSS Classes
|
|
67
77
|
* @param testId {string} Test Id for Test Integration
|
|
78
|
+
* @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
|
|
79
|
+
|
|
68
80
|
*/
|
|
69
|
-
var Alert = function (_a) {
|
|
70
|
-
var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display"]);
|
|
81
|
+
var Alert = React.forwardRef(function (_a, ref) {
|
|
82
|
+
var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, markup = _a.markup, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display", "markup"]);
|
|
71
83
|
var styled = useTrilogyContext().styled;
|
|
72
84
|
var classes = hashClass(styled, clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
|
|
73
85
|
var iconAlert = React.useMemo(function () {
|
|
@@ -80,23 +92,25 @@ var Alert = function (_a) {
|
|
|
80
92
|
return IconName.INFOS_CIRCLE;
|
|
81
93
|
}, [iconName, status]);
|
|
82
94
|
if (display) {
|
|
83
|
-
return (React.createElement("div", __assign({ id: id, onClick: function (e) {
|
|
95
|
+
return (React.createElement("div", __assign({ ref: ref, id: id, onClick: function (e) {
|
|
84
96
|
// eslint-disable-next-line no-unused-expressions
|
|
85
97
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
86
98
|
e.stopPropagation();
|
|
87
99
|
}, className: classes }, others),
|
|
88
100
|
React.createElement(Icon, { name: iconAlert }),
|
|
89
101
|
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
90
|
-
title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.SIX }, title) : title,
|
|
102
|
+
title && typeof title.valueOf() === 'string' ? (React.createElement(Title, { markup: markup, level: TitleLevels.SIX }, title)) : (title),
|
|
91
103
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO }, description)) : (description))));
|
|
92
104
|
}
|
|
93
105
|
return React.createElement("div", null);
|
|
94
|
-
};
|
|
106
|
+
});
|
|
95
107
|
/**
|
|
96
108
|
* Toaster Alert Provider
|
|
97
109
|
* @param children {React.ReactNode} Custom Toast Content
|
|
98
110
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
99
111
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
112
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
113
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
100
114
|
* @param others
|
|
101
115
|
*/
|
|
102
116
|
export var ToasterAlertProvider = function (_a) {
|
|
@@ -104,30 +118,27 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
104
118
|
var _b = __read(useState(null), 2), toasterState = _b[0], setToasterState = _b[1];
|
|
105
119
|
var _c = __read(useState(5000), 2), duration = _c[0], setDuration = _c[1];
|
|
106
120
|
var timeRef = useRef(null);
|
|
107
|
-
var showToast = function (params) {
|
|
121
|
+
var showToast = React.useCallback(function (params) {
|
|
122
|
+
var _a;
|
|
108
123
|
setToasterState(params);
|
|
124
|
+
(_a = params.onShow) === null || _a === void 0 ? void 0 : _a.call(params);
|
|
109
125
|
params.duration && params.duration > 0 && setDuration(params.duration);
|
|
110
126
|
timeRef.current && clearTimeout(timeRef.current);
|
|
111
|
-
};
|
|
127
|
+
}, [timeRef]);
|
|
112
128
|
useEffect(function () {
|
|
113
129
|
timeRef.current = setTimeout(function () {
|
|
130
|
+
var _a;
|
|
131
|
+
(_a = toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide) === null || _a === void 0 ? void 0 : _a.call(toasterState);
|
|
114
132
|
setToasterState(null);
|
|
115
133
|
}, duration);
|
|
134
|
+
return function () {
|
|
135
|
+
timeRef.current && clearTimeout(timeRef.current);
|
|
136
|
+
};
|
|
116
137
|
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
117
138
|
return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
|
|
118
139
|
children,
|
|
119
|
-
React.createElement(ToasterAlert, {
|
|
120
|
-
title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
|
|
121
|
-
id: toasterState === null || toasterState === void 0 ? void 0 : toasterState.id,
|
|
122
|
-
description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
|
|
123
|
-
position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
|
|
124
|
-
iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
|
|
125
|
-
status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
|
|
126
|
-
onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
|
|
127
|
-
onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
|
|
128
|
-
closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
|
|
129
|
-
offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
|
|
130
|
-
} })));
|
|
140
|
+
toasterState && (React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display, markup: toasterState.markup }))));
|
|
131
141
|
};
|
|
142
|
+
Alert.displayName = ComponentName.Alert;
|
|
132
143
|
export default Alert;
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
144
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9FLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ2hILE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUV0Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFrQkQ7SUFqQm5CLElBQUEsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FB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
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { AlertProps, ToasterStatusProps } from './AlertProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
3
|
/**
|
|
5
4
|
* Alert Component
|
|
6
5
|
* @param iconName {IconName} Custom icon
|
|
@@ -11,10 +10,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
11
10
|
* @param onClick {Function} onClick Event for all alert
|
|
12
11
|
* @param display {Boolean} Display Alert component
|
|
13
12
|
*/
|
|
14
|
-
declare const Alert:
|
|
15
|
-
({ banner, status, iconName, title, description, onClick, display, ...others }: AlertProps): JSX.Element;
|
|
16
|
-
displayName: ComponentName;
|
|
17
|
-
};
|
|
13
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<import("react-native").View>>;
|
|
18
14
|
/**
|
|
19
15
|
* Ui of the toast
|
|
20
16
|
* @param title {string} Notification title content
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { Column, Columns } from '../../components/columns';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
|
+
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
5
5
|
import { Spacer, SpacerSize } from '../../components/spacer';
|
|
6
|
-
import { View } from '../../components/view';
|
|
7
6
|
import { Text, TextLevels } from '../../components/text';
|
|
8
7
|
import { Title, TitleLevels } from '../../components/title';
|
|
8
|
+
import { View } from '../../components/view';
|
|
9
|
+
import { Alignable, TrilogyColor, TypographyBold } from '../../objects';
|
|
9
10
|
import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
|
|
10
|
-
import
|
|
11
|
+
import * as React from 'react';
|
|
12
|
+
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
13
|
+
import LibToast from 'react-native-toast-message';
|
|
14
|
+
import { Row, Rows } from '../rows';
|
|
11
15
|
import { ToasterAlertPosition } from './AlertProps';
|
|
12
|
-
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
13
|
-
import { TypographyBold } from '../../objects';
|
|
14
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
15
16
|
import ToasterContext from './context';
|
|
16
|
-
import LibToast from 'react-native-toast-message';
|
|
17
17
|
/**
|
|
18
18
|
* Function call by context for showing toast
|
|
19
19
|
* @param params {ToasterShowContext}
|
|
20
20
|
*/
|
|
21
21
|
var showToast = function (params) {
|
|
22
|
-
var position = params.position, duration = params.duration, offset = params.offset, title = params.title, description = params.description, onClick = params.onClick, closable = params.closable, onHide = params.onHide, iconName = params.iconName;
|
|
22
|
+
var position = params.position, duration = params.duration, offset = params.offset, title = params.title, description = params.description, onClick = params.onClick, closable = params.closable, onHide = params.onHide, iconName = params.iconName, status = params.status;
|
|
23
23
|
LibToast.show({
|
|
24
24
|
type: 'tomatoToast',
|
|
25
25
|
position: position || ToasterAlertPosition.BOTTOM,
|
|
@@ -27,7 +27,7 @@ var showToast = function (params) {
|
|
|
27
27
|
topOffset: offset || 10,
|
|
28
28
|
visibilityTime: duration || 5000,
|
|
29
29
|
onHide: onHide,
|
|
30
|
-
props: { title: title, description: description, closable: closable, iconName: iconName, alert: alert, onClick: onClick },
|
|
30
|
+
props: { title: title, description: description, closable: closable, iconName: iconName, alert: alert, onClick: onClick, status: status },
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
/**
|
|
@@ -40,16 +40,16 @@ var showToast = function (params) {
|
|
|
40
40
|
* @param onClick {Function} onClick Event for all alert
|
|
41
41
|
* @param display {Boolean} Display Alert component
|
|
42
42
|
*/
|
|
43
|
-
var Alert = function (_a) {
|
|
43
|
+
var Alert = React.forwardRef(function (_a, ref) {
|
|
44
44
|
var banner = _a.banner, status = _a.status, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "iconName", "title", "description", "onClick", "display"]);
|
|
45
45
|
var _c = getStatusStyle(status), color = _c.color, backgroundColor = _c.backgroundColor;
|
|
46
46
|
var alertView;
|
|
47
47
|
var styles = StyleSheet.create({
|
|
48
48
|
container: {
|
|
49
49
|
width: '100%',
|
|
50
|
-
paddingTop:
|
|
50
|
+
paddingTop: 12,
|
|
51
51
|
borderColor: status !== undefined ? color : backgroundColor,
|
|
52
|
-
paddingBottom:
|
|
52
|
+
paddingBottom: 12,
|
|
53
53
|
borderWidth: banner ? 0 : 1,
|
|
54
54
|
backgroundColor: backgroundColor,
|
|
55
55
|
borderRadius: banner ? 0 : 6,
|
|
@@ -58,15 +58,8 @@ var Alert = function (_a) {
|
|
|
58
58
|
paddingLeft: 12,
|
|
59
59
|
paddingRight: 12,
|
|
60
60
|
},
|
|
61
|
-
icon: {
|
|
62
|
-
justifyContent: 'center',
|
|
63
|
-
alignItems: 'center',
|
|
64
|
-
color: status !== undefined ? color : getColorStyle(TrilogyColor.MAIN),
|
|
65
|
-
},
|
|
66
61
|
description: {
|
|
67
62
|
justifyContent: 'center',
|
|
68
|
-
alignItems: 'center',
|
|
69
|
-
paddingBottom: 5,
|
|
70
63
|
textAlignVertical: 'center',
|
|
71
64
|
paddingLeft: 8,
|
|
72
65
|
},
|
|
@@ -78,23 +71,24 @@ var Alert = function (_a) {
|
|
|
78
71
|
// eslint-disable-next-line prefer-const
|
|
79
72
|
alertView = (
|
|
80
73
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
81
|
-
React.createElement(View, { style: [styles.container, others.style] },
|
|
82
|
-
React.createElement(Columns,
|
|
83
|
-
React.createElement(Column, {
|
|
84
|
-
React.createElement(
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
React.createElement(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
74
|
+
React.createElement(View, { style: [styles.container, others.style], ref: ref },
|
|
75
|
+
React.createElement(Columns, { gap: 2, verticalAlign: Alignable.ALIGNED_START },
|
|
76
|
+
React.createElement(Column, { narrow: true },
|
|
77
|
+
React.createElement(View, { style: { marginTop: -2 } },
|
|
78
|
+
React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status), color: status || TrilogyColor.MAIN }))),
|
|
79
|
+
React.createElement(Column, null,
|
|
80
|
+
React.createElement(Rows, __assign({}, { style: { flexGrow: 1 } }, { gap: description ? 2 : 0 }),
|
|
81
|
+
React.createElement(Row, null,
|
|
82
|
+
React.createElement(Text, { style: [styles.containerTitle], level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title)),
|
|
83
|
+
description && React.createElement(Spacer, { size: SpacerSize.ONE }),
|
|
84
|
+
React.createElement(Row, null, description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (React.createElement(View, { style: styles.description }, description))))))));
|
|
91
85
|
if (onClick && display)
|
|
92
86
|
return (React.createElement(View, null,
|
|
93
87
|
React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView)));
|
|
94
88
|
if (!onClick && display)
|
|
95
89
|
return alertView;
|
|
96
90
|
return React.createElement(View, null);
|
|
97
|
-
};
|
|
91
|
+
});
|
|
98
92
|
/**
|
|
99
93
|
* Ui of the toast
|
|
100
94
|
* @param title {string} Notification title content
|
|
@@ -119,16 +113,11 @@ export var ToasterAlert = function (_a) {
|
|
|
119
113
|
padding: 14,
|
|
120
114
|
borderRadius: 6,
|
|
121
115
|
},
|
|
122
|
-
icon: {
|
|
123
|
-
fontSize: 16,
|
|
124
|
-
color: color,
|
|
125
|
-
marginTop: 1.5,
|
|
126
|
-
},
|
|
127
116
|
});
|
|
128
117
|
return (React.createElement(View, { style: styles.toaster },
|
|
129
118
|
React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
|
|
130
119
|
React.createElement(Columns, null,
|
|
131
|
-
React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName })),
|
|
120
|
+
React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName, color: status || TrilogyColor.MAIN })),
|
|
132
121
|
React.createElement(Column, null,
|
|
133
122
|
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
134
123
|
description && (React.createElement(React.Fragment, null,
|
|
@@ -159,4 +148,4 @@ export var ToasterAlertProvider = function (_a) {
|
|
|
159
148
|
};
|
|
160
149
|
Alert.displayName = ComponentName.Alert;
|
|
161
150
|
export default Alert;
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ25DLE9BQU8sRUFBOEIsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ25HLE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUd0Qzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBdUIsVUFBQyxN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
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export var AlertMarkup;
|
|
2
|
+
(function (AlertMarkup) {
|
|
3
|
+
AlertMarkup["P"] = "p";
|
|
4
|
+
AlertMarkup["H2"] = "h2";
|
|
5
|
+
AlertMarkup["H3"] = "h3";
|
|
6
|
+
AlertMarkup["H4"] = "h4";
|
|
7
|
+
AlertMarkup["H5"] = "h5";
|
|
8
|
+
AlertMarkup["H6"] = "h6";
|
|
9
|
+
})(AlertMarkup || (AlertMarkup = {}));
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRFbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydEVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksV0FPWDtBQVBELFdBQVksV0FBVztJQUNyQixzQkFBTyxDQUFBO0lBQ1Asd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7SUFDVCx3QkFBUyxDQUFBO0lBQ1Qsd0JBQVMsQ0FBQTtJQUNULHdCQUFTLENBQUE7QUFDWCxDQUFDLEVBUFcsV0FBVyxLQUFYLFdBQVcsUUFPdEIifQ==
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { Accessibility, Dev, StatusProps } from '../../objects/facets';
|
|
2
|
+
import { View } from 'react-native';
|
|
4
3
|
import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
|
|
5
4
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
5
|
+
import { Accessibility } from '../../objects/facets/Accessibility';
|
|
6
|
+
import { Clickable } from '../../objects/facets/Clickable';
|
|
6
7
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
8
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
9
|
+
import { StatusProps } from '../../objects/facets/Status';
|
|
10
|
+
import { AlertMarkup, AlertMarkupValues } from './AlertEnum';
|
|
7
11
|
export declare enum ToasterAlertPosition {
|
|
8
12
|
TOP = "top",
|
|
9
13
|
BOTTOM = "bottom"
|
|
10
14
|
}
|
|
15
|
+
export declare enum ToasterAlertFloat {
|
|
16
|
+
RIGHT = "right",
|
|
17
|
+
LEFT = "left"
|
|
18
|
+
}
|
|
11
19
|
export interface ToasterStatusProps extends StatusProps, Clickable, Accessibility, Dev {
|
|
12
20
|
children?: React.ReactNode;
|
|
13
21
|
className?: string;
|
|
@@ -18,11 +26,13 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
|
|
|
18
26
|
deletable?: ClickEvent | boolean;
|
|
19
27
|
closable?: ClickEvent;
|
|
20
28
|
position?: ToasterAlertPosition;
|
|
29
|
+
float?: ToasterAlertFloat;
|
|
21
30
|
duration?: number;
|
|
22
31
|
offset?: number;
|
|
23
32
|
display?: boolean;
|
|
24
33
|
onShow?: () => void;
|
|
25
34
|
onHide?: () => void;
|
|
35
|
+
markup?: AlertMarkup | AlertMarkupValues;
|
|
26
36
|
}
|
|
27
37
|
/**
|
|
28
38
|
* Alert Interface
|
|
@@ -34,4 +44,7 @@ export interface AlertProps extends StatusProps, Clickable, Accessibility, Dev,
|
|
|
34
44
|
display?: boolean;
|
|
35
45
|
toaster?: boolean;
|
|
36
46
|
banner?: boolean;
|
|
47
|
+
markup?: AlertMarkup | AlertMarkupValues;
|
|
37
48
|
}
|
|
49
|
+
export type AlertRef = HTMLDivElement;
|
|
50
|
+
export type AlertNativeRef = View;
|
|
@@ -3,4 +3,9 @@ export var ToasterAlertPosition;
|
|
|
3
3
|
ToasterAlertPosition["TOP"] = "top";
|
|
4
4
|
ToasterAlertPosition["BOTTOM"] = "bottom";
|
|
5
5
|
})(ToasterAlertPosition || (ToasterAlertPosition = {}));
|
|
6
|
-
|
|
6
|
+
export var ToasterAlertFloat;
|
|
7
|
+
(function (ToasterAlertFloat) {
|
|
8
|
+
ToasterAlertFloat["RIGHT"] = "right";
|
|
9
|
+
ToasterAlertFloat["LEFT"] = "left";
|
|
10
|
+
})(ToasterAlertFloat || (ToasterAlertFloat = {}));
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvQWxlcnRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVQSxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLG1DQUFXLENBQUE7SUFDWCx5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQjtBQUNELE1BQU0sQ0FBTixJQUFZLGlCQUdYO0FBSEQsV0FBWSxpQkFBaUI7SUFDM0Isb0NBQWUsQ0FBQTtJQUNmLGtDQUFhLENBQUE7QUFDZixDQUFDLEVBSFcsaUJBQWlCLEtBQWpCLGlCQUFpQixRQUc1QiJ9
|
|
@@ -103,6 +103,24 @@ export default {
|
|
|
103
103
|
"true"
|
|
104
104
|
]
|
|
105
105
|
},
|
|
106
|
+
"markup": {
|
|
107
|
+
"type": "enum",
|
|
108
|
+
"values": [
|
|
109
|
+
"undefined",
|
|
110
|
+
"p",
|
|
111
|
+
"h2",
|
|
112
|
+
"h3",
|
|
113
|
+
"h4",
|
|
114
|
+
"h5",
|
|
115
|
+
"h6",
|
|
116
|
+
"p",
|
|
117
|
+
"h2",
|
|
118
|
+
"h3",
|
|
119
|
+
"h4",
|
|
120
|
+
"h5",
|
|
121
|
+
"h6"
|
|
122
|
+
]
|
|
123
|
+
},
|
|
106
124
|
"status": {
|
|
107
125
|
"type": "enum",
|
|
108
126
|
"values": [
|
|
@@ -138,6 +138,14 @@ export default {
|
|
|
138
138
|
"bottom"
|
|
139
139
|
]
|
|
140
140
|
},
|
|
141
|
+
"float": {
|
|
142
|
+
"type": "enum",
|
|
143
|
+
"values": [
|
|
144
|
+
"undefined",
|
|
145
|
+
"right",
|
|
146
|
+
"left"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
141
149
|
"duration": {
|
|
142
150
|
"type": "string",
|
|
143
151
|
"values": [
|
|
@@ -174,6 +182,24 @@ export default {
|
|
|
174
182
|
"() => void"
|
|
175
183
|
]
|
|
176
184
|
},
|
|
185
|
+
"markup": {
|
|
186
|
+
"type": "enum",
|
|
187
|
+
"values": [
|
|
188
|
+
"undefined",
|
|
189
|
+
"p",
|
|
190
|
+
"h2",
|
|
191
|
+
"h3",
|
|
192
|
+
"h4",
|
|
193
|
+
"h5",
|
|
194
|
+
"h6",
|
|
195
|
+
"p",
|
|
196
|
+
"h2",
|
|
197
|
+
"h3",
|
|
198
|
+
"h4",
|
|
199
|
+
"h5",
|
|
200
|
+
"h6"
|
|
201
|
+
]
|
|
202
|
+
},
|
|
177
203
|
"status": {
|
|
178
204
|
"type": "enum",
|
|
179
205
|
"values": [
|
|
@@ -90,6 +90,24 @@ export default {
|
|
|
90
90
|
"() => void"
|
|
91
91
|
]
|
|
92
92
|
},
|
|
93
|
+
"markup": {
|
|
94
|
+
"type": "enum",
|
|
95
|
+
"values": [
|
|
96
|
+
"undefined",
|
|
97
|
+
"p",
|
|
98
|
+
"h2",
|
|
99
|
+
"h3",
|
|
100
|
+
"h4",
|
|
101
|
+
"h5",
|
|
102
|
+
"h6",
|
|
103
|
+
"p",
|
|
104
|
+
"h2",
|
|
105
|
+
"h3",
|
|
106
|
+
"h4",
|
|
107
|
+
"h5",
|
|
108
|
+
"h6"
|
|
109
|
+
]
|
|
110
|
+
},
|
|
93
111
|
"status": {
|
|
94
112
|
"type": "enum",
|
|
95
113
|
"values": [
|