@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,14 +1,14 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import CircleIcon from
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import { getAlignClassName } from
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import StatusIcon from "./status/index";
|
|
5
|
+
import CircleIcon from "./circle/index";
|
|
6
|
+
import TextIcon from "./text/index";
|
|
7
|
+
import { has, is } from "../../services/classify";
|
|
8
|
+
import { getColorClassName, } from "../../objects/facets/Color";
|
|
9
|
+
import { getAlignClassName } from "../../objects/facets/Alignable";
|
|
10
|
+
import { hashClass } from "../../helpers";
|
|
11
|
+
import { useTrilogyContext } from "../../context";
|
|
12
12
|
/**
|
|
13
13
|
* Icon Component
|
|
14
14
|
* @param size Size of Icon
|
|
@@ -35,82 +35,86 @@ import { has, is } from '../../services/classify';
|
|
|
35
35
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
36
36
|
* @param style {object} Additional styles
|
|
37
37
|
*/
|
|
38
|
-
var Icon =
|
|
38
|
+
var Icon = function (_a) {
|
|
39
39
|
var className = _a.className, textClassName = _a.textClassName, size = _a.size, name = _a.name, status = _a.status, circled = _a.circled, content = _a.content, position = _a.position, markup = _a.markup, stacked = _a.stacked, badgeContent = _a.badgeContent, statusPosition = _a.statusPosition, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, verticalAlign = _a.verticalAlign, testId = _a.testId, marginless = _a.marginless, others = __rest(_a, ["className", "textClassName", "size", "name", "status", "circled", "content", "position", "markup", "stacked", "badgeContent", "statusPosition", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "verticalAlign", "testId", "marginless"]);
|
|
40
|
-
var
|
|
40
|
+
var styled = useTrilogyContext().styled;
|
|
41
|
+
var classes = hashClass(styled, clsx("icon", stretched && is("stretched"), size && is(size), stacked && is("stacked"), color &&
|
|
42
|
+
is("".concat(getColorClassName(color))), skeleton && is("loading"), badgeContent && is("stacked"), marginless && is("marginless"), className));
|
|
41
43
|
// TextIcon uses className instead of classes, verticalAlignment only affect TextIcon
|
|
42
44
|
className = clsx(content && verticalAlign && is("".concat(getAlignClassName(verticalAlign))), className);
|
|
43
|
-
var alignClasses = hashClass(clsx((align &&
|
|
44
|
-
|
|
45
|
-
|
|
45
|
+
var alignClasses = hashClass(styled, clsx((align &&
|
|
46
|
+
getAlignClassName(align) === "aligned-start" &&
|
|
47
|
+
has("text-left")) ||
|
|
48
|
+
(getAlignClassName(align) === "aligned-center" &&
|
|
49
|
+
has("text-centered")) ||
|
|
50
|
+
(getAlignClassName(align) === "aligned-end" && has("text-right"))));
|
|
46
51
|
// circled icons
|
|
47
52
|
if (circled || (circled && status)) {
|
|
48
53
|
if (align) {
|
|
49
|
-
return (React.createElement("div", { className: alignClasses
|
|
50
|
-
React.createElement(CircleIcon, __assign({
|
|
54
|
+
return (React.createElement("div", { className: alignClasses },
|
|
55
|
+
React.createElement(CircleIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor }, others))));
|
|
51
56
|
}
|
|
52
|
-
return (React.createElement(CircleIcon, __assign({
|
|
57
|
+
return (React.createElement(CircleIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, status: status, size: size, color: color, backgroundColor: backgroundColor }, others)));
|
|
53
58
|
}
|
|
54
59
|
// status icons
|
|
55
60
|
if (status) {
|
|
56
61
|
if (align) {
|
|
57
|
-
return (React.createElement("div", { className: alignClasses
|
|
58
|
-
React.createElement(StatusIcon, __assign({
|
|
62
|
+
return (React.createElement("div", { className: alignClasses },
|
|
63
|
+
React.createElement(StatusIcon, __assign({ testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status }, others))));
|
|
59
64
|
}
|
|
60
|
-
return (React.createElement(StatusIcon, __assign({
|
|
65
|
+
return (React.createElement(StatusIcon, __assign({ testId: testId, onClick: onClick && onClick, statusPosition: statusPosition, className: className, name: name, size: size, status: status }, others)));
|
|
61
66
|
}
|
|
62
67
|
// Text icon
|
|
63
68
|
if (content && !badgeContent) {
|
|
64
69
|
if (align) {
|
|
65
|
-
return (React.createElement("div", { className: alignClasses
|
|
66
|
-
React.createElement(TextIcon, __assign({
|
|
70
|
+
return (React.createElement("div", { className: alignClasses },
|
|
71
|
+
React.createElement(TextIcon, __assign({ testId: testId, onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color }, others))));
|
|
67
72
|
}
|
|
68
|
-
return (React.createElement(TextIcon, __assign({
|
|
73
|
+
return (React.createElement(TextIcon, __assign({ onClick: onClick && onClick, className: className, name: name, content: content, position: position, textClassName: textClassName, size: size, markup: markup, status: status, color: color }, others)));
|
|
69
74
|
}
|
|
70
75
|
// Icon with badge + badge content
|
|
71
76
|
if (badgeContent) {
|
|
72
77
|
if (align) {
|
|
73
|
-
return (React.createElement("div", { className: alignClasses
|
|
78
|
+
return (React.createElement("div", { className: alignClasses },
|
|
74
79
|
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
75
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' }),
|
|
76
|
-
React.createElement("span", { className: hashClass(clsx(
|
|
77
|
-
content && React.createElement("span", { className: hashClass(clsx(textClassName)) }, content)));
|
|
80
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
|
|
81
|
+
React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
|
|
82
|
+
content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
|
|
78
83
|
}
|
|
79
84
|
return (React.createElement(React.Fragment, null,
|
|
80
|
-
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others
|
|
81
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' }),
|
|
82
|
-
React.createElement("span", { className: hashClass(clsx(
|
|
83
|
-
content && React.createElement("span", { className: hashClass(clsx(textClassName)) }, content)));
|
|
85
|
+
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
86
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }),
|
|
87
|
+
React.createElement("span", { className: hashClass(styled, clsx("badge", is("up"))) }, badgeContent)),
|
|
88
|
+
content && (React.createElement("span", { className: hashClass(styled, clsx(textClassName)) }, content))));
|
|
84
89
|
}
|
|
85
90
|
// Stretched icon
|
|
86
91
|
if (stretched) {
|
|
87
92
|
if (align) {
|
|
88
|
-
return (React.createElement("div", { className: alignClasses
|
|
93
|
+
return (React.createElement("div", { className: alignClasses },
|
|
89
94
|
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
90
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' }))));
|
|
95
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
|
|
91
96
|
}
|
|
92
|
-
return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others
|
|
93
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' })));
|
|
97
|
+
return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
98
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
94
99
|
}
|
|
95
100
|
// Custom Colored Icon
|
|
96
101
|
if (color) {
|
|
97
102
|
if (align) {
|
|
98
|
-
return (React.createElement("div", { className: alignClasses
|
|
103
|
+
return (React.createElement("div", { className: alignClasses },
|
|
99
104
|
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
100
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' }))));
|
|
105
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
|
|
101
106
|
}
|
|
102
|
-
return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others
|
|
103
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' })));
|
|
107
|
+
return (React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
108
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
104
109
|
}
|
|
105
110
|
if (align) {
|
|
106
|
-
return (React.createElement("div", { className: alignClasses
|
|
111
|
+
return (React.createElement("div", { className: alignClasses },
|
|
107
112
|
React.createElement("span", __assign({ onClick: onClick && onClick, className: classes }, others),
|
|
108
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' }))));
|
|
113
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' }))));
|
|
109
114
|
}
|
|
110
115
|
// Static default Icon
|
|
111
|
-
return (React.createElement("span", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes }, others
|
|
112
|
-
React.createElement("i", { className: hashClass(clsx(name)), "aria-hidden": 'true' })));
|
|
113
|
-
}
|
|
114
|
-
Icon.displayName = ComponentName.Icon;
|
|
116
|
+
return (React.createElement("span", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes }, others),
|
|
117
|
+
React.createElement("i", { className: hashClass(styled, clsx(name)), "aria-hidden": 'true' })));
|
|
118
|
+
};
|
|
115
119
|
export default Icon;
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sVUFBVSxNQUFNLGdCQUFnQixDQUFBO0FBQ3ZDLE9BQU8sUUFBUSxNQUFNLGNBQWMsQ0FBQTtBQUNuQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsR0FBcUMsTUFBTSx3QkFBd0IsQ0FBQTtBQUM3RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUc3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlCRztBQUVILElBQU0sSUFBSSxHQUFHLFVBQUMsRUF1QkY7SUF0QlYsSUFBQSxTQUFTLGVBQUEsRUFDVCxhQUFhLG1CQUFBLEVBQ2IsSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ1AsWUFBWSxrQkFBQSxFQUNaLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsYUFBYSxtQkFBQSxFQUNiLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from "./IconProps";
|
|
3
|
+
import { ComponentName } from "../enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Icon Component
|
|
6
6
|
* @param size Size of Icon
|
|
@@ -20,5 +20,8 @@ import { IconProps } from '../../components/icon/IconProps';
|
|
|
20
20
|
* @param align { Alignable | AlignableValues} align content
|
|
21
21
|
* @param skeleton {boolean} Icon Skeleton
|
|
22
22
|
*/
|
|
23
|
-
declare const Icon:
|
|
23
|
+
declare const Icon: {
|
|
24
|
+
({ size, name, status, circled, content, position, stacked, badgeContent, statusPosition, stretched, color, backgroundColor, onClick, align, skeleton, style, testId, ...others }: IconProps): JSX.Element;
|
|
25
|
+
displayName: ComponentName;
|
|
26
|
+
};
|
|
24
27
|
export default Icon;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { useContext } from
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
2
|
+
import React, { useContext } from "react";
|
|
3
|
+
import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
|
|
4
|
+
import { WithLocalSvg } from "react-native-svg/css";
|
|
5
|
+
import ContentLoader, { Circle } from "react-content-loader/native";
|
|
6
|
+
import { IconSize } from "./IconEnum";
|
|
7
|
+
import CircleIcon from "./circle/CircleIcon.native";
|
|
8
|
+
import StatusIcon from "./status/StatusIcon.native";
|
|
9
|
+
import TextIcon from "./text/TextIcon.native";
|
|
10
|
+
import { getAlignStyle } from "../../objects/facets/Alignable";
|
|
11
|
+
import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
|
|
12
|
+
import { ComponentName } from "../enumsComponentsName";
|
|
13
|
+
import { TrilogyThemeContext } from "../../context/providerTheme.native";
|
|
14
|
+
import { StatesContext } from "../../context/providerStates";
|
|
15
15
|
/**
|
|
16
16
|
* Icon Component
|
|
17
17
|
* @param size Size of Icon
|
|
@@ -31,7 +31,7 @@ import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
|
31
31
|
* @param align { Alignable | AlignableValues} align content
|
|
32
32
|
* @param skeleton {boolean} Icon Skeleton
|
|
33
33
|
*/
|
|
34
|
-
var Icon =
|
|
34
|
+
var Icon = function (_a) {
|
|
35
35
|
var size = _a.size, name = _a.name, status = _a.status, circled = _a.circled, content = _a.content, position = _a.position, stacked = _a.stacked, badgeContent = _a.badgeContent, statusPosition = _a.statusPosition, stretched = _a.stretched, color = _a.color, backgroundColor = _a.backgroundColor, onClick = _a.onClick, align = _a.align, skeleton = _a.skeleton, style = _a.style, testId = _a.testId, others = __rest(_a, ["size", "name", "status", "circled", "content", "position", "stacked", "badgeContent", "statusPosition", "stretched", "color", "backgroundColor", "onClick", "align", "skeleton", "style", "testId"]);
|
|
36
36
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
37
37
|
var statesContext = useContext(StatesContext);
|
|
@@ -62,63 +62,67 @@ var Icon = React.forwardRef(function (_a, ref) {
|
|
|
62
62
|
alignSelf: getAlignStyle(align),
|
|
63
63
|
},
|
|
64
64
|
iconCircled: {
|
|
65
|
-
alignSelf:
|
|
66
|
-
justifyContent:
|
|
67
|
-
alignItems:
|
|
65
|
+
alignSelf: "center",
|
|
66
|
+
justifyContent: "center",
|
|
67
|
+
alignItems: "center",
|
|
68
68
|
},
|
|
69
69
|
icon: {
|
|
70
|
-
transform: Platform.OS ===
|
|
70
|
+
transform: Platform.OS === "ios"
|
|
71
|
+
? (stretched && [{ skewX: "20deg" }]) || [{ skewX: "0deg" }]
|
|
72
|
+
: [],
|
|
71
73
|
},
|
|
72
74
|
stretched: {
|
|
73
|
-
justifyContent:
|
|
74
|
-
alignItems:
|
|
75
|
+
justifyContent: "center",
|
|
76
|
+
alignItems: "center",
|
|
75
77
|
width: circledWidth + 15,
|
|
76
78
|
height: circledWidth,
|
|
77
79
|
backgroundColor: iconColor,
|
|
78
80
|
borderTopRightRadius: 10,
|
|
79
|
-
transform: Platform.OS ===
|
|
81
|
+
transform: Platform.OS === "ios"
|
|
82
|
+
? (stretched && [{ skewX: "-20deg" }]) || [{ skewX: "0deg" }]
|
|
83
|
+
: [],
|
|
80
84
|
},
|
|
81
85
|
skeleton: {
|
|
82
86
|
width: circledWidth,
|
|
83
87
|
height: circledWidth,
|
|
84
88
|
borderRadius: iconSkeletonRadius,
|
|
85
89
|
backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
86
|
-
overflow:
|
|
90
|
+
overflow: "hidden",
|
|
87
91
|
},
|
|
88
92
|
});
|
|
89
93
|
var IconSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
|
|
90
94
|
React.createElement(View, { style: { opacity: 0 } }),
|
|
91
|
-
Platform.OS ===
|
|
95
|
+
Platform.OS === "android" && (React.createElement(View, null, (size === IconSize.HUGE && React.createElement(Circle, { cx: '50', cy: '50', r: '50' })) ||
|
|
92
96
|
(size === IconSize.LARGE && React.createElement(Circle, { cx: '33', cy: '33', r: '33' })) ||
|
|
93
97
|
(size === IconSize.MEDIUM && React.createElement(Circle, { cx: '23', cy: '23', r: '23' })) ||
|
|
94
|
-
(size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || React.createElement(Circle, { cx: '15', cy: '15', r: '15' }))))); };
|
|
98
|
+
(size === IconSize.SMALL && React.createElement(Circle, { cx: '15', cy: '15', r: '15' })) || (React.createElement(Circle, { cx: '15', cy: '15', r: '15' })))))); };
|
|
95
99
|
if (skeleton) {
|
|
96
100
|
return React.createElement(IconSkeleton, null);
|
|
97
101
|
}
|
|
98
102
|
var iconView = React.createElement(View, null);
|
|
99
103
|
if (name && icons) {
|
|
100
104
|
if (stretched && !circled) {
|
|
101
|
-
iconView = (React.createElement(View, { style: styles.stretched, testID: "".concat(testId, "-stretched")
|
|
102
|
-
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace(
|
|
105
|
+
iconView = (React.createElement(View, { style: styles.stretched, testID: "".concat(testId, "-stretched") },
|
|
106
|
+
React.createElement(WithLocalSvg, { style: [styles.iconCircled, styles.icon], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: getColorStyle(TrilogyColor.BACKGROUND) })));
|
|
103
107
|
} /* status icon */
|
|
104
108
|
else if (status && !circled && !stretched) {
|
|
105
109
|
// TODO: fix status icon
|
|
106
|
-
iconView = (React.createElement(StatusIcon, {
|
|
110
|
+
iconView = (React.createElement(StatusIcon, { name: name, status: status, statusPosition: statusPosition, size: defaultSize, stretched: stretched, color: iconColor, testId: "".concat(testId, "-status") }));
|
|
107
111
|
}
|
|
108
112
|
else if (circled) {
|
|
109
|
-
iconView = (React.createElement(CircleIcon, {
|
|
113
|
+
iconView = (React.createElement(CircleIcon, { name: name, size: defaultSize, color: iconColor, content: content, circledWidth: circledWidth, position: position, stacked: stacked, backgroundColor: backgroundColor, testId: "".concat(testId, "-circled") }));
|
|
110
114
|
} /* Text icon */
|
|
111
115
|
else if (content && !badgeContent) {
|
|
112
|
-
iconView = (React.createElement(TextIcon, {
|
|
116
|
+
iconView = (React.createElement(TextIcon, { name: name, content: content, size: defaultSize, position: position, stretched: stretched, color: iconColor, stacked: stacked, testId: "".concat(testId, "-content") }));
|
|
113
117
|
}
|
|
114
118
|
else {
|
|
115
|
-
iconView = (React.createElement(View, __assign({}, others
|
|
116
|
-
React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace(
|
|
119
|
+
iconView = (React.createElement(View, __assign({}, others),
|
|
120
|
+
React.createElement(WithLocalSvg, { style: [styles.icon, style], asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: defaultSize, height: defaultSize, color: iconColor })));
|
|
117
121
|
}
|
|
118
122
|
}
|
|
119
|
-
return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId
|
|
120
|
-
React.createElement(TouchableOpacity, { style: { width:
|
|
121
|
-
}
|
|
123
|
+
return onClick ? (React.createElement(View, { style: styles.rootView, testID: testId },
|
|
124
|
+
React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85, testID: "".concat(testId, "-pressable") }, iconView))) : (React.createElement(View, { style: styles.rootView, testID: testId }, iconView));
|
|
125
|
+
};
|
|
122
126
|
Icon.displayName = ComponentName.Icon;
|
|
123
127
|
export default Icon;
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ljb24vSWNvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDM0UsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ25ELE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNyQyxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRCxPQUFPLFVBQVUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRCxPQUFPLFFBQVEsTUFBTSx3QkFBd0IsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEdBQXVCLE1BQU0sd0JBQXdCLENBQUE7QUFDekYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQW1CRjtJQWxCVixJQUFBLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFlBQVks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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import { IconName, IconNameValues } from '
|
|
4
|
-
import { Accessibility,
|
|
2
|
+
import { IconSize, IconStatus, IconPosition, TextIconMarkup, IconStatusPosition, IconColor, IconStatusValues, IconSizeValues, IconPositionValues, IconStatusPositionValues, IconColorValues, TextIconMarkupValues } from './IconEnum';
|
|
3
|
+
import { IconName, IconNameValues } from './IconNameEnum';
|
|
4
|
+
import { Accessibility, Clickable, TrilogyColor, TrilogyColorValues, Stacked, AlignableProps, Dev } from '../../objects';
|
|
5
5
|
type Styles = {
|
|
6
6
|
[key: string]: unknown;
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { IconProps } from
|
|
3
|
-
declare const CircleIcon:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconProps } from "../../../components/icon/IconProps";
|
|
3
|
+
declare const CircleIcon: ({ className, name, status, size, color, backgroundColor, testId, }: IconProps) => JSX.Element;
|
|
4
4
|
export default CircleIcon;
|
|
@@ -1,21 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
var CircleIcon = React.forwardRef(function (_a, ref) {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IconStatus } from "../../../components/icon/IconEnum";
|
|
3
|
+
import { getStatusBackground, has, is } from "../../../services/index";
|
|
4
|
+
import { getBackgroundClassName, getTextClassName, TrilogyColor, } from "../../../objects";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { hashClass } from "../../../helpers";
|
|
7
|
+
import { useTrilogyContext } from "../../../context";
|
|
8
|
+
var CircleIcon = function (_a) {
|
|
10
9
|
var className = _a.className, name = _a.name, status = _a.status, size = _a.size, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId;
|
|
10
|
+
var styled = useTrilogyContext().styled;
|
|
11
11
|
var background = (backgroundColor && has(getBackgroundClassName(backgroundColor))) ||
|
|
12
|
-
getStatusBackground(status ||
|
|
12
|
+
getStatusBackground(status || "", IconStatus.INFO) ||
|
|
13
13
|
has(getBackgroundClassName(TrilogyColor.MAIN));
|
|
14
|
-
var classes = hashClass(clsx(
|
|
15
|
-
var circledIconClasses = hashClass(clsx(name));
|
|
16
|
-
return (React.createElement("span", { className: classes, "data-testid": testId
|
|
14
|
+
var classes = hashClass(styled, clsx("icon", color ? has(getTextClassName(color)) : has("text-white"), color ? is(color) : is(TrilogyColor.BACKGROUND), [is("".concat(size))], is("circled"), background, className));
|
|
15
|
+
var circledIconClasses = hashClass(styled, clsx(name));
|
|
16
|
+
return (React.createElement("span", { className: classes, "data-testid": testId },
|
|
17
17
|
React.createElement("i", { className: circledIconClasses })));
|
|
18
|
-
}
|
|
19
|
-
CircleIcon.displayName = ComponentName.CircleIcon;
|
|
18
|
+
};
|
|
20
19
|
export default CircleIcon;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaWNvbi9jaXJjbGUvQ2lyY2xlSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDL0QsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixnQkFBZ0IsRUFDaEIsWUFBWSxHQUNiLE1BQU0sV0FBVyxDQUFBO0FBQ2xCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBUVI7UUFQVixTQUFTLGVBQUEsRUFDVCxJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxlQUFlLHFCQUFBLEVBQ2YsTUFBTSxZQUFBO0lBRUUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQ2QsQ0FBQyxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7UUFDakUsbUJBQW1CLENBQUMsTUFBTSxJQUFJLEVBQUUsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDO1FBQ2xELEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUVoRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDeEQsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLEVBQy9DLENBQUMsRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsQ0FBQyxFQUNmLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDYixVQUFVLEVBQ1YsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELElBQU0sa0JBQWtCLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUV4RCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTTtRQUMzQywyQkFBRyxTQUFTLEVBQUUsa0JBQWtCLEdBQUksQ0FDL0IsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import { CircleIconProps } from
|
|
4
|
-
declare const CircleIcon:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
3
|
+
import { CircleIconProps } from "./CircleIconProps";
|
|
4
|
+
declare const CircleIcon: {
|
|
5
|
+
({ name, size, color, backgroundColor, content, circledWidth, position, stacked, testId }: CircleIconProps): JSX.Element;
|
|
6
|
+
displayName: ComponentName;
|
|
7
|
+
};
|
|
5
8
|
export default CircleIcon;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
var CircleIcon =
|
|
1
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
2
|
+
import { IconPosition } from "../../../components/icon/IconEnum";
|
|
3
|
+
import { Text, TextLevels } from "../../../components/text";
|
|
4
|
+
import { TrilogyThemeContext } from "../../../context/providerTheme.native";
|
|
5
|
+
import { TrilogyColor, getColorStyle, } from "../../../objects/facets/Color";
|
|
6
|
+
import React, { useContext } from "react";
|
|
7
|
+
import { StyleSheet, View } from "react-native";
|
|
8
|
+
import { WithLocalSvg } from "react-native-svg/css";
|
|
9
|
+
var CircleIcon = function (_a) {
|
|
10
10
|
var name = _a.name, size = _a.size, color = _a.color, backgroundColor = _a.backgroundColor, content = _a.content, circledWidth = _a.circledWidth, position = _a.position, stacked = _a.stacked, testId = _a.testId;
|
|
11
11
|
var icons = useContext(TrilogyThemeContext).theme.icons;
|
|
12
12
|
var styles = StyleSheet.create({
|
|
@@ -15,29 +15,31 @@ var CircleIcon = React.forwardRef(function (_a, ref) {
|
|
|
15
15
|
height: circledWidth,
|
|
16
16
|
backgroundColor: backgroundColor
|
|
17
17
|
? getColorStyle(backgroundColor)
|
|
18
|
-
:
|
|
18
|
+
: "transparent",
|
|
19
19
|
borderRadius: circledWidth,
|
|
20
|
-
justifyContent:
|
|
21
|
-
alignItems:
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
alignItems: "center",
|
|
22
22
|
margin: 4,
|
|
23
|
-
shadowColor:
|
|
23
|
+
shadowColor: "rgba(0,0,0,.1)",
|
|
24
24
|
shadowOffset: { width: 0, height: 1 },
|
|
25
25
|
shadowOpacity: 0.8,
|
|
26
26
|
shadowRadius: 2,
|
|
27
27
|
elevation: 5,
|
|
28
28
|
},
|
|
29
29
|
iconCircled: {
|
|
30
|
-
alignSelf:
|
|
31
|
-
justifyContent:
|
|
32
|
-
alignItems:
|
|
30
|
+
alignSelf: "center",
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
alignItems: "center",
|
|
33
33
|
},
|
|
34
34
|
contentContainer: {
|
|
35
|
-
alignItems:
|
|
36
|
-
flexDirection: (position === IconPosition.DOWN &&
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
flexDirection: (position === IconPosition.DOWN && "column") ||
|
|
37
|
+
(position === IconPosition.UP && "column-reverse") ||
|
|
38
|
+
"row",
|
|
37
39
|
},
|
|
38
40
|
text: {
|
|
39
41
|
maxWidth: circledWidth + 32,
|
|
40
|
-
textAlign:
|
|
42
|
+
textAlign: "center",
|
|
41
43
|
color: color || getColorStyle(TrilogyColor.BACKGROUND),
|
|
42
44
|
},
|
|
43
45
|
spaceTextCircledV: {
|
|
@@ -47,7 +49,7 @@ var CircleIcon = React.forwardRef(function (_a, ref) {
|
|
|
47
49
|
marginRight: 5,
|
|
48
50
|
},
|
|
49
51
|
});
|
|
50
|
-
return (React.createElement(View, { style: styles.contentContainer, testID: testId
|
|
52
|
+
return (React.createElement(View, { style: styles.contentContainer, testID: testId },
|
|
51
53
|
!position && content && (React.createElement(View, null,
|
|
52
54
|
React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
|
|
53
55
|
React.createElement(View, { style: styles.spaceTextCircledV }))),
|
|
@@ -60,11 +62,11 @@ var CircleIcon = React.forwardRef(function (_a, ref) {
|
|
|
60
62
|
(position === IconPosition.UP || stacked) && content && (React.createElement(React.Fragment, null,
|
|
61
63
|
React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content),
|
|
62
64
|
React.createElement(View, { style: styles.spaceTextCircledV }))),
|
|
63
|
-
React.createElement(View, { style: styles.circled }, icons && (React.createElement(WithLocalSvg, { style: styles.iconCircled, asset: icons[name.toString().replace(
|
|
65
|
+
React.createElement(View, { style: styles.circled }, icons && (React.createElement(WithLocalSvg, { style: styles.iconCircled, asset: icons[name.toString().replace("tri-picto-", "").replace("tri-", "")], width: size, height: size, color: color || getColorStyle(TrilogyColor.BACKGROUND) }))),
|
|
64
66
|
position === IconPosition.LEFT && content && (React.createElement(React.Fragment, null,
|
|
65
67
|
React.createElement(View, { style: styles.spaceTextCircledH }),
|
|
66
68
|
React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, content)))));
|
|
67
|
-
}
|
|
69
|
+
};
|
|
68
70
|
CircleIcon.displayName = ComponentName.CircleIcon;
|
|
69
71
|
export default CircleIcon;
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2lyY2xlSWNvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL0NpcmNsZUljb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3pELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDcEUsT0FBTyxFQUNMLFlBQVksRUFFWixhQUFhLEdBQ2QsTUFBTSx3QkFBd0IsQ0FBQTtBQUMvQixPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFHbkQsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQVVGO1FBVGhCLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLGVBQWUscUJBQUEsRUFDZixPQUFPLGFBQUEsRUFDUCxZQUFZLGtCQUFBLEVBQ1osUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBO0lBR0ssSUFBQSxLQUFLLEdBQ1osVUFBVSxDQUFDLG1CQUFtQixDQUFDLFlBRG5CLENBQ21CO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFFLFlBQVk7WUFDbkIsTUFBTSxFQUFFLFlBQVk7WUFDcEIsZUFBZSxFQUFFLGVBQWU7Z0JBQzlCLENBQUMsQ0FBQyxhQUFhLENB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
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IconPosition, IconPositionValues } from '../../../components/icon/IconEnum';
|
|
3
2
|
import { IconName, IconNameValues } from '../../../components/icon/IconNameEnum';
|
|
4
3
|
import { Accessibility, Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
|
|
5
4
|
import { Stacked } from '../../../objects/facets/Stacked';
|
|
5
|
+
import { IconPosition, IconPositionValues } from '../IconEnum';
|
|
6
6
|
export interface CircleIconProps extends Stacked, Accessibility, Dev {
|
|
7
7
|
name: IconName | IconNameValues;
|
|
8
8
|
size: number;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import IconCircle from '
|
|
1
|
+
import IconCircle from './CircleIcon';
|
|
2
2
|
export default IconCircle;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import IconCircle from '
|
|
1
|
+
import IconCircle from './CircleIcon';
|
|
2
2
|
export default IconCircle;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9
|