@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +8 -8
- package/lib/components/accordion/AccordionProps.d.ts +2 -3
- package/lib/components/accordion/AccordionPropsDefaults.js +2 -2
- package/lib/components/accordion/body/AccordionBody.d.ts +4 -4
- package/lib/components/accordion/body/AccordionBody.js +9 -9
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +3 -3
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +9 -2
- package/lib/components/accordion/header/AccordionHeader.d.ts +3 -3
- package/lib/components/accordion/header/AccordionHeader.js +7 -7
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +2 -4
- package/lib/components/accordion/header/AccordionHeaderPropsDefaults.js +2 -10
- package/lib/components/accordion/item/AccordionItemProps.d.ts +2 -3
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +14 -14
- package/lib/components/alert/Alert.d.ts +2 -2
- package/lib/components/alert/Alert.js +22 -22
- package/lib/components/alert/Alert.native.d.ts +3 -3
- package/lib/components/alert/Alert.native.js +34 -34
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/alert/AlertPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToastPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToasterContextProps.d.ts +1 -0
- package/lib/components/autocomplete/AutoComplete.js +4 -4
- package/lib/components/autocomplete/AutoComplete.native.d.ts +2 -2
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +5 -1
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +69 -84
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +69 -84
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +2 -1
- package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js +14 -0
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +3 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js +14 -7
- package/lib/components/badge/Badge.d.ts +2 -2
- package/lib/components/badge/Badge.js +15 -15
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/BadgePropsDefaults.js +14 -7
- package/lib/components/box/Box.d.ts +2 -6
- package/lib/components/box/Box.js +16 -21
- package/lib/components/box/Box.native.d.ts +1 -2
- package/lib/components/box/Box.native.js +4 -5
- package/lib/components/box/BoxProps.d.ts +5 -11
- package/lib/components/box/BoxProps.js +2 -6
- package/lib/components/box/BoxPropsDefaults.js +17 -28
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +14 -7
- package/lib/components/box/footer/BoxFooter.d.ts +4 -2
- package/lib/components/box/footer/BoxFooter.js +11 -9
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +14 -7
- package/lib/components/box/header/BoxHeader.d.ts +2 -3
- package/lib/components/box/header/BoxHeader.js +18 -14
- package/lib/components/box/header/BoxHeader.native.d.ts +6 -3
- package/lib/components/box/header/BoxHeader.native.js +24 -20
- package/lib/components/box/header/BoxHeaderProps.d.ts +7 -5
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +49 -29
- package/lib/components/box/item/BoxItem.d.ts +2 -2
- package/lib/components/box/item/BoxItem.js +7 -7
- package/lib/components/box/item/BoxItemProps.d.ts +2 -2
- package/lib/components/box/item/BoxItemPropsDefaults.js +14 -7
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +7 -7
- package/lib/components/breadcrumb/Breadcrumb.native.js +2 -2
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +2 -2
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +14 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +4 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +14 -12
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +14 -7
- package/lib/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.js +6 -6
- package/lib/components/button/ButtonProps.d.ts +2 -3
- package/lib/components/button/ButtonPropsDefaults.js +14 -14
- package/lib/components/button/list/ButtonList.d.ts +2 -2
- package/lib/components/button/list/ButtonList.js +8 -8
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +14 -7
- package/lib/components/card/Card.d.ts +2 -2
- package/lib/components/card/Card.js +12 -14
- package/lib/components/card/Card.native.d.ts +4 -5
- package/lib/components/card/Card.native.js +26 -29
- package/lib/components/card/CardProps.d.ts +4 -12
- package/lib/components/card/CardProps.js +2 -9
- package/lib/components/card/CardPropsDefaults.js +3 -106
- package/lib/components/card/content/CardContent.d.ts +2 -13
- package/lib/components/card/content/CardContent.js +7 -32
- package/lib/components/card/content/CardContent.native.d.ts +3 -3
- package/lib/components/card/content/CardContent.native.js +21 -14
- package/lib/components/card/content/CardContentProps.d.ts +3 -19
- package/lib/components/card/content/CardContentPropsDefaults.js +2 -110
- package/lib/components/card/image/CardImage.d.ts +2 -2
- package/lib/components/card/image/CardImage.js +11 -11
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +14 -7
- package/lib/components/checkbox/Checkbox.d.ts +2 -9
- package/lib/components/checkbox/Checkbox.js +10 -49
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -8
- package/lib/components/checkbox/Checkbox.native.js +63 -74
- package/lib/components/checkbox/CheckboxProps.d.ts +4 -31
- package/lib/components/checkbox/CheckboxPropsDefaults.js +6 -123
- package/lib/components/checkbox/index.d.ts +3 -1
- package/lib/components/checkbox/index.js +4 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +10 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.js +36 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +9 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.js +2 -0
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +54 -0
- package/lib/components/checkbox/tiles/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/index.js +3 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +10 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +36 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +12 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.js +2 -0
- package/lib/components/{icon/text/TextIconPropsDefaults.js → checkbox/tiles/tile/CheckboxTilePropsDefaults.js} +51 -54
- package/lib/components/checkbox/tiles/tile/index.d.ts +2 -0
- package/lib/components/checkbox/tiles/tile/index.js +3 -0
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +3 -3
- package/lib/components/chips/ChipsProps.d.ts +2 -3
- package/lib/components/chips/ChipsPropsDefaults.js +10 -10
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +9 -9
- package/lib/components/chips/list/ChipsListProps.d.ts +3 -2
- package/lib/components/chips/list/ChipsListProps.js +1 -4
- package/lib/components/chips/list/ChipsListPropsDefaults.js +14 -0
- package/lib/components/columns/Columns.d.ts +3 -2
- package/lib/components/columns/Columns.js +11 -10
- package/lib/components/columns/Columns.native.d.ts +4 -4
- package/lib/components/columns/Columns.native.js +40 -32
- package/lib/components/columns/ColumnsProps.d.ts +5 -6
- package/lib/components/columns/ColumnsPropsDefaults.js +39 -10
- package/lib/components/columns/{item/ColumnsItem.d.ts → column/Column.d.ts} +5 -5
- package/lib/components/columns/column/Column.js +39 -0
- package/lib/components/columns/{item/ColumnsItem.native.d.ts → column/Column.native.d.ts} +4 -6
- package/lib/components/columns/column/Column.native.js +32 -0
- package/lib/components/columns/{item/ColumnsItemProps.d.ts → column/ColumnProps.d.ts} +3 -3
- package/lib/components/columns/column/ColumnProps.js +2 -0
- package/lib/components/columns/{item/ColumnsItemPropsDefaults.js → column/ColumnPropsDefaults.js} +28 -5
- package/lib/components/columns/column/index.d.ts +2 -0
- package/lib/components/columns/column/index.js +3 -0
- package/lib/components/columns/index.d.ts +2 -2
- package/lib/components/columns/index.js +3 -3
- package/lib/components/container/Container.d.ts +2 -2
- package/lib/components/container/Container.js +9 -9
- package/lib/components/container/ContainerProps.d.ts +2 -2
- package/lib/components/container/ContainerPropsDefaults.js +12 -5
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +4 -4
- package/lib/components/countdown/Countdown.native.d.ts +1 -1
- package/lib/components/countdown/Countdown.native.js +8 -7
- package/lib/components/countdown/CountdownProps.d.ts +2 -3
- package/lib/components/countdown/CountdownPropsDefaults.js +11 -12
- package/lib/components/divider/Divider.d.ts +2 -4
- package/lib/components/divider/Divider.js +16 -19
- package/lib/components/divider/Divider.native.d.ts +1 -3
- package/lib/components/divider/Divider.native.js +6 -12
- package/lib/components/divider/DividerProps.d.ts +4 -6
- package/lib/components/divider/DividerPropsDefaults.js +14 -119
- package/lib/components/enumsComponentsName.d.ts +4 -3
- package/lib/components/enumsComponentsName.js +5 -4
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +16 -16
- package/lib/components/fab/Fab.native.js +3 -3
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +14 -7
- package/lib/components/hero/Hero.d.ts +2 -5
- package/lib/components/hero/Hero.js +11 -14
- package/lib/components/hero/Hero.native.d.ts +3 -3
- package/lib/components/hero/Hero.native.js +22 -33
- package/lib/components/hero/HeroProps.d.ts +4 -8
- package/lib/components/hero/HeroPropsDefaults.js +14 -55
- package/lib/components/icon/Icon.d.ts +2 -11
- package/lib/components/icon/Icon.js +17 -97
- package/lib/components/icon/Icon.native.d.ts +3 -5
- package/lib/components/icon/Icon.native.js +31 -37
- package/lib/components/icon/IconProps.d.ts +4 -16
- package/lib/components/icon/IconPropsDefaults.js +14 -81
- package/lib/components/image/Image.d.ts +2 -2
- package/lib/components/image/Image.js +11 -10
- package/lib/components/image/Image.native.d.ts +1 -3
- package/lib/components/image/Image.native.js +5 -8
- package/lib/components/image/ImageProps.d.ts +11 -11
- package/lib/components/image/ImageProps.js +7 -2
- package/lib/components/image/ImagePropsDefaults.js +40 -15
- package/lib/components/image/index.d.ts +2 -1
- package/lib/components/image/index.js +3 -2
- package/lib/components/input/Input.d.ts +2 -1
- package/lib/components/input/Input.js +11 -18
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +20 -20
- package/lib/components/input/InputProps.d.ts +6 -9
- package/lib/components/input/InputPropsDefaults.js +17 -84
- package/lib/components/link/Link.d.ts +2 -8
- package/lib/components/link/Link.js +16 -31
- package/lib/components/link/Link.native.d.ts +3 -3
- package/lib/components/link/Link.native.js +33 -72
- package/lib/components/link/LinkProps.d.ts +2 -10
- package/lib/components/link/LinkPropsDefaults.js +14 -46
- package/lib/components/list/List.d.ts +5 -6
- package/lib/components/list/List.js +12 -12
- package/lib/components/list/ListProps.d.ts +3 -3
- package/lib/components/list/ListPropsDefaults.js +14 -7
- package/lib/components/list/item/ListItem.d.ts +2 -9
- package/lib/components/list/item/ListItem.js +9 -26
- package/lib/components/list/item/ListItem.native.d.ts +1 -6
- package/lib/components/list/item/ListItem.native.js +13 -48
- package/lib/components/list/item/ListItemProps.d.ts +3 -8
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +52 -57
- package/lib/components/modal/Modal.d.ts +1 -19
- package/lib/components/modal/Modal.js +14 -63
- package/lib/components/modal/Modal.native.d.ts +3 -11
- package/lib/components/modal/Modal.native.js +40 -72
- package/lib/components/modal/ModalEnum.d.ts +5 -0
- package/lib/components/modal/ModalEnum.js +7 -1
- package/lib/components/modal/ModalProps.d.ts +8 -27
- package/lib/components/modal/ModalPropsDefaults.js +22 -195
- package/lib/components/modal/body/ModalBody.d.ts +11 -0
- package/lib/components/modal/body/ModalBody.js +18 -0
- package/lib/components/modal/body/ModalBody.native.d.ts +13 -0
- package/lib/components/modal/body/ModalBody.native.js +23 -0
- package/lib/components/modal/body/ModalBodyProps.d.ts +8 -0
- package/lib/components/modal/body/ModalBodyProps.js +2 -0
- package/lib/components/{rows/item/RowsItemPropsDefaults.js → modal/body/ModalBodyPropsDefaults.js} +3 -4
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -2
- package/lib/components/modal/footer/ModalFooter.js +8 -7
- package/lib/components/modal/footer/ModalFooterProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooterPropsDefaults.js +7 -0
- package/lib/components/modal/{title/ModalTitle.d.ts → header/ModalHeader.d.ts} +3 -4
- package/lib/components/modal/header/ModalHeader.js +19 -0
- package/lib/components/modal/header/ModalHeader.native.d.ts +13 -0
- package/lib/components/modal/header/ModalHeader.native.js +22 -0
- package/lib/components/modal/header/ModalHeaderProps.d.ts +8 -0
- package/lib/components/modal/header/ModalHeaderProps.js +2 -0
- package/lib/components/modal/header/ModalHeaderPropsDefaults.js +30 -0
- package/lib/components/modal/index.d.ts +3 -2
- package/lib/components/modal/index.js +4 -3
- package/lib/components/otp/Otp.d.ts +5 -5
- package/lib/components/otp/Otp.js +24 -24
- package/lib/components/otp/Otp.native.d.ts +3 -4
- package/lib/components/otp/Otp.native.js +12 -13
- package/lib/components/otp/OtpProps.d.ts +5 -6
- package/lib/components/otp/OtpPropsDefaults.js +22 -22
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +18 -21
- package/lib/components/pagination/Pagination.native.d.ts +3 -3
- package/lib/components/pagination/Pagination.native.js +31 -35
- package/lib/components/pagination/PaginationEnum.d.ts +1 -2
- package/lib/components/pagination/PaginationProps.d.ts +3 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +14 -7
- package/lib/components/popover/Popover.d.ts +2 -2
- package/lib/components/popover/Popover.js +9 -11
- package/lib/components/popover/Popover.native.d.ts +3 -3
- package/lib/components/popover/Popover.native.js +26 -37
- package/lib/components/popover/PopoverProps.d.ts +2 -3
- package/lib/components/popover/PopoverPropsDefaults.js +1 -15
- package/lib/components/popover/PopoverWebPropsDefaults.js +15 -22
- package/lib/components/popover/content/PopoverContent.d.ts +10 -0
- package/lib/components/popover/content/PopoverContent.js +19 -0
- package/lib/components/popover/content/PopoverContentProps.d.ts +5 -0
- package/lib/components/popover/content/PopoverContentProps.js +2 -0
- package/lib/components/popover/content/PopoverContentPropsDefaults.js +30 -0
- package/lib/components/popover/index.d.ts +2 -1
- package/lib/components/popover/index.js +3 -2
- package/lib/components/price/Price.d.ts +4 -8
- package/lib/components/price/Price.js +69 -69
- package/lib/components/price/Price.native.d.ts +5 -8
- package/lib/components/price/Price.native.js +114 -119
- package/lib/components/price/PriceProps.d.ts +7 -9
- package/lib/components/price/PricePropsDefaults.js +23 -20
- package/lib/components/product-tour/ProductTour.d.ts +1 -1
- package/lib/components/product-tour/ProductTour.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +2 -2
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/product-tour/ProductTourPropsDefaults.js +3 -3
- package/lib/components/product-tour/ProductTourWebPropsDefaults.js +17 -10
- package/lib/components/progress/Progress.d.ts +3 -3
- package/lib/components/progress/Progress.js +20 -24
- package/lib/components/progress/Progress.native.d.ts +4 -7
- package/lib/components/progress/Progress.native.js +26 -56
- package/lib/components/progress/ProgressProps.d.ts +7 -10
- package/lib/components/progress/ProgressPropsDefaults.js +8 -30
- package/lib/components/progress/index.d.ts +1 -2
- package/lib/components/progress/index.js +2 -3
- package/lib/components/progress/radial/ProgressRadial.d.ts +1 -7
- package/lib/components/progress/radial/ProgressRadial.js +12 -18
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +4 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +30 -32
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +7 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +98 -40
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +14 -7
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialtem.js +7 -7
- package/lib/components/radio/Radio.d.ts +8 -17
- package/lib/components/radio/Radio.js +18 -61
- package/lib/components/radio/Radio.native.d.ts +3 -3
- package/lib/components/radio/Radio.native.js +60 -62
- package/lib/components/radio/RadioProps.d.ts +7 -24
- package/lib/components/radio/RadioPropsDefaults.js +6 -139
- package/lib/components/radio/index.d.ts +3 -1
- package/lib/components/radio/index.js +4 -2
- package/lib/components/radio/list/RadioList.d.ts +2 -2
- package/lib/components/radio/list/RadioList.js +8 -8
- package/lib/components/radio/list/RadioListProps.d.ts +2 -1
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +7 -0
- package/lib/components/radio/tiles/RadioTiles.d.ts +10 -0
- package/lib/components/radio/tiles/RadioTiles.js +36 -0
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +9 -0
- package/lib/components/radio/tiles/RadioTilesProps.js +2 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +54 -0
- package/lib/components/radio/tiles/index.d.ts +2 -0
- package/lib/components/{icon/status → radio/tiles}/index.js +3 -3
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +10 -0
- package/lib/components/radio/tiles/tile/RadioTile.js +36 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +11 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.js +2 -0
- package/lib/components/{icon/status/StatusIconPropsDefaults.js → radio/tiles/tile/RadioTilePropsDefaults.js} +66 -35
- package/lib/components/radio/tiles/tile/index.d.ts +2 -0
- package/lib/components/radio/tiles/tile/index.js +3 -0
- package/lib/components/range/Range.d.ts +2 -11
- package/lib/components/range/Range.js +30 -39
- package/lib/components/range/Range.native.d.ts +3 -14
- package/lib/components/range/Range.native.js +18 -29
- package/lib/components/range/RangeProps.d.ts +6 -9
- package/lib/components/range/RangePropsDefaults.js +14 -28
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +8 -8
- package/lib/components/rows/Rows.native.d.ts +4 -7
- package/lib/components/rows/Rows.native.js +11 -10
- package/lib/components/rows/RowsProps.d.ts +4 -3
- package/lib/components/rows/RowsPropsDefaults.js +21 -5
- package/lib/components/rows/index.d.ts +2 -2
- package/lib/components/rows/index.js +3 -3
- package/lib/components/rows/{item/RowItem.d.ts → row/Row.d.ts} +4 -4
- package/lib/components/rows/row/Row.js +21 -0
- package/lib/components/rows/row/Row.native.d.ts +13 -0
- package/lib/components/rows/row/Row.native.js +22 -0
- package/lib/components/rows/row/RowProps.d.ts +9 -0
- package/lib/components/rows/row/RowProps.js +2 -0
- package/lib/components/rows/row/RowPropsDefaults.js +38 -0
- package/lib/components/rows/row/index.d.ts +2 -0
- package/lib/components/rows/row/index.js +3 -0
- package/lib/components/section/Section.js +4 -4
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +14 -22
- package/lib/components/section/SectionProps.d.ts +3 -3
- package/lib/components/section/SectionPropsDefaults.js +12 -38
- package/lib/components/segment-control/SegmentControl.d.ts +1 -3
- package/lib/components/segment-control/SegmentControl.js +4 -9
- package/lib/components/segment-control/SegmentControl.native.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.native.js +16 -20
- package/lib/components/segment-control/SegmentControlProps.d.ts +2 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +8 -17
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.native.js +14 -18
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -5
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +12 -14
- package/lib/components/select/Select.d.ts +0 -14
- package/lib/components/select/Select.js +1 -15
- package/lib/components/select/Select.native.d.ts +1 -1
- package/lib/components/select/Select.native.js +9 -16
- package/lib/components/select/SelectProps.d.ts +2 -4
- package/lib/components/select/SelectPropsDefaults.js +8 -16
- package/lib/components/select/option/SelectOption.js +3 -3
- package/lib/components/select/option/SelectOption.native.js +7 -8
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -5
- package/lib/components/select/option/SelectOptionPropsDefaults.js +14 -22
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +12 -20
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +11 -6
- package/lib/components/spacer/SpacerProps.d.ts +2 -1
- package/lib/components/spacer/SpacerPropsDefaults.js +14 -0
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +16 -25
- package/lib/components/stepper/Stepper.native.d.ts +3 -3
- package/lib/components/stepper/Stepper.native.js +17 -20
- package/lib/components/stepper/StepperProps.d.ts +2 -3
- package/lib/components/stepper/StepperPropsDefaults.js +3 -4
- package/lib/components/stepper/step/StepperStep.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.js +11 -18
- package/lib/components/stepper/step/StepperStep.native.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.native.js +6 -10
- package/lib/components/stepper/step/StepperStepProps.d.ts +3 -8
- package/lib/components/stepper/step/StepperStepPropsDefaults.js +14 -43
- package/lib/components/sticker/Sticker.d.ts +3 -4
- package/lib/components/sticker/Sticker.js +11 -19
- package/lib/components/sticker/Sticker.native.d.ts +3 -3
- package/lib/components/sticker/Sticker.native.js +23 -25
- package/lib/components/sticker/StickerProps.d.ts +7 -9
- package/lib/components/sticker/StickerPropsDefaults.js +59 -30
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +10 -10
- package/lib/components/switch/SwitchProps.d.ts +3 -3
- package/lib/components/switch/SwitchPropsDefaults.js +21 -13
- package/lib/components/table/Table.d.ts +2 -2
- package/lib/components/table/Table.js +10 -9
- package/lib/components/table/Table.native.d.ts +3 -3
- package/lib/components/table/Table.native.js +11 -14
- package/lib/components/table/TableProps.d.ts +9 -5
- package/lib/components/table/TableProps.js +7 -2
- package/lib/components/table/TablePropsDefaults.js +17 -17
- package/lib/components/table/body/TableBody.d.ts +2 -2
- package/lib/components/table/body/TableBody.js +10 -10
- package/lib/components/table/body/TableBodyProps.d.ts +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +14 -7
- package/lib/components/table/head/TableHead.d.ts +2 -2
- package/lib/components/table/head/TableHead.js +10 -10
- package/lib/components/table/head/TableHeadProps.d.ts +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +14 -7
- package/lib/components/table/td/TableTd.d.ts +2 -3
- package/lib/components/table/td/TableTd.js +7 -8
- package/lib/components/table/td/TableTdProps.d.ts +2 -2
- package/lib/components/table/td/TableTdPropsDefaults.js +11 -4
- package/lib/components/table/th/TableTh.d.ts +2 -2
- package/lib/components/table/th/TableTh.js +7 -7
- package/lib/components/table/th/TableThProps.d.ts +2 -2
- package/lib/components/table/th/TableThPropsDefaults.js +11 -4
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +3 -3
- package/lib/components/table/tr/TableTrProps.d.ts +2 -1
- package/lib/components/tabs/Tabs.js +6 -45
- package/lib/components/tabs/TabsProps.d.ts +3 -10
- package/lib/components/tabs/TabsPropsDefaults.js +25 -63
- package/lib/components/tabs/index.d.ts +5 -2
- package/lib/components/tabs/index.js +6 -3
- package/lib/components/tabs/tab-list/TabList.d.ts +8 -0
- package/lib/components/tabs/tab-list/TabList.js +17 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +10 -0
- package/lib/components/tabs/tab-list/TabListProps.js +2 -0
- package/lib/components/{progress/item/ProgressItemPropsDefaults.js → tabs/tab-list/TabListPropsDefaults.js} +10 -30
- package/lib/components/tabs/tab-list/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/index.js +3 -0
- package/lib/components/tabs/{item/TabsItem.d.ts → tab-list/tab/Tab.d.ts} +4 -4
- package/lib/components/tabs/tab-list/tab/Tab.js +65 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/TabProps.js +2 -0
- package/lib/components/tabs/{item/TabsItemPropsDefaults.js → tab-list/tab/TabPropsDefaults.js} +18 -34
- package/lib/components/tabs/tab-list/tab/index.d.ts +2 -0
- package/lib/components/tabs/tab-list/tab/index.js +3 -0
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +8 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +17 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.js +2 -0
- package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +37 -0
- package/lib/components/tabs/tab-panels/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/index.js +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +8 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +17 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +9 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js +30 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +2 -0
- package/lib/components/tabs/tab-panels/tab-panel/index.js +3 -0
- package/lib/components/tag/Tag.d.ts +1 -1
- package/lib/components/tag/Tag.js +4 -4
- package/lib/components/tag/Tag.native.d.ts +1 -1
- package/lib/components/tag/Tag.native.js +4 -4
- package/lib/components/tag/TagProps.d.ts +3 -3
- package/lib/components/tag/TagPropsDefaults.js +17 -20
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +8 -8
- package/lib/components/tag/list/TagListProps.d.ts +2 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +12 -5
- package/lib/components/text/Text.d.ts +2 -8
- package/lib/components/text/Text.js +16 -23
- package/lib/components/text/Text.native.d.ts +3 -5
- package/lib/components/text/Text.native.js +25 -35
- package/lib/components/text/TextEnum.d.ts +1 -3
- package/lib/components/text/TextEnum.js +1 -3
- package/lib/components/text/TextProps.d.ts +2 -7
- package/lib/components/text/TextPropsDefaults.js +21 -54
- package/lib/components/textarea/Textarea.d.ts +1 -10
- package/lib/components/textarea/Textarea.js +13 -22
- package/lib/components/textarea/Textarea.native.js +10 -10
- package/lib/components/textarea/TextareaProps.d.ts +5 -6
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +9 -9
- package/lib/components/timeline/TimelineProps.d.ts +2 -3
- package/lib/components/timeline/TimelinePropsDefaults.js +11 -12
- package/lib/components/timeline/content/TimelineContent.d.ts +2 -4
- package/lib/components/timeline/content/TimelineContent.js +13 -18
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.native.js +13 -13
- package/lib/components/timeline/content/TimelineContentProps.d.ts +5 -6
- package/lib/components/timeline/content/TimelineContentPropsDefaults.js +2 -9
- package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js +12 -12
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +8 -8
- package/lib/components/timeline/item/TimelineItem.native.d.ts +1 -2
- package/lib/components/timeline/item/TimelineItem.native.js +4 -4
- package/lib/components/timeline/item/TimelineItemProps.d.ts +2 -4
- package/lib/components/timeline/item/TimelineItemPropsDefaults.js +0 -8
- package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js +14 -15
- package/lib/components/timeline/marker/TimelineMarker.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarker.js +11 -11
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.js +21 -26
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -6
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +0 -38
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +12 -43
- package/lib/components/title/Title.d.ts +1 -1
- package/lib/components/title/Title.js +4 -4
- package/lib/components/title/Title.native.d.ts +1 -1
- package/lib/components/title/Title.native.js +6 -8
- package/lib/components/title/TitleProps.d.ts +2 -5
- package/lib/components/title/TitlePropsDefaults.js +14 -29
- package/lib/context/provider.js +2 -2
- package/lib/objects/facets/CommonProps.d.ts +4 -0
- package/lib/objects/facets/CommonProps.js +2 -0
- package/lib/objects/facets/Justifiable.d.ts +1 -0
- package/lib/objects/facets/Justifiable.js +13 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/checkbox/CheckboxChangeEventDefaults.js +0 -21
- package/lib/components/checkbox/CheckboxClickEventDefaults.js +0 -21
- package/lib/components/columns/item/ColumnsItem.js +0 -38
- package/lib/components/columns/item/ColumnsItem.native.js +0 -33
- package/lib/components/columns/item/ColumnsItemProps.js +0 -2
- package/lib/components/columns/item/index.d.ts +0 -2
- package/lib/components/columns/item/index.js +0 -3
- package/lib/components/icon/circle/CircleIcon.d.ts +0 -4
- package/lib/components/icon/circle/CircleIcon.js +0 -20
- package/lib/components/icon/circle/CircleIcon.native.d.ts +0 -8
- package/lib/components/icon/circle/CircleIcon.native.js +0 -72
- package/lib/components/icon/circle/CircleIconProps.d.ts +0 -14
- package/lib/components/icon/circle/CircleIconProps.js +0 -2
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +0 -158
- package/lib/components/icon/circle/index.d.ts +0 -2
- package/lib/components/icon/circle/index.js +0 -3
- package/lib/components/icon/status/StatusIcon.d.ts +0 -4
- package/lib/components/icon/status/StatusIcon.js +0 -20
- package/lib/components/icon/status/StatusIcon.native.d.ts +0 -8
- package/lib/components/icon/status/StatusIcon.native.js +0 -54
- package/lib/components/icon/status/StatusIconProps.d.ts +0 -12
- package/lib/components/icon/status/StatusIconProps.js +0 -2
- package/lib/components/icon/status/index.d.ts +0 -2
- package/lib/components/icon/text/TextIcon.d.ts +0 -9
- package/lib/components/icon/text/TextIcon.js +0 -36
- package/lib/components/icon/text/TextIcon.native.d.ts +0 -8
- package/lib/components/icon/text/TextIcon.native.js +0 -40
- package/lib/components/icon/text/TextIconProps.d.ts +0 -13
- package/lib/components/icon/text/TextIconProps.js +0 -2
- package/lib/components/icon/text/index.d.ts +0 -2
- package/lib/components/icon/text/index.js +0 -3
- package/lib/components/modal/CloseButtonPropsDefaults.js +0 -9
- package/lib/components/modal/ModalContentButtonPropsDefaults.js +0 -16
- package/lib/components/modal/title/ModalTitle.js +0 -22
- package/lib/components/modal/title/ModalTitle.native.d.ts +0 -14
- package/lib/components/modal/title/ModalTitle.native.js +0 -27
- package/lib/components/modal/title/ModalTitleProps.d.ts +0 -10
- package/lib/components/modal/title/ModalTitleProps.js +0 -2
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +0 -92
- package/lib/components/progress/item/ProgressItem.d.ts +0 -15
- package/lib/components/progress/item/ProgressItem.js +0 -26
- package/lib/components/progress/item/ProgressItem.native.d.ts +0 -14
- package/lib/components/progress/item/ProgressItem.native.js +0 -36
- package/lib/components/progress/item/ProgressItemProps.d.ts +0 -12
- package/lib/components/progress/item/ProgressItemProps.js +0 -2
- package/lib/components/progress/item/index.d.ts +0 -2
- package/lib/components/progress/item/index.js +0 -3
- package/lib/components/rows/item/RowItem.js +0 -21
- package/lib/components/rows/item/RowItem.native.d.ts +0 -13
- package/lib/components/rows/item/RowItem.native.js +0 -25
- package/lib/components/rows/item/RowItemProps.d.ts +0 -9
- package/lib/components/rows/item/RowItemProps.js +0 -2
- package/lib/components/rows/item/index.d.ts +0 -2
- package/lib/components/rows/item/index.js +0 -3
- package/lib/components/tabs/Tabs.native.d.ts +0 -18
- package/lib/components/tabs/Tabs.native.js +0 -73
- package/lib/components/tabs/item/TabsItem.js +0 -65
- package/lib/components/tabs/item/TabsItem.native.d.ts +0 -16
- package/lib/components/tabs/item/TabsItem.native.js +0 -87
- package/lib/components/tabs/item/TabsItemProps.d.ts +0 -19
- package/lib/components/tabs/item/TabsItemProps.js +0 -2
- package/lib/components/tabs/item/index.d.ts +0 -2
- package/lib/components/tabs/item/index.js +0 -3
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"className": {
|
|
3
|
-
"type": "string",
|
|
4
|
-
"values": [
|
|
5
|
-
"undefined",
|
|
6
|
-
"string"
|
|
7
|
-
]
|
|
8
|
-
},
|
|
9
2
|
"skeleton": {
|
|
10
3
|
"type": "boolean",
|
|
11
4
|
"values": [
|
|
@@ -14,23 +7,6 @@ export default {
|
|
|
14
7
|
"true"
|
|
15
8
|
]
|
|
16
9
|
},
|
|
17
|
-
"autolayout": {
|
|
18
|
-
"type": "boolean",
|
|
19
|
-
"values": [
|
|
20
|
-
"undefined",
|
|
21
|
-
"false",
|
|
22
|
-
"true",
|
|
23
|
-
"SpacingMatrix"
|
|
24
|
-
]
|
|
25
|
-
},
|
|
26
|
-
"fullwidth": {
|
|
27
|
-
"type": "boolean",
|
|
28
|
-
"values": [
|
|
29
|
-
"undefined",
|
|
30
|
-
"false",
|
|
31
|
-
"true"
|
|
32
|
-
]
|
|
33
|
-
},
|
|
34
10
|
"backgroundColor": {
|
|
35
11
|
"type": "enum",
|
|
36
12
|
"values": [
|
|
@@ -86,31 +62,29 @@ export default {
|
|
|
86
62
|
"true"
|
|
87
63
|
]
|
|
88
64
|
},
|
|
89
|
-
"
|
|
90
|
-
"type": "
|
|
65
|
+
"children": {
|
|
66
|
+
"type": "react",
|
|
91
67
|
"values": [
|
|
92
68
|
"undefined",
|
|
69
|
+
"null",
|
|
93
70
|
"false",
|
|
94
|
-
"true"
|
|
71
|
+
"true",
|
|
72
|
+
"JSXElementConstructor<any>>",
|
|
73
|
+
"ArrayOfReactElementWithNoText"
|
|
95
74
|
]
|
|
96
75
|
},
|
|
97
|
-
"
|
|
98
|
-
"type": "
|
|
76
|
+
"id": {
|
|
77
|
+
"type": "string",
|
|
99
78
|
"values": [
|
|
100
79
|
"undefined",
|
|
101
|
-
"
|
|
102
|
-
"true"
|
|
80
|
+
"string"
|
|
103
81
|
]
|
|
104
82
|
},
|
|
105
|
-
"
|
|
106
|
-
"type": "
|
|
83
|
+
"className": {
|
|
84
|
+
"type": "string",
|
|
107
85
|
"values": [
|
|
108
86
|
"undefined",
|
|
109
|
-
"
|
|
110
|
-
"false",
|
|
111
|
-
"true",
|
|
112
|
-
"JSXElementConstructor<any>>",
|
|
113
|
-
"ArrayOfReactElementWithNoText"
|
|
87
|
+
"string"
|
|
114
88
|
]
|
|
115
89
|
}
|
|
116
90
|
};
|
|
@@ -6,11 +6,9 @@ import { SegmentControlProps } from './SegmentControlProps';
|
|
|
6
6
|
* @param onClick onClick event
|
|
7
7
|
* @param activeIndex {number} default active SegmentControl index
|
|
8
8
|
* @param disabled {boolean} disabled SegmentControl
|
|
9
|
-
* @param marginless {boolean} delete margin
|
|
10
9
|
* - -------------- WEB PROPERTIES ---------------
|
|
11
10
|
* @param className {string} Additionnal CSS Classes
|
|
12
11
|
* - -------------- NATIVE PROPERTIES ---------------
|
|
13
|
-
* @param inverted {boolean} invert color SegmentControl
|
|
14
12
|
*/
|
|
15
|
-
declare const SegmentControl: ({ className,
|
|
13
|
+
declare const SegmentControl: ({ className, id, onClick, children, activeIndex }: SegmentControlProps) => JSX.Element;
|
|
16
14
|
export default SegmentControl;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
|
-
import { is } from '../../services';
|
|
4
3
|
import SegmentControlItem from './item';
|
|
5
4
|
import { hashClass } from '../../helpers';
|
|
6
5
|
import clsx from 'clsx';
|
|
@@ -11,16 +10,14 @@ import { useTrilogyContext } from '../../context';
|
|
|
11
10
|
* @param onClick onClick event
|
|
12
11
|
* @param activeIndex {number} default active SegmentControl index
|
|
13
12
|
* @param disabled {boolean} disabled SegmentControl
|
|
14
|
-
* @param marginless {boolean} delete margin
|
|
15
13
|
* - -------------- WEB PROPERTIES ---------------
|
|
16
14
|
* @param className {string} Additionnal CSS Classes
|
|
17
15
|
* - -------------- NATIVE PROPERTIES ---------------
|
|
18
|
-
* @param inverted {boolean} invert color SegmentControl
|
|
19
16
|
*/
|
|
20
17
|
var SegmentControl = function (_a) {
|
|
21
|
-
var className = _a.className,
|
|
18
|
+
var className = _a.className, id = _a.id, onClick = _a.onClick, children = _a.children, activeIndex = _a.activeIndex;
|
|
22
19
|
var styled = useTrilogyContext().styled;
|
|
23
|
-
var classes = hashClass(styled, clsx('segmented-control',
|
|
20
|
+
var classes = hashClass(styled, clsx('segmented-control', className));
|
|
24
21
|
var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
|
|
25
22
|
var isActive = function (index, childPropsActive) {
|
|
26
23
|
if (typeof childPropsActive !== 'undefined' && !activateIndex) {
|
|
@@ -31,8 +28,6 @@ var SegmentControl = function (_a) {
|
|
|
31
28
|
}
|
|
32
29
|
};
|
|
33
30
|
var toggleActive = function (e, index) {
|
|
34
|
-
if (disabled)
|
|
35
|
-
return false;
|
|
36
31
|
setActivateIndex(index);
|
|
37
32
|
if (onClick)
|
|
38
33
|
onClick(e);
|
|
@@ -40,7 +35,7 @@ var SegmentControl = function (_a) {
|
|
|
40
35
|
React.useEffect(function () {
|
|
41
36
|
setActivateIndex(activateIndex);
|
|
42
37
|
}, [activateIndex]);
|
|
43
|
-
return (React.createElement("div", { className: classes }, children &&
|
|
38
|
+
return (React.createElement("div", { id: id, className: classes }, children &&
|
|
44
39
|
Array.isArray(children) &&
|
|
45
40
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
46
41
|
children.map(function (child, index) {
|
|
@@ -61,4 +56,4 @@ var SegmentControl = function (_a) {
|
|
|
61
56
|
})));
|
|
62
57
|
};
|
|
63
58
|
export default SegmentControl;
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlZ21lbnQtY29udHJvbC9TZWdtZW50Q29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sa0JBQWtCLE1BQU0sUUFBUSxDQUFBO0FBRXZDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBQXNFO1FBQXBFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFdBQVcsaUJBQUE7SUFDN0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNqRSxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFTLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUFyRSxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBc0MsQ0FBQTtJQUU1RSxJQUFNLFFBQVEsR0FBRyxVQUFDLEtBQWEsRUFBRSxnQkFBaUM7UUFDaEUsSUFBSSxPQUFPLGdCQUFnQixLQUFLLFdBQVcsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUM3RCxPQUFPLGdCQUFnQixDQUFBO1NBQ3hCO1FBQ0QsSUFBSSxLQUFLLEtBQUssYUFBYSxFQUFFO1lBQzNCLE9BQU8sSUFBSSxDQUFBO1NBQ1o7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQW1CLEVBQUUsS0FBYTtRQUN0RCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN2QixJQUFJLE9BQU87WUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDekIsQ0FBQyxDQUFBO0lBRUQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUE7SUFFbkIsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFDNUIsUUFBUTtRQUNQLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1FBQ3ZCLDhEQUE4RDtRQUM5RCxRQUFRLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBVSxFQUFFLEtBQWE7WUFDckMsSUFBTSxLQUFLLEdBQUc7Z0JBQ1osTUFBTSxFQUFFLE9BQU8sQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxLQUFLO2dCQUM3RCxRQUFRLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRO2dCQUM5QixHQUFHLEVBQUUsS0FBSztnQkFDVixPQUFPLEVBQUUsVUFBQyxLQUF1QjtvQkFDL0IsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQTtvQkFDMUIsSUFBSSxLQUFLLEVBQUU7d0JBQ1QsSUFBSSxLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRTs0QkFDdkIsS0FBSyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7eUJBQzNCO3FCQUNGO2dCQUNILENBQUM7YUFDRixDQUFBO1lBRUQsT0FBTyxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxrQkFBa0IsSUFDakIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUNwQixHQUFHLEVBQUUsS0FBSyxDQUFDLEdBQUcsRUFDZCxPQUFPLEVBQUUsVUFBQyxDQUFVLElBQUssT0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLEVBQVosQ0FBWSxJQUVwQyxLQUFLLENBQ2EsQ0FDdEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FDakMsQ0FBQTtRQUNILENBQUMsQ0FBQyxDQUNBLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsY0FBYyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { SegmentControlProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { SegmentControlProps } from './SegmentControlProps';
|
|
3
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* SegmentControl Component
|
|
6
6
|
* @param children {ReactNode} Children for SegmentControl
|
|
@@ -11,7 +11,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
11
11
|
* @param inverted {boolean} invert color SegmentControl
|
|
12
12
|
*/
|
|
13
13
|
declare const SegmentControl: {
|
|
14
|
-
({ children, onClick, activeIndex,
|
|
14
|
+
({ children, onClick, activeIndex, inverted, ...others }: SegmentControlProps): JSX.Element;
|
|
15
15
|
displayName: ComponentName;
|
|
16
16
|
};
|
|
17
17
|
export default SegmentControl;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useState } from
|
|
3
|
-
import { StyleSheet } from
|
|
4
|
-
import { View } from
|
|
5
|
-
import { Text, TextLevels } from
|
|
6
|
-
import SegmentedControlItem from
|
|
7
|
-
import { getColorStyle, TrilogyColor } from
|
|
8
|
-
import { ComponentName } from
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
import { View } from '../../components/view';
|
|
5
|
+
import { Text, TextLevels } from '../../components/text';
|
|
6
|
+
import SegmentedControlItem from './item';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
8
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
9
9
|
/**
|
|
10
10
|
* SegmentControl Component
|
|
11
11
|
* @param children {ReactNode} Children for SegmentControl
|
|
@@ -16,10 +16,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
16
16
|
* @param inverted {boolean} invert color SegmentControl
|
|
17
17
|
*/
|
|
18
18
|
var SegmentControl = function (_a) {
|
|
19
|
-
var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex,
|
|
19
|
+
var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "inverted"]);
|
|
20
20
|
var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
|
|
21
21
|
var isActive = function (index, childPropsActive) {
|
|
22
|
-
if (typeof childPropsActive !==
|
|
22
|
+
if (typeof childPropsActive !== 'undefined' && !activateIndex) {
|
|
23
23
|
return childPropsActive;
|
|
24
24
|
}
|
|
25
25
|
if (index === activateIndex) {
|
|
@@ -27,9 +27,6 @@ var SegmentControl = function (_a) {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
var toggleActive = function (e, index) {
|
|
30
|
-
if (disabled) {
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
30
|
setActivateIndex(index);
|
|
34
31
|
if (onClick) {
|
|
35
32
|
onClick(e);
|
|
@@ -37,12 +34,12 @@ var SegmentControl = function (_a) {
|
|
|
37
34
|
};
|
|
38
35
|
var styles = StyleSheet.create({
|
|
39
36
|
padding: {
|
|
40
|
-
paddingLeft:
|
|
41
|
-
paddingRight:
|
|
37
|
+
paddingLeft: 10,
|
|
38
|
+
paddingRight: 10,
|
|
42
39
|
},
|
|
43
40
|
segmentedControl: {
|
|
44
|
-
flexDirection:
|
|
45
|
-
width:
|
|
41
|
+
flexDirection: 'row',
|
|
42
|
+
width: '100%',
|
|
46
43
|
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
47
44
|
borderRadius: 4,
|
|
48
45
|
padding: 4,
|
|
@@ -55,8 +52,7 @@ var SegmentControl = function (_a) {
|
|
|
55
52
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
56
53
|
children.map(function (child, index) {
|
|
57
54
|
var props = {
|
|
58
|
-
inverted: Boolean(isActive(index, child.props.active) && inverted) ||
|
|
59
|
-
false,
|
|
55
|
+
inverted: Boolean(isActive(index, child.props.active) && inverted) || false,
|
|
60
56
|
active: Boolean(isActive(index, child.props.active)) || false,
|
|
61
57
|
disabled: child.props.disabled,
|
|
62
58
|
key: index,
|
|
@@ -71,11 +67,11 @@ var SegmentControl = function (_a) {
|
|
|
71
67
|
},
|
|
72
68
|
};
|
|
73
69
|
if (index < 5) {
|
|
74
|
-
return typeof child.valueOf() ===
|
|
70
|
+
return typeof child.valueOf() === 'string' ? (React.createElement(SegmentedControlItem, { disabled: props.disabled, active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
|
|
75
71
|
React.createElement(Text, { level: TextLevels.ONE }, String(child)))) : (React.cloneElement(child, props));
|
|
76
72
|
}
|
|
77
73
|
}))));
|
|
78
74
|
};
|
|
79
75
|
SegmentControl.displayName = ComponentName.SegmentControl;
|
|
80
76
|
export default SegmentControl;
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2wubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvU2VnbWVudENvbnRyb2wubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLG9CQUFvQixNQUFNLFFBQVEsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFBNEU7SUFBMUUsSUFBQSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyRCxrREFBdUQsQ0FBRjtJQUNyRSxJQUFBLEtBQUEsT0FBb0MsUUFBUSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUMsSUFBQSxFQUE3RCxhQUFhLFFBQUEsRUFBRSxnQkFBZ0IsUUFBOEIsQ0FBQTtJQUVwRSxJQUFNLFFBQVEsR0FBRyxVQUFDLEtBQWEsRUFBRSxnQkFBaUM7UUFDaEUsSUFBSSxPQUFPLGdCQUFnQixLQUFLLFdBQVcsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUM3RCxPQUFPLGdCQUFnQixDQUFBO1NBQ3hCO1FBQ0QsSUFBSSxLQUFLLEtBQUssYUFBYSxFQUFFO1lBQzNCLE9BQU8sSUFBSSxDQUFBO1NBQ1o7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQW1CLEVBQUUsS0FBYTtRQUN0RCxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN2QixJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtTQUNYO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxXQUFXLEVBQUUsRUFBRTtZQUNmLFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0QsZ0JBQWdCLEVBQUU7WUFDaEIsYUFBYSxFQUFFLEtBQUs7WUFDcEIsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUM7WUFDekQsWUFBWSxFQUFFLENBQUM7WUFDZixPQUFPLEVBQUUsQ0FBQztZQUNWLFlBQVksRUFBRSxDQUFDLENBQUM7U0FDakI7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTztRQUN6QixvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxnQkFBZ0IsSUFBTSxNQUFNLEdBQzdDLFFBQVE7WUFDUCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUN2Qiw4REFBOEQ7WUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQVUsRUFBRSxLQUFhO2dCQUNyQyxJQUFNLEtBQUssR0FBRztvQkFDWixRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsSUFBSSxLQUFLO29CQUMzRSxNQUFNLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEtBQUs7b0JBQzdELFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVE7b0JBQzlCLEdBQUcsRUFBRSxLQUFLO29CQUNWLFFBQVEsRUFBRSxLQUFLO29CQUNmLE9BQU8sRUFBRSxVQUFDLEtBQXVCO3dCQUMvQixZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFBO3dCQUMxQixJQUFJLEtBQUssRUFBRTs0QkFDVCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO2dDQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQTs2QkFDM0I7eUJBQ0Y7b0JBQ0gsQ0FBQztpQkFDRixDQUFBO2dCQUNELElBQUksS0FBSyxHQUFHLENBQUMsRUFBRTtvQkFDYixPQUFPLE9BQU8sS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDM0Msb0JBQUMsb0JBQW9CLElBQ25CLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFDcEIsT0FBTyxFQUFFLFVBQUMsQ0FBVSxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVk7d0JBRXJDLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FDOUIsQ0FDeEIsQ0FBQyxDQUFDLENBQUMsQ0FDRixLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FDakMsQ0FBQTtpQkFDRjtZQUNILENBQUMsQ0FBQyxDQUNDLENBQ0YsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsY0FBYyxDQUFBO0FBRXpELGVBQWUsY0FBYyxDQUFBIn0=
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Clickable } from '../../objects/facets/Clickable';
|
|
3
|
+
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* SegmentedControl Interface
|
|
5
6
|
*/
|
|
6
|
-
export interface SegmentControlProps extends Clickable {
|
|
7
|
+
export interface SegmentControlProps extends Clickable, CommonProps {
|
|
7
8
|
children: React.ReactNode;
|
|
8
|
-
disabled?: boolean;
|
|
9
9
|
activeIndex?: number;
|
|
10
|
-
marginless?: boolean;
|
|
11
10
|
inverted?: boolean;
|
|
12
|
-
className?: string;
|
|
13
11
|
}
|
|
@@ -13,14 +13,6 @@ export default {
|
|
|
13
13
|
"ReactPortal"
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
"disabled": {
|
|
17
|
-
"type": "boolean",
|
|
18
|
-
"values": [
|
|
19
|
-
"undefined",
|
|
20
|
-
"false",
|
|
21
|
-
"true"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
16
|
"activeIndex": {
|
|
25
17
|
"type": "string",
|
|
26
18
|
"values": [
|
|
@@ -28,7 +20,7 @@ export default {
|
|
|
28
20
|
"number"
|
|
29
21
|
]
|
|
30
22
|
},
|
|
31
|
-
"
|
|
23
|
+
"inverted": {
|
|
32
24
|
"type": "boolean",
|
|
33
25
|
"values": [
|
|
34
26
|
"undefined",
|
|
@@ -36,26 +28,25 @@ export default {
|
|
|
36
28
|
"true"
|
|
37
29
|
]
|
|
38
30
|
},
|
|
39
|
-
"
|
|
40
|
-
"type": "
|
|
31
|
+
"onClick": {
|
|
32
|
+
"type": "function",
|
|
41
33
|
"values": [
|
|
42
34
|
"undefined",
|
|
43
|
-
"
|
|
44
|
-
"true"
|
|
35
|
+
"ClickEvent"
|
|
45
36
|
]
|
|
46
37
|
},
|
|
47
|
-
"
|
|
38
|
+
"id": {
|
|
48
39
|
"type": "string",
|
|
49
40
|
"values": [
|
|
50
41
|
"undefined",
|
|
51
42
|
"string"
|
|
52
43
|
]
|
|
53
44
|
},
|
|
54
|
-
"
|
|
55
|
-
"type": "
|
|
45
|
+
"className": {
|
|
46
|
+
"type": "string",
|
|
56
47
|
"values": [
|
|
57
48
|
"undefined",
|
|
58
|
-
"
|
|
49
|
+
"string"
|
|
59
50
|
]
|
|
60
51
|
}
|
|
61
52
|
};
|
|
@@ -10,5 +10,5 @@ import { SegmentControlItemProps } from './SegmentControlItemProps';
|
|
|
10
10
|
* - -------------- WEB PROPERTIES ---------------
|
|
11
11
|
* @param className {string} Additionnal CSS Classes
|
|
12
12
|
*/
|
|
13
|
-
declare const SegmentControlItem: ({ active, onClick, disabled, className, children, }: SegmentControlItemProps) => JSX.Element;
|
|
13
|
+
declare const SegmentControlItem: ({ active, onClick, disabled, className, id, children, }: SegmentControlItemProps) => JSX.Element;
|
|
14
14
|
export default SegmentControlItem;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import React, {
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { hashClass } from '../../../helpers';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useTrilogyContext } from '../../../context';
|
|
@@ -14,13 +14,13 @@ import { useTrilogyContext } from '../../../context';
|
|
|
14
14
|
* @param className {string} Additionnal CSS Classes
|
|
15
15
|
*/
|
|
16
16
|
var SegmentControlItem = function (_a) {
|
|
17
|
-
var active = _a.active, onClick = _a.onClick, disabled = _a.disabled, className = _a.className, children = _a.children;
|
|
17
|
+
var active = _a.active, onClick = _a.onClick, disabled = _a.disabled, className = _a.className, id = _a.id, children = _a.children;
|
|
18
18
|
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
19
19
|
var styled = useTrilogyContext().styled;
|
|
20
20
|
useEffect(function () {
|
|
21
21
|
setActiveItem(active || false);
|
|
22
22
|
}, [active]);
|
|
23
|
-
return (React.createElement("button", { disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
|
|
23
|
+
return (React.createElement("button", { id: id, disabled: disabled, className: hashClass(styled, clsx('segmented-control-item', className, { 'is-active': activeItem })), onClick: function (e) {
|
|
24
24
|
var target = e.target;
|
|
25
25
|
setActiveItem(active || false);
|
|
26
26
|
target.active = active;
|
|
@@ -30,4 +30,4 @@ var SegmentControlItem = function (_a) {
|
|
|
30
30
|
} }, children));
|
|
31
31
|
};
|
|
32
32
|
export default SegmentControlItem;
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWdtZW50LWNvbnRyb2wvaXRlbS9TZWdtZW50Q29udHJvbEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQU9GO1FBTnhCLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQTtJQUVGLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFWixPQUFPLENBQ0wsZ0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsd0JBQXdCLEVBQUUsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFDcEcsT0FBTyxFQUFFLFVBQUMsQ0FBbUI7WUFDM0IsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLE1BQXlCLENBQUE7WUFDMUMsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM5QixNQUFNLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtZQUN0QixJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDWDtRQUNILENBQUMsSUFFQSxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxrQkFBa0IsQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { SegmentControlItemProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { SegmentControlItemProps } from './SegmentControlItemProps';
|
|
3
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* SegmentControlItem Item Component
|
|
6
6
|
* @param active {boolean} active Segment Control item
|
|
@@ -10,7 +10,7 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
10
10
|
* @param inverted {boolean} invert color of active item
|
|
11
11
|
*/
|
|
12
12
|
declare const SegmentControlItem: {
|
|
13
|
-
({ active, children, onClick,
|
|
13
|
+
({ active, children, onClick, disabled, ...others }: SegmentControlItemProps): JSX.Element;
|
|
14
14
|
displayName: ComponentName;
|
|
15
15
|
};
|
|
16
16
|
export default SegmentControlItem;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from
|
|
3
|
-
import { StyleSheet, Text, TouchableOpacity } from
|
|
4
|
-
import { getColorStyle, TrilogyColor } from
|
|
5
|
-
import { ComponentName } from
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
|
+
import { StyleSheet, Text, TouchableOpacity } from 'react-native';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
5
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
6
|
/**
|
|
7
7
|
* SegmentControlItem Item Component
|
|
8
8
|
* @param active {boolean} active Segment Control item
|
|
@@ -12,33 +12,29 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
12
12
|
* @param inverted {boolean} invert color of active item
|
|
13
13
|
*/
|
|
14
14
|
var SegmentControlItem = function (_a) {
|
|
15
|
-
var active = _a.active, children = _a.children, onClick = _a.onClick,
|
|
15
|
+
var active = _a.active, children = _a.children, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "disabled"]);
|
|
16
16
|
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
17
17
|
var styles = StyleSheet.create({
|
|
18
18
|
tabsItem: {
|
|
19
|
-
flexDirection:
|
|
19
|
+
flexDirection: 'column',
|
|
20
20
|
flex: 1,
|
|
21
21
|
marginRight: 4,
|
|
22
22
|
borderRadius: 4,
|
|
23
|
-
alignItems:
|
|
23
|
+
alignItems: 'center',
|
|
24
24
|
backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
|
|
25
|
-
(inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
26
25
|
(disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
27
26
|
getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
28
27
|
},
|
|
29
28
|
text: {
|
|
30
29
|
paddingHorizontal: 16,
|
|
31
|
-
color: (activeItem &&
|
|
32
|
-
(!activeItem &&
|
|
33
|
-
!inverted &&
|
|
34
|
-
disabled &&
|
|
35
|
-
getColorStyle(TrilogyColor.DISABLED)) ||
|
|
30
|
+
color: (activeItem && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
31
|
+
(!activeItem && disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
36
32
|
getColorStyle(TrilogyColor.MAIN),
|
|
37
33
|
marginVertical: 10,
|
|
38
34
|
fontSize: 16,
|
|
39
|
-
textAlign:
|
|
40
|
-
textAlignVertical:
|
|
41
|
-
fontWeight: activeItem ?
|
|
35
|
+
textAlign: 'center',
|
|
36
|
+
textAlignVertical: 'center',
|
|
37
|
+
fontWeight: activeItem ? '600' : 'normal',
|
|
42
38
|
},
|
|
43
39
|
});
|
|
44
40
|
useEffect(function () {
|
|
@@ -51,8 +47,8 @@ var SegmentControlItem = function (_a) {
|
|
|
51
47
|
onClick(e);
|
|
52
48
|
}
|
|
53
49
|
}
|
|
54
|
-
} }, others), children && typeof children.valueOf() ===
|
|
50
|
+
} }, others), children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: styles.text, ellipsizeMode: 'tail', numberOfLines: 1 }, String(children)))));
|
|
55
51
|
};
|
|
56
52
|
SegmentControlItem.displayName = ComponentName.SegmentControlItem;
|
|
57
53
|
export default SegmentControlItem;
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VnbWVudC1jb250cm9sL2l0ZW0vU2VnbWVudENvbnRyb2xJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBTUY7SUFMeEIsSUFBQSxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTGlCLDZDQU0zQixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBL0QsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUFzQyxDQUFBO0lBRXRFLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7WUFDUCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUNiLENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3ZELGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1NBQzNDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osaUJBQWlCLEVBQUUsRUFBRTtZQUNyQixLQUFLLEVBQ0gsQ0FBQyxVQUFVLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDdEQsQ0FBQyxDQUFDLFVBQVUsSUFBSSxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDakUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsY0FBYyxFQUFFLEVBQUU7WUFDbEIsUUFBUSxFQUFFLEVBQUU7WUFDWixTQUFTLEVBQUUsUUFBUTtZQUNuQixpQkFBaUIsRUFBRSxRQUFRO1lBQzNCLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtTQUMxQztLQUNGLENBQUMsQ0FBQTtJQUVGLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQ3hCLE9BQU8sRUFBRSxVQUFDLENBQVc7WUFDbkIsSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDYixhQUFhLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQyxDQUFBO2dCQUM5QixJQUFJLE9BQU8sRUFBRTtvQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7aUJBQ1g7YUFDRjtRQUNILENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsSUFBSSxDQUNyRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsQ0FBQyxJQUM5RCxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDUixDQUNnQixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsa0JBQWtCLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQTtBQUVqRSxlQUFlLGtCQUFrQixDQUFBIn0=
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Clickable } from '../../../objects';
|
|
3
|
+
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* SegmentedControl Item Interface
|
|
5
6
|
*/
|
|
6
|
-
export interface SegmentControlItemProps extends Clickable {
|
|
7
|
-
children: React.
|
|
7
|
+
export interface SegmentControlItemProps extends Clickable, CommonProps {
|
|
8
|
+
children: React.ReactNode;
|
|
8
9
|
active?: boolean;
|
|
9
10
|
disabled?: boolean;
|
|
10
|
-
inverted?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
id?: string;
|
|
13
11
|
}
|
|
@@ -2,9 +2,15 @@ export default {
|
|
|
2
2
|
"children": {
|
|
3
3
|
"type": "react",
|
|
4
4
|
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
5
7
|
"string",
|
|
6
8
|
"number",
|
|
7
|
-
"
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
8
14
|
]
|
|
9
15
|
},
|
|
10
16
|
"active": {
|
|
@@ -23,33 +29,25 @@ export default {
|
|
|
23
29
|
"true"
|
|
24
30
|
]
|
|
25
31
|
},
|
|
26
|
-
"
|
|
27
|
-
"type": "
|
|
32
|
+
"onClick": {
|
|
33
|
+
"type": "function",
|
|
28
34
|
"values": [
|
|
29
35
|
"undefined",
|
|
30
|
-
"
|
|
31
|
-
"true"
|
|
36
|
+
"ClickEvent"
|
|
32
37
|
]
|
|
33
38
|
},
|
|
34
|
-
"
|
|
39
|
+
"id": {
|
|
35
40
|
"type": "string",
|
|
36
41
|
"values": [
|
|
37
42
|
"undefined",
|
|
38
43
|
"string"
|
|
39
44
|
]
|
|
40
45
|
},
|
|
41
|
-
"
|
|
46
|
+
"className": {
|
|
42
47
|
"type": "string",
|
|
43
48
|
"values": [
|
|
44
49
|
"undefined",
|
|
45
50
|
"string"
|
|
46
51
|
]
|
|
47
|
-
},
|
|
48
|
-
"onClick": {
|
|
49
|
-
"type": "function",
|
|
50
|
-
"values": [
|
|
51
|
-
"undefined",
|
|
52
|
-
"ClickEvent"
|
|
53
|
-
]
|
|
54
52
|
}
|
|
55
53
|
};
|
|
@@ -3,23 +3,9 @@ import { SelectProps } from './SelectProps';
|
|
|
3
3
|
/**
|
|
4
4
|
* Select Component
|
|
5
5
|
* @param children {React.ReactNode} Children for Select
|
|
6
|
-
* @param id {string} Select id
|
|
7
|
-
* @param name {string} Select name
|
|
8
|
-
* @param label {string} Select label
|
|
9
|
-
* @param onChange {Function} onChange Event
|
|
10
|
-
* @param selected {string|number} Selected OptionItem for Native
|
|
11
|
-
* @param iconName {IconName} icon for left of selector
|
|
12
|
-
* @param disabled {boolean} disable Select
|
|
13
|
-
* @param multiple {boolean} select multiple options (for dynamic select only)
|
|
14
|
-
* @param nullable {boolean} Unselect Select Option Item
|
|
15
6
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
|
-
* @param className {string} Additionnal CSS Classes
|
|
17
|
-
* @param onBlur {Function} onBlur Event
|
|
18
|
-
* @param onFocus {Function} onFocus Event
|
|
19
|
-
* @param testId {string} id for testing
|
|
20
7
|
* @param native {boolean} Display native-old select web
|
|
21
8
|
* * - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
22
|
-
* @param placeholder {string} Select Placeholder
|
|
23
9
|
*/
|
|
24
10
|
declare const Select: ({ native, ...props }: SelectProps) => JSX.Element;
|
|
25
11
|
export default Select;
|
|
@@ -4,23 +4,9 @@ import { SelectDynamic, SelectNative } from './web';
|
|
|
4
4
|
/**
|
|
5
5
|
* Select Component
|
|
6
6
|
* @param children {React.ReactNode} Children for Select
|
|
7
|
-
* @param id {string} Select id
|
|
8
|
-
* @param name {string} Select name
|
|
9
|
-
* @param label {string} Select label
|
|
10
|
-
* @param onChange {Function} onChange Event
|
|
11
|
-
* @param selected {string|number} Selected OptionItem for Native
|
|
12
|
-
* @param iconName {IconName} icon for left of selector
|
|
13
|
-
* @param disabled {boolean} disable Select
|
|
14
|
-
* @param multiple {boolean} select multiple options (for dynamic select only)
|
|
15
|
-
* @param nullable {boolean} Unselect Select Option Item
|
|
16
7
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
|
-
* @param className {string} Additionnal CSS Classes
|
|
18
|
-
* @param onBlur {Function} onBlur Event
|
|
19
|
-
* @param onFocus {Function} onFocus Event
|
|
20
|
-
* @param testId {string} id for testing
|
|
21
8
|
* @param native {boolean} Display native-old select web
|
|
22
9
|
* * - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
23
|
-
* @param placeholder {string} Select Placeholder
|
|
24
10
|
*/
|
|
25
11
|
var Select = function (_a) {
|
|
26
12
|
var native = _a.native, props = __rest(_a, ["native"]);
|
|
@@ -29,4 +15,4 @@ var Select = function (_a) {
|
|
|
29
15
|
return React.createElement(SelectDynamic, __assign({}, props));
|
|
30
16
|
};
|
|
31
17
|
export default Select;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbkQ7Ozs7OztHQU1HO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztJQUEvQixJQUFBLE1BQU0sWUFBQSxFQUFLLEtBQUssY0FBbEIsVUFBb0IsQ0FBRjtJQUNoQyxJQUFJLE1BQU07UUFBRSxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtJQUM5QyxPQUFPLG9CQUFDLGFBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQTtBQUNyQyxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
|
|
@@ -15,7 +15,7 @@ import { SelectProps } from './SelectProps';
|
|
|
15
15
|
* @param nullable {boolean} Unselect Select Option Item
|
|
16
16
|
*/
|
|
17
17
|
declare const Select: {
|
|
18
|
-
({ children, id, selected, label, iconName, onChange, disabled, multiple,
|
|
18
|
+
({ children, id, selected, label, iconName, onChange, disabled, multiple, ...others }: SelectProps): JSX.Element;
|
|
19
19
|
displayName: ComponentName;
|
|
20
20
|
};
|
|
21
21
|
export default Select;
|