@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-151
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 +6 -3
- package/lib/components/accordion/Accordion.js +13 -10
- package/lib/components/accordion/AccordionProps.d.ts +3 -4
- package/lib/components/accordion/AccordionPropsDefaults.js +2 -2
- package/lib/components/accordion/index.d.ts +2 -2
- package/lib/components/accordion/index.js +3 -3
- package/lib/components/accordion/item/AccordionItem.d.ts +2 -4
- package/lib/components/accordion/item/AccordionItem.js +12 -59
- package/lib/components/accordion/item/AccordionItem.native.d.ts +1 -3
- package/lib/components/accordion/item/AccordionItem.native.js +7 -13
- package/lib/components/accordion/item/AccordionItemProps.d.ts +4 -8
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +7 -21
- package/lib/components/accordion/item/body/AccordionBody.d.ts +11 -0
- package/lib/components/accordion/item/body/AccordionBody.js +19 -0
- package/lib/components/accordion/{body → item/body}/AccordionBody.native.d.ts +1 -1
- package/lib/components/accordion/item/body/AccordionBody.native.js +18 -0
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +9 -0
- package/lib/components/accordion/item/body/AccordionBodyProps.js +2 -0
- package/lib/components/accordion/item/body/AccordionBodyPropsDefaults.js +37 -0
- package/lib/components/accordion/{body → item/body}/index.js +1 -1
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +11 -0
- package/lib/components/accordion/item/header/AccordionHeader.js +19 -0
- package/lib/components/accordion/{header → item/header}/AccordionHeader.native.d.ts +1 -1
- package/lib/components/accordion/item/header/AccordionHeader.native.js +21 -0
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +8 -0
- package/lib/components/accordion/item/header/AccordionHeaderProps.js +2 -0
- package/lib/components/{rows/item/RowsItemPropsDefaults.js → accordion/item/header/AccordionHeaderPropsDefaults.js} +3 -4
- package/lib/components/accordion/{header → item/header}/index.js +1 -1
- 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 +7 -6
- package/lib/components/badge/Badge.js +44 -24
- package/lib/components/badge/Badge.native.d.ts +3 -7
- package/lib/components/badge/Badge.native.js +13 -29
- package/lib/components/badge/BadgeEnum.d.ts +9 -3
- package/lib/components/badge/BadgeEnum.js +11 -5
- package/lib/components/badge/BadgeProps.d.ts +7 -6
- package/lib/components/badge/BadgePropsDefaults.js +47 -15
- package/lib/components/badge/index.d.ts +0 -1
- package/lib/components/badge/index.js +1 -2
- package/lib/components/box/Box.d.ts +2 -6
- package/lib/components/box/Box.js +17 -26
- 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 +21 -32
- 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 +16 -9
- 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 +16 -9
- 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 +3 -3
- package/lib/components/breadcrumb/Breadcrumb.js +9 -9
- 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 +7 -7
- 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 -7
- package/lib/components/button/list/ButtonList.js +9 -13
- package/lib/components/button/list/ButtonListEnum.d.ts +5 -0
- package/lib/components/button/list/ButtonListEnum.js +6 -0
- package/lib/components/button/list/ButtonListProps.d.ts +6 -4
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +24 -11
- package/lib/components/card/Card.d.ts +3 -11
- package/lib/components/card/Card.js +16 -30
- 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 +6 -3
- package/lib/components/chips/list/ChipsList.js +14 -11
- 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 +4 -3
- package/lib/components/columns/Columns.js +13 -12
- 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 +4 -5
- package/lib/components/columns/ColumnsPropsDefaults.js +31 -12
- 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 +16 -57
- package/lib/components/icon/Icon.d.ts +2 -11
- package/lib/components/icon/Icon.js +15 -98
- package/lib/components/icon/Icon.native.d.ts +3 -5
- package/lib/components/icon/Icon.native.js +29 -43
- package/lib/components/icon/IconProps.d.ts +4 -18
- package/lib/components/icon/IconPropsDefaults.js +16 -106
- 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 +3 -8
- package/lib/components/link/Link.js +17 -31
- package/lib/components/link/Link.native.d.ts +3 -6
- package/lib/components/link/Link.native.js +33 -75
- package/lib/components/link/LinkProps.d.ts +3 -10
- package/lib/components/link/LinkPropsDefaults.js +16 -41
- package/lib/components/list/List.d.ts +5 -7
- package/lib/components/list/List.js +13 -14
- 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 +19 -65
- package/lib/components/modal/Modal.native.d.ts +4 -14
- package/lib/components/modal/Modal.native.js +44 -78
- package/lib/components/modal/ModalEnum.d.ts +5 -0
- package/lib/components/modal/ModalEnum.js +7 -1
- package/lib/components/modal/ModalProps.d.ts +10 -30
- package/lib/components/modal/ModalPropsDefaults.js +20 -213
- 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/modal/body/ModalBodyPropsDefaults.js +30 -0
- 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/index.d.ts +2 -2
- package/lib/components/modal/index.js +3 -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 +62 -69
- package/lib/components/price/Price.native.d.ts +5 -8
- package/lib/components/price/Price.native.js +103 -129
- package/lib/components/price/PriceProps.d.ts +5 -10
- package/lib/components/price/PricePropsDefaults.js +20 -39
- 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 -9
- package/lib/components/progress/Progress.js +21 -31
- 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 +5 -5
- package/lib/components/radio/list/RadioList.js +12 -11
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +11 -11
- package/lib/components/radio/list/RadioListProps.d.ts +7 -5
- package/lib/components/radio/list/RadioListPropsDefaults.js +0 -9
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +17 -15
- 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/circle → 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/{stepper/step/StepperStepPropsDefaults.js → radio/tiles/tile/RadioTilePropsDefaults.js} +82 -69
- 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 +1 -10
- package/lib/components/range/Range.js +23 -32
- 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 +3 -4
- package/lib/components/rows/Rows.js +10 -11
- 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/{accordion/header/AccordionHeaderPropsDefaults.js → rows/row/RowPropsDefaults.js} +8 -8
- package/lib/components/rows/row/index.d.ts +2 -0
- package/lib/components/rows/row/index.js +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +2 -2
- package/lib/components/section/Section.d.ts +1 -5
- package/lib/components/section/Section.js +8 -16
- 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 +14 -40
- package/lib/components/segment-control/SegmentControl.d.ts +1 -3
- package/lib/components/segment-control/SegmentControl.js +5 -9
- package/lib/components/segment-control/SegmentControl.native.d.ts +3 -5
- package/lib/components/segment-control/SegmentControl.native.js +15 -22
- package/lib/components/segment-control/SegmentControlProps.d.ts +4 -5
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +15 -20
- 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 +10 -17
- package/lib/components/select/SelectProps.d.ts +2 -4
- package/lib/components/select/SelectPropsDefaults.js +8 -16
- package/lib/components/select/option/SelectOption.d.ts +2 -1
- package/lib/components/select/option/SelectOption.js +9 -8
- 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 +3 -3
- package/lib/components/stepper/Stepper.js +19 -28
- 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/index.d.ts +3 -3
- package/lib/components/stepper/index.js +4 -4
- package/lib/components/stepper/step/{StepperStep.d.ts → Step.d.ts} +4 -6
- package/lib/components/stepper/step/Step.js +35 -0
- package/lib/components/stepper/step/{StepperStep.native.d.ts → Step.native.d.ts} +3 -3
- package/lib/components/stepper/step/Step.native.js +59 -0
- package/lib/components/stepper/step/{StepperStepEnum.d.ts → StepEnum.d.ts} +2 -2
- package/lib/components/stepper/step/StepEnum.js +11 -0
- package/lib/components/stepper/step/StepProps.d.ts +13 -0
- package/lib/components/stepper/step/StepProps.js +2 -0
- package/lib/components/{modal/title/ModalTitlePropsDefaults.js → stepper/step/StepPropsDefaults.js} +39 -24
- package/lib/components/stepper/step/index.d.ts +2 -2
- package/lib/components/stepper/step/index.js +3 -3
- 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 +61 -32
- 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 -4
- package/lib/components/switch/SwitchPropsDefaults.js +17 -17
- 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 +18 -11
- 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 +18 -11
- package/lib/components/table/index.d.ts +1 -0
- package/lib/components/table/index.js +2 -1
- 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/table/tr/TableTrPropsWebDefaults.js +2 -2
- package/lib/components/tabs/Tabs.d.ts +1 -7
- package/lib/components/tabs/Tabs.js +9 -54
- 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 +13 -0
- package/lib/components/tabs/tab-list/TabList.js +24 -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 +12 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +21 -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 +11 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +20 -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/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 +3 -5
- package/lib/components/tag/list/TagList.js +11 -12
- package/lib/components/tag/list/TagList.native.d.ts +3 -4
- package/lib/components/tag/list/TagList.native.js +10 -15
- package/lib/components/tag/list/TagListProps.d.ts +4 -5
- package/lib/components/tag/list/TagListPropsDefaults.js +20 -17
- 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 +3 -4
- package/lib/components/timeline/Timeline.js +11 -12
- 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 +3 -4
- package/lib/components/timeline/item/TimelineItem.js +10 -11
- 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 +7 -11
- 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/components/view/ViewPropsDefaults.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/accordion/body/AccordionBody.d.ts +0 -11
- package/lib/components/accordion/body/AccordionBody.js +0 -22
- package/lib/components/accordion/body/AccordionBody.native.js +0 -18
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +0 -9
- package/lib/components/accordion/body/AccordionBodyProps.js +0 -2
- package/lib/components/accordion/header/AccordionHeader.d.ts +0 -11
- package/lib/components/accordion/header/AccordionHeader.js +0 -19
- package/lib/components/accordion/header/AccordionHeader.native.js +0 -21
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +0 -10
- package/lib/components/accordion/header/AccordionHeaderProps.js +0 -2
- 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/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/StatusIconPropsDefaults.js +0 -118
- package/lib/components/icon/status/index.d.ts +0 -2
- package/lib/components/icon/status/index.js +0 -3
- 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.d.ts +0 -12
- 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/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/stepper/step/StepperStep.js +0 -44
- package/lib/components/stepper/step/StepperStep.native.js +0 -63
- package/lib/components/stepper/step/StepperStepEnum.js +0 -11
- package/lib/components/stepper/step/StepperStepProps.d.ts +0 -18
- package/lib/components/stepper/step/StepperStepProps.js +0 -2
- 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
- /package/lib/components/accordion/{body → item/body}/index.d.ts +0 -0
- /package/lib/components/accordion/{header → item/header}/index.d.ts +0 -0
- /package/lib/components/{accordion/body/AccordionBodyPropsDefaults.js → tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { useContext } from
|
|
3
|
-
import { StyleSheet, Text, TouchableOpacity, View } from
|
|
4
|
-
import { Title, TitleLevels } from
|
|
5
|
-
import { Button } from
|
|
6
|
-
import { getColorStyle, TrilogyColor } from
|
|
7
|
-
import { CardContext } from
|
|
8
|
-
import { ComponentName } from
|
|
2
|
+
import React, { useContext } from 'react';
|
|
3
|
+
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
4
|
+
import { Title, TitleLevels } from '../../../components/title';
|
|
5
|
+
import { Button } from '../../../components/button';
|
|
6
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
7
|
+
import { CardContext } from '../../../components/card/Card.native';
|
|
8
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
9
9
|
/**
|
|
10
10
|
* Card Content Component
|
|
11
11
|
* @param children {ReactNode} Card Content Children
|
|
@@ -19,8 +19,15 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
19
19
|
* @param others
|
|
20
20
|
*/
|
|
21
21
|
var CardContent = function (_a) {
|
|
22
|
-
var children = _a.children,
|
|
22
|
+
var children = _a.children, others = __rest(_a, ["children"]);
|
|
23
23
|
var cardContextValues = useContext(CardContext);
|
|
24
|
+
var titleSup = 'titleSup';
|
|
25
|
+
var title = 'title';
|
|
26
|
+
var buttonText = 'buttonText';
|
|
27
|
+
var buttonVariant = 'CONVERSION';
|
|
28
|
+
var buttonClick = function () { return null; };
|
|
29
|
+
var text = 'text';
|
|
30
|
+
var onClick = function () { return null; };
|
|
24
31
|
var styles = StyleSheet.create({
|
|
25
32
|
card: {
|
|
26
33
|
paddingTop: 16,
|
|
@@ -31,7 +38,7 @@ var CardContent = function (_a) {
|
|
|
31
38
|
flex: cardContextValues.horizontal ? 1 : 0,
|
|
32
39
|
},
|
|
33
40
|
view: {
|
|
34
|
-
width:
|
|
41
|
+
width: '100%',
|
|
35
42
|
},
|
|
36
43
|
text: {
|
|
37
44
|
color: getColorStyle(TrilogyColor.MAIN),
|
|
@@ -44,13 +51,13 @@ var CardContent = function (_a) {
|
|
|
44
51
|
if (children) {
|
|
45
52
|
if (onClick) {
|
|
46
53
|
return (React.createElement(View, { style: styles.card },
|
|
47
|
-
React.createElement(TouchableOpacity, { style: { width:
|
|
54
|
+
React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
|
|
48
55
|
}
|
|
49
56
|
return (React.createElement(View, __assign({ style: styles.card }, others), children));
|
|
50
57
|
}
|
|
51
58
|
var cardContent = (React.createElement(View, __assign({ style: styles.card }, others),
|
|
52
|
-
titleSup && React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup),
|
|
53
|
-
title && React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title),
|
|
59
|
+
titleSup && (React.createElement(Title, { overline: true, testId: 'titleSup-id' }, titleSup)),
|
|
60
|
+
title && (React.createElement(Title, { level: TitleLevels.ONE, testId: 'title-id' }, title)),
|
|
54
61
|
text && (React.createElement(React.Fragment, null,
|
|
55
62
|
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
56
63
|
React.createElement(Text, { style: styles.text }, text))),
|
|
@@ -58,8 +65,8 @@ var CardContent = function (_a) {
|
|
|
58
65
|
React.createElement(View, { style: { marginBottom: 16 } }),
|
|
59
66
|
React.createElement(Button, { variant: buttonVariant, onClick: buttonClick, testId: 'button-id' }, buttonText)))));
|
|
60
67
|
return onClick ? (React.createElement(View, { style: styles.view },
|
|
61
|
-
React.createElement(TouchableOpacity, { style: { width:
|
|
68
|
+
React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
|
|
62
69
|
};
|
|
63
70
|
CardContent.displayName = ComponentName.CardContent;
|
|
64
71
|
export default CardContent;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2NvbnRlbnQvQ2FyZENvbnRlbnQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBeUM7SUFBdkMsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDeEMsSUFBTSxpQkFBaUIsR0FBRyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUE7SUFFakQsSUFBTSxRQUFRLEdBQUcsVUFBVSxDQUFBO0lBQzNCLElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQTtJQUNyQixJQUFNLFVBQVUsR0FBRyxZQUFZLENBQUE7SUFDL0IsSUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFBO0lBQ2xDLElBQU0sV0FBVyxHQUFHLGNBQU0sT0FBQSxJQUFJLEVBQUosQ0FBSSxDQUFBO0lBQzlCLElBQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQTtJQUNuQixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUksQ0FBQTtJQUUxQixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxFQUFFO1lBQ2QsV0FBVyxFQUFFLEVBQUU7WUFDZixZQUFZLEVBQUUsRUFBRTtZQUNoQixhQUFhLEVBQUUsRUFBRTtZQUNqQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxpQkFBaUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUMzQztRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxNQUFNO1NBQ2Q7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDdkMsUUFBUSxFQUFFLEVBQUU7U0FDYjtRQUNELE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxFQUFFO1NBQ2pCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBSSxRQUFRLEVBQUU7UUFDWixJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO2dCQUN0QixvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUM1RSxRQUFRLENBQ1EsQ0FDZCxDQUNSLENBQUE7U0FDRjtRQUNELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDUixDQUFBO0tBQ0Y7SUFFRCxJQUFNLFdBQVcsR0FBRyxDQUNsQixvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTTtRQUNqQyxRQUFRLElBQUksQ0FDWCxvQkFBQyxLQUFLLElBQUMsUUFBUSxRQUFDLE1BQU0sRUFBQyxhQUFhLElBQ2pDLFFBQVEsQ0FDSCxDQUNUO1FBQ0EsS0FBSyxJQUFJLENBQ1Isb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsR0FBRyxFQUFFLE1BQU0sRUFBQyxVQUFVLElBQzdDLEtBQUssQ0FDQSxDQUNUO1FBQ0EsSUFBSSxJQUFJLENBQ1A7WUFDRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLEVBQUUsRUFBRSxHQUFJO1lBQ3JDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBRyxJQUFJLENBQVEsQ0FDdEMsQ0FDSjtRQUNBLFVBQVUsSUFBSSxDQUNiO1lBQ0Usb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLFlBQVksRUFBRSxFQUFFLEVBQUUsR0FBSTtZQUNyQyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBQyxXQUFXLElBQ3JFLFVBQVUsQ0FDSixDQUNSLENBQ0osQ0FDSSxDQUNSLENBQUE7SUFFRCxPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJO1FBQ3RCLG9CQUFDLGdCQUFnQixJQUFDLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLElBQzlFLFdBQVcsQ0FDSyxDQUNkLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixXQUFXLENBQ1osQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -1,25 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { TitleLevels, TitleLevelValues } from '../../../components/title/TitleEnum';
|
|
5
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
6
|
-
import { Accessibility, Clickable, Dev, TrilogyColor } from '../../../objects';
|
|
2
|
+
import { Accessibility } from '../../../objects';
|
|
3
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
7
4
|
/**
|
|
8
5
|
* Card Content Interface
|
|
9
6
|
*/
|
|
10
|
-
export interface CardContentProps extends
|
|
7
|
+
export interface CardContentProps extends Accessibility, CommonProps {
|
|
11
8
|
children?: React.ReactNode;
|
|
12
|
-
titleSup?: string;
|
|
13
|
-
titleSupLevel?: TextLevelValues;
|
|
14
|
-
title?: string;
|
|
15
|
-
titleLevel?: TitleLevels | TitleLevelValues;
|
|
16
|
-
buttonText?: string;
|
|
17
|
-
text?: string;
|
|
18
|
-
textLevel?: TextLevelValues;
|
|
19
|
-
buttonVariant?: ButtonVariant | ButtonVariantValues;
|
|
20
|
-
buttonClick?: ClickEvent;
|
|
21
|
-
className?: string;
|
|
22
|
-
buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
|
|
23
|
-
onClick?: ClickEvent;
|
|
24
|
-
backgroundColor?: TrilogyColor.BACKGROUND | 'transparent';
|
|
25
9
|
}
|
|
@@ -13,133 +13,25 @@ export default {
|
|
|
13
13
|
"ReactPortal"
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
"
|
|
17
|
-
"type": "string",
|
|
18
|
-
"values": [
|
|
19
|
-
"undefined",
|
|
20
|
-
"string"
|
|
21
|
-
]
|
|
22
|
-
},
|
|
23
|
-
"titleSupLevel": {
|
|
24
|
-
"type": "enum",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
1,
|
|
28
|
-
2,
|
|
29
|
-
3,
|
|
30
|
-
4
|
|
31
|
-
]
|
|
32
|
-
},
|
|
33
|
-
"title": {
|
|
34
|
-
"type": "string",
|
|
35
|
-
"values": [
|
|
36
|
-
"undefined",
|
|
37
|
-
"string"
|
|
38
|
-
]
|
|
39
|
-
},
|
|
40
|
-
"titleLevel": {
|
|
41
|
-
"type": "enum",
|
|
42
|
-
"values": [
|
|
43
|
-
"undefined",
|
|
44
|
-
1,
|
|
45
|
-
2,
|
|
46
|
-
3,
|
|
47
|
-
4,
|
|
48
|
-
5,
|
|
49
|
-
6
|
|
50
|
-
]
|
|
51
|
-
},
|
|
52
|
-
"buttonText": {
|
|
16
|
+
"accessibilityLabel": {
|
|
53
17
|
"type": "string",
|
|
54
18
|
"values": [
|
|
55
19
|
"undefined",
|
|
56
20
|
"string"
|
|
57
21
|
]
|
|
58
22
|
},
|
|
59
|
-
"
|
|
23
|
+
"id": {
|
|
60
24
|
"type": "string",
|
|
61
25
|
"values": [
|
|
62
26
|
"undefined",
|
|
63
27
|
"string"
|
|
64
28
|
]
|
|
65
29
|
},
|
|
66
|
-
"textLevel": {
|
|
67
|
-
"type": "enum",
|
|
68
|
-
"values": [
|
|
69
|
-
"undefined",
|
|
70
|
-
1,
|
|
71
|
-
2,
|
|
72
|
-
3,
|
|
73
|
-
4
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
"buttonVariant": {
|
|
77
|
-
"type": "enum",
|
|
78
|
-
"values": [
|
|
79
|
-
"undefined",
|
|
80
|
-
"CONVERSION",
|
|
81
|
-
"PRIMARY",
|
|
82
|
-
"SECONDARY",
|
|
83
|
-
"GHOST",
|
|
84
|
-
"CONVERSION",
|
|
85
|
-
"PRIMARY",
|
|
86
|
-
"SECONDARY",
|
|
87
|
-
"GHOST"
|
|
88
|
-
]
|
|
89
|
-
},
|
|
90
|
-
"buttonClick": {
|
|
91
|
-
"type": "function",
|
|
92
|
-
"values": [
|
|
93
|
-
"undefined",
|
|
94
|
-
"ClickEvent"
|
|
95
|
-
]
|
|
96
|
-
},
|
|
97
30
|
"className": {
|
|
98
31
|
"type": "string",
|
|
99
32
|
"values": [
|
|
100
33
|
"undefined",
|
|
101
34
|
"string"
|
|
102
35
|
]
|
|
103
|
-
},
|
|
104
|
-
"buttonMarkup": {
|
|
105
|
-
"type": "enum",
|
|
106
|
-
"values": [
|
|
107
|
-
"undefined",
|
|
108
|
-
"a",
|
|
109
|
-
"button",
|
|
110
|
-
"input",
|
|
111
|
-
"button",
|
|
112
|
-
"input",
|
|
113
|
-
"a"
|
|
114
|
-
]
|
|
115
|
-
},
|
|
116
|
-
"onClick": {
|
|
117
|
-
"type": "function",
|
|
118
|
-
"values": [
|
|
119
|
-
"undefined",
|
|
120
|
-
"ClickEvent"
|
|
121
|
-
]
|
|
122
|
-
},
|
|
123
|
-
"backgroundColor": {
|
|
124
|
-
"type": "enum",
|
|
125
|
-
"values": [
|
|
126
|
-
"undefined",
|
|
127
|
-
"WHITE",
|
|
128
|
-
"transparent"
|
|
129
|
-
]
|
|
130
|
-
},
|
|
131
|
-
"accessibilityLabel": {
|
|
132
|
-
"type": "string",
|
|
133
|
-
"values": [
|
|
134
|
-
"undefined",
|
|
135
|
-
"string"
|
|
136
|
-
]
|
|
137
|
-
},
|
|
138
|
-
"testId": {
|
|
139
|
-
"type": "string",
|
|
140
|
-
"values": [
|
|
141
|
-
"undefined",
|
|
142
|
-
"string"
|
|
143
|
-
]
|
|
144
36
|
}
|
|
145
37
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardImageProps } from
|
|
2
|
+
import { CardImageProps } from './CardImageProps';
|
|
3
3
|
/**
|
|
4
4
|
* Card Image Component
|
|
5
5
|
* @param src Image source
|
|
@@ -11,5 +11,5 @@ import { CardImageProps } from "./CardImageProps";
|
|
|
11
11
|
* - -------------------------- WEB PROPERTIES ----------------------------------
|
|
12
12
|
* @param className Additionnal CSS Classes
|
|
13
13
|
*/
|
|
14
|
-
declare const CardImage: ({ src, alt, className, size, onClick, ...others }: CardImageProps) => JSX.Element;
|
|
14
|
+
declare const CardImage: ({ src, alt, className, id, size, onClick, ...others }: CardImageProps) => JSX.Element;
|
|
15
15
|
export default CardImage;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import clsx from
|
|
4
|
-
import { is } from
|
|
5
|
-
import { hashClass } from
|
|
6
|
-
import { useTrilogyContext } from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { is } from '../../../services/classify';
|
|
5
|
+
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../../context';
|
|
7
7
|
/**
|
|
8
8
|
* Card Image Component
|
|
9
9
|
* @param src Image source
|
|
@@ -16,16 +16,16 @@ import { useTrilogyContext } from "../../../context";
|
|
|
16
16
|
* @param className Additionnal CSS Classes
|
|
17
17
|
*/
|
|
18
18
|
var CardImage = function (_a) {
|
|
19
|
-
var src = _a.src, alt = _a.alt, className = _a.className, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "size", "onClick"]);
|
|
19
|
+
var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
|
|
20
20
|
var styled = useTrilogyContext().styled;
|
|
21
|
-
var classes = hashClass(styled, clsx(
|
|
22
|
-
return (React.createElement("div", { onClick: function (e) {
|
|
21
|
+
var classes = hashClass(styled, clsx('card-image', size && is("".concat(size)), className));
|
|
22
|
+
return (React.createElement("div", { id: id, onClick: function (e) {
|
|
23
23
|
// eslint-disable-next-line no-unused-expressions
|
|
24
24
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
25
25
|
e.stopPropagation();
|
|
26
26
|
}, className: classes },
|
|
27
|
-
React.createElement("figure", __assign({ className: hashClass(styled, clsx(
|
|
28
|
-
React.createElement("img", __assign({}, { src: typeof src ===
|
|
27
|
+
React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
|
|
28
|
+
React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
|
|
29
29
|
};
|
|
30
30
|
export default CardImage;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBcUU7SUFBbkUsSUFBQSxHQUFHLFNBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQW5ELG9EQUFxRCxDQUFGO0lBQzVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXZGLE9BQU8sQ0FDTCw2QkFDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTztRQUVsQix5Q0FBUSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBTSxNQUFNO1lBQzdELHdDQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsSUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQzNELENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Clickable } from '../../../objects';
|
|
2
2
|
import { CardImageSize, CardImageSizeValues } from './CardImageEnum';
|
|
3
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* Card Image Interface
|
|
5
6
|
*/
|
|
6
|
-
export interface CardImageProps extends Clickable {
|
|
7
|
+
export interface CardImageProps extends Clickable, CommonProps {
|
|
7
8
|
src: string | number;
|
|
8
9
|
size?: CardImageSize | CardImageSizeValues;
|
|
9
|
-
className?: string;
|
|
10
10
|
alt?: string;
|
|
11
11
|
contain?: boolean;
|
|
12
12
|
}
|
|
@@ -20,13 +20,6 @@ export default {
|
|
|
20
20
|
"4"
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
|
-
"className": {
|
|
24
|
-
"type": "string",
|
|
25
|
-
"values": [
|
|
26
|
-
"undefined",
|
|
27
|
-
"string"
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
23
|
"alt": {
|
|
31
24
|
"type": "string",
|
|
32
25
|
"values": [
|
|
@@ -48,5 +41,19 @@ export default {
|
|
|
48
41
|
"undefined",
|
|
49
42
|
"ClickEvent"
|
|
50
43
|
]
|
|
44
|
+
},
|
|
45
|
+
"id": {
|
|
46
|
+
"type": "string",
|
|
47
|
+
"values": [
|
|
48
|
+
"undefined",
|
|
49
|
+
"string"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"className": {
|
|
53
|
+
"type": "string",
|
|
54
|
+
"values": [
|
|
55
|
+
"undefined",
|
|
56
|
+
"string"
|
|
57
|
+
]
|
|
51
58
|
}
|
|
52
59
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CheckboxProps } from
|
|
2
|
+
import { CheckboxProps } from './CheckboxProps';
|
|
3
3
|
/**
|
|
4
4
|
* Checkbox Component
|
|
5
5
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -7,18 +7,11 @@ import { CheckboxProps } from "./CheckboxProps";
|
|
|
7
7
|
* @param readOnly {boolean} readonly Checkbox
|
|
8
8
|
* @param id {string} Id for button, by default id is generate
|
|
9
9
|
* @param label {string} Label for Checkbox
|
|
10
|
-
* @param onClick {ClickEvent}
|
|
11
10
|
* @param onChange {ChangeEvent}
|
|
12
11
|
* @param name {string} Name for checkbox
|
|
13
|
-
* @param children {React.ReactNode}
|
|
14
|
-
* @param tile {boolean} Checbox Tile
|
|
15
|
-
* @param description {string} Description for Checkbox tile
|
|
16
|
-
* @param iconTile {IconName} Name of icon for checkbox tile
|
|
17
|
-
* @param testId {string} Test Id for Test Integration
|
|
18
|
-
* @param horizontalTile {boolean} display horizontal Checkbox tile
|
|
19
12
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
20
13
|
* @param value {string} Value for checkbox
|
|
21
14
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
22
15
|
*/
|
|
23
|
-
declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange,
|
|
16
|
+
declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: CheckboxProps) => JSX.Element;
|
|
24
17
|
export default Checkbox;
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from
|
|
3
|
-
import shortid from
|
|
4
|
-
import clsx from
|
|
5
|
-
import { hashClass } from
|
|
6
|
-
import {
|
|
7
|
-
import { is } from "../../services";
|
|
8
|
-
import { useTrilogyContext } from "../../context";
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
|
+
import shortid from 'shortid';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { hashClass } from '../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../context';
|
|
9
7
|
/**
|
|
10
8
|
* Checkbox Component
|
|
11
9
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -13,21 +11,14 @@ import { useTrilogyContext } from "../../context";
|
|
|
13
11
|
* @param readOnly {boolean} readonly Checkbox
|
|
14
12
|
* @param id {string} Id for button, by default id is generate
|
|
15
13
|
* @param label {string} Label for Checkbox
|
|
16
|
-
* @param onClick {ClickEvent}
|
|
17
14
|
* @param onChange {ChangeEvent}
|
|
18
15
|
* @param name {string} Name for checkbox
|
|
19
|
-
* @param children {React.ReactNode}
|
|
20
|
-
* @param tile {boolean} Checbox Tile
|
|
21
|
-
* @param description {string} Description for Checkbox tile
|
|
22
|
-
* @param iconTile {IconName} Name of icon for checkbox tile
|
|
23
|
-
* @param testId {string} Test Id for Test Integration
|
|
24
|
-
* @param horizontalTile {boolean} display horizontal Checkbox tile
|
|
25
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
26
17
|
* @param value {string} Value for checkbox
|
|
27
18
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
28
19
|
*/
|
|
29
20
|
var Checkbox = function (_a) {
|
|
30
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange,
|
|
21
|
+
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
|
|
31
22
|
var styled = useTrilogyContext().styled;
|
|
32
23
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
33
24
|
useEffect(function () {
|
|
@@ -35,39 +26,9 @@ var Checkbox = function (_a) {
|
|
|
35
26
|
setChecked(checked || false);
|
|
36
27
|
}
|
|
37
28
|
}, [checked, readonly]);
|
|
38
|
-
return (React.createElement("div", { className: hashClass(styled, clsx(
|
|
39
|
-
React.createElement("input", __assign({ "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id,
|
|
40
|
-
|
|
41
|
-
}, onClick: function (e) {
|
|
42
|
-
var target = e.target;
|
|
43
|
-
if (!readonly && target.checked !== undefined) {
|
|
44
|
-
setChecked(target.checked);
|
|
45
|
-
}
|
|
46
|
-
target.value = value || "";
|
|
47
|
-
if (onChange) {
|
|
48
|
-
onChange({
|
|
49
|
-
checkboxId: target.id,
|
|
50
|
-
checkboxValue: target.value,
|
|
51
|
-
checkboxName: target.name,
|
|
52
|
-
checkboxChecked: target.checked,
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
if (onClick) {
|
|
56
|
-
onClick({
|
|
57
|
-
checkboxId: target.id,
|
|
58
|
-
checkboxValue: target.value,
|
|
59
|
-
checkboxName: target.name,
|
|
60
|
-
checkboxChecked: target.checked,
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
} }, others)),
|
|
64
|
-
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("checkbox-label")) },
|
|
65
|
-
iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
|
|
66
|
-
horizontalTile ? (React.createElement("span", null,
|
|
67
|
-
tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
|
|
68
|
-
tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))) : (React.createElement(React.Fragment, null,
|
|
69
|
-
tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
|
|
70
|
-
tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))))));
|
|
29
|
+
return (React.createElement("div", { className: hashClass(styled, clsx('checkbox', className)), tabIndex: 0 },
|
|
30
|
+
React.createElement("input", __assign({ "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
|
|
31
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label)));
|
|
71
32
|
};
|
|
72
33
|
export default Checkbox;
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQVdGO0lBVmQsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVk8sNEZBV2pCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ3pFLHdEQUNnQixPQUFPLEVBQ3JCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDckUsS0FBSyxDQUNBLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CheckboxProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { CheckboxProps } from './CheckboxProps';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Checkbox Native Component
|
|
6
6
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -11,14 +11,9 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
11
11
|
* @param onClick {ClickEvent}
|
|
12
12
|
* @param onChange {ChangeEvent}
|
|
13
13
|
* @param name {string} Name for checkbox
|
|
14
|
-
* @param tile {boolean} Checbox Tile
|
|
15
|
-
* @param description {string} Description for Checkbox tile
|
|
16
|
-
* @param iconTile {IconName} Name of icon for checkbox tile
|
|
17
|
-
* @param testId {string} Test Id for Test Integration
|
|
18
|
-
* @param horizontalTile {boolean} display horizontal Checkbox tile
|
|
19
14
|
*/
|
|
20
15
|
declare const Checkbox: {
|
|
21
|
-
({ id, checked, name,
|
|
16
|
+
({ id, checked, name, onChange, disabled, readonly, label, }: CheckboxProps): JSX.Element;
|
|
22
17
|
displayName: ComponentName;
|
|
23
18
|
};
|
|
24
19
|
export default Checkbox;
|