@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +8 -8
- package/lib/components/accordion/AccordionProps.d.ts +2 -3
- package/lib/components/accordion/AccordionPropsDefaults.js +2 -2
- package/lib/components/accordion/body/AccordionBody.d.ts +4 -4
- package/lib/components/accordion/body/AccordionBody.js +9 -9
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +3 -3
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +9 -2
- package/lib/components/accordion/header/AccordionHeader.d.ts +3 -3
- package/lib/components/accordion/header/AccordionHeader.js +7 -7
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +2 -4
- package/lib/components/accordion/header/AccordionHeaderPropsDefaults.js +2 -10
- package/lib/components/accordion/item/AccordionItemProps.d.ts +2 -3
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +14 -14
- package/lib/components/alert/Alert.d.ts +2 -2
- package/lib/components/alert/Alert.js +22 -22
- package/lib/components/alert/Alert.native.d.ts +3 -3
- package/lib/components/alert/Alert.native.js +34 -34
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/alert/AlertPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToastPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToasterContextProps.d.ts +1 -0
- package/lib/components/autocomplete/AutoComplete.js +4 -4
- package/lib/components/autocomplete/AutoComplete.native.d.ts +2 -2
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +5 -1
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +69 -84
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +69 -84
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +2 -1
- package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js +14 -0
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +3 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js +14 -7
- package/lib/components/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +15 -15
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/BadgePropsDefaults.js +14 -7
- package/lib/components/box/Box.d.ts +2 -6
- package/lib/components/box/Box.js +16 -21
- package/lib/components/box/Box.native.d.ts +1 -2
- package/lib/components/box/Box.native.js +4 -5
- package/lib/components/box/BoxProps.d.ts +5 -11
- package/lib/components/box/BoxProps.js +2 -6
- package/lib/components/box/BoxPropsDefaults.js +17 -28
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +14 -7
- package/lib/components/box/footer/BoxFooter.d.ts +4 -2
- package/lib/components/box/footer/BoxFooter.js +11 -9
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +14 -7
- package/lib/components/box/header/BoxHeader.d.ts +2 -3
- package/lib/components/box/header/BoxHeader.js +18 -14
- package/lib/components/box/header/BoxHeader.native.d.ts +6 -3
- package/lib/components/box/header/BoxHeader.native.js +24 -20
- package/lib/components/box/header/BoxHeaderProps.d.ts +7 -5
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +49 -29
- package/lib/components/box/item/BoxItem.d.ts +2 -2
- package/lib/components/box/item/BoxItem.js +7 -7
- package/lib/components/box/item/BoxItemProps.d.ts +2 -2
- package/lib/components/box/item/BoxItemPropsDefaults.js +14 -7
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +7 -7
- package/lib/components/breadcrumb/Breadcrumb.native.js +2 -2
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +2 -2
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +14 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +4 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +14 -12
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +14 -7
- package/lib/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.js +6 -6
- package/lib/components/button/ButtonProps.d.ts +2 -3
- package/lib/components/button/ButtonPropsDefaults.js +14 -14
- package/lib/components/button/list/ButtonList.d.ts +2 -2
- package/lib/components/button/list/ButtonList.js +8 -8
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +14 -7
- package/lib/components/card/Card.d.ts +2 -2
- package/lib/components/card/Card.js +12 -14
- package/lib/components/card/Card.native.d.ts +4 -5
- package/lib/components/card/Card.native.js +26 -29
- package/lib/components/card/CardProps.d.ts +4 -12
- package/lib/components/card/CardProps.js +2 -9
- package/lib/components/card/CardPropsDefaults.js +3 -106
- package/lib/components/card/content/CardContent.d.ts +2 -13
- package/lib/components/card/content/CardContent.js +7 -32
- package/lib/components/card/content/CardContent.native.d.ts +3 -3
- package/lib/components/card/content/CardContent.native.js +21 -14
- package/lib/components/card/content/CardContentProps.d.ts +3 -19
- package/lib/components/card/content/CardContentPropsDefaults.js +2 -110
- package/lib/components/card/image/CardImage.d.ts +2 -2
- package/lib/components/card/image/CardImage.js +11 -11
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +14 -7
- package/lib/components/checkbox/Checkbox.d.ts +2 -9
- package/lib/components/checkbox/Checkbox.js +10 -49
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -8
- package/lib/components/checkbox/Checkbox.native.js +63 -74
- package/lib/components/checkbox/CheckboxProps.d.ts +4 -31
- package/lib/components/checkbox/CheckboxPropsDefaults.js +6 -123
- package/lib/components/checkbox/index.d.ts +3 -1
- package/lib/components/checkbox/index.js +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +10 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.js +36 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +9 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.js +2 -0
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +54 -0
- package/lib/components/checkbox/tiles/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/index.js +3 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +10 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +36 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +12 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.js +2 -0
- package/lib/components/{icon/text/TextIconPropsDefaults.js → checkbox/tiles/tile/CheckboxTilePropsDefaults.js} +51 -54
- package/lib/components/checkbox/tiles/tile/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/tile/index.js +3 -0
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +3 -3
- package/lib/components/chips/ChipsProps.d.ts +2 -3
- package/lib/components/chips/ChipsPropsDefaults.js +10 -10
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +9 -9
- package/lib/components/chips/list/ChipsListProps.d.ts +3 -2
- package/lib/components/chips/list/ChipsListProps.js +1 -4
- package/lib/components/chips/list/ChipsListPropsDefaults.js +14 -0
- package/lib/components/columns/Columns.d.ts +3 -2
- package/lib/components/columns/Columns.js +11 -10
- package/lib/components/columns/Columns.native.d.ts +4 -4
- package/lib/components/columns/Columns.native.js +40 -32
- package/lib/components/columns/ColumnsProps.d.ts +5 -6
- package/lib/components/columns/ColumnsPropsDefaults.js +39 -10
- package/lib/components/columns/{item/ColumnsItem.d.ts → column/Column.d.ts} +5 -5
- package/lib/components/columns/column/Column.js +39 -0
- package/lib/components/columns/{item/ColumnsItem.native.d.ts → column/Column.native.d.ts} +4 -6
- package/lib/components/columns/column/Column.native.js +32 -0
- package/lib/components/columns/{item/ColumnsItemProps.d.ts → column/ColumnProps.d.ts} +3 -3
- package/lib/components/columns/column/ColumnProps.js +2 -0
- package/lib/components/columns/{item/ColumnsItemPropsDefaults.js → column/ColumnPropsDefaults.js} +28 -5
- package/lib/components/columns/column/index.d.ts +2 -0
- package/lib/components/columns/column/index.js +3 -0
- package/lib/components/columns/index.d.ts +2 -2
- package/lib/components/columns/index.js +3 -3
- package/lib/components/container/Container.d.ts +2 -2
- package/lib/components/container/Container.js +9 -9
- package/lib/components/container/ContainerProps.d.ts +2 -2
- package/lib/components/container/ContainerPropsDefaults.js +12 -5
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +4 -4
- package/lib/components/countdown/Countdown.native.d.ts +1 -1
- package/lib/components/countdown/Countdown.native.js +8 -7
- package/lib/components/countdown/CountdownProps.d.ts +2 -3
- package/lib/components/countdown/CountdownPropsDefaults.js +11 -12
- package/lib/components/divider/Divider.d.ts +2 -4
- package/lib/components/divider/Divider.js +16 -19
- package/lib/components/divider/Divider.native.d.ts +1 -3
- package/lib/components/divider/Divider.native.js +6 -12
- package/lib/components/divider/DividerProps.d.ts +4 -6
- package/lib/components/divider/DividerPropsDefaults.js +14 -119
- package/lib/components/enumsComponentsName.d.ts +4 -3
- package/lib/components/enumsComponentsName.js +5 -4
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +16 -16
- package/lib/components/fab/Fab.native.js +3 -3
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +14 -7
- package/lib/components/hero/Hero.d.ts +2 -5
- package/lib/components/hero/Hero.js +11 -14
- package/lib/components/hero/Hero.native.d.ts +3 -3
- package/lib/components/hero/Hero.native.js +22 -33
- package/lib/components/hero/HeroProps.d.ts +4 -8
- package/lib/components/hero/HeroPropsDefaults.js +14 -55
- package/lib/components/icon/Icon.d.ts +2 -11
- package/lib/components/icon/Icon.js +17 -97
- package/lib/components/icon/Icon.native.d.ts +3 -5
- package/lib/components/icon/Icon.native.js +31 -37
- package/lib/components/icon/IconProps.d.ts +4 -16
- package/lib/components/icon/IconPropsDefaults.js +14 -81
- package/lib/components/image/Image.d.ts +2 -2
- package/lib/components/image/Image.js +11 -10
- package/lib/components/image/Image.native.d.ts +1 -3
- package/lib/components/image/Image.native.js +5 -8
- package/lib/components/image/ImageProps.d.ts +11 -11
- package/lib/components/image/ImageProps.js +7 -2
- package/lib/components/image/ImagePropsDefaults.js +40 -15
- package/lib/components/image/index.d.ts +2 -1
- package/lib/components/image/index.js +3 -2
- package/lib/components/input/Input.d.ts +2 -1
- package/lib/components/input/Input.js +11 -18
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +20 -20
- package/lib/components/input/InputProps.d.ts +6 -9
- package/lib/components/input/InputPropsDefaults.js +17 -84
- package/lib/components/link/Link.d.ts +2 -8
- package/lib/components/link/Link.js +16 -31
- package/lib/components/link/Link.native.d.ts +3 -3
- package/lib/components/link/Link.native.js +33 -72
- package/lib/components/link/LinkProps.d.ts +2 -10
- package/lib/components/link/LinkPropsDefaults.js +14 -46
- package/lib/components/list/List.d.ts +5 -6
- package/lib/components/list/List.js +12 -12
- package/lib/components/list/ListProps.d.ts +3 -3
- package/lib/components/list/ListPropsDefaults.js +14 -7
- package/lib/components/list/item/ListItem.d.ts +2 -9
- package/lib/components/list/item/ListItem.js +9 -26
- package/lib/components/list/item/ListItem.native.d.ts +1 -6
- package/lib/components/list/item/ListItem.native.js +13 -48
- package/lib/components/list/item/ListItemProps.d.ts +3 -8
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +52 -57
- package/lib/components/modal/Modal.d.ts +1 -19
- package/lib/components/modal/Modal.js +14 -63
- package/lib/components/modal/Modal.native.d.ts +3 -11
- package/lib/components/modal/Modal.native.js +40 -72
- package/lib/components/modal/ModalEnum.d.ts +5 -0
- package/lib/components/modal/ModalEnum.js +7 -1
- package/lib/components/modal/ModalProps.d.ts +8 -27
- package/lib/components/modal/ModalPropsDefaults.js +22 -195
- package/lib/components/modal/body/ModalBody.d.ts +11 -0
- package/lib/components/modal/body/ModalBody.js +18 -0
- package/lib/components/modal/body/ModalBody.native.d.ts +13 -0
- package/lib/components/modal/body/ModalBody.native.js +23 -0
- package/lib/components/modal/body/ModalBodyProps.d.ts +8 -0
- package/lib/components/modal/body/ModalBodyProps.js +2 -0
- package/lib/components/{rows/item/RowsItemPropsDefaults.js → modal/body/ModalBodyPropsDefaults.js} +3 -4
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -2
- package/lib/components/modal/footer/ModalFooter.js +8 -7
- package/lib/components/modal/footer/ModalFooterProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooterPropsDefaults.js +7 -0
- package/lib/components/modal/{title/ModalTitle.d.ts → header/ModalHeader.d.ts} +3 -4
- package/lib/components/modal/header/ModalHeader.js +19 -0
- package/lib/components/modal/header/ModalHeader.native.d.ts +13 -0
- package/lib/components/modal/header/ModalHeader.native.js +22 -0
- package/lib/components/modal/header/ModalHeaderProps.d.ts +8 -0
- package/lib/components/modal/header/ModalHeaderProps.js +2 -0
- package/lib/components/modal/header/ModalHeaderPropsDefaults.js +30 -0
- package/lib/components/modal/index.d.ts +3 -2
- package/lib/components/modal/index.js +4 -3
- package/lib/components/otp/Otp.d.ts +5 -5
- package/lib/components/otp/Otp.js +24 -24
- package/lib/components/otp/Otp.native.d.ts +3 -4
- package/lib/components/otp/Otp.native.js +12 -13
- package/lib/components/otp/OtpProps.d.ts +5 -6
- package/lib/components/otp/OtpPropsDefaults.js +22 -22
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +18 -21
- package/lib/components/pagination/Pagination.native.d.ts +3 -3
- package/lib/components/pagination/Pagination.native.js +31 -35
- package/lib/components/pagination/PaginationEnum.d.ts +1 -2
- package/lib/components/pagination/PaginationProps.d.ts +3 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +14 -7
- package/lib/components/popover/Popover.d.ts +2 -2
- package/lib/components/popover/Popover.js +9 -11
- package/lib/components/popover/Popover.native.d.ts +3 -3
- package/lib/components/popover/Popover.native.js +26 -37
- package/lib/components/popover/PopoverProps.d.ts +2 -3
- package/lib/components/popover/PopoverPropsDefaults.js +1 -15
- package/lib/components/popover/PopoverWebPropsDefaults.js +15 -22
- package/lib/components/popover/content/PopoverContent.d.ts +10 -0
- package/lib/components/popover/content/PopoverContent.js +19 -0
- package/lib/components/popover/content/PopoverContentProps.d.ts +5 -0
- package/lib/components/popover/content/PopoverContentProps.js +2 -0
- package/lib/components/popover/content/PopoverContentPropsDefaults.js +30 -0
- package/lib/components/popover/index.d.ts +2 -1
- package/lib/components/popover/index.js +3 -2
- package/lib/components/price/Price.d.ts +4 -8
- package/lib/components/price/Price.js +69 -69
- package/lib/components/price/Price.native.d.ts +5 -8
- package/lib/components/price/Price.native.js +114 -119
- package/lib/components/price/PriceProps.d.ts +7 -9
- package/lib/components/price/PricePropsDefaults.js +23 -20
- package/lib/components/product-tour/ProductTour.d.ts +1 -1
- package/lib/components/product-tour/ProductTour.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +2 -2
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/product-tour/ProductTourPropsDefaults.js +3 -3
- package/lib/components/product-tour/ProductTourWebPropsDefaults.js +17 -10
- package/lib/components/progress/Progress.d.ts +3 -3
- package/lib/components/progress/Progress.js +20 -24
- package/lib/components/progress/Progress.native.d.ts +4 -7
- package/lib/components/progress/Progress.native.js +26 -56
- package/lib/components/progress/ProgressProps.d.ts +7 -10
- package/lib/components/progress/ProgressPropsDefaults.js +8 -30
- package/lib/components/progress/index.d.ts +1 -2
- package/lib/components/progress/index.js +2 -3
- package/lib/components/progress/radial/ProgressRadial.d.ts +1 -7
- package/lib/components/progress/radial/ProgressRadial.js +12 -18
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +4 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +30 -32
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +7 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +98 -40
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +14 -7
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialtem.js +7 -7
- package/lib/components/radio/Radio.d.ts +8 -17
- package/lib/components/radio/Radio.js +18 -61
- package/lib/components/radio/Radio.native.d.ts +3 -3
- package/lib/components/radio/Radio.native.js +60 -62
- package/lib/components/radio/RadioProps.d.ts +7 -24
- package/lib/components/radio/RadioPropsDefaults.js +6 -139
- package/lib/components/radio/index.d.ts +3 -1
- package/lib/components/radio/index.js +4 -2
- package/lib/components/radio/list/RadioList.d.ts +2 -2
- package/lib/components/radio/list/RadioList.js +8 -8
- package/lib/components/radio/list/RadioListProps.d.ts +2 -1
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +7 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +10 -0
- package/lib/components/radio/tiles/RadioTiles.js +36 -0
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +9 -0
- package/lib/components/radio/tiles/RadioTilesProps.js +2 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +54 -0
- package/lib/components/radio/tiles/index.d.ts +2 -0
- package/lib/components/{icon/status → radio/tiles}/index.js +3 -3
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +10 -0
- package/lib/components/radio/tiles/tile/RadioTile.js +36 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +11 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.js +2 -0
- package/lib/components/{icon/status/StatusIconPropsDefaults.js → radio/tiles/tile/RadioTilePropsDefaults.js} +66 -35
- package/lib/components/radio/tiles/tile/index.d.ts +2 -0
- package/lib/components/radio/tiles/tile/index.js +3 -0
- package/lib/components/range/Range.d.ts +2 -11
- package/lib/components/range/Range.js +30 -39
- package/lib/components/range/Range.native.d.ts +3 -14
- package/lib/components/range/Range.native.js +18 -29
- package/lib/components/range/RangeProps.d.ts +6 -9
- package/lib/components/range/RangePropsDefaults.js +14 -28
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +8 -8
- package/lib/components/rows/Rows.native.d.ts +4 -7
- package/lib/components/rows/Rows.native.js +11 -10
- package/lib/components/rows/RowsProps.d.ts +4 -3
- package/lib/components/rows/RowsPropsDefaults.js +21 -5
- package/lib/components/rows/index.d.ts +2 -2
- package/lib/components/rows/index.js +3 -3
- package/lib/components/rows/{item/RowItem.d.ts → row/Row.d.ts} +4 -4
- package/lib/components/rows/row/Row.js +21 -0
- package/lib/components/rows/row/Row.native.d.ts +13 -0
- package/lib/components/rows/row/Row.native.js +22 -0
- package/lib/components/rows/row/RowProps.d.ts +9 -0
- package/lib/components/rows/row/RowProps.js +2 -0
- package/lib/components/rows/row/RowPropsDefaults.js +38 -0
- package/lib/components/rows/row/index.d.ts +2 -0
- package/lib/components/rows/row/index.js +3 -0
- package/lib/components/section/Section.js +4 -4
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +14 -22
- package/lib/components/section/SectionProps.d.ts +3 -3
- package/lib/components/section/SectionPropsDefaults.js +12 -38
- package/lib/components/segment-control/SegmentControl.d.ts +1 -3
- package/lib/components/segment-control/SegmentControl.js +4 -9
- package/lib/components/segment-control/SegmentControl.native.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.native.js +16 -20
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +8 -17
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.native.js +14 -18
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -5
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +12 -14
- package/lib/components/select/Select.d.ts +0 -14
- package/lib/components/select/Select.js +1 -15
- package/lib/components/select/Select.native.d.ts +1 -1
- package/lib/components/select/Select.native.js +9 -16
- package/lib/components/select/SelectProps.d.ts +2 -4
- package/lib/components/select/SelectPropsDefaults.js +8 -16
- package/lib/components/select/option/SelectOption.js +3 -3
- package/lib/components/select/option/SelectOption.native.js +7 -8
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -5
- package/lib/components/select/option/SelectOptionPropsDefaults.js +14 -22
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +12 -20
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +11 -6
- package/lib/components/spacer/SpacerProps.d.ts +2 -1
- package/lib/components/spacer/SpacerPropsDefaults.js +14 -0
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +16 -25
- package/lib/components/stepper/Stepper.native.d.ts +3 -3
- package/lib/components/stepper/Stepper.native.js +17 -20
- package/lib/components/stepper/StepperProps.d.ts +2 -3
- package/lib/components/stepper/StepperPropsDefaults.js +3 -4
- package/lib/components/stepper/step/StepperStep.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.js +11 -18
- package/lib/components/stepper/step/StepperStep.native.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.native.js +6 -10
- package/lib/components/stepper/step/StepperStepProps.d.ts +3 -8
- package/lib/components/stepper/step/StepperStepPropsDefaults.js +14 -43
- package/lib/components/sticker/Sticker.d.ts +3 -4
- package/lib/components/sticker/Sticker.js +11 -19
- package/lib/components/sticker/Sticker.native.d.ts +3 -3
- package/lib/components/sticker/Sticker.native.js +23 -25
- package/lib/components/sticker/StickerProps.d.ts +7 -9
- package/lib/components/sticker/StickerPropsDefaults.js +59 -30
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +10 -10
- package/lib/components/switch/SwitchProps.d.ts +3 -3
- package/lib/components/switch/SwitchPropsDefaults.js +21 -13
- package/lib/components/table/Table.d.ts +2 -2
- package/lib/components/table/Table.js +10 -9
- package/lib/components/table/Table.native.d.ts +3 -3
- package/lib/components/table/Table.native.js +11 -14
- package/lib/components/table/TableProps.d.ts +9 -5
- package/lib/components/table/TableProps.js +7 -2
- package/lib/components/table/TablePropsDefaults.js +17 -17
- package/lib/components/table/body/TableBody.d.ts +2 -2
- package/lib/components/table/body/TableBody.js +10 -10
- package/lib/components/table/body/TableBodyProps.d.ts +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +14 -7
- package/lib/components/table/head/TableHead.d.ts +2 -2
- package/lib/components/table/head/TableHead.js +10 -10
- package/lib/components/table/head/TableHeadProps.d.ts +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +14 -7
- package/lib/components/table/td/TableTd.d.ts +2 -3
- package/lib/components/table/td/TableTd.js +7 -8
- package/lib/components/table/td/TableTdProps.d.ts +2 -2
- package/lib/components/table/td/TableTdPropsDefaults.js +11 -4
- package/lib/components/table/th/TableTh.d.ts +2 -2
- package/lib/components/table/th/TableTh.js +7 -7
- package/lib/components/table/th/TableThProps.d.ts +2 -2
- package/lib/components/table/th/TableThPropsDefaults.js +11 -4
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +3 -3
- package/lib/components/table/tr/TableTrProps.d.ts +2 -1
- package/lib/components/tabs/Tabs.js +6 -45
- package/lib/components/tabs/TabsProps.d.ts +3 -10
- package/lib/components/tabs/TabsPropsDefaults.js +25 -63
- package/lib/components/tabs/index.d.ts +5 -2
- package/lib/components/tabs/index.js +6 -3
- package/lib/components/tabs/tab-list/TabList.d.ts +8 -0
- package/lib/components/tabs/tab-list/TabList.js +17 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +10 -0
- package/lib/components/tabs/tab-list/TabListProps.js +2 -0
- package/lib/components/{progress/item/ProgressItemPropsDefaults.js → tabs/tab-list/TabListPropsDefaults.js} +10 -30
- package/lib/components/tabs/tab-list/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/index.js +3 -0
- package/lib/components/tabs/{item/TabsItem.d.ts → tab-list/tab/Tab.d.ts} +4 -4
- package/lib/components/tabs/tab-list/tab/Tab.js +65 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/TabProps.js +2 -0
- package/lib/components/tabs/{item/TabsItemPropsDefaults.js → tab-list/tab/TabPropsDefaults.js} +18 -34
- package/lib/components/tabs/tab-list/tab/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/tab/index.js +3 -0
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +8 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +17 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.js +2 -0
- package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +37 -0
- package/lib/components/tabs/tab-panels/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/index.js +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +8 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +17 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js +30 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.js +3 -0
- package/lib/components/tag/Tag.d.ts +1 -1
- package/lib/components/tag/Tag.js +4 -4
- package/lib/components/tag/Tag.native.d.ts +1 -1
- package/lib/components/tag/Tag.native.js +4 -4
- package/lib/components/tag/TagProps.d.ts +3 -3
- package/lib/components/tag/TagPropsDefaults.js +17 -20
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +8 -8
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +12 -5
- package/lib/components/text/Text.d.ts +2 -8
- package/lib/components/text/Text.js +16 -23
- package/lib/components/text/Text.native.d.ts +3 -5
- package/lib/components/text/Text.native.js +25 -35
- package/lib/components/text/TextEnum.d.ts +1 -3
- package/lib/components/text/TextEnum.js +1 -3
- package/lib/components/text/TextProps.d.ts +2 -7
- package/lib/components/text/TextPropsDefaults.js +21 -54
- package/lib/components/textarea/Textarea.d.ts +1 -10
- package/lib/components/textarea/Textarea.js +13 -22
- package/lib/components/textarea/Textarea.native.js +10 -10
- package/lib/components/textarea/TextareaProps.d.ts +5 -6
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +9 -9
- package/lib/components/timeline/TimelineProps.d.ts +2 -3
- package/lib/components/timeline/TimelinePropsDefaults.js +11 -12
- package/lib/components/timeline/content/TimelineContent.d.ts +2 -4
- package/lib/components/timeline/content/TimelineContent.js +13 -18
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.native.js +13 -13
- package/lib/components/timeline/content/TimelineContentProps.d.ts +5 -6
- package/lib/components/timeline/content/TimelineContentPropsDefaults.js +2 -9
- package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js +12 -12
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +8 -8
- package/lib/components/timeline/item/TimelineItem.native.d.ts +1 -2
- package/lib/components/timeline/item/TimelineItem.native.js +4 -4
- package/lib/components/timeline/item/TimelineItemProps.d.ts +2 -4
- package/lib/components/timeline/item/TimelineItemPropsDefaults.js +0 -8
- package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js +14 -15
- package/lib/components/timeline/marker/TimelineMarker.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarker.js +11 -11
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.js +21 -26
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -6
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +0 -38
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +12 -43
- package/lib/components/title/Title.d.ts +1 -1
- package/lib/components/title/Title.js +4 -4
- package/lib/components/title/Title.native.d.ts +1 -1
- package/lib/components/title/Title.native.js +6 -8
- package/lib/components/title/TitleProps.d.ts +2 -5
- package/lib/components/title/TitlePropsDefaults.js +14 -29
- package/lib/context/provider.js +2 -2
- package/lib/objects/facets/CommonProps.d.ts +4 -0
- package/lib/objects/facets/CommonProps.js +2 -0
- package/lib/objects/facets/Justifiable.d.ts +1 -0
- package/lib/objects/facets/Justifiable.js +13 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/checkbox/CheckboxChangeEventDefaults.js +0 -21
- package/lib/components/checkbox/CheckboxClickEventDefaults.js +0 -21
- package/lib/components/columns/item/ColumnsItem.js +0 -38
- package/lib/components/columns/item/ColumnsItem.native.js +0 -33
- package/lib/components/columns/item/ColumnsItemProps.js +0 -2
- package/lib/components/columns/item/index.d.ts +0 -2
- package/lib/components/columns/item/index.js +0 -3
- package/lib/components/icon/circle/CircleIcon.d.ts +0 -4
- package/lib/components/icon/circle/CircleIcon.js +0 -20
- package/lib/components/icon/circle/CircleIcon.native.d.ts +0 -8
- package/lib/components/icon/circle/CircleIcon.native.js +0 -72
- package/lib/components/icon/circle/CircleIconProps.d.ts +0 -14
- package/lib/components/icon/circle/CircleIconProps.js +0 -2
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +0 -158
- package/lib/components/icon/circle/index.d.ts +0 -2
- package/lib/components/icon/circle/index.js +0 -3
- package/lib/components/icon/status/StatusIcon.d.ts +0 -4
- package/lib/components/icon/status/StatusIcon.js +0 -20
- package/lib/components/icon/status/StatusIcon.native.d.ts +0 -8
- package/lib/components/icon/status/StatusIcon.native.js +0 -54
- package/lib/components/icon/status/StatusIconProps.d.ts +0 -12
- package/lib/components/icon/status/StatusIconProps.js +0 -2
- package/lib/components/icon/status/index.d.ts +0 -2
- package/lib/components/icon/text/TextIcon.d.ts +0 -9
- package/lib/components/icon/text/TextIcon.js +0 -36
- package/lib/components/icon/text/TextIcon.native.d.ts +0 -8
- package/lib/components/icon/text/TextIcon.native.js +0 -40
- package/lib/components/icon/text/TextIconProps.d.ts +0 -13
- package/lib/components/icon/text/TextIconProps.js +0 -2
- package/lib/components/icon/text/index.d.ts +0 -2
- package/lib/components/icon/text/index.js +0 -3
- package/lib/components/modal/CloseButtonPropsDefaults.js +0 -9
- package/lib/components/modal/ModalContentButtonPropsDefaults.js +0 -16
- package/lib/components/modal/title/ModalTitle.js +0 -22
- package/lib/components/modal/title/ModalTitle.native.d.ts +0 -14
- package/lib/components/modal/title/ModalTitle.native.js +0 -27
- package/lib/components/modal/title/ModalTitleProps.d.ts +0 -10
- package/lib/components/modal/title/ModalTitleProps.js +0 -2
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +0 -92
- package/lib/components/progress/item/ProgressItem.d.ts +0 -15
- package/lib/components/progress/item/ProgressItem.js +0 -26
- package/lib/components/progress/item/ProgressItem.native.d.ts +0 -14
- package/lib/components/progress/item/ProgressItem.native.js +0 -36
- package/lib/components/progress/item/ProgressItemProps.d.ts +0 -12
- package/lib/components/progress/item/ProgressItemProps.js +0 -2
- package/lib/components/progress/item/index.d.ts +0 -2
- package/lib/components/progress/item/index.js +0 -3
- package/lib/components/rows/item/RowItem.js +0 -21
- package/lib/components/rows/item/RowItem.native.d.ts +0 -13
- package/lib/components/rows/item/RowItem.native.js +0 -25
- package/lib/components/rows/item/RowItemProps.d.ts +0 -9
- package/lib/components/rows/item/RowItemProps.js +0 -2
- package/lib/components/rows/item/index.d.ts +0 -2
- package/lib/components/rows/item/index.js +0 -3
- package/lib/components/tabs/Tabs.native.d.ts +0 -18
- package/lib/components/tabs/Tabs.native.js +0 -73
- package/lib/components/tabs/item/TabsItem.js +0 -65
- package/lib/components/tabs/item/TabsItem.native.d.ts +0 -16
- package/lib/components/tabs/item/TabsItem.native.js +0 -87
- package/lib/components/tabs/item/TabsItemProps.d.ts +0 -19
- package/lib/components/tabs/item/TabsItemProps.js +0 -2
- package/lib/components/tabs/item/index.d.ts +0 -2
- package/lib/components/tabs/item/index.js +0 -3
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import clsx from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import { useTrilogyContext } from "../../context";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { has, is } from '../../services/classify';
|
|
5
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
6
|
+
import { hashClass } from '../../helpers';
|
|
7
|
+
import { useTrilogyContext } from '../../context';
|
|
9
8
|
/**
|
|
10
9
|
* Link Component
|
|
11
10
|
* @param children {React.ReactNode} Content children for Link
|
|
@@ -13,52 +12,38 @@ import { useTrilogyContext } from "../../context";
|
|
|
13
12
|
* @param to {string} use for router
|
|
14
13
|
* @param title {string} Title attribute
|
|
15
14
|
* @param onClick {Function} onClick Event
|
|
16
|
-
* @param typo {TypographyAlign} Typos align link
|
|
17
15
|
* @param accessibilityLabel {string} Accessibility label
|
|
18
16
|
* @param iconName {IconName} Adding Icon Link
|
|
19
|
-
* @param testId {string} Test Id for Test Integration
|
|
20
17
|
* @param inverted {boolean} Inverted link
|
|
21
18
|
* @param others
|
|
22
19
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
23
20
|
* @param className {string} Additionnal CSS Classes
|
|
24
21
|
* @param href {string} Href link
|
|
25
|
-
* @param removeLinkClass {boolean}
|
|
26
22
|
* @param routerLink Custom Router Link as props
|
|
27
23
|
* @param blank Link Target Blank
|
|
28
24
|
* -------------------------- NATIVE PROPERTIES -------------------------------
|
|
29
|
-
* @param inline {boolean} If link is inside paragraphe
|
|
30
|
-
* @param level {TextLevels} if inline, size to match with Text
|
|
31
|
-
* @param style {Object} Additional styles
|
|
32
25
|
*/
|
|
33
26
|
var Link = function (_a) {
|
|
34
|
-
var children = _a.children, className = _a.className,
|
|
27
|
+
var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank"]);
|
|
35
28
|
var styled = useTrilogyContext().styled;
|
|
36
|
-
var classes = clsx(iconName && has(
|
|
29
|
+
var classes = clsx('link', iconName && has('icon'), inverted && is('inverted'), className);
|
|
37
30
|
if (routerLink && to) {
|
|
38
|
-
var RouterLink_1 = (routerLink ? routerLink :
|
|
31
|
+
var RouterLink_1 = (routerLink ? routerLink : 'a');
|
|
39
32
|
var RouterLinkTrilogy = function () {
|
|
40
|
-
return (React.createElement(RouterLink_1, __assign({
|
|
41
|
-
target:
|
|
42
|
-
}), others),
|
|
33
|
+
return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
|
|
34
|
+
target: '_blank',
|
|
35
|
+
}), others), children));
|
|
43
36
|
};
|
|
44
|
-
if (typo) {
|
|
45
|
-
return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
|
|
46
|
-
React.createElement(RouterLinkTrilogy, null)));
|
|
47
|
-
}
|
|
48
37
|
return React.createElement(RouterLinkTrilogy, null);
|
|
49
38
|
}
|
|
50
39
|
var LinkTrilogy = function () {
|
|
51
|
-
return (React.createElement(
|
|
52
|
-
target:
|
|
40
|
+
return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, href: href }, (blank && {
|
|
41
|
+
target: '_blank',
|
|
53
42
|
}), others), iconName ? (React.createElement(React.Fragment, null,
|
|
54
|
-
React.createElement(
|
|
43
|
+
React.createElement("span", null, children),
|
|
55
44
|
React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
|
|
56
45
|
};
|
|
57
|
-
if (typo) {
|
|
58
|
-
return (React.createElement("div", { className: hashClass(styled, clsx(typo)) },
|
|
59
|
-
React.createElement(LinkTrilogy, null)));
|
|
60
|
-
}
|
|
61
46
|
return React.createElement(LinkTrilogy, null);
|
|
62
47
|
};
|
|
63
48
|
export default Link;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFFSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBYUY7SUFaVixJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLGtCQUFrQix3QkFBQSxFQUNsQixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVpHLDZIQWFiLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQTtJQUU1RixJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxZQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBRXZFLElBQU0saUJBQWlCLEdBQUc7WUFDeEIsT0FBTyxDQUNMLG9CQUFDLFlBQVUsYUFDVCxFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMzQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFDUixDQUFDLEtBQUssSUFBSTtnQkFDWixNQUFNLEVBQUUsUUFBUTthQUNqQixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUE7UUFDSCxDQUFDLENBQUE7UUFFRCxPQUFPLG9CQUFDLGlCQUFpQixPQUFHLENBQUE7S0FDN0I7SUFFRCxJQUFNLFdBQVcsR0FBRztRQUNsQixPQUFPLENBQ0wsb0NBQ0UsRUFBRSxFQUFFLEVBQUUsZ0JBQ00sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUUsSUFBSSxJQUNOLENBQUMsS0FBSyxJQUFJO1lBQ1osTUFBTSxFQUFFLFFBQVE7U0FDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxrQ0FBTyxRQUFRLENBQVE7WUFDdkIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNDLENBQ0wsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sb0JBQUMsV0FBVyxPQUFHLENBQUE7QUFDeEIsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { LinkProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { LinkProps } from './LinkProps';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Link Component
|
|
6
6
|
* @param to {string} Url to open
|
|
@@ -17,7 +17,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
17
17
|
* @param style {Object} Additional styles
|
|
18
18
|
*/
|
|
19
19
|
declare const Link: {
|
|
20
|
-
({ children, to,
|
|
20
|
+
({ children, to, onClick, testId, accessibilityLabel, inline, iconName, inverted, ...others }: LinkProps): JSX.Element;
|
|
21
21
|
displayName: ComponentName;
|
|
22
22
|
};
|
|
23
23
|
export default Link;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { ComponentName } from "../../components/enumsComponentsName";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import { TextLevels } from '../../components/text';
|
|
6
|
+
import { Icon } from '../../components/icon';
|
|
7
|
+
import { Spacer, SpacerSize } from '../../components/spacer';
|
|
8
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
10
9
|
/**
|
|
11
10
|
* Link Component
|
|
12
11
|
* @param to {string} Url to open
|
|
@@ -23,7 +22,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
23
22
|
* @param style {Object} Additional styles
|
|
24
23
|
*/
|
|
25
24
|
var Link = function (_a) {
|
|
26
|
-
var children = _a.children, to = _a.to,
|
|
25
|
+
var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, inline = _a.inline, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "inline", "iconName", "inverted"]);
|
|
27
26
|
var linkLevels = function (level) {
|
|
28
27
|
return ((level && level == TextLevels.ONE && 16) ||
|
|
29
28
|
(level && level == TextLevels.TWO && 14) ||
|
|
@@ -40,39 +39,7 @@ var Link = function (_a) {
|
|
|
40
39
|
};
|
|
41
40
|
var styles = StyleSheet.create({
|
|
42
41
|
linkAlignement: {
|
|
43
|
-
alignSelf:
|
|
44
|
-
!Array.isArray(typo) &&
|
|
45
|
-
typo === TypographyAlign.TEXT_CENTERED &&
|
|
46
|
-
"center") ||
|
|
47
|
-
(typo &&
|
|
48
|
-
Array.isArray(typo) &&
|
|
49
|
-
typo.includes(TypographyAlign.TEXT_CENTERED) &&
|
|
50
|
-
"center") ||
|
|
51
|
-
(typo &&
|
|
52
|
-
!Array.isArray(typo) &&
|
|
53
|
-
typo === TypographyAlign.TEXT_LEFT &&
|
|
54
|
-
"flex-start") ||
|
|
55
|
-
(typo &&
|
|
56
|
-
Array.isArray(typo) &&
|
|
57
|
-
typo.includes(TypographyAlign.TEXT_LEFT) &&
|
|
58
|
-
"flex-start") ||
|
|
59
|
-
(typo &&
|
|
60
|
-
!Array.isArray(typo) &&
|
|
61
|
-
typo === TypographyAlign.TEXT_RIGHT &&
|
|
62
|
-
"flex-end") ||
|
|
63
|
-
(typo &&
|
|
64
|
-
Array.isArray(typo) &&
|
|
65
|
-
typo.includes(TypographyAlign.TEXT_RIGHT) &&
|
|
66
|
-
"flex-end") ||
|
|
67
|
-
(typo &&
|
|
68
|
-
!Array.isArray(typo) &&
|
|
69
|
-
typo === TypographyAlign.TEXT_JUSTIFIED &&
|
|
70
|
-
"auto") ||
|
|
71
|
-
(typo &&
|
|
72
|
-
Array.isArray(typo) &&
|
|
73
|
-
typo.includes(TypographyAlign.TEXT_JUSTIFIED) &&
|
|
74
|
-
"auto") ||
|
|
75
|
-
"baseline",
|
|
42
|
+
alignSelf: 'baseline',
|
|
76
43
|
},
|
|
77
44
|
container: {
|
|
78
45
|
padding: inline ? 4 : 8,
|
|
@@ -86,57 +53,51 @@ var Link = function (_a) {
|
|
|
86
53
|
paddingRight: inline ? 2 : 0,
|
|
87
54
|
},
|
|
88
55
|
link: {
|
|
89
|
-
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
textDecorationLine: "underline",
|
|
56
|
+
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
|
|
57
|
+
fontSize: 14,
|
|
58
|
+
lineHeight: 14,
|
|
59
|
+
textDecorationStyle: 'solid',
|
|
60
|
+
textDecorationLine: 'underline',
|
|
95
61
|
},
|
|
96
62
|
androidLink: {
|
|
97
|
-
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
textDecorationLine: "underline",
|
|
63
|
+
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
|
|
64
|
+
fontSize: 14,
|
|
65
|
+
lineHeight: 14,
|
|
66
|
+
height: 'auto',
|
|
67
|
+
textDecorationStyle: 'solid',
|
|
68
|
+
textDecorationLine: 'underline',
|
|
104
69
|
},
|
|
105
70
|
iconView: {
|
|
106
|
-
flexDirection:
|
|
107
|
-
justifyContent:
|
|
108
|
-
alignItems:
|
|
71
|
+
flexDirection: 'row',
|
|
72
|
+
justifyContent: 'flex-start',
|
|
73
|
+
alignItems: 'flex-end',
|
|
109
74
|
},
|
|
110
75
|
icon: {
|
|
111
76
|
paddingLeft: 4,
|
|
112
77
|
paddingRight: 4,
|
|
113
78
|
},
|
|
114
79
|
});
|
|
115
|
-
var linkTestId = testId
|
|
116
|
-
? testId
|
|
117
|
-
: typeof children === "string"
|
|
118
|
-
? children
|
|
119
|
-
: "NotSpecified";
|
|
80
|
+
var linkTestId = testId ? testId : typeof children === 'string' ? children : 'NotSpecified';
|
|
120
81
|
var linkAccessibilityLabel = accessibilityLabel
|
|
121
82
|
? accessibilityLabel
|
|
122
|
-
: typeof children ===
|
|
83
|
+
: typeof children === 'string'
|
|
123
84
|
? children
|
|
124
|
-
:
|
|
125
|
-
return (React.createElement(View, { style: Platform.OS ===
|
|
85
|
+
: 'NotSpecified';
|
|
86
|
+
return (React.createElement(View, { style: Platform.OS === 'android'
|
|
126
87
|
? [styles.linkAlignement, styles.androidContainer]
|
|
127
|
-
: [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() ===
|
|
88
|
+
: [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
|
|
128
89
|
if (to) {
|
|
129
|
-
Linking.openURL(to ||
|
|
90
|
+
Linking.openURL(to || '');
|
|
130
91
|
}
|
|
131
92
|
if (onClick) {
|
|
132
93
|
onClick(e);
|
|
133
94
|
}
|
|
134
95
|
} }, iconName ? (React.createElement(View, { style: styles.iconView },
|
|
135
|
-
React.createElement(Text, __assign({ accessibilityLabel:
|
|
96
|
+
React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
|
|
136
97
|
React.createElement(Spacer, { size: SpacerSize.ONE, horizontal: true }),
|
|
137
|
-
React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName,
|
|
98
|
+
React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' }))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: Platform.OS === 'android' ? [styles.androidLink] : [styles.link] }, others), children)))) : (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
|
|
138
99
|
if (to) {
|
|
139
|
-
Linking.openURL(to ||
|
|
100
|
+
Linking.openURL(to || '');
|
|
140
101
|
}
|
|
141
102
|
if (onClick) {
|
|
142
103
|
onClick(e);
|
|
@@ -145,4 +106,4 @@ var Link = function (_a) {
|
|
|
145
106
|
};
|
|
146
107
|
Link.displayName = ComponentName.Link;
|
|
147
108
|
export default Link;
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcxRixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7Ozs7O0dBY0c7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBVEcsK0ZBVWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUFHLFVBQUMsS0FBaUI7UUFDbkMsT0FBTyxDQUNMLENBQUMsS0FBSyxJQUFJLEtBQUssSUFBSSxVQUFVLENBQUMsR0FBRyxJQUFJLEVBQUUsQ0FBQztZQUN4QyxDQUFDLEtBQUssSUFBSSxLQUFLLElBQUksVUFBVSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7WUFDeEMsQ0FBQyxLQUFLLElBQUksS0FBSyxJQUFJLFVB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
|
|
@@ -1,25 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconName, IconNameValues } from '../../components/icon';
|
|
3
|
-
import { TextLevels } from '../../components/text';
|
|
4
3
|
import { Accessibility, Clickable, Dev } from '../../objects/facets';
|
|
5
|
-
import {
|
|
6
|
-
import { Styles } from '../../types';
|
|
4
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
7
5
|
/**
|
|
8
6
|
* Link Interface
|
|
9
7
|
*/
|
|
10
|
-
export interface LinkProps extends Accessibility, Clickable, Dev {
|
|
8
|
+
export interface LinkProps extends Accessibility, Clickable, Dev, CommonProps {
|
|
11
9
|
children?: React.ReactNode;
|
|
12
10
|
to?: string;
|
|
13
|
-
className?: string;
|
|
14
|
-
removeLinkClass?: boolean;
|
|
15
|
-
title?: string;
|
|
16
11
|
href?: string;
|
|
17
|
-
typo?: TypographyAlign | TypographyAlignValues | string;
|
|
18
12
|
routerLink?: React.ElementType;
|
|
19
13
|
iconName?: IconName | IconNameValues;
|
|
20
14
|
inline?: boolean;
|
|
21
|
-
level?: TextLevels;
|
|
22
15
|
inverted?: boolean;
|
|
23
16
|
blank?: boolean;
|
|
24
|
-
style?: Styles;
|
|
25
17
|
}
|
|
@@ -20,28 +20,6 @@ export default {
|
|
|
20
20
|
"string"
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
|
-
"className": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
"string"
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
"removeLinkClass": {
|
|
31
|
-
"type": "boolean",
|
|
32
|
-
"values": [
|
|
33
|
-
"undefined",
|
|
34
|
-
"false",
|
|
35
|
-
"true"
|
|
36
|
-
]
|
|
37
|
-
},
|
|
38
|
-
"title": {
|
|
39
|
-
"type": "string",
|
|
40
|
-
"values": [
|
|
41
|
-
"undefined",
|
|
42
|
-
"string"
|
|
43
|
-
]
|
|
44
|
-
},
|
|
45
23
|
"href": {
|
|
46
24
|
"type": "string",
|
|
47
25
|
"values": [
|
|
@@ -49,13 +27,6 @@ export default {
|
|
|
49
27
|
"string"
|
|
50
28
|
]
|
|
51
29
|
},
|
|
52
|
-
"typo": {
|
|
53
|
-
"type": "string",
|
|
54
|
-
"values": [
|
|
55
|
-
"undefined",
|
|
56
|
-
"string"
|
|
57
|
-
]
|
|
58
|
-
},
|
|
59
30
|
"routerLink": {
|
|
60
31
|
"type": "function",
|
|
61
32
|
"values": [
|
|
@@ -302,16 +273,6 @@ export default {
|
|
|
302
273
|
"true"
|
|
303
274
|
]
|
|
304
275
|
},
|
|
305
|
-
"level": {
|
|
306
|
-
"type": "enum",
|
|
307
|
-
"values": [
|
|
308
|
-
"undefined",
|
|
309
|
-
1,
|
|
310
|
-
2,
|
|
311
|
-
3,
|
|
312
|
-
4
|
|
313
|
-
]
|
|
314
|
-
},
|
|
315
276
|
"inverted": {
|
|
316
277
|
"type": "boolean",
|
|
317
278
|
"values": [
|
|
@@ -328,13 +289,6 @@ export default {
|
|
|
328
289
|
"true"
|
|
329
290
|
]
|
|
330
291
|
},
|
|
331
|
-
"style": {
|
|
332
|
-
"type": "string",
|
|
333
|
-
"values": [
|
|
334
|
-
"undefined",
|
|
335
|
-
"Styles"
|
|
336
|
-
]
|
|
337
|
-
},
|
|
338
292
|
"accessibilityLabel": {
|
|
339
293
|
"type": "string",
|
|
340
294
|
"values": [
|
|
@@ -355,5 +309,19 @@ export default {
|
|
|
355
309
|
"undefined",
|
|
356
310
|
"string"
|
|
357
311
|
]
|
|
312
|
+
},
|
|
313
|
+
"id": {
|
|
314
|
+
"type": "string",
|
|
315
|
+
"values": [
|
|
316
|
+
"undefined",
|
|
317
|
+
"string"
|
|
318
|
+
]
|
|
319
|
+
},
|
|
320
|
+
"className": {
|
|
321
|
+
"type": "string",
|
|
322
|
+
"values": [
|
|
323
|
+
"undefined",
|
|
324
|
+
"string"
|
|
325
|
+
]
|
|
358
326
|
}
|
|
359
327
|
};
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { ListProps } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ListProps } from './ListProps';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
5
|
-
* @param children {React.ReactNode}
|
|
6
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
4
|
+
* ListItem Component
|
|
7
5
|
* @param className {string} Additionnal CSS Classes
|
|
6
|
+
* @param children {React.ReactNode}
|
|
8
7
|
* @param hasIcon {boolean} If Have icon
|
|
9
|
-
* @param
|
|
8
|
+
* @param onDelete {() => void} OnDelete Event
|
|
10
9
|
*/
|
|
11
10
|
declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
|
|
12
11
|
export default List;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import clsx from
|
|
4
|
-
import { hashClass } from
|
|
5
|
-
import { useTrilogyContext } from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { hashClass } from '../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { has } from '../../services';
|
|
6
7
|
/**
|
|
7
|
-
*
|
|
8
|
-
* @param children {React.ReactNode}
|
|
9
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
|
+
* ListItem Component
|
|
10
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
|
+
* @param children {React.ReactNode}
|
|
11
11
|
* @param hasIcon {boolean} If Have icon
|
|
12
|
-
* @param
|
|
12
|
+
* @param onDelete {() => void} OnDelete Event
|
|
13
13
|
*/
|
|
14
14
|
var List = React.forwardRef(function (props, ref) {
|
|
15
|
-
var className = props.className,
|
|
15
|
+
var className = props.className, id = props.id, children = props.children, testId = props.testId, divider = props.divider, others = __rest(props, ["className", "id", "children", "testId", "divider"]);
|
|
16
16
|
var styled = useTrilogyContext().styled;
|
|
17
|
-
var classes = hashClass(styled, clsx(
|
|
18
|
-
return (React.createElement("ul", __assign({ ref: ref, "data-testid": testId, className: classes }, others), children));
|
|
17
|
+
var classes = hashClass(styled, clsx('list', divider && has('divider'), className));
|
|
18
|
+
return (React.createElement("ul", __assign({ id: id, ref: ref, "data-testid": testId, className: classes }, others), children));
|
|
19
19
|
});
|
|
20
20
|
export default List;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9MaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFaEM7Ozs7OztHQU1HO0FBRUgsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWdCLEVBQUUsR0FBc0M7SUFDN0UsSUFBQSxTQUFTLEdBQStDLEtBQUssVUFBcEQsRUFBRSxFQUFFLEdBQTJDLEtBQUssR0FBaEQsRUFBRSxRQUFRLEdBQWlDLEtBQUssU0FBdEMsRUFBRSxNQUFNLEdBQXlCLEtBQUssT0FBOUIsRUFBRSxPQUFPLEdBQWdCLEtBQUssUUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUEvRCxvREFBdUQsQ0FBRixDQUFVO0lBQzdELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLElBQUksR0FBRyxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFckYsT0FBTyxDQUNMLHFDQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsaUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxHQUN0RSxRQUFRLENBQ04sQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { ReactNode } from 'react';
|
|
5
5
|
import { Accessibility, Dev } from '../../objects';
|
|
6
|
-
|
|
6
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
7
|
+
export interface ListProps extends Accessibility, Dev, CommonProps {
|
|
7
8
|
children?: ReactNode;
|
|
8
|
-
|
|
9
|
-
hasIcon?: boolean;
|
|
9
|
+
divider?: boolean;
|
|
10
10
|
}
|
|
@@ -13,29 +13,36 @@ export default {
|
|
|
13
13
|
"ReactPortal"
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"divider": {
|
|
17
|
+
"type": "boolean",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"false",
|
|
21
|
+
"true"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
"accessibilityLabel": {
|
|
17
25
|
"type": "string",
|
|
18
26
|
"values": [
|
|
19
27
|
"undefined",
|
|
20
28
|
"string"
|
|
21
29
|
]
|
|
22
30
|
},
|
|
23
|
-
"
|
|
24
|
-
"type": "
|
|
31
|
+
"testId": {
|
|
32
|
+
"type": "string",
|
|
25
33
|
"values": [
|
|
26
34
|
"undefined",
|
|
27
|
-
"
|
|
28
|
-
"true"
|
|
35
|
+
"string"
|
|
29
36
|
]
|
|
30
37
|
},
|
|
31
|
-
"
|
|
38
|
+
"id": {
|
|
32
39
|
"type": "string",
|
|
33
40
|
"values": [
|
|
34
41
|
"undefined",
|
|
35
42
|
"string"
|
|
36
43
|
]
|
|
37
44
|
},
|
|
38
|
-
"
|
|
45
|
+
"className": {
|
|
39
46
|
"type": "string",
|
|
40
47
|
"values": [
|
|
41
48
|
"undefined",
|
|
@@ -2,17 +2,10 @@
|
|
|
2
2
|
import { ListItemProps } from './ListItemProps';
|
|
3
3
|
/**
|
|
4
4
|
* ListItem Component
|
|
5
|
+
* @param className {string} Additionnal CSS Classes
|
|
5
6
|
* @param children {React.ReactNode}
|
|
6
7
|
* @param customIcon {IconName | React.ReactNode } Icon name | children
|
|
7
8
|
* @param status {ListIconStatus} Status success|error
|
|
8
|
-
* @param title {string} List item title
|
|
9
|
-
* @param description {string} List item description
|
|
10
|
-
* @param action {React.ReactNode} children
|
|
11
|
-
* @param divider {boolean} Display divider
|
|
12
|
-
* @param deletable {boolean}
|
|
13
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string} Additionnal CSS Classes
|
|
15
|
-
* @param testId {string} Test Id for Test Integration
|
|
16
9
|
*/
|
|
17
|
-
declare const ListItem: ({ className, children,
|
|
10
|
+
declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
|
|
18
11
|
export default ListItem;
|
|
@@ -2,40 +2,23 @@ import clsx from 'clsx';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useTrilogyContext } from '../../../context';
|
|
4
4
|
import { hashClass } from '../../../helpers';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { Divider } from '../../../components/divider';
|
|
5
|
+
import { getColorClassName, TrilogyColor } from '../../../objects';
|
|
6
|
+
import { is } from '../../../services';
|
|
8
7
|
import { Icon, IconSize } from '../../../components/icon';
|
|
9
8
|
/**
|
|
10
9
|
* ListItem Component
|
|
10
|
+
* @param className {string} Additionnal CSS Classes
|
|
11
11
|
* @param children {React.ReactNode}
|
|
12
12
|
* @param customIcon {IconName | React.ReactNode } Icon name | children
|
|
13
13
|
* @param status {ListIconStatus} Status success|error
|
|
14
|
-
* @param title {string} List item title
|
|
15
|
-
* @param description {string} List item description
|
|
16
|
-
* @param action {React.ReactNode} children
|
|
17
|
-
* @param divider {boolean} Display divider
|
|
18
|
-
* @param deletable {boolean}
|
|
19
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
|
-
* @param className {string} Additionnal CSS Classes
|
|
21
|
-
* @param testId {string} Test Id for Test Integration
|
|
22
14
|
*/
|
|
23
15
|
var ListItem = function (_a) {
|
|
24
|
-
var className = _a.className,
|
|
16
|
+
var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
|
|
25
17
|
var styled = useTrilogyContext().styled;
|
|
26
|
-
var classes = clsx(is(getColorClassName(
|
|
27
|
-
return (React.createElement("li", { className: hashClass(styled, clsx(classes
|
|
28
|
-
React.createElement(
|
|
29
|
-
|
|
30
|
-
React.createElement(Icon, { className: classes, name: deletable ? 'tri-trash' : customIcon, size: IconSize.SMALL }))),
|
|
31
|
-
customIcon && typeof customIcon !== 'string' && (React.createElement("div", { className: hashClass(styled, clsx('list-item_content_puce')) }, customIcon)),
|
|
32
|
-
React.createElement("div", null,
|
|
33
|
-
(title || description) && (React.createElement(React.Fragment, null,
|
|
34
|
-
title && React.createElement("b", null, title),
|
|
35
|
-
children || (description && React.createElement("p", null, children || description)))),
|
|
36
|
-
!title && !description && React.createElement("div", null, children))),
|
|
37
|
-
action && React.createElement("div", { className: hashClass(styled, clsx('list-item_action')) }, action),
|
|
38
|
-
divider && React.createElement(Divider, null)));
|
|
18
|
+
var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
|
|
19
|
+
return (React.createElement("li", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
|
|
20
|
+
iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
|
|
21
|
+
React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
|
|
39
22
|
};
|
|
40
23
|
export default ListItem;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
|
|
@@ -6,14 +6,9 @@ import { ListItemProps } from './ListItemProps';
|
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
* @param customIcon {IconName | React.ReactNode } Icon name | children
|
|
8
8
|
* @param status {ListIconStatus} Status success|error
|
|
9
|
-
* @param title {string} List item title
|
|
10
|
-
* @param description {string} List item description
|
|
11
|
-
* @param action {React.ReactNode} children
|
|
12
|
-
* @param divider {boolean} Display divider
|
|
13
|
-
* @param deletable {boolean}
|
|
14
9
|
*/
|
|
15
10
|
declare const ListItem: {
|
|
16
|
-
({ children,
|
|
11
|
+
({ children, status, iconName }: ListItemProps): JSX.Element;
|
|
17
12
|
displayName: ComponentName;
|
|
18
13
|
};
|
|
19
14
|
export default ListItem;
|