@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,17 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { GapSize } from './ColumnsTypes';
|
|
3
|
-
import {
|
|
2
|
+
import { ColumnsSize, GapSize } from './ColumnsTypes';
|
|
3
|
+
import { AlignableProps } from '../../objects';
|
|
4
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
5
|
/**
|
|
5
6
|
* Columns Interface
|
|
6
7
|
*/
|
|
7
|
-
export interface ColumnsProps {
|
|
8
|
+
export interface ColumnsProps extends AlignableProps, CommonProps {
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
multiline?: boolean;
|
|
10
11
|
scrollable?: boolean;
|
|
11
|
-
centered?: boolean;
|
|
12
12
|
gap?: GapSize;
|
|
13
13
|
fullBleed?: boolean;
|
|
14
|
-
|
|
14
|
+
marginSize?: ColumnsSize;
|
|
15
15
|
mobile?: boolean;
|
|
16
|
-
verticalAlign?: Alignable | AlignableValues;
|
|
17
16
|
}
|
|
@@ -29,14 +29,6 @@ export default {
|
|
|
29
29
|
"true"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"centered": {
|
|
33
|
-
"type": "boolean",
|
|
34
|
-
"values": [
|
|
35
|
-
"undefined",
|
|
36
|
-
"false",
|
|
37
|
-
"true"
|
|
38
|
-
]
|
|
39
|
-
},
|
|
40
32
|
"gap": {
|
|
41
33
|
"type": "enum",
|
|
42
34
|
"values": [
|
|
@@ -62,11 +54,22 @@ export default {
|
|
|
62
54
|
"true"
|
|
63
55
|
]
|
|
64
56
|
},
|
|
65
|
-
"
|
|
57
|
+
"marginSize": {
|
|
66
58
|
"type": "string",
|
|
67
59
|
"values": [
|
|
68
60
|
"undefined",
|
|
69
|
-
"
|
|
61
|
+
"1",
|
|
62
|
+
"2",
|
|
63
|
+
"3",
|
|
64
|
+
"4",
|
|
65
|
+
"5",
|
|
66
|
+
"6",
|
|
67
|
+
"7",
|
|
68
|
+
"8",
|
|
69
|
+
"9",
|
|
70
|
+
"10",
|
|
71
|
+
"11",
|
|
72
|
+
"12"
|
|
70
73
|
]
|
|
71
74
|
},
|
|
72
75
|
"mobile": {
|
|
@@ -77,6 +80,18 @@ export default {
|
|
|
77
80
|
"true"
|
|
78
81
|
]
|
|
79
82
|
},
|
|
83
|
+
"align": {
|
|
84
|
+
"type": "enum",
|
|
85
|
+
"values": [
|
|
86
|
+
"undefined",
|
|
87
|
+
"ALIGNED_CENTER",
|
|
88
|
+
"ALIGNED_START",
|
|
89
|
+
"ALIGNED_END",
|
|
90
|
+
"ALIGNED_CENTER",
|
|
91
|
+
"ALIGNED_START",
|
|
92
|
+
"ALIGNED_END"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
80
95
|
"verticalAlign": {
|
|
81
96
|
"type": "enum",
|
|
82
97
|
"values": [
|
|
@@ -88,5 +103,19 @@ export default {
|
|
|
88
103
|
"ALIGNED_START",
|
|
89
104
|
"ALIGNED_END"
|
|
90
105
|
]
|
|
106
|
+
},
|
|
107
|
+
"id": {
|
|
108
|
+
"type": "string",
|
|
109
|
+
"values": [
|
|
110
|
+
"undefined",
|
|
111
|
+
"string"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
"className": {
|
|
115
|
+
"type": "string",
|
|
116
|
+
"values": [
|
|
117
|
+
"undefined",
|
|
118
|
+
"string"
|
|
119
|
+
]
|
|
91
120
|
}
|
|
92
121
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ColumnProps } from './ColumnProps';
|
|
3
3
|
/**
|
|
4
4
|
* Columns Item Component - Columns Child
|
|
5
5
|
* @param size {ColumnsSize} Size 1-12
|
|
@@ -22,7 +22,7 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
|
|
|
22
22
|
* @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
|
|
23
23
|
* @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
|
|
24
24
|
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
25
|
-
* @param
|
|
25
|
+
* @param align { Alignable | AlignableValues} align content
|
|
26
26
|
*/
|
|
27
|
-
declare const
|
|
28
|
-
export default
|
|
27
|
+
declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export default Column;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
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
|
+
import { getAlignClassName } from '../../../objects';
|
|
8
|
+
/**
|
|
9
|
+
* Columns Item Component - Columns Child
|
|
10
|
+
* @param size {ColumnsSize} Size 1-12
|
|
11
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
12
|
+
* @param centered {boolean} center Column item
|
|
13
|
+
* @param children {React.ReactNode}
|
|
14
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
|
+
* @param narrow {boolean} Narrow column item
|
|
16
|
+
* @param className {string} Additionnal CSS Classes
|
|
17
|
+
* @param mobileSize {ColumnsSize} Apply => is-size-mobile
|
|
18
|
+
* @param tabletSize {ColumnsSize} Apply => is-size-tablet
|
|
19
|
+
* @param touchSize {ColumnsSize} Apply => is-size-touch
|
|
20
|
+
* @param desktopSize {ColumnsSize} Apply => is-size-desktop
|
|
21
|
+
* @param widescreenSize {ColumnsSize} Apply => is-size-widescreen
|
|
22
|
+
* @param fullhdSize {ColumnsSize} Apply => is-size-fullhd
|
|
23
|
+
* @param offset {ColumnSize} Apply => is-offset
|
|
24
|
+
* @param mobileOffset {ColumnsSize} Apply => is-offset-mobile
|
|
25
|
+
* @param tabletOffset {ColumnsSize} Apply => is-offset-tablet
|
|
26
|
+
* @param touchOffset {ColumnsSize} Apply => is-offset-touch
|
|
27
|
+
* @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
|
|
28
|
+
* @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
|
|
29
|
+
* @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
|
|
30
|
+
* @param align { Alignable | AlignableValues} align content
|
|
31
|
+
*/
|
|
32
|
+
var Column = React.forwardRef(function (props, ref) {
|
|
33
|
+
var className = props.className, id = props.id, size = props.size, mobileSize = props.mobileSize, tabletSize = props.tabletSize, touchSize = props.touchSize, desktopSize = props.desktopSize, widescreenSize = props.widescreenSize, fullhdSize = props.fullhdSize, offset = props.offset, mobileOffset = props.mobileOffset, tabletOffset = props.tabletOffset, touchOffset = props.touchOffset, desktopOffset = props.desktopOffset, widescreenOffset = props.widescreenOffset, fullhdOffset = props.fullhdOffset, narrow = props.narrow, verticalAlign = props.verticalAlign, others = __rest(props, ["className", "id", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalAlign"]);
|
|
34
|
+
var styled = useTrilogyContext().styled;
|
|
35
|
+
var classes = hashClass(styled, clsx('column', size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
|
|
36
|
+
return React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others));
|
|
37
|
+
});
|
|
38
|
+
export default Column;
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBa0IsRUFBRSxHQUFvQztJQUVyRixJQUFBLFNBQVMsR0FtQlAsS0FBSyxVQW5CRSxFQUNULEVBQUUsR0FrQkEsS0FBSyxHQWxCTCxFQUNGLElBQUksR0FpQkYsS0FBSyxLQWpCSCxFQUNKLFVBQVUsR0FnQlIsS0FBSyxXQWhCRyxFQUNWLFVBQVUsR0FlUixLQUFLLFdBZkcsRUFDVixTQUFTLEdBY1AsS0FBSyxVQWRFLEVBQ1QsV0FBVyxHQWFULEtBQUssWUFiSSxFQUNYLGNBQWMsR0FZWixLQUFLLGVBWk8sRUFDZCxVQUFVLEdBV1IsS0FBSyxXQVhHLEVBQ1YsTUFBTSxHQVVKLEtBQUssT0FWRCxFQUNOLFlBQVksR0FTVixLQUFLLGFBVEssRUFDWixZQUFZLEdBUVYsS0FBSyxhQVJLLEVBQ1osV0FBVyxHQU9ULEtBQUssWUFQSSxFQUNYLGFBQWEsR0FNWCxLQUFLLGNBTk0sRUFDYixnQkFBZ0IsR0FLZCxLQUFLLGlCQUxTLEVBQ2hCLFlBQVksR0FJVixLQUFLLGFBSkssRUFDWixNQUFNLEdBR0osS0FBSyxPQUhELEVBQ04sYUFBYSxHQUVYLEtBQUssY0FGTSxFQUNWLE1BQU0sVUFDUCxLQUFLLEVBcEJILDRQQW9CTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { ColumnProps } from './ColumnProps';
|
|
3
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Columns Item Component - Columns Child
|
|
@@ -7,11 +7,9 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
7
7
|
* @param mobileSize {ColumnsSize} if size is missing.
|
|
8
8
|
* @param children {React.ReactNode}
|
|
9
9
|
* @param verticalCentered {boolean} Vertical center Column item
|
|
10
|
-
* @param centered {boolean} center Column item
|
|
11
|
-
* @param align { Alignable | AlignableValues} align content
|
|
12
10
|
*/
|
|
13
|
-
declare const
|
|
14
|
-
({ children, size, mobileSize,
|
|
11
|
+
declare const Column: {
|
|
12
|
+
({ children, size, mobileSize, verticalAlign, ...others }: ColumnProps): JSX.Element;
|
|
15
13
|
displayName: ComponentName;
|
|
16
14
|
};
|
|
17
|
-
export default
|
|
15
|
+
export default Column;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useContext } from 'react';
|
|
3
|
+
import { StyleSheet, View } from 'react-native';
|
|
4
|
+
import { ColumnsContext } from '../../../components/columns/Columns.native';
|
|
5
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
|
+
import { Alignable } from '../../../objects';
|
|
7
|
+
/**
|
|
8
|
+
* Columns Item Component - Columns Child
|
|
9
|
+
* @param size {ColumnsSize} Size 1-12
|
|
10
|
+
* @param mobileSize {ColumnsSize} if size is missing.
|
|
11
|
+
* @param children {React.ReactNode}
|
|
12
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
13
|
+
*/
|
|
14
|
+
var Column = function (_a) {
|
|
15
|
+
var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "size", "mobileSize", "verticalAlign"]);
|
|
16
|
+
var columnsContextValues = useContext(ColumnsContext);
|
|
17
|
+
var realSize = size || mobileSize;
|
|
18
|
+
var styles = StyleSheet.create({
|
|
19
|
+
Column: {
|
|
20
|
+
height: columnsContextValues.scrollable ? '100%' : undefined,
|
|
21
|
+
flex: !realSize ? 1 : realSize,
|
|
22
|
+
justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
|
|
23
|
+
flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
|
|
24
|
+
flexGrow: 0,
|
|
25
|
+
maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
return (React.createElement(View, __assign({ style: styles.Column }, others), children));
|
|
29
|
+
};
|
|
30
|
+
Column.displayName = ComponentName.Column;
|
|
31
|
+
export default Column;
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9jb2x1bW4vQ29sdW1uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3pDLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVyQzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBQXFFO0lBQW5FLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUEsRUFBSyxNQUFNLGNBQXRELG1EQUF3RCxDQUFGO0lBQ3BFLElBQU0sb0JBQW9CLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXZELElBQU0sUUFBUSxHQUFHLElBQUksSUFBSSxVQUFVLENBQUE7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixNQUFNLEVBQUUsb0JBQW9CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUQsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDOUIsY0FBYyxFQUFFLGFBQWEsS0FBSyxTQUFTLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVk7WUFDcEYsU0FBUyxFQUFFLFVBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBRztZQUN0RCxRQUFRLEVBQUUsQ0FBQztZQUNYLFFBQVEsRUFBRSxVQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHO1NBQ3hEO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFBTSxNQUFNLEdBQ25DLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { AlignableProps } from '../../../objects';
|
|
2
3
|
import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
|
|
4
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
3
5
|
/**
|
|
4
6
|
* Columns Item Interface
|
|
5
7
|
*/
|
|
6
|
-
export interface
|
|
8
|
+
export interface ColumnProps extends AlignableProps, CommonProps {
|
|
7
9
|
children?: React.ReactNode;
|
|
8
10
|
size?: ColumnsSize;
|
|
9
11
|
mobileSize?: ColumnsSize;
|
|
@@ -20,6 +22,4 @@ export interface ColumnsItemProps {
|
|
|
20
22
|
widescreenOffset?: ColumnsSize;
|
|
21
23
|
fullhdOffset?: ColumnsSize;
|
|
22
24
|
narrow?: boolean;
|
|
23
|
-
className?: string;
|
|
24
|
-
verticalCentered?: boolean;
|
|
25
25
|
}
|
package/lib/components/columns/{item/ColumnsItemPropsDefaults.js → column/ColumnPropsDefaults.js}
RENAMED
|
@@ -273,19 +273,42 @@ export default {
|
|
|
273
273
|
"true"
|
|
274
274
|
]
|
|
275
275
|
},
|
|
276
|
-
"
|
|
276
|
+
"align": {
|
|
277
|
+
"type": "enum",
|
|
278
|
+
"values": [
|
|
279
|
+
"undefined",
|
|
280
|
+
"ALIGNED_CENTER",
|
|
281
|
+
"ALIGNED_START",
|
|
282
|
+
"ALIGNED_END",
|
|
283
|
+
"ALIGNED_CENTER",
|
|
284
|
+
"ALIGNED_START",
|
|
285
|
+
"ALIGNED_END"
|
|
286
|
+
]
|
|
287
|
+
},
|
|
288
|
+
"verticalAlign": {
|
|
289
|
+
"type": "enum",
|
|
290
|
+
"values": [
|
|
291
|
+
"undefined",
|
|
292
|
+
"ALIGNED_CENTER",
|
|
293
|
+
"ALIGNED_START",
|
|
294
|
+
"ALIGNED_END",
|
|
295
|
+
"ALIGNED_CENTER",
|
|
296
|
+
"ALIGNED_START",
|
|
297
|
+
"ALIGNED_END"
|
|
298
|
+
]
|
|
299
|
+
},
|
|
300
|
+
"id": {
|
|
277
301
|
"type": "string",
|
|
278
302
|
"values": [
|
|
279
303
|
"undefined",
|
|
280
304
|
"string"
|
|
281
305
|
]
|
|
282
306
|
},
|
|
283
|
-
"
|
|
284
|
-
"type": "
|
|
307
|
+
"className": {
|
|
308
|
+
"type": "string",
|
|
285
309
|
"values": [
|
|
286
310
|
"undefined",
|
|
287
|
-
"
|
|
288
|
-
"true"
|
|
311
|
+
"string"
|
|
289
312
|
]
|
|
290
313
|
}
|
|
291
314
|
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import Column from './Column';
|
|
2
|
+
export default Column;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import Columns from './Columns';
|
|
2
|
-
import
|
|
3
|
-
export { Columns,
|
|
2
|
+
import Column from './column';
|
|
3
|
+
export { Columns, Column };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import Columns from './Columns';
|
|
2
|
-
import
|
|
3
|
-
export { Columns,
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
import Column from './column';
|
|
3
|
+
export { Columns, Column };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUU3QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ContainerProps } from
|
|
2
|
+
import { ContainerProps } from './ContainerProps';
|
|
3
3
|
/**
|
|
4
4
|
* Container Component
|
|
5
5
|
* @param children {React.ReactNode}
|
|
6
6
|
* @param medium {boolean} Set medium container
|
|
7
7
|
* @param className {string} Additionnal CSS Classes
|
|
8
8
|
*/
|
|
9
|
-
declare const Container: ({ className, medium, ...others }: ContainerProps) => JSX.Element;
|
|
9
|
+
declare const Container: ({ className, id, medium, ...others }: ContainerProps) => JSX.Element;
|
|
10
10
|
export default Container;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from
|
|
3
|
-
import { is } from
|
|
4
|
-
import clsx from
|
|
5
|
-
import { hashClass } from
|
|
6
|
-
import { useTrilogyContext } from
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { is } from '../../services/classify';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { hashClass } from '../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../context';
|
|
7
7
|
/**
|
|
8
8
|
* Container Component
|
|
9
9
|
* @param children {React.ReactNode}
|
|
@@ -11,10 +11,10 @@ import { useTrilogyContext } from "../../context";
|
|
|
11
11
|
* @param className {string} Additionnal CSS Classes
|
|
12
12
|
*/
|
|
13
13
|
var Container = function (_a) {
|
|
14
|
-
var className = _a.className, medium = _a.medium, others = __rest(_a, ["className", "medium"]);
|
|
14
|
+
var className = _a.className, id = _a.id, medium = _a.medium, others = __rest(_a, ["className", "id", "medium"]);
|
|
15
15
|
var styled = useTrilogyContext().styled;
|
|
16
|
-
var classes = hashClass(styled, clsx(
|
|
17
|
-
return React.createElement("div", __assign({ className: classes }, others));
|
|
16
|
+
var classes = hashClass(styled, clsx('container', medium && is('medium'), className));
|
|
17
|
+
return React.createElement("div", __assign({ id: id, className: classes }, others));
|
|
18
18
|
};
|
|
19
19
|
export default Container;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7R0FLRztBQUVILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBb0Q7SUFBbEQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQWxDLDZCQUFvQyxDQUFGO0lBQzNDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdkYsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDeEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* Container Interface
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
|
+
export interface ContainerProps extends CommonProps {
|
|
6
7
|
children?: React.ReactNode;
|
|
7
|
-
className?: string;
|
|
8
8
|
medium?: boolean;
|
|
9
9
|
}
|
|
@@ -13,19 +13,26 @@ export default {
|
|
|
13
13
|
"ReactPortal"
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
"
|
|
16
|
+
"medium": {
|
|
17
|
+
"type": "boolean",
|
|
18
|
+
"values": [
|
|
19
|
+
"undefined",
|
|
20
|
+
"false",
|
|
21
|
+
"true"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
24
|
+
"id": {
|
|
17
25
|
"type": "string",
|
|
18
26
|
"values": [
|
|
19
27
|
"undefined",
|
|
20
28
|
"string"
|
|
21
29
|
]
|
|
22
30
|
},
|
|
23
|
-
"
|
|
24
|
-
"type": "
|
|
31
|
+
"className": {
|
|
32
|
+
"type": "string",
|
|
25
33
|
"values": [
|
|
26
34
|
"undefined",
|
|
27
|
-
"
|
|
28
|
-
"true"
|
|
35
|
+
"string"
|
|
29
36
|
]
|
|
30
37
|
}
|
|
31
38
|
};
|
|
@@ -13,5 +13,5 @@ import { CountdownProps } from './CountdownProps';
|
|
|
13
13
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
14
14
|
* @param centered
|
|
15
15
|
*/
|
|
16
|
-
declare const Countdown: ({ deadline, className, format, event, small, inverted, ...others }: CountdownProps) => JSX.Element;
|
|
16
|
+
declare const Countdown: ({ deadline, className, id, format, event, small, inverted, ...others }: CountdownProps) => JSX.Element;
|
|
17
17
|
export default Countdown;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, {
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { CountdownFormat, CountdownUnite } from './CountdownEnum';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { hashClass } from '../../helpers';
|
|
@@ -26,7 +26,7 @@ var calculateTimer = function (timeDifference) {
|
|
|
26
26
|
* @param centered
|
|
27
27
|
*/
|
|
28
28
|
var Countdown = function (_a) {
|
|
29
|
-
var deadline = _a.deadline, className = _a.className, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "className", "format", "event", "small", "inverted"]);
|
|
29
|
+
var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted"]);
|
|
30
30
|
var styled = useTrilogyContext().styled;
|
|
31
31
|
var _b = __read(useState(deadline), 1), timeLeft = _b[0];
|
|
32
32
|
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
@@ -110,7 +110,7 @@ var Countdown = function (_a) {
|
|
|
110
110
|
setInit(false);
|
|
111
111
|
}
|
|
112
112
|
}, [timer, event, init]);
|
|
113
|
-
return (React.createElement("ul", __assign({ className: classes }, others),
|
|
113
|
+
return (React.createElement("ul", __assign({ id: id, className: classes }, others),
|
|
114
114
|
(show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
|
|
115
115
|
React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.days ? timer.days : 0),
|
|
116
116
|
"j")),
|
|
@@ -125,4 +125,4 @@ var Countdown = function (_a) {
|
|
|
125
125
|
"s"))));
|
|
126
126
|
};
|
|
127
127
|
export default Countdown;
|
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDakUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxjQUFjLEdBQUcsVUFBQyxjQUFzQjtJQUM1QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQzdELElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDbEUsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sRUFBRSxJQUFJLE1BQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxP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
|
|
@@ -12,7 +12,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
12
12
|
* @param others
|
|
13
13
|
*/
|
|
14
14
|
declare const Countdown: {
|
|
15
|
-
({ deadline, format, event, small,
|
|
15
|
+
({ deadline, format, event, small, inverted, ...others }: CountdownProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Countdown;
|
|
@@ -24,7 +24,7 @@ var calculateTimer = function (timeDifference) {
|
|
|
24
24
|
* @param others
|
|
25
25
|
*/
|
|
26
26
|
var Countdown = function (_a) {
|
|
27
|
-
var deadline = _a.deadline, format = _a.format, event = _a.event, small = _a.small,
|
|
27
|
+
var deadline = _a.deadline, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "format", "event", "small", "inverted"]);
|
|
28
28
|
var _b = __read(useState(false), 2), init = _b[0], setInit = _b[1];
|
|
29
29
|
var _c = __read(useState(deadline), 2), timeLeft = _c[0], setTimeLeft = _c[1];
|
|
30
30
|
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
@@ -32,6 +32,7 @@ var Countdown = function (_a) {
|
|
|
32
32
|
var _d = __read(useState(initialTimer), 2), timer = _d[0], setTimer = _d[1];
|
|
33
33
|
var show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
|
|
34
34
|
var parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
|
|
35
|
+
var centered = false;
|
|
35
36
|
useEffect(function () {
|
|
36
37
|
setTimeLeft(deadline);
|
|
37
38
|
}, [deadline, setTimeLeft]);
|
|
@@ -129,12 +130,12 @@ var Countdown = function (_a) {
|
|
|
129
130
|
text: {
|
|
130
131
|
color: countdownColor,
|
|
131
132
|
fontWeight: '600',
|
|
132
|
-
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
|
|
133
|
+
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
|
|
133
134
|
},
|
|
134
135
|
date: {
|
|
135
136
|
fontSize: small ? 12 : 14,
|
|
136
137
|
fontWeight: small ? '500' : '400',
|
|
137
|
-
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD)
|
|
138
|
+
fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
|
|
138
139
|
},
|
|
139
140
|
separator: {
|
|
140
141
|
width: 1,
|
|
@@ -147,19 +148,19 @@ var Countdown = function (_a) {
|
|
|
147
148
|
(show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text, testId: 'day-id' },
|
|
148
149
|
timer.days ? timer.days : 0,
|
|
149
150
|
React.createElement(Text, { style: styles.date }, "j"))),
|
|
150
|
-
show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && React.createElement(View, { style: styles.separator, testID: 'hour-day-id' }),
|
|
151
|
+
show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && (React.createElement(View, { style: styles.separator, testID: 'hour-day-id' })),
|
|
151
152
|
(show[CountdownUnite.HOUR] || timer.hours != 0) && (React.createElement(Text, { style: styles.text },
|
|
152
153
|
timer.hours ? timer.hours : 0,
|
|
153
154
|
React.createElement(Text, { style: styles.date }, "h"))),
|
|
154
|
-
show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator, testID: 'hour-min-id' }),
|
|
155
|
+
show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'hour-min-id' })),
|
|
155
156
|
(show[CountdownUnite.MIN] || timer.minutes != 0) && (React.createElement(Text, { style: styles.text },
|
|
156
157
|
timer.minutes ? timer.minutes : 0,
|
|
157
158
|
React.createElement(Text, { style: styles.date }, "m"))),
|
|
158
|
-
show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator, testID: 'sec-min-id' }),
|
|
159
|
+
show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'sec-min-id' })),
|
|
159
160
|
(show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text, level: TextLevels.ONE },
|
|
160
161
|
timer.seconds ? timer.seconds : 0,
|
|
161
162
|
React.createElement(Text, { style: styles.date }, "s")))));
|
|
162
163
|
};
|
|
163
164
|
Countdown.displayName = ComponentName.Countdown;
|
|
164
165
|
export default Countdown;
|
|
165
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
166
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRWpFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUVqRixJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFD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
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
2
2
|
import { CountdownFormat } from './CountdownEnum';
|
|
3
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* Countdown Interface
|
|
5
6
|
*/
|
|
6
|
-
export interface CountdownProps {
|
|
7
|
-
className?: string;
|
|
7
|
+
export interface CountdownProps extends CommonProps {
|
|
8
8
|
deadline: Date;
|
|
9
9
|
format?: CountdownFormat;
|
|
10
10
|
event?: ClickEvent;
|
|
11
11
|
small?: boolean;
|
|
12
|
-
centered?: boolean;
|
|
13
12
|
inverted?: boolean;
|
|
14
13
|
}
|