@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,12 +1,12 @@
|
|
|
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 {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { StyleSheet, TouchableOpacity } from "react-native";
|
|
4
|
+
import shortid from "shortid";
|
|
5
|
+
import { getColorStyle, TrilogyColor, TypographyAlign, TypographyBold, } from "../../objects";
|
|
6
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
7
|
+
import { Text, TextLevels } from "../../components/text";
|
|
8
|
+
import { View } from "../../components/view";
|
|
9
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
10
10
|
/**
|
|
11
11
|
* Radio Component
|
|
12
12
|
* @param checked {boolean} Checked Radio
|
|
@@ -25,8 +25,8 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
25
25
|
* @param description {string} Description for Radio tile
|
|
26
26
|
* @param horizontalTile {boolean} display horizontal Radio tile
|
|
27
27
|
*/
|
|
28
|
-
var Radio =
|
|
29
|
-
var _b = _a.id, id = _b === void 0 ?
|
|
28
|
+
var Radio = 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, value = _a.value, horizontalTile = _a.horizontalTile, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, children = _a.children, narrow = _a.narrow;
|
|
30
30
|
var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
|
|
31
31
|
var getRadioInsideColor = function (isDisabled, isMain) {
|
|
32
32
|
if (isDisabled)
|
|
@@ -40,13 +40,13 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
40
40
|
}, [checked]);
|
|
41
41
|
var styles = StyleSheet.create({
|
|
42
42
|
container: {
|
|
43
|
-
flexDirection:
|
|
43
|
+
flexDirection: "row",
|
|
44
44
|
paddingBottom: 5,
|
|
45
|
-
justifyContent:
|
|
45
|
+
justifyContent: "flex-start",
|
|
46
46
|
},
|
|
47
47
|
radio: {
|
|
48
|
-
flexDirection:
|
|
49
|
-
alignItems:
|
|
48
|
+
flexDirection: "row",
|
|
49
|
+
alignItems: "center",
|
|
50
50
|
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
51
51
|
borderWidth: 0.6,
|
|
52
52
|
width: 19,
|
|
@@ -56,7 +56,7 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
56
56
|
marginLeft: 0,
|
|
57
57
|
},
|
|
58
58
|
icon: {
|
|
59
|
-
position:
|
|
59
|
+
position: "absolute",
|
|
60
60
|
left: 2,
|
|
61
61
|
borderRadius: 30,
|
|
62
62
|
width: 14,
|
|
@@ -76,23 +76,27 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
76
76
|
borderWidth: (_checked && 2) || 1,
|
|
77
77
|
borderColor: getRadioInsideColor(!!disabled, _checked),
|
|
78
78
|
borderRadius: 6,
|
|
79
|
-
textAlign:
|
|
80
|
-
alignItems:
|
|
81
|
-
backgroundColor: disabled
|
|
79
|
+
textAlign: "center",
|
|
80
|
+
alignItems: "center",
|
|
81
|
+
backgroundColor: disabled
|
|
82
|
+
? getColorStyle(TrilogyColor.DISABLED_FADE)
|
|
83
|
+
: "transparent",
|
|
82
84
|
},
|
|
83
85
|
tileDescription: {
|
|
84
86
|
color: getRadioInsideColor(!!disabled, true),
|
|
85
|
-
alignSelf: horizontalTile ?
|
|
87
|
+
alignSelf: horizontalTile ? "flex-start" : "center",
|
|
86
88
|
},
|
|
87
89
|
horizontalTile: {
|
|
88
90
|
paddingVertical: _checked ? 15 : 16,
|
|
89
91
|
paddingHorizontal: _checked ? 5 : 6,
|
|
90
|
-
width: narrow ?
|
|
91
|
-
height:
|
|
92
|
+
width: narrow ? "auto" : "100%",
|
|
93
|
+
height: "auto",
|
|
92
94
|
borderWidth: (_checked && 2) || 1,
|
|
93
95
|
borderColor: getRadioInsideColor(!!disabled, _checked),
|
|
94
96
|
borderRadius: 6,
|
|
95
|
-
backgroundColor: disabled
|
|
97
|
+
backgroundColor: disabled
|
|
98
|
+
? getColorStyle(TrilogyColor.DISABLED_FADE)
|
|
99
|
+
: "transparent",
|
|
96
100
|
},
|
|
97
101
|
});
|
|
98
102
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -103,7 +107,7 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
103
107
|
onClick({
|
|
104
108
|
radioId: id,
|
|
105
109
|
radioValue: value,
|
|
106
|
-
radioName: name ||
|
|
110
|
+
radioName: name || "",
|
|
107
111
|
radioChecked: !_checked,
|
|
108
112
|
});
|
|
109
113
|
}
|
|
@@ -111,67 +115,73 @@ var Radio = React.forwardRef(function (_a, ref) {
|
|
|
111
115
|
onChange({
|
|
112
116
|
radioId: id,
|
|
113
117
|
radioValue: value,
|
|
114
|
-
radioName: name ||
|
|
118
|
+
radioName: name || "",
|
|
115
119
|
radioChecked: !_checked,
|
|
116
120
|
});
|
|
117
121
|
}
|
|
118
122
|
}
|
|
119
123
|
};
|
|
120
124
|
if (horizontalTile) {
|
|
121
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(value || false); }
|
|
122
|
-
React.createElement(View, { style: { flexDirection:
|
|
125
|
+
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.horizontalTile, onPress: function () { return handleClick(value || false); } },
|
|
126
|
+
React.createElement(View, { style: { flexDirection: "row" } },
|
|
123
127
|
children ? (React.createElement(View, { style: {
|
|
124
|
-
flexDirection:
|
|
125
|
-
width:
|
|
126
|
-
height:
|
|
127
|
-
justifyContent:
|
|
128
|
-
alignItems:
|
|
128
|
+
flexDirection: "row",
|
|
129
|
+
width: "88%",
|
|
130
|
+
height: "auto",
|
|
131
|
+
justifyContent: "flex-start",
|
|
132
|
+
alignItems: "center",
|
|
129
133
|
marginLeft: 10,
|
|
130
134
|
} }, children)) : (React.createElement(React.Fragment, null,
|
|
131
135
|
React.createElement(View, { style: {
|
|
132
|
-
width: iconTile ?
|
|
133
|
-
height:
|
|
134
|
-
justifyContent:
|
|
135
|
-
alignItems:
|
|
136
|
+
width: iconTile ? "12%" : "6%",
|
|
137
|
+
height: "auto",
|
|
138
|
+
justifyContent: "center",
|
|
139
|
+
alignItems: "center",
|
|
136
140
|
marginLeft: 10,
|
|
137
141
|
} }, iconTile && (React.createElement(View, null,
|
|
138
142
|
React.createElement(Icon, { size: IconSize.SMALL, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
|
|
139
143
|
React.createElement(View, { style: {
|
|
140
|
-
width: iconTile ?
|
|
141
|
-
flexDirection:
|
|
142
|
-
alignSelf:
|
|
143
|
-
flexWrap:
|
|
144
|
-
height:
|
|
144
|
+
width: iconTile ? "76%" : "82%",
|
|
145
|
+
flexDirection: "row",
|
|
146
|
+
alignSelf: "stretch",
|
|
147
|
+
flexWrap: "wrap",
|
|
148
|
+
height: "auto",
|
|
145
149
|
} },
|
|
146
150
|
React.createElement(View, null,
|
|
147
|
-
label && typeof label.valueOf() ===
|
|
148
|
-
description && typeof description.valueOf() ===
|
|
151
|
+
label && typeof label.valueOf() === "string" && (React.createElement(Text, { style: styles.label, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, String(label))),
|
|
152
|
+
description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.tileDescription }, String(description))) : (description))))),
|
|
149
153
|
React.createElement(View, { style: {
|
|
150
|
-
width:
|
|
151
|
-
alignItems:
|
|
152
|
-
justifyContent:
|
|
154
|
+
width: "10%",
|
|
155
|
+
alignItems: "flex-end",
|
|
156
|
+
justifyContent: "center",
|
|
153
157
|
paddingRight: 10,
|
|
154
158
|
} },
|
|
155
159
|
React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon }))))));
|
|
156
160
|
}
|
|
157
161
|
if (tile) {
|
|
158
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: function () { return handleClick(value || false); }
|
|
159
|
-
React.createElement(TouchableOpacity, { style: [{ alignSelf:
|
|
160
|
-
React.createElement(View, { style: { width:
|
|
162
|
+
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.tile, onPress: function () { return handleClick(value || false); } },
|
|
163
|
+
React.createElement(TouchableOpacity, { style: [{ alignSelf: "flex-end", marginTop: 10 }, styles.radio], disabled: disabled, testID: id, onPressIn: function () { return handleClick(value || false); } }, _checked && !disabled && React.createElement(View, { style: styles.icon })),
|
|
164
|
+
React.createElement(View, { style: { width: "70%", alignItems: "center" } },
|
|
161
165
|
iconTile && (React.createElement(View, { style: {
|
|
162
|
-
flexDirection:
|
|
163
|
-
alignItems:
|
|
164
|
-
justifyContent:
|
|
166
|
+
flexDirection: "row",
|
|
167
|
+
alignItems: "center",
|
|
168
|
+
justifyContent: "center",
|
|
165
169
|
marginBottom: 5,
|
|
166
170
|
} },
|
|
167
171
|
React.createElement(Icon, { size: IconSize.MEDIUM, name: iconTile, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN }))),
|
|
168
|
-
label && typeof label.valueOf() ===
|
|
169
|
-
|
|
172
|
+
label && typeof label.valueOf() === "string" && (React.createElement(Text, { level: TextLevels.TWO, typo: [
|
|
173
|
+
TypographyBold.TEXT_WEIGHT_SEMIBOLD,
|
|
174
|
+
TypographyAlign.TEXT_CENTERED,
|
|
175
|
+
], style: styles.label }, String(label))),
|
|
176
|
+
description && typeof description.valueOf() === "string" ? (React.createElement(Text, { level: TextLevels.THREE, typo: [
|
|
177
|
+
TypographyBold.TEXT_WEIGHT_SEMIBOLD,
|
|
178
|
+
TypographyAlign.TEXT_CENTERED,
|
|
179
|
+
] }, String(description))) : (description))));
|
|
170
180
|
}
|
|
171
|
-
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value || false); }
|
|
181
|
+
return (React.createElement(TouchableOpacity, { disabled: disabled, style: styles.container, onPress: function () { return handleClick(value || false); } },
|
|
172
182
|
React.createElement(TouchableOpacity, { style: styles.radio, disabled: disabled, testID: id, onPress: function () { return handleClick(value || false); } }, _checked && React.createElement(View, { style: styles.icon })),
|
|
173
|
-
label && typeof label.valueOf() ===
|
|
174
|
-
}
|
|
183
|
+
label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label }, String(label))) : (label)));
|
|
184
|
+
};
|
|
175
185
|
Radio.displayName = ComponentName.Radio;
|
|
176
186
|
export default Radio;
|
|
177
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
187
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGNBQWMsR0FBRyxNQUFNLFdBQVcsQ0FBQTtBQUN6RixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBZ0JhO1FBZlgsVUFBdUIsRUFBdkIsRUFBRSxtQkFBRyxPQUFPLENBQUMsUUFBUSxFQUFFLEtBQUEsRUFDdkIsT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsY0FBYyxvQkFBQSxFQUNkLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFZixJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9B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
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IconName, IconNameValues } from '../../components/icon
|
|
3
|
-
import { Accessibility } from '../../objects
|
|
4
|
-
|
|
5
|
-
export type RadioChangeEventHandler = (event: {
|
|
2
|
+
import { IconName, IconNameValues } from '../../components/icon';
|
|
3
|
+
import { Accessibility, Dev } from '../../objects';
|
|
4
|
+
type RadioChangeEventHandler = (event: {
|
|
6
5
|
radioChecked: boolean;
|
|
7
6
|
radioId: string | undefined;
|
|
8
7
|
radioName: string;
|
|
9
8
|
radioValue: string;
|
|
10
9
|
}) => void;
|
|
11
|
-
|
|
10
|
+
type RadioClickEventHandler = (event: {
|
|
12
11
|
radioChecked: boolean;
|
|
13
12
|
radioId: string | undefined;
|
|
14
13
|
radioName: string;
|
|
@@ -36,3 +35,4 @@ export interface RadioProps extends Accessibility, Dev {
|
|
|
36
35
|
narrow?: boolean;
|
|
37
36
|
marginless?: boolean;
|
|
38
37
|
}
|
|
38
|
+
export {};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { RadioList } from './list';
|
|
2
|
+
import Radio from './Radio';
|
|
3
|
+
export { Radio, RadioList };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { RadioList } from './list';
|
|
2
|
+
import Radio from './Radio';
|
|
3
|
+
export { Radio, RadioList };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxRQUFRLENBQUE7QUFDbEMsT0FBTyxLQUFLLE1BQU0sU0FBUyxDQUFBO0FBRTNCLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { RadioListWebProps } from
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RadioListWebProps } from "./RadioListProps";
|
|
3
3
|
/**
|
|
4
4
|
* Radio List Component
|
|
5
5
|
* @param children {ReactNode} RadioList children
|
|
@@ -9,5 +9,5 @@ import { RadioListWebProps } from '../../../components/radio/list/RadioListProps
|
|
|
9
9
|
* @param vertical {boolean} Verical radios
|
|
10
10
|
* @param isMobile {boolean} espect mobile screen
|
|
11
11
|
*/
|
|
12
|
-
declare const RadioList:
|
|
12
|
+
declare const RadioList: ({ className, centered, isMobile, vertical, ...others }: RadioListWebProps) => JSX.Element;
|
|
13
13
|
export default RadioList;
|
|
@@ -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 * as React from "react";
|
|
3
|
+
import { has, is } from "../../../services";
|
|
4
|
+
import clsx from "clsx";
|
|
5
|
+
import { hashClass } from "../../../helpers";
|
|
6
|
+
import { useTrilogyContext } from "../../../context";
|
|
7
7
|
/**
|
|
8
8
|
* Radio List Component
|
|
9
9
|
* @param children {ReactNode} RadioList children
|
|
@@ -13,10 +13,10 @@ import { has, is } from '../../../services/classify';
|
|
|
13
13
|
* @param vertical {boolean} Verical radios
|
|
14
14
|
* @param isMobile {boolean} espect mobile screen
|
|
15
15
|
*/
|
|
16
|
-
var RadioList =
|
|
16
|
+
var RadioList = function (_a) {
|
|
17
17
|
var className = _a.className, centered = _a.centered, isMobile = _a.isMobile, vertical = _a.vertical, others = __rest(_a, ["className", "centered", "isMobile", "vertical"]);
|
|
18
|
-
|
|
19
|
-
});
|
|
20
|
-
|
|
18
|
+
var styled = useTrilogyContext().styled;
|
|
19
|
+
return (React.createElement("div", __assign({ className: hashClass(styled, clsx("radios", className, centered && has("text-centered"), isMobile && is("mobile"), vertical && is("vertical"))) }, others)));
|
|
20
|
+
};
|
|
21
21
|
export default RadioList;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFNQztJQUxsQixJQUFBLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FMUSxpREFNbEIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUNGLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxJQUFJLEdBQUcsQ0FBQyxlQUFlLENBQUMsRUFDaEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDeEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FDM0IsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import type { RadioListProps } from "./RadioListProps";
|
|
3
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* RadioList Native Component
|
|
6
6
|
* @param children {ReactNode} RadioList children
|
|
7
7
|
* @param autolayout {boolean} Apply auto-layout rules
|
|
8
8
|
*/
|
|
9
9
|
declare const RadioList: {
|
|
10
|
-
({ autolayout, children }: RadioListProps): JSX.Element;
|
|
10
|
+
({ autolayout, children, }: RadioListProps): JSX.Element;
|
|
11
11
|
displayName: ComponentName;
|
|
12
12
|
};
|
|
13
13
|
export default RadioList;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import React from
|
|
3
|
-
import { AutoLayoutWrapper } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { AutoLayoutWrapper } from "../../../components/autolayout";
|
|
4
|
+
import { SpacerSize } from "../../../components/spacer";
|
|
5
|
+
import { SpacingMatrixMode } from "../../../components/autolayout/SpacingMatrix";
|
|
6
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
7
7
|
var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
|
|
8
8
|
var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
|
|
9
9
|
var SPACING_MATRIX = [
|
|
10
|
-
[INSERT_SPACE_BETWEEN,
|
|
11
|
-
[INSERT_SPACE_BETWEEN,
|
|
12
|
-
[INSERT_SPACE_BETWEEN,
|
|
10
|
+
[INSERT_SPACE_BETWEEN, "Radio", "Divider", TWO],
|
|
11
|
+
[INSERT_SPACE_BETWEEN, "Divider", "Radio", TWO],
|
|
12
|
+
[INSERT_SPACE_BETWEEN, "Radio", "Radio", THREE],
|
|
13
13
|
];
|
|
14
14
|
/**
|
|
15
15
|
* RadioList Native Component
|
|
@@ -22,4 +22,4 @@ var RadioList = function (_a) {
|
|
|
22
22
|
};
|
|
23
23
|
RadioList.displayName = ComponentName.RadioList;
|
|
24
24
|
export default RadioList;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBS3pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUV4RCxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7Q0FDaEQsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBR0Y7UUFGZixrQkFBMkIsRUFBM0IsVUFBVSxtQkFBRyxjQUFjLEtBQUEsRUFDM0IsUUFBUSxjQUFBO0lBRVIsT0FBTyxvQkFBQyxpQkFBaUIsZUFBSyxFQUFFLFVBQVUsWUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLEVBQUksQ0FBQTtBQUM1RCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import type { Centerable, Layout } from '../../../objects';
|
|
2
3
|
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
3
4
|
import type { RadioProps } from '../../../components/radio/RadioProps';
|
|
4
|
-
import type { Centerable } from '../../../objects/facets/Centerable';
|
|
5
|
-
import type { Layout } from '../../../objects/facets/Layout';
|
|
6
5
|
type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | undefined;
|
|
7
6
|
/**
|
|
8
7
|
* Radio List Interface
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import RadioList from './RadioList';
|
|
2
|
+
export { RadioList };
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import RadioList from './RadioList';
|
|
2
|
+
export { RadioList };
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sYUFBYSxDQUFBO0FBRW5DLE9BQU8sRUFBRSxTQUFTLEVBQUUsQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { RangeProps } from '
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RangeProps } from './RangeProps';
|
|
3
3
|
/**
|
|
4
4
|
* Range Component
|
|
5
5
|
* - -------------------------- MOBILE PROPERTIES -------------------------------
|
|
@@ -21,5 +21,5 @@ import { RangeProps } from '../../components/range/RangeProps';
|
|
|
21
21
|
* @param onChangeMax {function} on change max cursor
|
|
22
22
|
* @param testId {string} Test Id for Test Integration
|
|
23
23
|
*/
|
|
24
|
-
declare const Range:
|
|
24
|
+
declare const Range: ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCursorMin, labelValueCursorMax, onChangeMin, onChangeMax, nameMin, idMin, nameMax, idMax, testId, gap, }: RangeProps) => JSX.Element;
|
|
25
25
|
export default Range;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import { useTrilogyContext } from '../../context';
|
|
3
|
+
import { hashClass } from '../../helpers';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects';
|
|
1
5
|
import clsx from 'clsx';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
|
-
import { useRange } from '../../components/range/hook/useRange';
|
|
5
|
-
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
6
|
+
import * as React from 'react';
|
|
6
7
|
/**
|
|
7
8
|
* Range Component
|
|
8
9
|
* - -------------------------- MOBILE PROPERTIES -------------------------------
|
|
@@ -24,27 +25,65 @@ import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
|
24
25
|
* @param onChangeMax {function} on change max cursor
|
|
25
26
|
* @param testId {string} Test Id for Test Integration
|
|
26
27
|
*/
|
|
27
|
-
var Range =
|
|
28
|
+
var Range = function (_a) {
|
|
28
29
|
var min = _a.min, max = _a.max, label = _a.label, valueCursorMin = _a.valueCursorMin, valueCursorMax = _a.valueCursorMax, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, nameMin = _a.nameMin, idMin = _a.idMin, nameMax = _a.nameMax, idMax = _a.idMax, testId = _a.testId, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
30
|
+
var styled = useTrilogyContext().styled;
|
|
31
|
+
var _c = __read(React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
|
|
32
|
+
var _d = __read(React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
|
|
33
|
+
var refTrack = React.useRef(null);
|
|
34
|
+
React.useEffect(function () {
|
|
35
|
+
if (refTrack.current) {
|
|
36
|
+
var track = refTrack.current;
|
|
37
|
+
track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.NEUTRAL_FADE), " ").concat((cursorMax / max) * 100, "%) ");
|
|
38
|
+
}
|
|
39
|
+
}, [cursorMin, cursorMax, refTrack]);
|
|
40
|
+
React.useEffect(function () {
|
|
41
|
+
setCursorMin(valueCursorMin || 0);
|
|
42
|
+
}, [valueCursorMin]);
|
|
43
|
+
React.useEffect(function () {
|
|
44
|
+
setCursorMax(valueCursorMax || max);
|
|
45
|
+
}, [valueCursorMax, max]);
|
|
46
|
+
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
47
|
+
if (Number(e.target.value) < cursorMax - gap)
|
|
48
|
+
setCursorMin(Number(e.target.value));
|
|
49
|
+
}, [cursorMax, cursorMin]);
|
|
50
|
+
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
51
|
+
if (Number(e.target.value) > cursorMin + gap)
|
|
52
|
+
setCursorMax(Number(e.target.value));
|
|
53
|
+
}, [cursorMax, cursorMin]);
|
|
54
|
+
var handleMouseUpMin = React.useCallback(function () {
|
|
55
|
+
if (onChangeMin) {
|
|
56
|
+
onChangeMin({
|
|
57
|
+
inputName: nameMin,
|
|
58
|
+
inputValue: cursorMin,
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
}, [onChangeMin, nameMin, cursorMin]);
|
|
62
|
+
var handleMouseUpMax = React.useCallback(function () {
|
|
63
|
+
if (onChangeMax) {
|
|
64
|
+
onChangeMax({
|
|
65
|
+
inputName: nameMax,
|
|
66
|
+
inputValue: cursorMax,
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}, [onChangeMax, nameMax, cursorMax]);
|
|
70
|
+
return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('range-container')) },
|
|
71
|
+
React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
|
|
72
|
+
React.createElement("div", { className: hashClass(styled, clsx('range')) },
|
|
73
|
+
React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
|
|
74
|
+
React.createElement("input", { "data-testid": "".concat(testId, "_min"), className: hashClass(styled, clsx('range-cursor range-cursor-min')), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, onTouchEnd: handleMouseUpMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
|
|
75
|
+
React.createElement("input", { "data-testid": "".concat(testId, "_max"), className: hashClass(styled, clsx('range-cursor range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, onTouchEnd: handleMouseUpMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
|
|
76
|
+
React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
|
|
37
77
|
React.createElement("div", null,
|
|
38
|
-
React.createElement("span", { className: hashClass(clsx('range-value-min')) }, cursorMin),
|
|
78
|
+
React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
|
|
39
79
|
labelValueCursorMin && React.createElement("span", null,
|
|
40
80
|
" ",
|
|
41
81
|
labelValueCursorMin)),
|
|
42
82
|
React.createElement("div", null,
|
|
43
|
-
React.createElement("span", { className: hashClass(clsx('range-value-max')) }, cursorMax),
|
|
83
|
+
React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
|
|
44
84
|
labelValueCursorMax && React.createElement("span", null,
|
|
45
85
|
" ",
|
|
46
86
|
labelValueCursorMax)))));
|
|
47
|
-
}
|
|
48
|
-
Range.displayName = ComponentName.Range;
|
|
87
|
+
};
|
|
49
88
|
export default Range;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFnQkY7UUFmWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxjQUFjLGFBQWQsY0FBYyxjQUFkLGNBQWMsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUF0RSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQStDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsY0FBYyxhQUFkLGNBQWMsY0FBZCxjQUFjLEdBQUksR0FBRyxDQUFDLElBQUEsRUFB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RangeProps } from "./RangeProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Range Component
|
|
6
6
|
* - -------------------------- MOBILE PROPERTIES -------------------------------
|
|
@@ -22,5 +22,8 @@ import { RangeProps } from '../../components/range/RangeProps';
|
|
|
22
22
|
* @param onChangeMax {function} on change max cursor
|
|
23
23
|
* @param testId {string} Test Id for Test Integration
|
|
24
24
|
*/
|
|
25
|
-
declare const Range:
|
|
25
|
+
declare const Range: {
|
|
26
|
+
({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }: RangeProps): JSX.Element;
|
|
27
|
+
displayName: ComponentName;
|
|
28
|
+
};
|
|
26
29
|
export default Range;
|