@trilogy-ds/react 0.0.4-beta-v4 → 0.0.4-calendar
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 +3 -3
- package/lib/components/accordion/Accordion.js +8 -6
- package/lib/components/accordion/Accordion.native.d.ts +4 -7
- package/lib/components/accordion/Accordion.native.js +8 -8
- package/lib/components/accordion/AccordionProps.d.ts +3 -0
- package/lib/components/accordion/item/AccordionItem.d.ts +4 -4
- package/lib/components/accordion/item/AccordionItem.js +24 -11
- package/lib/components/accordion/item/AccordionItem.native.d.ts +4 -7
- package/lib/components/accordion/item/AccordionItem.native.js +33 -36
- package/lib/components/accordion/item/AccordionItemProps.d.ts +3 -0
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +12 -8
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +4 -7
- package/lib/components/accordion/item/body/AccordionBody.native.js +7 -7
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +4 -1
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +10 -8
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +4 -7
- package/lib/components/accordion/item/header/AccordionHeader.native.js +10 -10
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +3 -0
- package/lib/components/alert/Alert.d.ts +7 -3
- package/lib/components/alert/Alert.js +71 -60
- package/lib/components/alert/Alert.native.d.ts +1 -5
- package/lib/components/alert/Alert.native.js +29 -40
- package/lib/components/alert/AlertEnum.d.ts +9 -0
- package/lib/components/alert/AlertEnum.js +10 -0
- package/lib/components/alert/AlertProps.d.ts +15 -2
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/AlertPropsDefaults.js +18 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +26 -0
- package/lib/components/alert/context/ToastPropsDefaults.js +18 -0
- package/lib/components/alert/context/ToasterContextProps.d.ts +4 -2
- package/lib/components/autocomplete/AutoComplete.d.ts +34 -3
- package/lib/components/autocomplete/AutoComplete.js +49 -45
- package/lib/components/autocomplete/AutoComplete.native.d.ts +5 -3
- package/lib/components/autocomplete/AutoComplete.native.js +12 -9
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +4 -4
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +59 -56
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +59 -56
- package/lib/components/autocomplete/Autocomplete.helpers.js +7 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +1 -1
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/badge/Badge.d.ts +4 -4
- package/lib/components/badge/Badge.js +16 -12
- package/lib/components/badge/Badge.native.d.ts +13 -9
- package/lib/components/badge/Badge.native.js +87 -15
- package/lib/components/badge/BadgeProps.d.ts +17 -7
- package/lib/components/badge/BadgeProps.js +10 -2
- package/lib/components/badge/BadgePropsDefaults.js +18 -12
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/index.js +2 -1
- package/lib/components/box/Box.d.ts +4 -3
- package/lib/components/box/Box.js +17 -19
- package/lib/components/box/Box.native.d.ts +3 -7
- package/lib/components/box/Box.native.js +42 -54
- package/lib/components/box/BoxProps.d.ts +8 -1
- package/lib/components/box/BoxPropsDefaults.js +22 -2
- package/lib/components/box/content/BoxContent.d.ts +4 -3
- package/lib/components/box/content/BoxContent.js +18 -11
- package/lib/components/box/content/BoxContent.native.d.ts +5 -7
- package/lib/components/box/content/BoxContent.native.js +20 -11
- package/lib/components/box/content/BoxContentProps.d.ts +5 -1
- package/lib/components/box/content/BoxContentPropsDefaults.js +7 -1
- package/lib/components/box/context/boxContext.d.ts +4 -0
- package/lib/components/box/context/boxContext.js +3 -0
- package/lib/components/box/footer/BoxFooter.d.ts +3 -4
- package/lib/components/box/footer/BoxFooter.js +11 -10
- package/lib/components/box/footer/BoxFooter.native.d.ts +4 -7
- package/lib/components/box/footer/BoxFooter.native.js +10 -12
- package/lib/components/box/footer/BoxFooterProps.d.ts +6 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +7 -1
- package/lib/components/box/header/BoxHeader.d.ts +5 -4
- package/lib/components/box/header/BoxHeader.js +15 -11
- package/lib/components/box/header/BoxHeader.native.d.ts +4 -12
- package/lib/components/box/header/BoxHeader.native.js +8 -13
- package/lib/components/box/header/BoxHeaderProps.d.ts +6 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +13 -3
- package/lib/components/box/item/BoxItem.d.ts +3 -3
- package/lib/components/box/item/BoxItem.js +10 -8
- package/lib/components/box/item/BoxItem.native.d.ts +4 -7
- package/lib/components/box/item/BoxItem.native.js +10 -10
- package/lib/components/box/item/BoxItemProps.d.ts +4 -1
- package/lib/components/box/table-container/BoxTableContainer.d.ts +4 -4
- package/lib/components/box/table-container/BoxTableContainer.js +11 -9
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +4 -7
- package/lib/components/box/table-container/BoxTableContainer.native.js +8 -8
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +3 -0
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +12 -9
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +4 -7
- package/lib/components/breadcrumb/Breadcrumb.native.js +11 -11
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +5 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +13 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +4 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +12 -11
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +6 -1
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +9 -9
- package/lib/components/button/Button.d.ts +4 -4
- package/lib/components/button/Button.js +24 -23
- package/lib/components/button/Button.native.d.ts +4 -7
- package/lib/components/button/Button.native.js +92 -133
- package/lib/components/button/ButtonProps.d.ts +8 -3
- package/lib/components/button/ButtonPropsDefaults.js +11 -11
- package/lib/components/button/list/ButtonList.d.ts +6 -2
- package/lib/components/button/list/ButtonList.js +17 -10
- package/lib/components/button/list/ButtonList.native.d.ts +4 -7
- package/lib/components/button/list/ButtonList.native.js +7 -7
- package/lib/components/button/list/ButtonListProps.d.ts +6 -3
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +3 -1
- package/lib/components/button/list/index.d.ts +1 -0
- package/lib/components/button/list/index.js +2 -1
- package/lib/components/calendar/Calendar.d.ts +8 -0
- package/lib/components/calendar/Calendar.js +275 -0
- package/lib/components/calendar/CalendarProps.d.ts +11 -0
- package/lib/components/calendar/CalendarProps.js +2 -0
- package/lib/components/calendar/CalendarPropsDefaults.js +63 -0
- package/lib/components/calendar/index.d.ts +2 -0
- package/lib/components/calendar/index.js +3 -0
- package/lib/components/card/Card.d.ts +3 -4
- package/lib/components/card/Card.js +12 -11
- package/lib/components/card/Card.native.d.ts +3 -7
- package/lib/components/card/Card.native.js +23 -21
- package/lib/components/card/CardProps.d.ts +6 -1
- package/lib/components/card/content/CardContent.d.ts +3 -3
- package/lib/components/card/content/CardContent.js +10 -8
- package/lib/components/card/content/CardContent.native.d.ts +3 -14
- package/lib/components/card/content/CardContent.native.js +7 -55
- package/lib/components/card/content/CardContentProps.d.ts +4 -1
- package/lib/components/card/image/CardImage.d.ts +3 -3
- package/lib/components/card/image/CardImage.js +12 -10
- package/lib/components/card/image/CardImage.native.d.ts +3 -6
- package/lib/components/card/image/CardImage.native.js +16 -15
- package/lib/components/card/image/CardImageProps.d.ts +4 -1
- package/lib/components/checkbox/Checkbox.d.ts +6 -4
- package/lib/components/checkbox/Checkbox.js +27 -13
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -6
- package/lib/components/checkbox/Checkbox.native.js +15 -109
- package/lib/components/checkbox/{CheckboxPropsDefaults.js → CheckboxCommonPropsDefaults.js} +8 -7
- package/lib/components/checkbox/CheckboxProps.d.ts +18 -4
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +94 -0
- package/lib/components/checkbox/CheckboxWithLabelDefaults.js +84 -0
- package/lib/components/checkbox/index.d.ts +4 -2
- package/lib/components/checkbox/index.js +5 -3
- package/lib/components/checkbox/list/CheckboxList.d.ts +14 -0
- package/lib/components/checkbox/list/CheckboxList.js +36 -0
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +10 -0
- package/lib/components/checkbox/list/CheckboxList.native.js +40 -0
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +27 -0
- package/lib/components/checkbox/list/CheckboxListProps.js +2 -0
- package/lib/components/checkbox/list/CheckboxListPropsDefaults.js +17 -0
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +68 -0
- package/lib/components/checkbox/list/index.d.ts +2 -0
- package/lib/components/checkbox/list/index.js +3 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +7 -5
- package/lib/components/checkbox/tiles/CheckboxTiles.js +18 -13
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +22 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +5 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +13 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +17 -5
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +33 -17
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +110 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +7 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +9 -49
- package/lib/components/chips/Chips.d.ts +4 -4
- package/lib/components/chips/Chips.js +13 -11
- package/lib/components/chips/Chips.native.d.ts +4 -7
- package/lib/components/chips/Chips.native.js +15 -15
- package/lib/components/chips/ChipsProps.d.ts +6 -1
- package/lib/components/chips/list/ChipsList.d.ts +1 -1
- package/lib/components/chips/list/ChipsList.js +11 -9
- package/lib/components/chips/list/ChipsList.native.d.ts +2 -6
- package/lib/components/chips/list/ChipsList.native.js +5 -5
- package/lib/components/chips/list/ChipsListProps.d.ts +4 -0
- package/lib/components/chips/list/ChipsListPropsDefaults.js +7 -0
- package/lib/components/columns/Columns.d.ts +4 -4
- package/lib/components/columns/Columns.js +15 -12
- package/lib/components/columns/Columns.native.d.ts +3 -9
- package/lib/components/columns/Columns.native.js +44 -67
- package/lib/components/columns/ColumnsProps.d.ts +6 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +14 -2
- package/lib/components/columns/column/Column.d.ts +4 -4
- package/lib/components/columns/column/Column.js +12 -10
- package/lib/components/columns/column/Column.native.d.ts +8 -11
- package/lib/components/columns/column/Column.native.js +31 -25
- package/lib/components/columns/column/ColumnProps.d.ts +4 -1
- package/lib/components/columns/column/ColumnPropsDefaults.js +20 -16
- package/lib/components/columns/column/index.d.ts +1 -1
- package/lib/components/columns/column/index.js +2 -2
- package/lib/components/columns/context/index.d.ts +8 -0
- package/lib/components/columns/context/index.js +9 -0
- package/lib/components/container/Container.d.ts +2 -3
- package/lib/components/container/Container.js +2 -2
- package/lib/components/container/Container.native.d.ts +1 -1
- package/lib/components/container/Container.native.js +3 -3
- package/lib/components/container/ContainerProps.d.ts +3 -0
- package/lib/components/countdown/Countdown.d.ts +3 -3
- package/lib/components/countdown/Countdown.js +11 -9
- package/lib/components/countdown/Countdown.native.d.ts +3 -6
- package/lib/components/countdown/Countdown.native.js +8 -8
- package/lib/components/countdown/CountdownProps.d.ts +4 -1
- package/lib/components/divider/Divider.d.ts +4 -4
- package/lib/components/divider/Divider.js +16 -27
- package/lib/components/divider/Divider.native.d.ts +4 -7
- package/lib/components/divider/Divider.native.js +24 -24
- package/lib/components/divider/DividerProps.d.ts +3 -0
- package/lib/components/enumsComponentsName.d.ts +13 -2
- package/lib/components/enumsComponentsName.js +14 -3
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +6 -4
- package/lib/components/fab/Fab.native.d.ts +3 -6
- package/lib/components/fab/Fab.native.js +4 -4
- package/lib/components/fab/FabProps.d.ts +3 -1
- package/lib/components/flex-box/FlexBox.d.ts +17 -0
- package/lib/components/flex-box/FlexBox.js +52 -0
- package/lib/components/flex-box/FlexBox.native.d.ts +5 -0
- package/lib/components/flex-box/FlexBox.native.js +56 -0
- package/lib/components/flex-box/FlexBoxProps.d.ts +29 -0
- package/lib/components/flex-box/FlexBoxProps.js +2 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +111 -0
- package/lib/components/flex-box/ResponsiveValueDefaults.js +23 -0
- package/lib/components/flex-box/context/index.d.ts +7 -0
- package/lib/components/flex-box/context/index.js +8 -0
- package/lib/components/flex-box/flex-item/FlexItem.d.ts +28 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +42 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.d.ts +29 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.js +56 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +23 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.js +2 -0
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +85 -0
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +110 -0
- package/lib/components/flex-box/index.d.ts +3 -0
- package/lib/components/flex-box/index.js +4 -0
- package/lib/components/hero/Hero.d.ts +2 -3
- package/lib/components/hero/Hero.js +2 -2
- package/lib/components/hero/Hero.native.js +11 -7
- package/lib/components/hero/HeroProps.d.ts +5 -0
- package/lib/components/hero/HeroPropsDefaults.js +17 -1
- package/lib/components/icon/Icon.d.ts +3 -3
- package/lib/components/icon/Icon.js +16 -13
- package/lib/components/icon/Icon.native.d.ts +4 -7
- package/lib/components/icon/Icon.native.js +35 -20
- package/lib/components/icon/IconProps.d.ts +6 -3
- package/lib/components/icon/IconPropsDefaults.js +7 -25
- package/lib/components/image/Image.d.ts +6 -4
- package/lib/components/image/Image.js +15 -11
- package/lib/components/image/Image.native.d.ts +6 -8
- package/lib/components/image/Image.native.js +14 -13
- package/lib/components/image/ImageProps.d.ts +3 -1
- package/lib/components/image/ImagePropsDefaults.js +6 -2
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.js +3 -1
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.d.ts +45 -3
- package/lib/components/input/Input.js +50 -39
- package/lib/components/input/Input.native.d.ts +4 -6
- package/lib/components/input/Input.native.js +48 -36
- package/lib/components/input/InputChangeEventWebDefaults.js +7 -0
- package/lib/components/input/InputEnum.d.ts +2 -1
- package/lib/components/input/InputEnum.js +1 -1
- package/lib/components/input/InputProps.d.ts +18 -3
- package/lib/components/input/InputPropsDefaults.js +59 -4
- package/lib/components/input/gauge/InputGauge.d.ts +4 -2
- package/lib/components/input/gauge/InputGauge.js +15 -13
- package/lib/components/input/gauge/InputGauge.native.d.ts +3 -2
- package/lib/components/input/gauge/InputGauge.native.js +27 -17
- package/lib/components/input/gauge/hook/useGauge.d.ts +11 -3
- package/lib/components/input/gauge/hook/useGauge.js +39 -15
- package/lib/components/link/Link.d.ts +4 -4
- package/lib/components/link/Link.js +13 -11
- package/lib/components/link/Link.native.d.ts +4 -8
- package/lib/components/link/Link.native.js +17 -65
- package/lib/components/link/LinkDefaults.js +334 -0
- package/lib/components/link/LinkProps.d.ts +12 -2
- package/lib/components/link/LinkPropsDefaults.js +85 -9
- package/lib/components/link/LinkPropsNativeDefaults.js +405 -0
- package/lib/components/list/List.d.ts +6 -5
- package/lib/components/list/List.js +16 -12
- package/lib/components/list/List.native.d.ts +6 -7
- package/lib/components/list/List.native.js +14 -9
- package/lib/components/list/ListProps.d.ts +4 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.d.ts +4 -4
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/ListItem.native.d.ts +5 -8
- package/lib/components/list/item/ListItem.native.js +35 -56
- package/lib/components/list/item/ListItemProps.d.ts +6 -2
- package/lib/components/list/item/ListItemProps.js +3 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +4 -0
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -3
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +2 -6
- package/lib/components/list/item/description/ListItemDescription.native.js +4 -4
- package/lib/components/list/item/description/ListItemDescriptionProps.d.ts +3 -0
- package/lib/components/modal/Modal.d.ts +5 -6
- package/lib/components/modal/Modal.js +71 -73
- package/lib/components/modal/Modal.native.d.ts +5 -8
- package/lib/components/modal/Modal.native.js +62 -119
- package/lib/components/modal/ModalProps.d.ts +6 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/body/ModalBody.d.ts +3 -3
- package/lib/components/modal/body/ModalBody.js +7 -5
- package/lib/components/modal/body/ModalBody.native.d.ts +3 -6
- package/lib/components/modal/body/ModalBody.native.js +17 -13
- package/lib/components/modal/body/ModalBodyProps.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -3
- package/lib/components/modal/footer/ModalFooter.js +9 -7
- package/lib/components/modal/footer/ModalFooter.native.d.ts +4 -7
- package/lib/components/modal/footer/ModalFooter.native.js +27 -15
- package/lib/components/modal/footer/ModalFooterProps.d.ts +3 -0
- package/lib/components/otp/Otp.d.ts +3 -3
- package/lib/components/otp/Otp.js +16 -10
- package/lib/components/otp/Otp.native.d.ts +4 -7
- package/lib/components/otp/Otp.native.js +46 -47
- package/lib/components/otp/OtpProps.d.ts +3 -0
- package/lib/components/pagination/Pagination.d.ts +4 -5
- package/lib/components/pagination/Pagination.js +11 -7
- package/lib/components/pagination/Pagination.native.d.ts +4 -7
- package/lib/components/pagination/Pagination.native.js +5 -5
- package/lib/components/pagination/PaginationProps.d.ts +3 -1
- package/lib/components/pagination/PaginationPropsDefaults.js +0 -7
- package/lib/components/popover/Popover.d.ts +3 -3
- package/lib/components/popover/Popover.js +12 -10
- package/lib/components/popover/Popover.native.d.ts +3 -6
- package/lib/components/popover/Popover.native.js +6 -6
- package/lib/components/popover/PopoverProps.d.ts +3 -0
- package/lib/components/price/Price.d.ts +3 -3
- package/lib/components/price/Price.js +18 -15
- package/lib/components/price/Price.native.d.ts +3 -6
- package/lib/components/price/Price.native.js +17 -16
- package/lib/components/price/PriceProps.d.ts +3 -0
- package/lib/components/price/PricePropsDefaults.js +6 -2
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +7 -5
- package/lib/components/product-tour/ProductTour.native.d.ts +3 -6
- package/lib/components/product-tour/ProductTour.native.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +3 -0
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +16 -10
- package/lib/components/progress/Progress.native.d.ts +5 -7
- package/lib/components/progress/Progress.native.js +44 -22
- package/lib/components/progress/ProgressProps.d.ts +6 -0
- package/lib/components/progress/ProgressPropsDefaults.js +22 -0
- package/lib/components/progress/index.d.ts +2 -1
- package/lib/components/progress/index.js +3 -2
- package/lib/components/progress/item/ProgressItem.d.ts +15 -0
- package/lib/components/progress/item/ProgressItem.js +28 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +12 -0
- package/lib/components/progress/item/ProgressItem.native.js +34 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +20 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +76 -0
- package/lib/components/progress/item/index.d.ts +2 -0
- package/lib/components/progress/item/index.js +3 -0
- package/lib/components/progress/radial/ProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.js +8 -6
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +14 -13
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -0
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +20 -4
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +3 -0
- package/lib/components/radio/Radio.d.ts +7 -6
- package/lib/components/radio/Radio.js +25 -20
- package/lib/components/radio/Radio.native.d.ts +8 -18
- package/lib/components/radio/Radio.native.js +26 -146
- package/lib/components/radio/RadioProps.d.ts +5 -2
- package/lib/components/radio/RadioPropsDefaults.js +8 -0
- package/lib/components/radio/list/RadioList.d.ts +8 -7
- package/lib/components/radio/list/RadioList.js +27 -14
- package/lib/components/radio/list/RadioList.native.d.ts +3 -6
- package/lib/components/radio/list/RadioList.native.js +22 -7
- package/lib/components/radio/list/RadioListProps.d.ts +6 -1
- package/lib/components/radio/list/RadioListPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +17 -1
- package/lib/components/radio/tiles/RadioTiles.d.ts +10 -6
- package/lib/components/radio/tiles/RadioTiles.js +19 -11
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +12 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +4 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +13 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +19 -6
- package/lib/components/radio/tiles/tile/RadioTile.js +43 -24
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +20 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +124 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +6 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +27 -0
- package/lib/components/range/Range.d.ts +13 -2
- package/lib/components/range/Range.js +45 -21
- package/lib/components/range/Range.native.d.ts +7 -9
- package/lib/components/range/Range.native.js +16 -15
- package/lib/components/range/RangeNativePropsDefaults.js +9 -0
- package/lib/components/range/RangeProps.d.ts +10 -2
- package/lib/components/range/RangePropsDefaults.js +15 -0
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +7 -5
- package/lib/components/rows/Rows.native.d.ts +3 -6
- package/lib/components/rows/Rows.native.js +4 -4
- package/lib/components/rows/RowsProps.d.ts +3 -0
- package/lib/components/rows/row/Row.d.ts +2 -2
- package/lib/components/rows/row/Row.js +7 -5
- package/lib/components/rows/row/Row.native.d.ts +3 -6
- package/lib/components/rows/row/Row.native.js +5 -5
- package/lib/components/rows/row/RowProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollView.d.ts +1 -1
- package/lib/components/scroll-view/ScrollView.js +4 -3
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -3
- package/lib/components/scroll-view/ScrollView.native.js +13 -12
- package/lib/components/scroll-view/ScrollViewProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +7 -1
- package/lib/components/section/Section.d.ts +2 -2
- package/lib/components/section/Section.js +7 -5
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +16 -19
- package/lib/components/section/SectionProps.d.ts +8 -0
- package/lib/components/section/SectionPropsDefaults.js +14 -1
- package/lib/components/segment-control/SegmentControl.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.js +9 -7
- package/lib/components/segment-control/SegmentControl.native.d.ts +2 -6
- package/lib/components/segment-control/SegmentControl.native.js +11 -9
- package/lib/components/segment-control/SegmentControlProps.d.ts +3 -0
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +3 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.js +12 -10
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -6
- package/lib/components/segment-control/item/SegmentControlItem.native.js +9 -9
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -0
- package/lib/components/select/PropsDefaults.js +169 -0
- package/lib/components/select/Select.d.ts +20 -5
- package/lib/components/select/Select.js +47 -10
- package/lib/components/select/Select.native.d.ts +3 -7
- package/lib/components/select/Select.native.js +14 -12
- package/lib/components/select/SelectChangeEventDefaults.js +4 -0
- package/lib/components/select/SelectChangeEventNativeDefaults.js +37 -0
- package/lib/components/select/SelectEnum.d.ts +5 -0
- package/lib/components/select/SelectEnum.js +6 -0
- package/lib/components/select/SelectNativePropsDefaults.js +204 -0
- package/lib/components/select/SelectProps.d.ts +24 -6
- package/lib/components/select/SelectPropsDefaults.js +42 -9
- package/lib/components/select/context/index.d.ts +13 -0
- package/lib/components/select/context/index.js +10 -0
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +47 -12
- package/lib/components/select/option/SelectOption.native.d.ts +3 -6
- package/lib/components/select/option/SelectOption.native.js +19 -21
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -0
- package/lib/components/select/web/SelectDynamic.d.ts +5 -3
- package/lib/components/select/web/SelectDynamic.js +68 -178
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +23 -10
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +7 -5
- package/lib/components/spacer/Spacer.native.d.ts +3 -6
- package/lib/components/spacer/Spacer.native.js +4 -4
- package/lib/components/spacer/SpacerProps.d.ts +3 -0
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +8 -6
- package/lib/components/stepper/Stepper.native.d.ts +3 -6
- package/lib/components/stepper/Stepper.native.js +10 -8
- package/lib/components/stepper/StepperProps.d.ts +3 -0
- package/lib/components/stepper/step/Step.d.ts +2 -2
- package/lib/components/stepper/step/Step.js +7 -5
- package/lib/components/stepper/step/Step.native.d.ts +3 -7
- package/lib/components/stepper/step/Step.native.js +7 -10
- package/lib/components/stepper/step/StepProps.d.ts +3 -0
- package/lib/components/sticker/Sticker.d.ts +4 -3
- package/lib/components/sticker/Sticker.js +13 -7
- package/lib/components/sticker/Sticker.native.d.ts +4 -6
- package/lib/components/sticker/Sticker.native.js +22 -13
- package/lib/components/sticker/StickerProps.d.ts +5 -2
- package/lib/components/sticker/StickerPropsDefaults.js +9 -2
- package/lib/components/sticker/index.d.ts +0 -1
- package/lib/components/sticker/index.js +1 -2
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +8 -7
- package/lib/components/switch/Switch.native.d.ts +4 -7
- package/lib/components/switch/Switch.native.js +13 -15
- package/lib/components/switch/SwitchProps.d.ts +3 -0
- package/lib/components/table/Table.d.ts +3 -3
- package/lib/components/table/Table.js +7 -5
- package/lib/components/table/Table.native.d.ts +3 -6
- package/lib/components/table/Table.native.js +4 -4
- package/lib/components/table/TableProps.d.ts +3 -0
- package/lib/components/table/TableProps.js +1 -1
- package/lib/components/table/body/TableBody.d.ts +3 -3
- package/lib/components/table/body/TableBody.js +7 -5
- package/lib/components/table/body/TableBody.native.d.ts +3 -6
- package/lib/components/table/body/TableBody.native.js +4 -4
- package/lib/components/table/body/TableBodyProps.d.ts +3 -0
- package/lib/components/table/body/TableBodyPropsDefaults.js +14 -2
- package/lib/components/table/head/TableHead.d.ts +3 -3
- package/lib/components/table/head/TableHead.js +7 -5
- package/lib/components/table/head/TableHead.native.d.ts +3 -6
- package/lib/components/table/head/TableHead.native.js +4 -4
- package/lib/components/table/head/TableHeadProps.d.ts +3 -0
- package/lib/components/table/head/TableHeadPropsDefaults.js +14 -2
- package/lib/components/table/td/TableTd.d.ts +3 -3
- package/lib/components/table/td/TableTd.js +7 -5
- package/lib/components/table/td/TableTd.native.d.ts +3 -6
- package/lib/components/table/td/TableTd.native.js +4 -4
- package/lib/components/table/td/TableTdProps.d.ts +3 -0
- package/lib/components/table/th/TableTh.d.ts +3 -3
- package/lib/components/table/th/TableTh.js +7 -5
- package/lib/components/table/th/TableTh.native.d.ts +2 -6
- package/lib/components/table/th/TableTh.native.js +4 -4
- package/lib/components/table/th/TableThProps.d.ts +3 -0
- package/lib/components/table/tr/TableTr.d.ts +3 -3
- package/lib/components/table/tr/TableTr.js +7 -5
- package/lib/components/table/tr/TableTr.native.d.ts +2 -6
- package/lib/components/table/tr/TableTr.native.js +5 -5
- package/lib/components/table/tr/TableTrProps.d.ts +3 -1
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +7 -1
- package/lib/components/tabs/Tabs.d.ts +6 -7
- package/lib/components/tabs/Tabs.js +27 -17
- package/lib/components/tabs/Tabs.native.d.ts +11 -0
- package/lib/components/tabs/Tabs.native.js +32 -0
- package/lib/components/tabs/TabsProps.d.ts +4 -0
- package/lib/components/tabs/TabsPropsDefaults.js +14 -2
- package/lib/components/tabs/context/index.d.ts +10 -0
- package/lib/components/tabs/context/index.js +9 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabList.js +75 -9
- package/lib/components/tabs/tab-list/TabList.native.d.ts +14 -0
- package/lib/components/tabs/tab-list/TabList.native.js +83 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +3 -1
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +6 -5
- package/lib/components/tabs/tab-list/tab/Tab.js +37 -44
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +64 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +9 -9
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +2 -2
- package/lib/components/tabs/tab-panels/TabPanels.js +14 -7
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +13 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +33 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +2 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +13 -7
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +11 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +44 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +3 -0
- package/lib/components/tag/Tag.d.ts +3 -3
- package/lib/components/tag/Tag.js +8 -6
- package/lib/components/tag/Tag.native.d.ts +3 -6
- package/lib/components/tag/Tag.native.js +10 -11
- package/lib/components/tag/TagProps.d.ts +3 -6
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/tag/list/TagList.native.d.ts +3 -6
- package/lib/components/tag/list/TagList.native.js +5 -4
- package/lib/components/tag/list/TagListProps.d.ts +3 -0
- package/lib/components/tag/list/TagListPropsDefaults.js +3 -1
- package/lib/components/text/Text.d.ts +3 -4
- package/lib/components/text/Text.js +7 -6
- package/lib/components/text/Text.native.d.ts +3 -7
- package/lib/components/text/Text.native.js +12 -12
- package/lib/components/text/TextProps.d.ts +3 -0
- package/lib/components/textarea/Textarea.d.ts +3 -3
- package/lib/components/textarea/Textarea.js +32 -29
- package/lib/components/textarea/Textarea.native.d.ts +31 -2
- package/lib/components/textarea/Textarea.native.js +15 -11
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +7 -5
- package/lib/components/timeline/Timeline.native.d.ts +2 -5
- package/lib/components/timeline/Timeline.native.js +4 -4
- package/lib/components/timeline/TimelineProps.d.ts +3 -0
- package/lib/components/timeline/content/TimelineContent.d.ts +6 -4
- package/lib/components/timeline/content/TimelineContent.js +15 -11
- package/lib/components/timeline/content/TimelineContent.native.d.ts +6 -10
- package/lib/components/timeline/content/TimelineContent.native.js +13 -14
- package/lib/components/timeline/content/TimelineContentProps.d.ts +3 -0
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +7 -5
- package/lib/components/timeline/item/TimelineItem.native.d.ts +3 -6
- package/lib/components/timeline/item/TimelineItem.native.js +6 -6
- package/lib/components/timeline/item/TimelineItemProps.d.ts +3 -0
- package/lib/components/timeline/marker/TimelineMarker.d.ts +4 -4
- package/lib/components/timeline/marker/TimelineMarker.js +8 -6
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +4 -7
- package/lib/components/timeline/marker/TimelineMarker.native.js +13 -11
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -0
- package/lib/components/title/Title.d.ts +4 -4
- package/lib/components/title/Title.js +7 -5
- package/lib/components/title/Title.native.d.ts +4 -7
- package/lib/components/title/Title.native.js +32 -39
- package/lib/components/title/TitleProps.d.ts +3 -0
- package/lib/components/title/TitlePropsDefaults.js +3 -3
- package/lib/components/view/View.d.ts +4 -4
- package/lib/components/view/View.js +6 -6
- package/lib/components/view/View.native.d.ts +2 -6
- package/lib/components/view/View.native.js +6 -6
- package/lib/components/view/ViewProps.d.ts +11 -2
- package/lib/components/view/ViewProps.js +8 -1
- package/lib/components/view/ViewPropsDefaults.js +34 -10
- package/lib/context/index.d.ts +1 -1
- package/lib/context/provider.d.ts +2 -1
- package/lib/context/provider.js +6 -4
- package/lib/context/providerStyled.js +5 -5
- package/lib/events/OnClickEvent.d.ts +1 -1
- package/lib/helpers/device.d.ts +3 -0
- package/lib/helpers/device.js +5 -4
- package/lib/helpers/device.native.d.ts +19 -0
- package/lib/helpers/device.native.js +36 -0
- package/lib/helpers/hashClassesHelpers.d.ts +1 -1
- package/lib/helpers/hashClassesHelpers.js +5 -5
- package/lib/helpers/require.d.ts +2 -0
- package/lib/helpers/require.js +3 -0
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/objects/Typography/TypographyColor.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +36 -38
- package/lib/objects/facets/Alignable.d.ts +8 -1
- package/lib/objects/facets/Alignable.js +17 -1
- package/lib/objects/facets/Color.d.ts +7 -4
- package/lib/objects/facets/Color.js +12 -2
- package/lib/objects/facets/Direction.d.ts +7 -0
- package/lib/objects/facets/Direction.js +8 -0
- package/lib/objects/facets/Justifiable.d.ts +14 -5
- package/lib/objects/facets/Justifiable.js +44 -13
- package/lib/objects/facets/index.d.ts +1 -0
- package/lib/objects/facets/index.js +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/lib/version.json +3 -0
- package/package.json +18 -6
- package/lib/components/sticker/StickerEnum.d.ts +0 -24
- package/lib/components/sticker/StickerEnum.js +0 -19
- package/lib/components/tag/TagClickEventDefaults.js +0 -1
- package/lib/hash.json +0 -3
|
@@ -1,38 +1,47 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
4
|
-
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
1
|
+
import React, { useId } from 'react';
|
|
2
|
+
import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
|
|
5
3
|
import { Text } from '../../../components/text';
|
|
4
|
+
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
6
|
import { useGauge } from './hook/useGauge';
|
|
7
7
|
var InputGauge = function (_a) {
|
|
8
|
-
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
9
|
-
var
|
|
8
|
+
var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
|
|
9
|
+
var id = useId();
|
|
10
|
+
var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
|
|
10
11
|
return (React.createElement(View, null,
|
|
11
12
|
React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE) }] },
|
|
12
|
-
React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge }] })),
|
|
13
|
+
React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })),
|
|
13
14
|
React.createElement(View, { style: styles.verifies },
|
|
14
|
-
React.createElement(
|
|
15
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText }),
|
|
16
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
17
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
18
|
-
|
|
19
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.
|
|
20
|
-
|
|
15
|
+
validationRules && (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText, index: 1 }),
|
|
17
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Majuscule', index: 2 }),
|
|
18
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Caract\u00E8res sp\u00E9ciaux', index: 3 }),
|
|
19
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Minuscule', index: 4 }),
|
|
20
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Chiffre', index: 5 }))),
|
|
21
|
+
securityRules &&
|
|
22
|
+
rules &&
|
|
23
|
+
rules.map(function (rule, index) { return (React.createElement(DataVerify, { index: index + 1, key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES })); }))));
|
|
21
24
|
};
|
|
22
25
|
var DataVerify = function (_a) {
|
|
23
|
-
var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type;
|
|
26
|
+
var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type, index = _a.index;
|
|
24
27
|
if (!display)
|
|
25
28
|
return null;
|
|
26
|
-
return (React.createElement(View, { style: styles.verify },
|
|
29
|
+
return (React.createElement(View, { style: [styles.verify, index % 2 === 0 ? styles.even : undefined] },
|
|
27
30
|
React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
|
|
28
31
|
React.createElement(Text, { style: styles.textVerify }, type)));
|
|
29
32
|
};
|
|
30
33
|
export default InputGauge;
|
|
31
34
|
var styles = StyleSheet.create({
|
|
35
|
+
even: {
|
|
36
|
+
justifyContent: 'flex-end',
|
|
37
|
+
},
|
|
32
38
|
verify: {
|
|
33
39
|
flexDirection: 'row',
|
|
34
40
|
alignItems: 'center',
|
|
35
41
|
marginBottom: 4,
|
|
42
|
+
flexBasis: '50%',
|
|
43
|
+
flexGrow: 0,
|
|
44
|
+
flexShrink: 1,
|
|
36
45
|
},
|
|
37
46
|
textVerify: {
|
|
38
47
|
marginLeft: 8,
|
|
@@ -40,6 +49,7 @@ var styles = StyleSheet.create({
|
|
|
40
49
|
verifies: {
|
|
41
50
|
flexDirection: 'row',
|
|
42
51
|
justifyContent: 'space-between',
|
|
52
|
+
flexWrap: 'wrap',
|
|
43
53
|
},
|
|
44
54
|
containerGauge: {
|
|
45
55
|
height: 4,
|
|
@@ -52,4 +62,4 @@ var styles = StyleSheet.create({
|
|
|
52
62
|
borderRadius: 4,
|
|
53
63
|
},
|
|
54
64
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFnQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBK0Q7UUFBN0QsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQzlELElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxj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
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { IValidationRules } from '../../../../components/input/InputProps';
|
|
2
1
|
import { IconColor } from '../../../../components/icon';
|
|
2
|
+
import { ISecurityRules, IValidationRules } from '../../../../components/input/InputProps';
|
|
3
3
|
interface IParams {
|
|
4
4
|
validationRules?: IValidationRules;
|
|
5
5
|
inputValue: string;
|
|
6
|
+
securityRules?: ISecurityRules[];
|
|
6
7
|
}
|
|
7
|
-
export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
|
|
8
|
+
export declare const useGauge: ({ validationRules, inputValue, securityRules }: IParams) => {
|
|
8
9
|
LengthvalidationRulesText: string;
|
|
9
|
-
colorGauge: string;
|
|
10
|
+
colorGauge: () => string;
|
|
10
11
|
widthGauge: string;
|
|
11
12
|
isLengthVerify: {
|
|
12
13
|
isVerify: boolean;
|
|
@@ -28,5 +29,12 @@ export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
|
|
|
28
29
|
isVerify: boolean;
|
|
29
30
|
color: IconColor;
|
|
30
31
|
};
|
|
32
|
+
rules: {
|
|
33
|
+
label: string | undefined;
|
|
34
|
+
validate: boolean;
|
|
35
|
+
dataAttribute: {
|
|
36
|
+
[key: string]: string | number | boolean;
|
|
37
|
+
} | undefined;
|
|
38
|
+
}[] | undefined;
|
|
31
39
|
};
|
|
32
40
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React, { useEffect, useMemo } from 'react';
|
|
3
|
-
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
4
3
|
import { IconColor } from '../../../../components/icon';
|
|
4
|
+
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
5
5
|
export var useGauge = function (_a) {
|
|
6
6
|
var _b, _c;
|
|
7
|
-
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
7
|
+
var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
|
|
8
8
|
var _d = __read(React.useState(0), 2), points = _d[0], setPoints = _d[1];
|
|
9
9
|
var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
|
|
10
10
|
var _e = __read(React.useState(initStateVerifies), 2), isLengthVerify = _e[0], setIsLengthVerify = _e[1];
|
|
@@ -12,27 +12,50 @@ export var useGauge = function (_a) {
|
|
|
12
12
|
var _g = __read(React.useState(initStateVerifies), 2), isNumberVerify = _g[0], setIsNumberVerify = _g[1];
|
|
13
13
|
var _h = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _h[0], setIsUppercaseVerify = _h[1];
|
|
14
14
|
var _j = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _j[0], setisLowerercaseVerify = _j[1];
|
|
15
|
-
var nbAllVerifies = React.useMemo(function () {
|
|
15
|
+
var nbAllVerifies = React.useMemo(function () {
|
|
16
|
+
return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) ||
|
|
17
|
+
(securityRules && securityRules.length) ||
|
|
18
|
+
0;
|
|
19
|
+
}, [validationRules, securityRules]);
|
|
20
|
+
var rules = React.useMemo(function () {
|
|
21
|
+
return securityRules &&
|
|
22
|
+
securityRules.map(function (_a) {
|
|
23
|
+
var label = _a.label, patternValidator = _a.patternValidator, dataAttribute = _a.dataAttribute;
|
|
24
|
+
return ({
|
|
25
|
+
label: label,
|
|
26
|
+
validate: !!(patternValidator === null || patternValidator === void 0 ? void 0 : patternValidator.test(inputValue)),
|
|
27
|
+
dataAttribute: dataAttribute,
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
}, [inputValue, securityRules]);
|
|
31
|
+
var calcPoints = React.useMemo(function () {
|
|
32
|
+
if (validationRules) {
|
|
33
|
+
return Number(((points / nbAllVerifies) * 100).toFixed(0));
|
|
34
|
+
}
|
|
35
|
+
if (securityRules) {
|
|
36
|
+
var pts = (rules === null || rules === void 0 ? void 0 : rules.filter(function (rule) { return rule.validate; }).length) || 0;
|
|
37
|
+
return Number(((pts / nbAllVerifies) * 100).toFixed(0));
|
|
38
|
+
}
|
|
39
|
+
return 0;
|
|
40
|
+
}, [points, nbAllVerifies, rules, validationRules, securityRules]);
|
|
16
41
|
var widthGauge = React.useMemo(function () {
|
|
17
|
-
|
|
18
|
-
if (calc <= 50 && calc > 0)
|
|
42
|
+
if (calcPoints <= 50 && calcPoints > 0)
|
|
19
43
|
return '50%';
|
|
20
|
-
if (
|
|
44
|
+
if (calcPoints <= 99 && calcPoints > 50)
|
|
21
45
|
return '75%';
|
|
22
|
-
if (
|
|
46
|
+
if (calcPoints === 100)
|
|
23
47
|
return '100%';
|
|
24
48
|
return '0%';
|
|
25
|
-
}, [
|
|
26
|
-
var colorGauge =
|
|
27
|
-
|
|
28
|
-
if (calc <= 50 && calc > 0)
|
|
49
|
+
}, [calcPoints, nbAllVerifies]);
|
|
50
|
+
var colorGauge = function () {
|
|
51
|
+
if (calcPoints <= 50 && calcPoints > 0)
|
|
29
52
|
return getColorStyle(TrilogyColor.ERROR);
|
|
30
|
-
if (
|
|
53
|
+
if (calcPoints <= 99 && calcPoints > 50)
|
|
31
54
|
return getColorStyle(TrilogyColor.WARNING);
|
|
32
|
-
if (
|
|
55
|
+
if (calcPoints === 100)
|
|
33
56
|
return getColorStyle(TrilogyColor.SUCCESS);
|
|
34
57
|
return getColorStyle(TrilogyColor.NEUTRAL_FADE);
|
|
35
|
-
}
|
|
58
|
+
};
|
|
36
59
|
var LengthvalidationRulesText = useMemo(function () {
|
|
37
60
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
38
61
|
switch (true) {
|
|
@@ -75,6 +98,7 @@ export var useGauge = function (_a) {
|
|
|
75
98
|
isNumberVerify: isNumberVerify,
|
|
76
99
|
isSpecialCharsVerify: isSpecialCharsVerify,
|
|
77
100
|
isUppercaseVerify: isUppercaseVerify,
|
|
101
|
+
rules: rules,
|
|
78
102
|
};
|
|
79
103
|
};
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBUXZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXVEOztRQUFyRCxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBOUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE2QixDQUFBO0lBQ3JELElBQU0saUJBQWlCLEdBQUcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUsdUJBQXVCLFFBQXFDLENBQUE7SUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEs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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { LinkProps } from './LinkProps';
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { LinkProps, LinkRef } from './LinkProps';
|
|
3
3
|
/**
|
|
4
4
|
* Link Component
|
|
5
5
|
* @param children {React.ReactNode} Content children for Link
|
|
@@ -13,11 +13,11 @@ import { LinkProps } from './LinkProps';
|
|
|
13
13
|
* @param inverted {boolean} Inverted link
|
|
14
14
|
* @param others
|
|
15
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
|
-
* @param className {string}
|
|
16
|
+
* @param className {string} Additional CSS Classes
|
|
17
17
|
* @param href {string} Href link
|
|
18
18
|
* @param routerLink Custom Router Link as props
|
|
19
19
|
* @param blank Link Target Blank
|
|
20
20
|
* -------------------------- NATIVE PROPERTIES -------------------------------
|
|
21
21
|
*/
|
|
22
|
-
declare const Link:
|
|
22
|
+
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<LinkRef>>;
|
|
23
23
|
export default Link;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { has, is } from '../../services/classify';
|
|
5
2
|
import { Icon, IconSize } from '../../components/icon';
|
|
6
|
-
import { hashClass } from '../../helpers';
|
|
7
3
|
import { useTrilogyContext } from '../../context';
|
|
4
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
+
import { has, is } from '../../services/classify';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
8
9
|
/**
|
|
9
10
|
* Link Component
|
|
10
11
|
* @param children {React.ReactNode} Content children for Link
|
|
@@ -18,33 +19,34 @@ import { useTrilogyContext } from '../../context';
|
|
|
18
19
|
* @param inverted {boolean} Inverted link
|
|
19
20
|
* @param others
|
|
20
21
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
21
|
-
* @param className {string}
|
|
22
|
+
* @param className {string} Additional CSS Classes
|
|
22
23
|
* @param href {string} Href link
|
|
23
24
|
* @param routerLink Custom Router Link as props
|
|
24
25
|
* @param blank Link Target Blank
|
|
25
26
|
* -------------------------- NATIVE PROPERTIES -------------------------------
|
|
26
27
|
*/
|
|
27
|
-
var Link = function (_a) {
|
|
28
|
+
var Link = React.forwardRef(function (_a, ref) {
|
|
28
29
|
var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, title = _a.title, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title"]);
|
|
29
30
|
var styled = useTrilogyContext().styled;
|
|
30
|
-
var classes = clsx('link', iconName && has('icon'), inverted && is('inverted'), className);
|
|
31
|
+
var classes = hashClass(styled, clsx('link', iconName && has('icon'), inverted && is('inverted'), className));
|
|
31
32
|
if (routerLink && to) {
|
|
32
33
|
var RouterLink_1 = (routerLink ? routerLink : 'a');
|
|
33
34
|
var RouterLinkTrilogy = function () {
|
|
34
|
-
return (React.createElement(RouterLink_1, __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
|
|
35
|
+
return (React.createElement(RouterLink_1, __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
|
|
35
36
|
target: '_blank',
|
|
36
37
|
}), others), children));
|
|
37
38
|
};
|
|
38
39
|
return React.createElement(RouterLinkTrilogy, null);
|
|
39
40
|
}
|
|
40
41
|
var LinkTrilogy = function () {
|
|
41
|
-
return (React.createElement("a", __assign({ id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
|
|
42
|
+
return (React.createElement("a", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
|
|
42
43
|
target: '_blank',
|
|
43
44
|
}), others), iconName ? (React.createElement(React.Fragment, null,
|
|
44
45
|
React.createElement("span", null, children),
|
|
45
46
|
React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
|
|
46
47
|
};
|
|
47
48
|
return React.createElement(LinkTrilogy, null);
|
|
48
|
-
};
|
|
49
|
+
});
|
|
50
|
+
Link.displayName = ComponentName.Link;
|
|
49
51
|
export default Link;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBRUgsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsVUFDRSxFQWNDLEVBQ0QsR0FBRztJQWRELElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1Asa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDRixNQUFNLGNBYlgsc0lBY0MsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRyxJQUFJLFVBQVUsSUFBSSxFQUFFLEVBQUU7UUFDcEIsSUFBTSxZQUFVLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFzQixDQUFBO1FBRXZFLElBQU0saUJBQWlCLEdBQUc7WUFDeEIsT0FBTyxDQUNMLG9CQUFDLFlBQVUsYUFDVCxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQzNDLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUNSLENBQUMsS0FBSyxJQUFJO2dCQUNaLE1BQU0sRUFBRSxRQUFRO2FBQ2pCLENBQUMsRUFDRSxNQUFNLEdBRVQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtRQUNILENBQUMsQ0FBQTtRQUVELE9BQU8sb0JBQUMsaUJBQWlCLE9BQUcsQ0FBQTtLQUM3QjtJQUVELElBQU0sV0FBVyxHQUFHO1FBQ2xCLE9BQU8sQ0FDTCxvQ0FDRSxHQUFHLEVBQUUsR0FBbUMsRUFDeEMsRUFBRSxFQUFFLEVBQUUsZ0JBQ00sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxFQUMzQixTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sQ0FBQyxLQUFLLElBQUk7WUFDWixNQUFNLEVBQUUsUUFBUTtTQUNqQixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDVjtZQUNFLGtDQUFPLFFBQVEsQ0FBUTtZQUN2QixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FBSSxDQUM3QyxDQUNKLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0MsQ0FDTCxDQUFBO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsT0FBTyxvQkFBQyxXQUFXLE9BQUcsQ0FBQTtBQUN4QixDQUFDLENBQ0YsQ0FBQTtBQUVELElBQUksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQTtBQUNyQyxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Text } from 'react-native';
|
|
3
|
+
import { LinkPropsNative } from './LinkProps';
|
|
4
4
|
/**
|
|
5
5
|
* Link Component
|
|
6
6
|
* @param to {string} Url to open
|
|
@@ -9,12 +9,8 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
10
|
* @param testId {string} id for test
|
|
11
11
|
* @param accessibilityLabel {string}
|
|
12
|
-
* @param inline {boolean} If link is inside paragraphe
|
|
13
12
|
* @param iconName {IconName} Adding Icon Link
|
|
14
13
|
* @param inverted {boolean} Inverted link
|
|
15
14
|
*/
|
|
16
|
-
declare const Link:
|
|
17
|
-
({ children, to, onClick, testId, accessibilityLabel, inline, iconName, inverted, ...others }: LinkProps): JSX.Element;
|
|
18
|
-
displayName: ComponentName;
|
|
19
|
-
};
|
|
15
|
+
declare const Link: React.ForwardRefExoticComponent<LinkPropsNative & React.RefAttributes<Text>>;
|
|
20
16
|
export default Link;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { Linking, Platform, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
-
import { TextLevels } from '../../components/text';
|
|
6
|
-
import { Icon } from '../../components/icon';
|
|
7
|
-
import { Spacer, SpacerSize } from '../../components/spacer';
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
8
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon } from '../../components/icon';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import * as React from 'react';
|
|
6
|
+
import { useState } from 'react';
|
|
7
|
+
import { Linking, StyleSheet, Text, View } from 'react-native';
|
|
9
8
|
/**
|
|
10
9
|
* Link Component
|
|
11
10
|
* @param to {string} Url to open
|
|
@@ -14,75 +13,28 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
14
13
|
* @param children {React.ReactNode}
|
|
15
14
|
* @param testId {string} id for test
|
|
16
15
|
* @param accessibilityLabel {string}
|
|
17
|
-
* @param inline {boolean} If link is inside paragraphe
|
|
18
16
|
* @param iconName {IconName} Adding Icon Link
|
|
19
17
|
* @param inverted {boolean} Inverted link
|
|
20
18
|
*/
|
|
21
|
-
var Link = function (_a) {
|
|
22
|
-
var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel,
|
|
23
|
-
var
|
|
24
|
-
return ((level && level == TextLevels.ONE && 16) ||
|
|
25
|
-
(level && level == TextLevels.TWO && 14) ||
|
|
26
|
-
(level && level == TextLevels.THREE && 12) ||
|
|
27
|
-
(level && level == TextLevels.FOUR && 10) ||
|
|
28
|
-
10);
|
|
29
|
-
};
|
|
30
|
-
var getHeightLinkAndroid = function (level) {
|
|
31
|
-
return ((level && level == TextLevels.ONE && 20) ||
|
|
32
|
-
(level && level == TextLevels.TWO && 18) ||
|
|
33
|
-
(level && level == TextLevels.THREE && 15) ||
|
|
34
|
-
(level && level == TextLevels.FOUR && 13) ||
|
|
35
|
-
14);
|
|
36
|
-
};
|
|
19
|
+
var Link = React.forwardRef(function (_a, ref) {
|
|
20
|
+
var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "iconName", "inverted"]);
|
|
21
|
+
var _b = __read(useState(false), 2), pressedLink = _b[0], setPressedLink = _b[1];
|
|
37
22
|
var styles = StyleSheet.create({
|
|
38
|
-
linkAlignement: {
|
|
39
|
-
alignSelf: 'baseline',
|
|
40
|
-
},
|
|
41
|
-
container: {
|
|
42
|
-
padding: inline ? 4 : 8,
|
|
43
|
-
marginTop: inline ? -4 : 0,
|
|
44
|
-
marginBottom: inline ? -3 : -10,
|
|
45
|
-
paddingLeft: inline ? 4 : 0,
|
|
46
|
-
paddingRight: inline ? 4 : 0,
|
|
47
|
-
},
|
|
48
|
-
androidContainer: {
|
|
49
|
-
paddingLeft: inline ? 2 : 0,
|
|
50
|
-
paddingRight: inline ? 2 : 0,
|
|
51
|
-
},
|
|
52
23
|
link: {
|
|
53
|
-
color: (inverted &&
|
|
54
|
-
fontSize: 14,
|
|
55
|
-
lineHeight: 14,
|
|
56
|
-
textDecorationStyle: 'solid',
|
|
57
|
-
textDecorationLine: 'underline',
|
|
58
|
-
},
|
|
59
|
-
androidLink: {
|
|
60
|
-
color: (inverted && getColorStyle(TrilogyColor.BACKGROUND)) || getColorStyle(TrilogyColor.MAIN),
|
|
24
|
+
color: getColorStyle((pressedLink && TrilogyColor.MAIN_FADE) || (inverted && TrilogyColor.BACKGROUND) || TrilogyColor.MAIN),
|
|
61
25
|
fontSize: 14,
|
|
62
|
-
lineHeight: 14,
|
|
63
|
-
height: 'auto',
|
|
64
26
|
textDecorationStyle: 'solid',
|
|
65
27
|
textDecorationLine: 'underline',
|
|
66
28
|
},
|
|
67
29
|
iconView: {
|
|
68
30
|
flexDirection: 'row',
|
|
69
|
-
|
|
70
|
-
alignItems: 'flex-end',
|
|
31
|
+
alignItems: 'center',
|
|
71
32
|
},
|
|
72
33
|
icon: {
|
|
73
|
-
|
|
74
|
-
paddingRight: 4,
|
|
34
|
+
marginLeft: 4,
|
|
75
35
|
},
|
|
76
36
|
});
|
|
77
|
-
|
|
78
|
-
var linkAccessibilityLabel = accessibilityLabel
|
|
79
|
-
? accessibilityLabel
|
|
80
|
-
: typeof children === 'string'
|
|
81
|
-
? children
|
|
82
|
-
: 'NotSpecified';
|
|
83
|
-
return (React.createElement(View, { style: Platform.OS === 'android'
|
|
84
|
-
? [styles.linkAlignement, styles.androidContainer]
|
|
85
|
-
: [styles.linkAlignement, styles.container], accessible: !!linkAccessibilityLabel, accessibilityLabel: linkAccessibilityLabel, testID: linkTestId }, children && typeof children.valueOf() === 'string' ? (React.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: function (e) {
|
|
37
|
+
return (React.createElement(React.Fragment, null, children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { ref: ref, testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
|
|
86
38
|
if (to) {
|
|
87
39
|
Linking.openURL(to || '');
|
|
88
40
|
}
|
|
@@ -91,8 +43,8 @@ var Link = function (_a) {
|
|
|
91
43
|
}
|
|
92
44
|
} }, iconName ? (React.createElement(View, { style: styles.iconView },
|
|
93
45
|
React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
|
|
94
|
-
React.createElement(
|
|
95
|
-
|
|
46
|
+
React.createElement(View, { style: styles.icon },
|
|
47
|
+
React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' })))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children)))) : (React.createElement(Text, { testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
|
|
96
48
|
if (to) {
|
|
97
49
|
Linking.openURL(to || '');
|
|
98
50
|
}
|
|
@@ -100,7 +52,7 @@ var Link = function (_a) {
|
|
|
100
52
|
onClick(e);
|
|
101
53
|
}
|
|
102
54
|
} }, children))));
|
|
103
|
-
};
|
|
55
|
+
});
|
|
104
56
|
Link.displayName = ComponentName.Link;
|
|
105
57
|
export default Link;
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzlEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQW9GLEVBQUUsR0FBRztJQUF2RixJQUFBLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbEYscUZBQW9GLENBQUY7SUFDM0UsSUFBQSxLQUFBLE9BQWdDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBQSxFQUE5QyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQW1CLENBQUE7SUFFckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUNsQixDQUFDLFdBQVcsSUFBSSxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLFVBQVUsQ0FBQyxJQUFJLFlBQVksQ0FBQyxJ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
|