@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149
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 +9 -9
- package/lib/components/accordion/Accordion.native.d.ts +7 -4
- package/lib/components/accordion/Accordion.native.js +14 -14
- package/lib/components/accordion/AccordionProps.d.ts +1 -1
- package/lib/components/accordion/body/AccordionBody.d.ts +3 -3
- package/lib/components/accordion/body/AccordionBody.js +12 -10
- package/lib/components/accordion/body/AccordionBody.native.d.ts +7 -4
- package/lib/components/accordion/body/AccordionBody.native.js +10 -7
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +1 -1
- package/lib/components/accordion/body/index.d.ts +1 -1
- package/lib/components/accordion/body/index.js +2 -2
- package/lib/components/accordion/header/AccordionHeader.d.ts +3 -3
- package/lib/components/accordion/header/AccordionHeader.js +9 -9
- package/lib/components/accordion/header/AccordionHeader.native.d.ts +7 -4
- package/lib/components/accordion/header/AccordionHeader.native.js +10 -10
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +1 -1
- package/lib/components/accordion/header/index.d.ts +1 -1
- package/lib/components/accordion/header/index.js +2 -2
- package/lib/components/accordion/index.d.ts +5 -4
- package/lib/components/accordion/index.js +6 -5
- package/lib/components/accordion/item/AccordionItem.d.ts +3 -3
- package/lib/components/accordion/item/AccordionItem.js +51 -23
- package/lib/components/accordion/item/AccordionItem.native.d.ts +7 -4
- package/lib/components/accordion/item/AccordionItem.native.js +42 -48
- package/lib/components/accordion/item/index.d.ts +1 -1
- package/lib/components/accordion/item/index.js +2 -2
- package/lib/components/alert/Alert.d.ts +11 -3
- package/lib/components/alert/Alert.js +107 -20
- package/lib/components/alert/Alert.native.d.ts +27 -4
- package/lib/components/alert/Alert.native.js +107 -25
- package/lib/components/alert/context/ToasterContext.d.ts +1 -1
- package/lib/components/alert/context/ToasterContext.js +2 -6
- package/lib/components/alert/context/ToasterContextProps.d.ts +2 -3
- package/lib/components/alert/context/index.d.ts +1 -1
- package/lib/components/alert/context/index.js +2 -2
- package/lib/components/alert/index.d.ts +3 -3
- package/lib/components/alert/index.js +4 -4
- package/lib/components/autocomplete/AutoComplete.d.ts +3 -32
- package/lib/components/autocomplete/AutoComplete.js +129 -32
- package/lib/components/autocomplete/AutoComplete.native.d.ts +3 -4
- package/lib/components/autocomplete/AutoComplete.native.js +8 -10
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
- package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
- package/lib/components/autocomplete/index.d.ts +5 -4
- package/lib/components/autocomplete/index.js +6 -5
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +5 -5
- package/lib/components/autocomplete/item/index.d.ts +1 -1
- package/lib/components/autocomplete/item/index.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +6 -4
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +3 -3
- package/lib/components/autocomplete/menu/index.d.ts +1 -1
- package/lib/components/autocomplete/menu/index.js +2 -2
- package/lib/components/autocomplete/utils/index.d.ts +1 -1
- package/lib/components/autocomplete/utils/index.js +2 -2
- package/lib/components/autolayout/AutoLayout.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.helpers.d.ts +6 -6
- package/lib/components/autolayout/AutoLayout.helpers.js +25 -29
- package/lib/components/autolayout/AutoLayout.js +3 -3
- package/lib/components/autolayout/AutoLayout.native.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.native.js +11 -9
- package/lib/components/autolayout/AutoLayoutProps.d.ts +5 -5
- package/lib/components/autolayout/AutoLayoutWrapper.d.ts +2 -2
- package/lib/components/autolayout/AutoLayoutWrapper.js +3 -3
- package/lib/components/autolayout/DefaultSpacingMatrix.d.ts +1 -1
- package/lib/components/autolayout/DefaultSpacingMatrix.js +2 -2
- package/lib/components/autolayout/index.d.ts +3 -2
- package/lib/components/autolayout/index.js +4 -3
- package/lib/components/badge/Badge.d.ts +3 -3
- package/lib/components/badge/Badge.js +23 -17
- package/lib/components/badge/Badge.native.d.ts +7 -4
- package/lib/components/badge/Badge.native.js +15 -15
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/index.d.ts +3 -2
- package/lib/components/badge/index.js +4 -3
- package/lib/components/box/Box.d.ts +3 -3
- package/lib/components/box/Box.js +29 -19
- package/lib/components/box/Box.native.d.ts +7 -4
- package/lib/components/box/Box.native.js +35 -29
- package/lib/components/box/BoxProps.d.ts +1 -4
- package/lib/components/box/BoxProps.js +1 -1
- package/lib/components/box/content/BoxContent.d.ts +3 -3
- package/lib/components/box/content/BoxContent.js +12 -12
- package/lib/components/box/content/BoxContent.native.d.ts +7 -4
- package/lib/components/box/content/BoxContent.native.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +1 -2
- package/lib/components/box/content/index.d.ts +1 -1
- package/lib/components/box/content/index.js +2 -2
- package/lib/components/box/footer/BoxFooter.d.ts +3 -3
- package/lib/components/box/footer/BoxFooter.js +11 -11
- package/lib/components/box/footer/BoxFooter.native.d.ts +7 -4
- package/lib/components/box/footer/BoxFooter.native.js +12 -10
- package/lib/components/box/footer/BoxFooterProps.d.ts +1 -1
- package/lib/components/box/footer/index.d.ts +1 -1
- package/lib/components/box/footer/index.js +2 -2
- package/lib/components/box/header/BoxHeader.d.ts +3 -3
- package/lib/components/box/header/BoxHeader.js +14 -14
- package/lib/components/box/header/BoxHeader.native.d.ts +7 -4
- package/lib/components/box/header/BoxHeader.native.js +22 -19
- package/lib/components/box/header/BoxHeaderProps.d.ts +1 -1
- package/lib/components/box/header/index.d.ts +1 -1
- package/lib/components/box/header/index.js +2 -2
- package/lib/components/box/index.d.ts +9 -8
- package/lib/components/box/index.js +10 -9
- package/lib/components/box/item/BoxItem.d.ts +3 -3
- package/lib/components/box/item/BoxItem.js +9 -9
- package/lib/components/box/item/BoxItem.native.d.ts +7 -4
- package/lib/components/box/item/BoxItem.native.js +10 -10
- package/lib/components/box/item/BoxItemProps.d.ts +1 -1
- package/lib/components/box/item/index.d.ts +2 -2
- package/lib/components/box/item/index.js +3 -3
- package/lib/components/box/table-container/BoxTableContainer.d.ts +3 -3
- package/lib/components/box/table-container/BoxTableContainer.js +9 -9
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +8 -5
- package/lib/components/box/table-container/BoxTableContainer.native.js +9 -9
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +1 -2
- package/lib/components/box/table-container/index.d.ts +1 -1
- package/lib/components/box/table-container/index.js +2 -2
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +9 -9
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +7 -4
- package/lib/components/breadcrumb/Breadcrumb.native.js +10 -10
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +1 -2
- package/lib/components/breadcrumb/index.d.ts +3 -2
- package/lib/components/breadcrumb/index.js +4 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +14 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +7 -4
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +11 -12
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +1 -3
- package/lib/components/breadcrumb/item/index.d.ts +1 -1
- package/lib/components/breadcrumb/item/index.js +2 -2
- package/lib/components/button/Button.d.ts +3 -3
- package/lib/components/button/Button.js +39 -26
- package/lib/components/button/Button.native.d.ts +7 -4
- package/lib/components/button/Button.native.js +100 -68
- package/lib/components/button/ButtonProps.d.ts +3 -3
- package/lib/components/button/index.d.ts +4 -3
- package/lib/components/button/index.js +5 -4
- package/lib/components/button/list/ButtonList.d.ts +3 -3
- package/lib/components/button/list/ButtonList.js +10 -10
- package/lib/components/button/list/ButtonList.native.d.ts +7 -4
- package/lib/components/button/list/ButtonList.native.js +6 -6
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/index.d.ts +2 -1
- package/lib/components/button/list/index.js +3 -2
- package/lib/components/card/Card.d.ts +5 -2
- package/lib/components/card/Card.js +25 -16
- package/lib/components/card/Card.native.d.ts +8 -5
- package/lib/components/card/Card.native.js +27 -27
- package/lib/components/card/CardProps.d.ts +1 -5
- package/lib/components/card/CardProps.js +1 -1
- package/lib/components/card/content/CardContent.d.ts +3 -3
- package/lib/components/card/content/CardContent.js +19 -15
- package/lib/components/card/content/CardContent.native.d.ts +7 -4
- package/lib/components/card/content/CardContent.native.js +18 -18
- package/lib/components/card/content/CardContentProps.d.ts +1 -4
- package/lib/components/card/content/index.d.ts +1 -1
- package/lib/components/card/content/index.js +2 -2
- package/lib/components/card/image/CardImage.d.ts +3 -3
- package/lib/components/card/image/CardImage.js +17 -13
- package/lib/components/card/image/CardImage.native.d.ts +7 -4
- package/lib/components/card/image/CardImage.native.js +5 -5
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/index.d.ts +1 -1
- package/lib/components/card/image/index.js +2 -2
- package/lib/components/card/index.d.ts +5 -4
- package/lib/components/card/index.js +6 -5
- package/lib/components/checkbox/Checkbox.d.ts +3 -3
- package/lib/components/checkbox/Checkbox.js +50 -21
- package/lib/components/checkbox/Checkbox.native.d.ts +7 -4
- package/lib/components/checkbox/Checkbox.native.js +71 -58
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -3
- package/lib/components/checkbox/index.d.ts +2 -1
- package/lib/components/checkbox/index.js +3 -2
- package/lib/components/chips/Chips.d.ts +3 -3
- package/lib/components/chips/Chips.js +13 -11
- package/lib/components/chips/Chips.native.d.ts +7 -4
- package/lib/components/chips/Chips.native.js +15 -15
- package/lib/components/chips/ChipsProps.d.ts +1 -3
- package/lib/components/chips/index.d.ts +3 -2
- package/lib/components/chips/index.js +4 -3
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +10 -10
- package/lib/components/chips/list/ChipsList.native.d.ts +6 -3
- package/lib/components/chips/list/ChipsList.native.js +4 -4
- package/lib/components/chips/list/index.d.ts +1 -1
- package/lib/components/chips/list/index.js +2 -2
- package/lib/components/columns/Columns.d.ts +2 -2
- package/lib/components/columns/Columns.js +11 -11
- package/lib/components/columns/Columns.native.d.ts +7 -4
- package/lib/components/columns/Columns.native.js +34 -41
- package/lib/components/columns/ColumnsProps.d.ts +2 -2
- package/lib/components/columns/index.d.ts +3 -2
- package/lib/components/columns/index.js +4 -3
- package/lib/components/columns/item/ColumnsItem.d.ts +2 -2
- package/lib/components/columns/item/ColumnsItem.js +10 -10
- package/lib/components/columns/item/ColumnsItem.native.d.ts +7 -4
- package/lib/components/columns/item/ColumnsItem.native.js +5 -5
- package/lib/components/columns/item/index.d.ts +1 -1
- package/lib/components/columns/item/index.js +2 -2
- package/lib/components/container/Container.d.ts +3 -3
- package/lib/components/container/Container.js +11 -11
- package/lib/components/container/Container.native.d.ts +7 -4
- package/lib/components/container/Container.native.js +10 -10
- package/lib/components/container/ContainerProps.d.ts +1 -1
- package/lib/components/container/ContainerProps.js +1 -4
- package/lib/components/container/index.d.ts +2 -1
- package/lib/components/container/index.js +3 -2
- package/lib/components/countdown/Countdown.d.ts +3 -3
- package/lib/components/countdown/Countdown.js +80 -22
- package/lib/components/countdown/Countdown.native.d.ts +7 -4
- package/lib/components/countdown/Countdown.native.js +11 -11
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/index.d.ts +3 -2
- package/lib/components/countdown/index.js +4 -3
- package/lib/components/divider/Divider.d.ts +3 -3
- package/lib/components/divider/Divider.js +17 -17
- package/lib/components/divider/Divider.native.d.ts +7 -4
- package/lib/components/divider/Divider.native.js +28 -24
- package/lib/components/divider/DividerProps.d.ts +1 -2
- package/lib/components/divider/index.d.ts +2 -1
- package/lib/components/divider/index.js +3 -2
- package/lib/components/enums.d.ts +3 -3
- package/lib/components/enums.js +4 -4
- package/lib/components/fab/Fab.d.ts +3 -3
- package/lib/components/fab/Fab.js +26 -19
- package/lib/components/fab/Fab.native.d.ts +7 -4
- package/lib/components/fab/Fab.native.js +23 -25
- package/lib/components/fab/FabProps.d.ts +3 -5
- package/lib/components/fab/index.d.ts +2 -1
- package/lib/components/fab/index.js +3 -2
- package/lib/components/hero/Hero.d.ts +3 -3
- package/lib/components/hero/Hero.js +13 -14
- package/lib/components/hero/Hero.native.d.ts +7 -4
- package/lib/components/hero/Hero.native.js +34 -24
- package/lib/components/hero/HeroProps.d.ts +5 -5
- package/lib/components/hero/index.d.ts +2 -1
- package/lib/components/hero/index.js +3 -2
- package/lib/components/icon/Icon.d.ts +3 -3
- package/lib/components/icon/Icon.js +51 -47
- package/lib/components/icon/Icon.native.d.ts +7 -4
- package/lib/components/icon/Icon.native.js +39 -35
- package/lib/components/icon/IconProps.d.ts +3 -3
- package/lib/components/icon/circle/CircleIcon.d.ts +3 -3
- package/lib/components/icon/circle/CircleIcon.js +15 -16
- package/lib/components/icon/circle/CircleIcon.native.d.ts +7 -4
- package/lib/components/icon/circle/CircleIcon.native.js +25 -23
- package/lib/components/icon/circle/CircleIconProps.d.ts +1 -1
- package/lib/components/icon/circle/index.d.ts +1 -1
- package/lib/components/icon/circle/index.js +2 -2
- package/lib/components/icon/index.d.ts +4 -3
- package/lib/components/icon/index.js +5 -4
- package/lib/components/icon/status/StatusIcon.d.ts +3 -3
- package/lib/components/icon/status/StatusIcon.js +16 -16
- package/lib/components/icon/status/StatusIcon.native.d.ts +7 -4
- package/lib/components/icon/status/StatusIcon.native.js +8 -8
- package/lib/components/icon/status/index.d.ts +1 -1
- package/lib/components/icon/status/index.js +2 -2
- package/lib/components/icon/text/TextIcon.d.ts +2 -2
- package/lib/components/icon/text/TextIcon.js +14 -14
- package/lib/components/icon/text/TextIcon.native.d.ts +7 -4
- package/lib/components/icon/text/TextIcon.native.js +9 -9
- package/lib/components/icon/text/index.d.ts +1 -1
- package/lib/components/icon/text/index.js +2 -2
- package/lib/components/image/Image.d.ts +3 -3
- package/lib/components/image/Image.js +15 -12
- package/lib/components/image/Image.native.d.ts +7 -4
- package/lib/components/image/Image.native.js +11 -11
- package/lib/components/image/ImageProps.d.ts +2 -2
- package/lib/components/image/index.d.ts +2 -1
- package/lib/components/image/index.js +3 -2
- package/lib/components/index.d.ts +48 -48
- package/lib/components/index.js +49 -49
- package/lib/components/input/Input.d.ts +3 -50
- package/lib/components/input/Input.js +127 -46
- package/lib/components/input/Input.native.d.ts +7 -4
- package/lib/components/input/Input.native.js +10 -10
- package/lib/components/input/InputProps.d.ts +5 -6
- package/lib/components/input/gauge/InputGauge.d.ts +2 -1
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/InputGauge.native.js +4 -4
- package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +75 -89
- package/lib/components/input/index.d.ts +4 -3
- package/lib/components/input/index.js +5 -4
- package/lib/components/link/Link.d.ts +3 -3
- package/lib/components/link/Link.js +20 -20
- package/lib/components/link/Link.native.d.ts +7 -4
- package/lib/components/link/Link.native.js +69 -39
- package/lib/components/link/LinkProps.d.ts +2 -4
- package/lib/components/link/index.d.ts +2 -1
- package/lib/components/link/index.js +3 -2
- package/lib/components/list/List.d.ts +2 -2
- package/lib/components/list/List.js +9 -9
- package/lib/components/list/List.native.d.ts +7 -4
- package/lib/components/list/List.native.js +7 -7
- package/lib/components/list/ListProps.d.ts +1 -1
- package/lib/components/list/index.d.ts +4 -3
- package/lib/components/list/index.js +5 -4
- package/lib/components/list/item/ListItem.d.ts +4 -4
- package/lib/components/list/item/ListItem.js +15 -15
- package/lib/components/list/item/ListItem.native.d.ts +7 -4
- package/lib/components/list/item/ListItem.native.js +13 -15
- package/lib/components/list/item/ListItemProps.d.ts +5 -3
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -3
- package/lib/components/list/item/description/ListItemDescription.js +9 -9
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +7 -4
- package/lib/components/list/item/description/ListItemDescription.native.js +10 -10
- package/lib/components/list/item/description/index.d.ts +3 -2
- package/lib/components/list/item/description/index.js +4 -3
- package/lib/components/list/item/index.d.ts +4 -3
- package/lib/components/list/item/index.js +5 -4
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +91 -37
- package/lib/components/modal/Modal.native.d.ts +2 -2
- package/lib/components/modal/Modal.native.js +52 -47
- package/lib/components/modal/ModalProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.js +7 -5
- package/lib/components/modal/footer/ModalFooter.native.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.native.js +8 -9
- package/lib/components/modal/index.d.ts +5 -4
- package/lib/components/modal/index.js +6 -5
- package/lib/components/modal/title/ModalTitle.d.ts +1 -1
- package/lib/components/modal/title/ModalTitle.js +7 -5
- package/lib/components/modal/title/ModalTitle.native.d.ts +2 -2
- package/lib/components/modal/title/ModalTitle.native.js +12 -13
- package/lib/components/otp/Otp.d.ts +3 -3
- package/lib/components/otp/Otp.js +106 -24
- package/lib/components/otp/Otp.native.d.ts +7 -4
- package/lib/components/otp/Otp.native.js +32 -32
- package/lib/components/otp/index.d.ts +2 -1
- package/lib/components/otp/index.js +3 -2
- package/lib/components/pagination/Pagination.d.ts +3 -3
- package/lib/components/pagination/Pagination.js +73 -25
- package/lib/components/pagination/Pagination.native.d.ts +7 -4
- package/lib/components/pagination/Pagination.native.js +18 -18
- package/lib/components/pagination/PaginationProps.d.ts +2 -3
- package/lib/components/pagination/index.d.ts +3 -2
- package/lib/components/pagination/index.js +4 -3
- package/lib/components/popover/Popover.d.ts +3 -3
- package/lib/components/popover/Popover.js +12 -12
- package/lib/components/popover/Popover.native.d.ts +7 -4
- package/lib/components/popover/Popover.native.js +40 -33
- package/lib/components/popover/PopoverProps.d.ts +2 -3
- package/lib/components/popover/index.d.ts +3 -2
- package/lib/components/popover/index.js +4 -3
- package/lib/components/price/Price.d.ts +3 -3
- package/lib/components/price/Price.js +46 -44
- package/lib/components/price/Price.native.d.ts +7 -4
- package/lib/components/price/Price.native.js +79 -82
- package/lib/components/price/PriceProps.d.ts +2 -4
- package/lib/components/price/index.d.ts +3 -2
- package/lib/components/price/index.js +4 -3
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +21 -19
- package/lib/components/product-tour/ProductTour.native.d.ts +7 -4
- package/lib/components/product-tour/ProductTour.native.js +7 -7
- package/lib/components/product-tour/index.d.ts +3 -2
- package/lib/components/product-tour/index.js +4 -3
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +15 -15
- package/lib/components/progress/Progress.native.d.ts +7 -4
- package/lib/components/progress/Progress.native.js +32 -31
- package/lib/components/progress/index.d.ts +5 -4
- package/lib/components/progress/index.js +6 -5
- package/lib/components/progress/item/ProgressItem.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.js +11 -11
- package/lib/components/progress/item/ProgressItem.native.d.ts +7 -4
- package/lib/components/progress/item/ProgressItem.native.js +7 -7
- package/lib/components/progress/item/index.d.ts +1 -1
- package/lib/components/progress/item/index.js +2 -2
- package/lib/components/progress/radial/ProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.js +58 -19
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +7 -4
- package/lib/components/progress/radial/ProgressRadial.native.js +30 -30
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +2 -3
- package/lib/components/progress/radial/index.d.ts +1 -1
- package/lib/components/progress/radial/index.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +3 -3
- package/lib/components/progress/radial/item/ProgressRadialtem.js +10 -10
- package/lib/components/progress/radial/item/index.d.ts +1 -1
- package/lib/components/progress/radial/item/index.js +2 -2
- package/lib/components/radio/Radio.d.ts +3 -3
- package/lib/components/radio/Radio.js +52 -21
- package/lib/components/radio/Radio.native.d.ts +7 -4
- package/lib/components/radio/Radio.native.js +67 -57
- package/lib/components/radio/RadioProps.d.ts +5 -5
- package/lib/components/radio/index.d.ts +3 -2
- package/lib/components/radio/index.js +4 -3
- package/lib/components/radio/list/RadioList.d.ts +3 -3
- package/lib/components/radio/list/RadioList.js +10 -10
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +9 -9
- package/lib/components/radio/list/RadioListProps.d.ts +1 -2
- package/lib/components/radio/list/index.d.ts +2 -1
- package/lib/components/radio/list/index.js +3 -2
- package/lib/components/range/Range.d.ts +3 -3
- package/lib/components/range/Range.js +57 -18
- package/lib/components/range/Range.native.d.ts +7 -4
- package/lib/components/range/Range.native.js +18 -19
- package/lib/components/range/RangeProps.d.ts +1 -2
- package/lib/components/range/index.d.ts +2 -1
- package/lib/components/range/index.js +3 -2
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +10 -10
- package/lib/components/rows/Rows.native.d.ts +7 -4
- package/lib/components/rows/Rows.native.js +9 -9
- package/lib/components/rows/index.d.ts +3 -2
- package/lib/components/rows/index.js +4 -3
- package/lib/components/rows/item/RowItem.d.ts +2 -2
- package/lib/components/rows/item/RowItem.js +10 -10
- package/lib/components/rows/item/RowItem.native.d.ts +7 -4
- package/lib/components/rows/item/RowItem.native.js +8 -8
- package/lib/components/rows/item/index.d.ts +1 -1
- package/lib/components/rows/item/index.js +2 -2
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +13 -12
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -15
- package/lib/components/scroll-view/ScrollView.native.js +12 -25
- package/lib/components/scroll-view/ScrollViewProps.d.ts +1 -2
- package/lib/components/scroll-view/index.d.ts +2 -1
- package/lib/components/scroll-view/index.js +3 -2
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +15 -11
- package/lib/components/section/Section.native.d.ts +7 -4
- package/lib/components/section/Section.native.js +14 -12
- package/lib/components/section/SectionProps.d.ts +1 -6
- package/lib/components/section/index.d.ts +2 -1
- package/lib/components/section/index.js +3 -2
- package/lib/components/segment-control/SegmentControl.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.js +32 -16
- package/lib/components/segment-control/SegmentControl.native.d.ts +7 -4
- package/lib/components/segment-control/SegmentControl.native.js +18 -16
- package/lib/components/segment-control/index.d.ts +3 -2
- package/lib/components/segment-control/index.js +4 -3
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.js +20 -10
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +7 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.js +18 -15
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +2 -2
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +1 -7
- package/lib/components/segment-control/item/index.d.ts +1 -1
- package/lib/components/segment-control/item/index.js +2 -2
- package/lib/components/select/Select.d.ts +3 -3
- package/lib/components/select/Select.js +7 -9
- package/lib/components/select/Select.native.d.ts +7 -4
- package/lib/components/select/Select.native.js +8 -8
- package/lib/components/select/SelectProps.d.ts +2 -3
- package/lib/components/select/index.d.ts +3 -2
- package/lib/components/select/index.js +4 -3
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +7 -8
- package/lib/components/select/option/SelectOption.native.d.ts +7 -4
- package/lib/components/select/option/SelectOption.native.js +11 -11
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
- package/lib/components/select/option/index.d.ts +1 -1
- package/lib/components/select/option/index.js +2 -2
- package/lib/components/select/web/SelectDynamic.d.ts +3 -5
- package/lib/components/select/web/SelectDynamic.js +196 -16
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +37 -16
- package/lib/components/select/web/index.d.ts +2 -2
- package/lib/components/select/web/index.js +3 -3
- package/lib/components/spacer/Spacer.d.ts +3 -3
- package/lib/components/spacer/Spacer.js +7 -9
- package/lib/components/spacer/Spacer.native.d.ts +7 -4
- package/lib/components/spacer/Spacer.native.js +7 -7
- package/lib/components/spacer/SpacerProps.d.ts +1 -1
- package/lib/components/spacer/index.d.ts +3 -2
- package/lib/components/spacer/index.js +4 -3
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +39 -14
- package/lib/components/stepper/Stepper.native.d.ts +7 -4
- package/lib/components/stepper/Stepper.native.js +22 -19
- package/lib/components/stepper/index.d.ts +4 -3
- package/lib/components/stepper/index.js +5 -4
- package/lib/components/stepper/step/StepperStep.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.js +17 -14
- package/lib/components/stepper/step/StepperStep.native.d.ts +7 -4
- package/lib/components/stepper/step/StepperStep.native.js +13 -9
- package/lib/components/stepper/step/StepperStepProps.d.ts +2 -2
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.d.ts +3 -3
- package/lib/components/sticker/Sticker.js +16 -15
- package/lib/components/sticker/Sticker.native.d.ts +7 -4
- package/lib/components/sticker/Sticker.native.js +20 -19
- package/lib/components/sticker/StickerProps.d.ts +4 -4
- package/lib/components/sticker/index.d.ts +3 -2
- package/lib/components/sticker/index.js +4 -3
- package/lib/components/styleComponent/default/index.d.ts +1 -1
- package/lib/components/styleComponent/default/index.js +2 -2
- package/lib/components/styleComponent/default/styleComponent.d.ts +1 -1
- package/lib/components/styleComponent/default/styleComponent.js +2 -2
- package/lib/components/styleComponent/index.d.ts +2 -2
- package/lib/components/styleComponent/index.js +3 -3
- package/lib/components/styleComponent/mangled/index.d.ts +1 -1
- package/lib/components/styleComponent/mangled/index.js +2 -2
- package/lib/components/styleComponent/mangled/styleComponentMangled.d.ts +1 -1
- package/lib/components/styleComponent/mangled/styleComponentMangled.js +2 -2
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +46 -16
- package/lib/components/switch/Switch.native.d.ts +7 -4
- package/lib/components/switch/Switch.native.js +14 -12
- package/lib/components/switch/SwitchProps.d.ts +3 -2
- package/lib/components/switch/index.d.ts +2 -1
- package/lib/components/switch/index.js +3 -2
- package/lib/components/table/Table.d.ts +3 -3
- package/lib/components/table/Table.js +11 -11
- package/lib/components/table/Table.native.d.ts +7 -4
- package/lib/components/table/Table.native.js +15 -11
- package/lib/components/table/body/TableBody.d.ts +3 -3
- package/lib/components/table/body/TableBody.js +13 -13
- package/lib/components/table/body/TableBody.native.d.ts +12 -5
- package/lib/components/table/body/TableBody.native.js +9 -9
- package/lib/components/table/body/TableBodyProps.d.ts +1 -1
- package/lib/components/table/body/index.d.ts +1 -1
- package/lib/components/table/body/index.js +2 -2
- package/lib/components/table/head/TableHead.d.ts +3 -3
- package/lib/components/table/head/TableHead.js +13 -13
- package/lib/components/table/head/TableHead.native.d.ts +7 -4
- package/lib/components/table/head/TableHead.native.js +9 -9
- package/lib/components/table/head/TableHeadProps.d.ts +1 -1
- package/lib/components/table/head/index.d.ts +1 -1
- package/lib/components/table/head/index.js +2 -2
- package/lib/components/table/index.d.ts +7 -6
- package/lib/components/table/index.js +8 -7
- package/lib/components/table/td/TableTd.d.ts +3 -3
- package/lib/components/table/td/TableTd.js +10 -10
- package/lib/components/table/td/TableTd.native.d.ts +7 -4
- package/lib/components/table/td/TableTd.native.js +9 -9
- package/lib/components/table/td/TableTdProps.d.ts +1 -1
- package/lib/components/table/td/index.d.ts +1 -1
- package/lib/components/table/td/index.js +2 -2
- package/lib/components/table/th/TableTh.d.ts +3 -3
- package/lib/components/table/th/TableTh.js +10 -10
- package/lib/components/table/th/TableTh.native.d.ts +7 -4
- package/lib/components/table/th/TableTh.native.js +12 -13
- package/lib/components/table/th/TableThProps.d.ts +1 -1
- package/lib/components/table/th/index.d.ts +1 -1
- package/lib/components/table/th/index.js +2 -2
- package/lib/components/table/tr/TableTr.d.ts +3 -3
- package/lib/components/table/tr/TableTr.js +12 -12
- package/lib/components/table/tr/TableTr.native.d.ts +7 -4
- package/lib/components/table/tr/TableTr.native.js +11 -11
- package/lib/components/table/tr/TableTrProps.d.ts +1 -3
- package/lib/components/table/tr/index.d.ts +1 -1
- package/lib/components/table/tr/index.js +2 -2
- package/lib/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +43 -14
- package/lib/components/tabs/Tabs.native.d.ts +7 -4
- package/lib/components/tabs/Tabs.native.js +9 -9
- package/lib/components/tabs/TabsProps.d.ts +1 -4
- package/lib/components/tabs/index.d.ts +3 -2
- package/lib/components/tabs/index.js +4 -3
- package/lib/components/tabs/item/TabsItem.d.ts +3 -3
- package/lib/components/tabs/item/TabsItem.js +40 -20
- package/lib/components/tabs/item/TabsItem.native.d.ts +7 -4
- package/lib/components/tabs/item/TabsItem.native.js +19 -19
- package/lib/components/tabs/item/TabsItemProps.d.ts +1 -3
- package/lib/components/tabs/item/index.d.ts +1 -1
- package/lib/components/tabs/item/index.js +2 -2
- package/lib/components/tag/Tag.d.ts +3 -3
- package/lib/components/tag/Tag.js +12 -12
- package/lib/components/tag/Tag.native.d.ts +7 -4
- package/lib/components/tag/Tag.native.js +6 -6
- package/lib/components/tag/TagProps.d.ts +3 -4
- package/lib/components/tag/index.d.ts +4 -3
- package/lib/components/tag/index.js +5 -4
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +8 -8
- package/lib/components/tag/list/TagList.native.d.ts +7 -4
- package/lib/components/tag/list/TagList.native.js +15 -11
- package/lib/components/tag/list/TagListProps.d.ts +1 -1
- package/lib/components/tag/list/index.d.ts +1 -1
- package/lib/components/tag/list/index.js +2 -2
- package/lib/components/text/Text.d.ts +3 -3
- package/lib/components/text/Text.js +19 -18
- package/lib/components/text/Text.native.d.ts +7 -4
- package/lib/components/text/Text.native.js +34 -31
- package/lib/components/text/TextProps.d.ts +1 -1
- package/lib/components/text/index.d.ts +3 -2
- package/lib/components/text/index.js +4 -3
- package/lib/components/textarea/Textarea.d.ts +3 -30
- package/lib/components/textarea/Textarea.js +34 -23
- package/lib/components/textarea/Textarea.native.d.ts +3 -60
- package/lib/components/textarea/Textarea.native.js +13 -11
- package/lib/components/textarea/TextareaProps.d.ts +5 -3
- package/lib/components/textarea/index.d.ts +2 -1
- package/lib/components/textarea/index.js +3 -2
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +8 -8
- package/lib/components/timeline/Timeline.native.d.ts +7 -4
- package/lib/components/timeline/Timeline.native.js +8 -8
- package/lib/components/timeline/content/TimelineContent.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.js +16 -13
- package/lib/components/timeline/content/TimelineContent.native.d.ts +7 -4
- package/lib/components/timeline/content/TimelineContent.native.js +14 -14
- package/lib/components/timeline/content/TimelineContentProps.d.ts +1 -1
- package/lib/components/timeline/content/index.d.ts +1 -1
- package/lib/components/timeline/content/index.js +2 -2
- package/lib/components/timeline/index.d.ts +5 -4
- package/lib/components/timeline/index.js +6 -5
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +6 -3
- package/lib/components/timeline/item/TimelineItem.native.js +5 -5
- package/lib/components/timeline/item/index.d.ts +1 -1
- package/lib/components/timeline/item/index.js +2 -2
- package/lib/components/timeline/marker/TimelineMarker.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.js +12 -12
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +7 -4
- package/lib/components/timeline/marker/TimelineMarker.native.js +19 -19
- package/lib/components/timeline/marker/index.d.ts +1 -1
- package/lib/components/timeline/marker/index.js +2 -2
- package/lib/components/title/Title.d.ts +3 -3
- package/lib/components/title/Title.js +18 -14
- package/lib/components/title/Title.native.d.ts +7 -4
- package/lib/components/title/Title.native.js +37 -29
- package/lib/components/title/TitleProps.d.ts +1 -1
- package/lib/components/title/index.d.ts +3 -2
- package/lib/components/title/index.js +4 -3
- package/lib/components/view/View.d.ts +3 -3
- package/lib/components/view/View.js +18 -20
- package/lib/components/view/View.native.d.ts +7 -4
- package/lib/components/view/View.native.js +17 -16
- package/lib/components/view/ViewProps.d.ts +1 -7
- package/lib/components/view/ViewProps.js +1 -1
- package/lib/components/view/index.d.ts +3 -2
- package/lib/components/view/index.js +4 -3
- package/lib/context/index.js +1 -2
- package/lib/context/provider.d.ts +1 -1
- package/lib/context/provider.js +7 -7
- package/lib/context/providerStates.js +2 -3
- package/lib/context/providerStyled.d.ts +3 -3
- package/lib/context/providerStyled.js +3 -3
- package/lib/context/providerTheme.d.ts +1 -1
- package/lib/context/providerTheme.js +1 -2
- package/lib/context/providerTheme.native.d.ts +3 -3
- package/lib/context/providerTheme.native.js +4 -4
- package/lib/helpers/WrapperReactNativeTesting.d.ts +1 -1
- package/lib/helpers/WrapperReactNativeTesting.js +3 -3
- package/lib/helpers/hashClassesHelpers.d.ts +3 -1
- package/lib/helpers/hashClassesHelpers.js +15 -18
- package/lib/helpers/index.d.ts +4 -4
- package/lib/helpers/index.js +5 -5
- package/lib/index.d.ts +3 -1
- package/lib/index.js +4 -2
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/objects/Typography/index.d.ts +4 -4
- package/lib/objects/Typography/index.js +5 -5
- package/lib/objects/atoms/index.d.ts +2 -2
- package/lib/objects/atoms/index.js +3 -3
- package/lib/objects/facets/Color.js +10 -15
- package/lib/objects/facets/Status.d.ts +1 -1
- package/lib/objects/facets/Status.js +2 -2
- package/lib/objects/facets/Variant.js +22 -22
- package/lib/objects/facets/index.d.ts +29 -29
- package/lib/objects/facets/index.js +30 -30
- package/lib/objects/index.d.ts +3 -3
- package/lib/objects/index.js +4 -4
- package/lib/services/index.d.ts +1 -1
- package/lib/services/index.js +2 -2
- package/lib/tsconfig.json +1 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +2 -2
- package/lib/components/accordion/item/hook/useAccordionItem.d.ts +0 -23
- package/lib/components/accordion/item/hook/useAccordionItem.js +0 -47
- package/lib/components/alert/toaster/ToasterAlertProvider.d.ts +0 -10
- package/lib/components/alert/toaster/ToasterAlertProvider.js +0 -83
- package/lib/components/alert/toaster/ToasterAlertProvider.native.d.ts +0 -22
- package/lib/components/alert/toaster/ToasterAlertProvider.native.js +0 -91
- package/lib/components/alert/toaster/index.d.ts +0 -1
- package/lib/components/alert/toaster/index.js +0 -2
- package/lib/components/autocomplete/hook/useAutocomplete.d.ts +0 -40
- package/lib/components/autocomplete/hook/useAutocomplete.js +0 -138
- package/lib/components/card/context/CardContext.d.ts +0 -4
- package/lib/components/card/context/CardContext.js +0 -4
- package/lib/components/checkbox/hook/useCheckbox.d.ts +0 -19
- package/lib/components/checkbox/hook/useCheckbox.js +0 -49
- package/lib/components/countdown/hook/useCountdown.d.ts +0 -16
- package/lib/components/countdown/hook/useCountdown.js +0 -77
- package/lib/components/input/hook/useInput.d.ts +0 -68
- package/lib/components/input/hook/useInput.js +0 -151
- package/lib/components/modal/hook/useModal.d.ts +0 -25
- package/lib/components/modal/hook/useModal.js +0 -76
- package/lib/components/otp/hook/useOtp.d.ts +0 -24
- package/lib/components/otp/hook/useOtp.js +0 -112
- package/lib/components/pagination/hook/usePagination.d.ts +0 -33
- package/lib/components/pagination/hook/usePagination.js +0 -69
- package/lib/components/product-tour/hook/useProductTour.d.ts +0 -11
- package/lib/components/product-tour/hook/useProductTour.js +0 -19
- package/lib/components/progress/radial/hook/useProgressRadial.d.ts +0 -15
- package/lib/components/progress/radial/hook/useProgressRadial.js +0 -57
- package/lib/components/radio/hook/useRadio.d.ts +0 -23
- package/lib/components/radio/hook/useRadio.js +0 -52
- package/lib/components/range/hook/useRange.d.ts +0 -30
- package/lib/components/range/hook/useRange.js +0 -60
- package/lib/components/segment-control/hook/useSegmentControl.d.ts +0 -15
- package/lib/components/segment-control/hook/useSegmentControl.js +0 -33
- package/lib/components/segment-control/item/hook/useSegmentControlItem.d.ts +0 -14
- package/lib/components/segment-control/item/hook/useSegmentControlItem.js +0 -24
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -20
- package/lib/components/select/web/hooks/useSelectDynamic.js +0 -233
- package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
- package/lib/components/select/web/hooks/useSelectNative.js +0 -38
- package/lib/components/stepper/hook/useStepper.d.ts +0 -9
- package/lib/components/stepper/hook/useStepper.js +0 -50
- package/lib/components/switch/hook/ueSwitch.d.ts +0 -18
- package/lib/components/switch/hook/ueSwitch.js +0 -35
- package/lib/components/tabs/hook/useTabs.d.ts +0 -15
- package/lib/components/tabs/hook/useTabs.js +0 -46
- package/lib/components/tabs/item/hook/useTabsItem.d.ts +0 -15
- package/lib/components/tabs/item/hook/useTabsItem.js +0 -29
- package/lib/components/textarea/hook/useTextarea.d.ts +0 -14
- package/lib/components/textarea/hook/useTextarea.js +0 -25
- package/lib/helpers/mergeRefs.d.ts +0 -2
- package/lib/helpers/mergeRefs.js +0 -13
- package/lib/objects/facets/ClientRendering.d.ts +0 -3
- package/lib/objects/facets/ClientRendering.js +0 -2
- package/lib/tsconfig.build.json +0 -13
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
6
|
-
import { Icon, IconSize } from
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import shortid from "shortid";
|
|
4
|
+
import clsx from "clsx";
|
|
5
|
+
import { hashClass } from "../../helpers";
|
|
6
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
7
|
+
import { is } from "../../services";
|
|
8
|
+
import { useTrilogyContext } from "../../context";
|
|
9
9
|
/**
|
|
10
10
|
* Checkbox Component
|
|
11
11
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -26,19 +26,48 @@ import { is } from '../../services/classify';
|
|
|
26
26
|
* @param value {string} Value for checkbox
|
|
27
27
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
28
28
|
*/
|
|
29
|
-
var Checkbox =
|
|
30
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ?
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
var Checkbox = function (_a) {
|
|
30
|
+
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "testId"]);
|
|
31
|
+
var styled = useTrilogyContext().styled;
|
|
32
|
+
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
if (!readonly) {
|
|
35
|
+
setChecked(checked || false);
|
|
36
|
+
}
|
|
37
|
+
}, [checked, readonly]);
|
|
38
|
+
return (React.createElement("div", { className: hashClass(styled, clsx(tile ? "checkbox-tile" : "checkbox", horizontalTile && is("horizontal"), className)), tabIndex: 0 },
|
|
39
|
+
React.createElement("input", __assign({ "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) {
|
|
40
|
+
return e;
|
|
41
|
+
}, onClick: function (e) {
|
|
42
|
+
var target = e.target;
|
|
43
|
+
if (!readonly && target.checked !== undefined) {
|
|
44
|
+
setChecked(target.checked);
|
|
45
|
+
}
|
|
46
|
+
target.value = value || "";
|
|
47
|
+
if (onChange) {
|
|
48
|
+
onChange({
|
|
49
|
+
checkboxId: target.id,
|
|
50
|
+
checkboxValue: target.value,
|
|
51
|
+
checkboxName: target.name,
|
|
52
|
+
checkboxChecked: target.checked,
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
if (onClick) {
|
|
56
|
+
onClick({
|
|
57
|
+
checkboxId: target.id,
|
|
58
|
+
checkboxValue: target.value,
|
|
59
|
+
checkboxName: target.name,
|
|
60
|
+
checkboxChecked: target.checked,
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
} }, others)),
|
|
64
|
+
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("checkbox-label")) },
|
|
35
65
|
iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
|
|
36
66
|
horizontalTile ? (React.createElement("span", null,
|
|
37
|
-
tile ? React.createElement("span", { className: hashClass(clsx(
|
|
38
|
-
tile && description && React.createElement("span", { className: hashClass(clsx(
|
|
39
|
-
tile ? React.createElement("span", { className: hashClass(clsx(
|
|
40
|
-
tile && description && React.createElement("span", { className: hashClass(clsx(
|
|
41
|
-
}
|
|
42
|
-
Checkbox.displayName = ComponentName.Checkbox;
|
|
67
|
+
tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
|
|
68
|
+
tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))) : (React.createElement(React.Fragment, null,
|
|
69
|
+
tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
|
|
70
|
+
tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))))));
|
|
71
|
+
};
|
|
43
72
|
export default Checkbox;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWlCRjtJQWhCZCxJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWhCTyxzS0FpQmpCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxR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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CheckboxProps } from "./CheckboxProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Checkbox Native Component
|
|
6
6
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -17,5 +17,8 @@ import { CheckboxProps } from '../../components/checkbox/CheckboxProps';
|
|
|
17
17
|
* @param testId {string} Test Id for Test Integration
|
|
18
18
|
* @param horizontalTile {boolean} display horizontal Checkbox tile
|
|
19
19
|
*/
|
|
20
|
-
declare const Checkbox:
|
|
20
|
+
declare const Checkbox: {
|
|
21
|
+
({ id, checked, name, onClick, onChange, disabled, readonly, label, tile, description, iconTile, horizontalTile, testId }: CheckboxProps): JSX.Element;
|
|
22
|
+
displayName: ComponentName;
|
|
23
|
+
};
|
|
21
24
|
export default Checkbox;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from
|
|
3
|
-
import { StyleSheet, TouchableOpacity } from
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import { Text, TextLevels } from
|
|
8
|
-
import { View } from
|
|
9
|
-
import {
|
|
10
|
-
import { TypographyAlign, TypographyBold } from
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { StyleSheet, TouchableOpacity } from "react-native";
|
|
4
|
+
import { IconName } from "../../components/icon/IconNameEnum";
|
|
5
|
+
import shortid from "shortid";
|
|
6
|
+
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
7
|
+
import { Text, TextLevels } from "../../components/text";
|
|
8
|
+
import { View } from "../../components/view";
|
|
9
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
10
|
+
import { TypographyAlign, TypographyBold } from "../../objects";
|
|
11
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
11
12
|
/**
|
|
12
13
|
* Checkbox Native Component
|
|
13
14
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -24,21 +25,21 @@ import { TypographyAlign, TypographyBold } from '../../objects/Typography';
|
|
|
24
25
|
* @param testId {string} Test Id for Test Integration
|
|
25
26
|
* @param horizontalTile {boolean} display horizontal Checkbox tile
|
|
26
27
|
*/
|
|
27
|
-
var Checkbox =
|
|
28
|
-
var _b = _a.id, id = _b === void 0 ?
|
|
28
|
+
var Checkbox = function (_a) {
|
|
29
|
+
var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, name = _a.name, onClick = _a.onClick, onChange = _a.onChange, disabled = _a.disabled, readonly = _a.readonly, label = _a.label, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, testId = _a.testId;
|
|
29
30
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
30
31
|
useEffect(function () {
|
|
31
32
|
setChecked(checked || false);
|
|
32
33
|
}, [checked]);
|
|
33
34
|
var styles = StyleSheet.create({
|
|
34
35
|
container: {
|
|
35
|
-
flexDirection:
|
|
36
|
+
flexDirection: "row",
|
|
36
37
|
paddingBottom: 5,
|
|
37
|
-
justifyContent:
|
|
38
|
+
justifyContent: "flex-start",
|
|
38
39
|
},
|
|
39
40
|
checkBox: {
|
|
40
|
-
alignItems:
|
|
41
|
-
justifyContent: horizontalTile ?
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
justifyContent: horizontalTile ? "center" : "flex-start",
|
|
42
43
|
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
43
44
|
borderWidth: 0.6,
|
|
44
45
|
width: 19,
|
|
@@ -48,7 +49,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
48
49
|
marginLeft: 0,
|
|
49
50
|
backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
50
51
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
51
|
-
|
|
52
|
+
"transparent",
|
|
52
53
|
},
|
|
53
54
|
label: {
|
|
54
55
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
@@ -65,25 +66,31 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
65
66
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
66
67
|
getColorStyle(TrilogyColor.NEUTRAL),
|
|
67
68
|
borderRadius: 6,
|
|
68
|
-
textAlign:
|
|
69
|
-
alignItems:
|
|
70
|
-
backgroundColor: disabled
|
|
69
|
+
textAlign: "center",
|
|
70
|
+
alignItems: "center",
|
|
71
|
+
backgroundColor: disabled
|
|
72
|
+
? getColorStyle(TrilogyColor.DISABLED_FADE)
|
|
73
|
+
: "transparent",
|
|
71
74
|
},
|
|
72
75
|
tileDescription: {
|
|
73
|
-
color: disabled
|
|
74
|
-
|
|
76
|
+
color: disabled
|
|
77
|
+
? getColorStyle(TrilogyColor.DISABLED_FADE)
|
|
78
|
+
: getColorStyle(TrilogyColor.MAIN),
|
|
79
|
+
alignSelf: horizontalTile ? "flex-start" : "center",
|
|
75
80
|
},
|
|
76
81
|
horizontalTile: {
|
|
77
82
|
paddingVertical: _checked ? 17 : 18,
|
|
78
83
|
paddingHorizontal: _checked ? 5 : 6,
|
|
79
|
-
width:
|
|
80
|
-
height:
|
|
84
|
+
width: "100%",
|
|
85
|
+
height: "auto",
|
|
81
86
|
borderWidth: (_checked && 2) || 1,
|
|
82
87
|
borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
|
|
83
88
|
(_checked && getColorStyle(TrilogyColor.MAIN)) ||
|
|
84
89
|
getColorStyle(TrilogyColor.MAIN_FADE),
|
|
85
90
|
borderRadius: 6,
|
|
86
|
-
backgroundColor: disabled
|
|
91
|
+
backgroundColor: disabled
|
|
92
|
+
? getColorStyle(TrilogyColor.DISABLED_FADE)
|
|
93
|
+
: "transparent",
|
|
87
94
|
},
|
|
88
95
|
});
|
|
89
96
|
var handleClick = function () {
|
|
@@ -92,68 +99,74 @@ var Checkbox = React.forwardRef(function (_a, ref) {
|
|
|
92
99
|
if (onClick) {
|
|
93
100
|
onClick({
|
|
94
101
|
checkboxId: id,
|
|
95
|
-
checkboxValue:
|
|
96
|
-
checkboxName: name ||
|
|
102
|
+
checkboxValue: "",
|
|
103
|
+
checkboxName: name || "",
|
|
97
104
|
checkboxChecked: !_checked,
|
|
98
105
|
});
|
|
99
106
|
}
|
|
100
107
|
if (onChange) {
|
|
101
108
|
onChange({
|
|
102
109
|
checkboxId: id,
|
|
103
|
-
checkboxValue:
|
|
104
|
-
checkboxName: name ||
|
|
110
|
+
checkboxValue: "",
|
|
111
|
+
checkboxName: name || "",
|
|
105
112
|
checkboxChecked: !_checked,
|
|
106
113
|
});
|
|
107
114
|
}
|
|
108
115
|
}
|
|
109
116
|
};
|
|
110
117
|
if (horizontalTile) {
|
|
111
|
-
return (React.createElement(TouchableOpacity, {
|
|
112
|
-
React.createElement(View, { style: { flexDirection:
|
|
118
|
+
return (React.createElement(TouchableOpacity, { testID: testId, disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(); } },
|
|
119
|
+
React.createElement(View, { style: { flexDirection: "row" } },
|
|
113
120
|
React.createElement(View, { style: {
|
|
114
|
-
width:
|
|
115
|
-
height:
|
|
116
|
-
justifyContent:
|
|
117
|
-
alignItems:
|
|
121
|
+
width: "10%",
|
|
122
|
+
height: "auto",
|
|
123
|
+
justifyContent: "center",
|
|
124
|
+
alignItems: "center",
|
|
118
125
|
marginLeft: 10,
|
|
119
126
|
} }, iconTile && (React.createElement(View, null,
|
|
120
127
|
React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
121
128
|
React.createElement(View, { style: {
|
|
122
|
-
width:
|
|
123
|
-
flexDirection:
|
|
124
|
-
alignSelf:
|
|
125
|
-
flexWrap:
|
|
126
|
-
height:
|
|
129
|
+
width: "78%",
|
|
130
|
+
flexDirection: "row",
|
|
131
|
+
alignSelf: "stretch",
|
|
132
|
+
flexWrap: "wrap",
|
|
133
|
+
height: "auto",
|
|
127
134
|
} },
|
|
128
135
|
React.createElement(View, null,
|
|
129
|
-
label && typeof label.valueOf() ===
|
|
130
|
-
description && typeof description.valueOf() ===
|
|
136
|
+
label && typeof label.valueOf() === "string" && (React.createElement(Text, { style: styles.label, level: TextLevels.TWO, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
137
|
+
description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))),
|
|
131
138
|
React.createElement(View, { style: {
|
|
132
|
-
width:
|
|
133
|
-
alignItems:
|
|
134
|
-
justifyContent:
|
|
139
|
+
width: "12%",
|
|
140
|
+
alignItems: "flex-end",
|
|
141
|
+
justifyContent: "center",
|
|
135
142
|
paddingRight: 10,
|
|
136
143
|
} },
|
|
137
|
-
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))))));
|
|
144
|
+
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })))))));
|
|
138
145
|
}
|
|
139
146
|
if (tile) {
|
|
140
|
-
return (React.createElement(TouchableOpacity, {
|
|
141
|
-
React.createElement(TouchableOpacity, { style: [{ alignSelf:
|
|
142
|
-
React.createElement(View, { style: { width:
|
|
147
|
+
return (React.createElement(TouchableOpacity, { testID: testId, disabled: disabled, style: horizontalTile ? styles.horizontalTile : styles.tile, onPress: function () { return handleClick(); } },
|
|
148
|
+
React.createElement(TouchableOpacity, { style: [{ alignSelf: "flex-end", marginTop: 10 }, styles.checkBox], disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))),
|
|
149
|
+
React.createElement(View, { style: { width: "70%" } },
|
|
143
150
|
iconTile && (React.createElement(View, { style: {
|
|
144
|
-
flexDirection:
|
|
145
|
-
alignItems:
|
|
146
|
-
justifyContent:
|
|
151
|
+
flexDirection: "row",
|
|
152
|
+
alignItems: "center",
|
|
153
|
+
justifyContent: "center",
|
|
147
154
|
marginBottom: 5,
|
|
148
155
|
} },
|
|
149
156
|
React.createElement(Icon, { size: IconSize.MEDIUM, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN, name: iconTile }))),
|
|
150
|
-
label && typeof label.valueOf() ===
|
|
151
|
-
|
|
157
|
+
label && typeof label.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.TWO, typo: [
|
|
158
|
+
TypographyBold.TEXT_WEIGHT_SEMIBOLD,
|
|
159
|
+
TypographyAlign.TEXT_CENTERED,
|
|
160
|
+
], style: styles.label }, String(label))),
|
|
161
|
+
description && typeof description.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.THREE, typo: [
|
|
162
|
+
TypographyBold.TEXT_WEIGHT_SEMIBOLD,
|
|
163
|
+
TypographyAlign.TEXT_CENTERED,
|
|
164
|
+
] }, String(description))))));
|
|
152
165
|
}
|
|
153
|
-
return (React.createElement(TouchableOpacity, {
|
|
154
|
-
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK })),
|
|
155
|
-
label && typeof label.valueOf() ===
|
|
156
|
-
}
|
|
166
|
+
return (React.createElement(TouchableOpacity, { testID: testId, disabled: disabled, style: styles.container, onPress: function () { return handleClick(); } },
|
|
167
|
+
React.createElement(TouchableOpacity, { style: styles.checkBox, disabled: disabled, testID: id, onPressIn: function () { return handleClick(); } }, _checked && (React.createElement(Icon, { size: IconSize.SMALLER, color: TrilogyColor.BACKGROUND, name: IconName.CHECK }))),
|
|
168
|
+
label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label }, String(label))) : (label)));
|
|
169
|
+
};
|
|
157
170
|
Checkbox.displayName = ComponentName.Checkbox;
|
|
158
171
|
export default Checkbox;
|
|
159
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
172
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3gubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGVja2JveC9DaGVja2JveC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFFekQsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBQzdCLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWNnQjtRQWJkLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9C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
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
|
|
3
|
-
import { Accessibility } from '../../objects
|
|
4
|
-
import { Dev } from '../../objects/facets/Dev';
|
|
3
|
+
import { Accessibility, Dev } from '../../objects';
|
|
5
4
|
export interface CheckboxChangeEvent {
|
|
6
5
|
checkboxId: string;
|
|
7
6
|
checkboxValue: string;
|
|
8
7
|
checkboxName: string;
|
|
9
8
|
checkboxChecked: boolean;
|
|
10
9
|
}
|
|
11
|
-
|
|
10
|
+
type CheckboxChangeEventHandler = (event: {
|
|
12
11
|
checkboxValue: string;
|
|
13
12
|
checkboxName: string;
|
|
14
13
|
checkboxChecked: boolean;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import Checkbox from './Checkbox';
|
|
2
|
+
export { Checkbox };
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import Checkbox from './Checkbox';
|
|
2
|
+
export { Checkbox };
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { ChipsProps } from
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ChipsProps } from "./ChipsProps";
|
|
3
3
|
/**
|
|
4
4
|
* Chips Component - has to be in a ChipsList component
|
|
5
5
|
* @param children {string} Chips content
|
|
@@ -12,5 +12,5 @@ import { ChipsProps } from '../../components/chips/ChipsProps';
|
|
|
12
12
|
* @param testId {string} Test Id for Test Integration
|
|
13
13
|
* @param others
|
|
14
14
|
*/
|
|
15
|
-
declare const Chips:
|
|
15
|
+
declare const Chips: ({ className, onClick, children, active, disabled, id, testId, ...others }: ChipsProps) => JSX.Element;
|
|
16
16
|
export default Chips;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { hashClass } from
|
|
6
|
-
import {
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { is } from "../../services";
|
|
4
|
+
import clsx from "clsx";
|
|
5
|
+
import { hashClass } from "../../helpers";
|
|
6
|
+
import { useTrilogyContext } from "../../context";
|
|
7
7
|
/**
|
|
8
8
|
* Chips Component - has to be in a ChipsList component
|
|
9
9
|
* @param children {string} Chips content
|
|
@@ -16,11 +16,13 @@ import { is } from '../../services/classify';
|
|
|
16
16
|
* @param testId {string} Test Id for Test Integration
|
|
17
17
|
* @param others
|
|
18
18
|
*/
|
|
19
|
-
var Chips =
|
|
19
|
+
var Chips = function (_a) {
|
|
20
20
|
var className = _a.className, onClick = _a.onClick, children = _a.children, active = _a.active, disabled = _a.disabled, id = _a.id, testId = _a.testId, others = __rest(_a, ["className", "onClick", "children", "active", "disabled", "id", "testId"]);
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
})
|
|
24
|
-
|
|
21
|
+
var styled = useTrilogyContext().styled;
|
|
22
|
+
var classes = hashClass(styled, clsx("chips", active && is("active"), className));
|
|
23
|
+
return (React.createElement("button", __assign({}, { disabled: disabled }, { "aria-disabled": disabled, "data-testid": testId, id: id, "aria-pressed": !!active, className: classes, onClick: function (e) {
|
|
24
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
25
|
+
} }, others), children));
|
|
26
|
+
};
|
|
25
27
|
export default Chips;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL0NoaXBzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVNGO0lBUlgsSUFBQSxTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBUkksMEVBU2QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCwyQ0FDTSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUscUJBQ1gsUUFBUSxpQkFDVixNQUFNLEVBQ25CLEVBQUUsRUFBRSxFQUFFLGtCQUNRLENBQUMsQ0FBQyxNQUFNLEVBQ3RCLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7UUFDZCxDQUFDLElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ChipsProps } from "./ChipsProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Chips Component - has to be in a ChipsList component
|
|
6
6
|
* @param children {string} Chips content
|
|
@@ -9,5 +9,8 @@ import { ChipsProps } from '../../components/chips/ChipsProps';
|
|
|
9
9
|
* @param active {boolean} active Render Chips Active
|
|
10
10
|
* @param disabled {boolean} Disabled chips
|
|
11
11
|
*/
|
|
12
|
-
declare const Chips:
|
|
12
|
+
declare const Chips: {
|
|
13
|
+
({ children, onClick, disabled, active, ...others }: ChipsProps): JSX.Element;
|
|
14
|
+
displayName: ComponentName;
|
|
15
|
+
};
|
|
13
16
|
export default Chips;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useContext, useEffect, useState } from
|
|
3
|
-
import { StyleSheet, TouchableOpacity } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { Icon, IconColor, IconName, IconSize } from
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import React, { useContext, useEffect, useState } from "react";
|
|
3
|
+
import { StyleSheet, TouchableOpacity, } from "react-native";
|
|
4
|
+
import { Text, TextLevels } from "../../components/text";
|
|
5
|
+
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
|
+
import { Icon, IconColor, IconName, IconSize } from "../icon";
|
|
7
|
+
import { ChipsContext } from "./list/ChipsList.native";
|
|
8
|
+
import { Spacer, SpacerSize } from "../../components/spacer";
|
|
9
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
10
10
|
/**
|
|
11
11
|
* Chips Component - has to be in a ChipsList component
|
|
12
12
|
* @param children {string} Chips content
|
|
@@ -15,7 +15,7 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
15
15
|
* @param active {boolean} active Render Chips Active
|
|
16
16
|
* @param disabled {boolean} Disabled chips
|
|
17
17
|
*/
|
|
18
|
-
var Chips =
|
|
18
|
+
var Chips = function (_a) {
|
|
19
19
|
var children = _a.children, onClick = _a.onClick, disabled = _a.disabled, active = _a.active, others = __rest(_a, ["children", "onClick", "disabled", "active"]);
|
|
20
20
|
var _b = __read(useState(active || false), 2), activeItem = _b[0], setActiveItem = _b[1];
|
|
21
21
|
var chipsContext = useContext(ChipsContext);
|
|
@@ -35,17 +35,17 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
35
35
|
margin: 6,
|
|
36
36
|
borderColor: active ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.NEUTRAL),
|
|
37
37
|
borderWidth: 1,
|
|
38
|
-
flexDirection:
|
|
38
|
+
flexDirection: "row",
|
|
39
39
|
},
|
|
40
40
|
text: {
|
|
41
|
-
alignSelf:
|
|
41
|
+
alignSelf: "center",
|
|
42
42
|
color: (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
43
43
|
(active && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
44
44
|
getColorStyle(TrilogyColor.MAIN),
|
|
45
45
|
paddingTop: 1,
|
|
46
|
-
}
|
|
46
|
+
}
|
|
47
47
|
});
|
|
48
|
-
return (React.createElement(TouchableOpacity, __assign({
|
|
48
|
+
return (React.createElement(TouchableOpacity, __assign({ disabled: disabled, style: styles.chips, onPress: function (e) {
|
|
49
49
|
setActiveItem(active || false);
|
|
50
50
|
if (onClick) {
|
|
51
51
|
onClick(e);
|
|
@@ -55,7 +55,7 @@ var Chips = React.forwardRef(function (_a, ref) {
|
|
|
55
55
|
React.createElement(Icon, { size: IconSize.SMALLER, color: IconColor.WHITE, name: IconName.CHECK }),
|
|
56
56
|
React.createElement(Spacer, { horizontal: true, size: SpacerSize.ONE }))),
|
|
57
57
|
React.createElement(Text, { level: TextLevels.TWO, style: styles.text }, children)));
|
|
58
|
-
}
|
|
58
|
+
};
|
|
59
59
|
Chips.displayName = ComponentName.Chips;
|
|
60
60
|
export default Chips;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcHMubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jaGlwcy9DaGlwcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBeUIsVUFBVSxFQUFFLGdCQUFnQixHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRW5GLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBRUgsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQU1hO0lBTFgsSUFBQSxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTFgsNkNBTUMsQ0FEVTtJQUVsQixJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQXNDLENBQUE7SUFDdEUsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFBO0lBRTdDLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxNQUFNLElBQUksS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQTtJQUVaLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUNiLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUM7Z0JBQ3RELENBQUMsVUFBVSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2hELGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ3hDLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFdBQVcsRUFBRSxFQUFFO1lBQ2YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsVUFBVSxFQUFFLENBQUM7WUFDYixhQUFhLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQzVGLFdBQVcsRUFBRSxDQUFDO1lBQ2QsYUFBYSxFQUFFLEtBQUs7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixTQUFTLEVBQUUsUUFBUTtZQUNuQixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxNQUFNLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDbEQsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbEMsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBeUI7WUFDakMsYUFBYSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtZQUM5QixJQUFJLE9BQU8sRUFBRTtnQkFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7YUFDWDtRQUNILENBQUMsSUFDRyxNQUFNO1FBRVQsWUFBWSxDQUFDLFVBQVUsSUFBSSxNQUFNLElBQUksQ0FDcEM7WUFDRSxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQ3RCLEtBQUssRUFBRSxTQUFTLENBQUMsS0FBSyxFQUN0QixJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEI7WUFDRixvQkFBQyxNQUFNLElBQUMsVUFBVSxRQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxHQUFHLENBQ3pDLENBQ0o7UUFDRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzVDLFFBQVEsQ0FDSixDQUNVLENBQ3BCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
3
|
-
import { Accessibility } from '../../objects
|
|
4
|
-
import { Clickable } from '../../objects/facets/Clickable';
|
|
5
|
-
import { Dev } from '../../objects/facets/Dev';
|
|
3
|
+
import { Accessibility, Clickable, Dev } from '../../objects';
|
|
6
4
|
/**
|
|
7
5
|
* Chips Interface
|
|
8
6
|
*/
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import Chips from './Chips';
|
|
2
|
+
import ChipsList from './list/ChipsList';
|
|
3
|
+
export { Chips, ChipsList };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import Chips from './Chips';
|
|
2
|
+
import ChipsList from './list/ChipsList';
|
|
3
|
+
export { Chips, ChipsList };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoaXBzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ChipsListProps } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ChipsListProps } from "./ChipsListProps";
|
|
3
3
|
/**
|
|
4
4
|
* ChipsList Component - Container for Chips
|
|
5
5
|
* @param children {React.ReactNode}
|