@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-v4
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 +2 -2
- 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,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { createContext, useState } from
|
|
3
|
-
import { Dimensions,
|
|
4
|
-
import { View } from
|
|
5
|
-
import { ComponentName } from
|
|
6
|
-
import { ColumnsGapValue } from
|
|
7
|
-
import { getAlignStyle } from
|
|
2
|
+
import React, { createContext, useState } from 'react';
|
|
3
|
+
import { Dimensions, ScrollView, StyleSheet } from 'react-native';
|
|
4
|
+
import { View } from '../../components/view';
|
|
5
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
6
|
+
import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
|
|
7
|
+
import { Alignable, getAlignStyle } from '../../objects';
|
|
8
8
|
/**
|
|
9
9
|
* Columns Native Component
|
|
10
10
|
* @param children {React.ReactNode}
|
|
@@ -15,7 +15,7 @@ import { getAlignStyle } from "../../objects";
|
|
|
15
15
|
*/
|
|
16
16
|
export var ColumnsContext = createContext({ scrollable: false });
|
|
17
17
|
var Columns = function (_a) {
|
|
18
|
-
var children = _a.children,
|
|
18
|
+
var children = _a.children, align = _a.align, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, others = __rest(_a, ["children", "align", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline"]);
|
|
19
19
|
var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
|
|
20
20
|
var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
|
|
21
21
|
var onLayoutHandler = function (event) {
|
|
@@ -27,25 +27,25 @@ var Columns = function (_a) {
|
|
|
27
27
|
setWidth(width_1);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
var realGap = typeof gap === 'undefined' && 16 || ColumnsGapValue[gap];
|
|
30
|
+
var realGap = (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap];
|
|
31
31
|
var styles = StyleSheet.create({
|
|
32
32
|
columns: {
|
|
33
|
-
width: width ? width +
|
|
34
|
-
marginHorizontal: -
|
|
33
|
+
width: width ? width + enlarge * 2 : '100%',
|
|
34
|
+
marginHorizontal: -enlarge,
|
|
35
35
|
paddingHorizontal: enlarge,
|
|
36
|
-
flexDirection:
|
|
36
|
+
flexDirection: 'row',
|
|
37
37
|
gap: realGap,
|
|
38
|
-
display:
|
|
38
|
+
display: 'flex',
|
|
39
39
|
justifyContent: 'space-evenly',
|
|
40
40
|
},
|
|
41
41
|
centered: {
|
|
42
|
-
alignSelf:
|
|
42
|
+
alignSelf: 'center',
|
|
43
43
|
},
|
|
44
44
|
verticalAlign: {
|
|
45
|
-
alignItems: getAlignStyle(verticalAlign)
|
|
45
|
+
alignItems: getAlignStyle(verticalAlign),
|
|
46
46
|
},
|
|
47
47
|
multiline: {
|
|
48
|
-
flexWrap:
|
|
48
|
+
flexWrap: 'wrap',
|
|
49
49
|
},
|
|
50
50
|
scrollContainer: {
|
|
51
51
|
width: 'auto',
|
|
@@ -54,40 +54,48 @@ var Columns = function (_a) {
|
|
|
54
54
|
gap: realGap,
|
|
55
55
|
},
|
|
56
56
|
mobile: {
|
|
57
|
-
flexDirection:
|
|
58
|
-
}
|
|
57
|
+
flexDirection: 'column',
|
|
58
|
+
},
|
|
59
59
|
});
|
|
60
60
|
if (!scrollable) {
|
|
61
61
|
return (React.createElement(React.Fragment, null,
|
|
62
62
|
React.createElement(View, __assign({ style: [
|
|
63
63
|
styles.columns,
|
|
64
64
|
multiline && styles.multiline,
|
|
65
|
-
|
|
65
|
+
(align === Alignable.ALIGNED_CENTER) && styles.centered,
|
|
66
66
|
verticalAlign && styles.verticalAlign,
|
|
67
|
-
] }, others, { onLayout: onLayoutHandler }),
|
|
67
|
+
] }, others, { onLayout: onLayoutHandler }),
|
|
68
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
68
69
|
React.Children.map(children, function (child) {
|
|
69
|
-
return child &&
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
70
|
+
return child &&
|
|
71
|
+
React.cloneElement(child, {
|
|
72
|
+
style: [
|
|
73
|
+
child.props.style,
|
|
74
|
+
{ width: (child.props.size && (width * child.props.size) / 12 - realGap) || 'auto' },
|
|
75
|
+
child.props.narrow && { flex: 'none', flexShrink: 1 },
|
|
76
|
+
],
|
|
77
|
+
});
|
|
75
78
|
}))));
|
|
76
79
|
}
|
|
77
|
-
return React.createElement(View, __assign({ style: {
|
|
80
|
+
return (React.createElement(View, __assign({ style: {
|
|
78
81
|
width: "100% + ".concat(enlarge * 2, "px"),
|
|
79
|
-
marginHorizontal: -
|
|
82
|
+
marginHorizontal: -enlarge,
|
|
80
83
|
} }, { onLayout: onLayoutHandler }),
|
|
81
|
-
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer },
|
|
84
|
+
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer },
|
|
85
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
82
86
|
React.Children.map(children, function (child) {
|
|
83
87
|
return React.cloneElement(child, {
|
|
84
|
-
style: [
|
|
88
|
+
style: [
|
|
89
|
+
child.props.style,
|
|
90
|
+
{
|
|
85
91
|
width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
|
|
86
92
|
flexGrow: 0,
|
|
87
|
-
},
|
|
93
|
+
},
|
|
94
|
+
child.props.narrow && { flex: 'none', flexShrink: 1 },
|
|
95
|
+
],
|
|
88
96
|
});
|
|
89
|
-
})));
|
|
97
|
+
}))));
|
|
90
98
|
};
|
|
91
99
|
Columns.displayName = ComponentName.Columns;
|
|
92
100
|
export default Columns;
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBRUgsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLGFBQWEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFBO0FBRWxFLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsYUFBYSxtQkFBQSxFQUNiLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0scUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBQy9CLElBQUEsS0FBQSxPQUF3QixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBbEMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUFlLENBQUE7SUFFekMsSUFBTSxlQUFlLEdBQUcsVUFBQyxLQUF3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
|
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { GapSize } from './ColumnsTypes';
|
|
3
|
-
import {
|
|
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
|
-
className?: string;
|
|
15
14
|
mobile?: boolean;
|
|
16
|
-
|
|
15
|
+
marginless?: boolean;
|
|
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,14 +54,15 @@ export default {
|
|
|
62
54
|
"true"
|
|
63
55
|
]
|
|
64
56
|
},
|
|
65
|
-
"
|
|
66
|
-
"type": "
|
|
57
|
+
"mobile": {
|
|
58
|
+
"type": "boolean",
|
|
67
59
|
"values": [
|
|
68
60
|
"undefined",
|
|
69
|
-
"
|
|
61
|
+
"false",
|
|
62
|
+
"true"
|
|
70
63
|
]
|
|
71
64
|
},
|
|
72
|
-
"
|
|
65
|
+
"marginless": {
|
|
73
66
|
"type": "boolean",
|
|
74
67
|
"values": [
|
|
75
68
|
"undefined",
|
|
@@ -77,6 +70,18 @@ export default {
|
|
|
77
70
|
"true"
|
|
78
71
|
]
|
|
79
72
|
},
|
|
73
|
+
"align": {
|
|
74
|
+
"type": "enum",
|
|
75
|
+
"values": [
|
|
76
|
+
"undefined",
|
|
77
|
+
"ALIGNED_CENTER",
|
|
78
|
+
"ALIGNED_START",
|
|
79
|
+
"ALIGNED_END",
|
|
80
|
+
"ALIGNED_CENTER",
|
|
81
|
+
"ALIGNED_START",
|
|
82
|
+
"ALIGNED_END"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
80
85
|
"verticalAlign": {
|
|
81
86
|
"type": "enum",
|
|
82
87
|
"values": [
|
|
@@ -88,5 +93,19 @@ export default {
|
|
|
88
93
|
"ALIGNED_START",
|
|
89
94
|
"ALIGNED_END"
|
|
90
95
|
]
|
|
96
|
+
},
|
|
97
|
+
"id": {
|
|
98
|
+
"type": "string",
|
|
99
|
+
"values": [
|
|
100
|
+
"undefined",
|
|
101
|
+
"string"
|
|
102
|
+
]
|
|
103
|
+
},
|
|
104
|
+
"className": {
|
|
105
|
+
"type": "string",
|
|
106
|
+
"values": [
|
|
107
|
+
"undefined",
|
|
108
|
+
"string"
|
|
109
|
+
]
|
|
91
110
|
}
|
|
92
111
|
};
|
|
@@ -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: ({ className, id, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalAlign, ...others }: ColumnProps) => React.JSX.Element;
|
|
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 = function (_a) {
|
|
33
|
+
var className = _a.className, id = _a.id, size = _a.size, mobileSize = _a.mobileSize, tabletSize = _a.tabletSize, touchSize = _a.touchSize, desktopSize = _a.desktopSize, widescreenSize = _a.widescreenSize, fullhdSize = _a.fullhdSize, offset = _a.offset, mobileOffset = _a.mobileOffset, tabletOffset = _a.tabletOffset, touchOffset = _a.touchOffset, desktopOffset = _a.desktopOffset, widescreenOffset = _a.widescreenOffset, fullhdOffset = _a.fullhdOffset, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["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, className: classes }, others));
|
|
37
|
+
};
|
|
38
|
+
export default Column;
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2NvbHVtbi9Db2x1bW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBb0JjO0lBbkJaLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDTixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUEsRUFDTixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQW5CWCw0UEFvQkMsQ0FEVTtJQUdqQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsUUFBUSxFQUNSLElBQUksSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNyQixVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsVUFBRyxTQUFTLFlBQVMsQ0FBQyxFQUN0QyxXQUFXLElBQUksRUFBRSxDQUFDLFVBQUcsV0FBVyxhQUFVLENBQUMsRUFDM0MsY0FBYyxJQUFJLEVBQUUsQ0FBQyxVQUFHLGNBQWMsZ0JBQWEsQ0FBQyxFQUNwRCxVQUFVLElBQUksRUFBRSxDQUFDLFVBQUcsVUFBVSxZQUFTLENBQUMsRUFDeEMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxNQUFNLENBQUUsQ0FBQyxFQUNoQyxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFlBQVksSUFBSSxFQUFFLENBQUMsaUJBQVUsWUFBWSxZQUFTLENBQUMsRUFDbkQsV0FBVyxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxXQUFXLFlBQVMsQ0FBQyxFQUNqRCxhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFVLGFBQWEsYUFBVSxDQUFDLEVBQ3RELGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxpQkFBVSxnQkFBZ0IsZ0JBQWEsQ0FBQyxFQUMvRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLGFBQWEsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLENBQUMsRUFDckQsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hELENBQUMsQ0FBQTtBQUVELGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -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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
|