@trilogy-ds/react 0.0.1-beta-148 → 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 +3 -6
- package/lib/components/accordion/Accordion.js +10 -13
- package/lib/components/accordion/AccordionProps.d.ts +4 -3
- package/lib/components/accordion/AccordionPropsDefaults.js +2 -2
- package/lib/components/accordion/body/AccordionBody.d.ts +11 -0
- package/lib/components/accordion/body/AccordionBody.js +22 -0
- package/lib/components/accordion/{item/body → body}/AccordionBody.native.d.ts +1 -1
- package/lib/components/accordion/body/AccordionBody.native.js +18 -0
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +9 -0
- package/lib/components/accordion/body/AccordionBodyProps.js +2 -0
- package/lib/components/accordion/{item/body → body}/index.js +1 -1
- package/lib/components/accordion/header/AccordionHeader.d.ts +11 -0
- package/lib/components/accordion/header/AccordionHeader.js +19 -0
- package/lib/components/accordion/{item/header → header}/AccordionHeader.native.d.ts +1 -1
- package/lib/components/accordion/header/AccordionHeader.native.js +21 -0
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +10 -0
- package/lib/components/accordion/header/AccordionHeaderProps.js +2 -0
- package/lib/components/{rows/row/RowPropsDefaults.js → accordion/header/AccordionHeaderPropsDefaults.js} +8 -8
- package/lib/components/accordion/{item/header → header}/index.js +1 -1
- package/lib/components/accordion/index.d.ts +2 -2
- package/lib/components/accordion/index.js +3 -3
- package/lib/components/accordion/item/AccordionItem.d.ts +4 -2
- package/lib/components/accordion/item/AccordionItem.js +59 -12
- package/lib/components/accordion/item/AccordionItem.native.d.ts +3 -1
- package/lib/components/accordion/item/AccordionItem.native.js +13 -7
- package/lib/components/accordion/item/AccordionItemProps.d.ts +8 -4
- package/lib/components/accordion/item/AccordionItemPropsDefaults.js +21 -7
- package/lib/components/alert/Alert.d.ts +2 -2
- package/lib/components/alert/Alert.js +22 -22
- package/lib/components/alert/Alert.native.d.ts +3 -3
- package/lib/components/alert/Alert.native.js +34 -34
- package/lib/components/alert/AlertProps.d.ts +3 -3
- package/lib/components/alert/AlertProps.js +1 -1
- package/lib/components/alert/AlertPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToastPropsDefaults.js +7 -7
- package/lib/components/alert/context/ToasterContextProps.d.ts +0 -1
- package/lib/components/autocomplete/AutoComplete.js +4 -4
- package/lib/components/autocomplete/AutoComplete.native.d.ts +2 -2
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -5
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +84 -69
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +84 -69
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -2
- package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js +0 -14
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +3 -3
- package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js +7 -14
- package/lib/components/badge/Badge.d.ts +6 -7
- package/lib/components/badge/Badge.js +24 -44
- package/lib/components/badge/Badge.native.d.ts +7 -3
- package/lib/components/badge/Badge.native.js +29 -13
- package/lib/components/badge/BadgeEnum.d.ts +3 -9
- package/lib/components/badge/BadgeEnum.js +5 -11
- package/lib/components/badge/BadgeProps.d.ts +6 -7
- package/lib/components/badge/BadgePropsDefaults.js +15 -47
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/index.js +2 -1
- package/lib/components/box/Box.d.ts +6 -2
- package/lib/components/box/Box.js +26 -17
- package/lib/components/box/Box.native.d.ts +2 -1
- package/lib/components/box/Box.native.js +5 -4
- package/lib/components/box/BoxProps.d.ts +11 -5
- package/lib/components/box/BoxProps.js +6 -2
- package/lib/components/box/BoxPropsDefaults.js +32 -21
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +2 -2
- package/lib/components/box/content/BoxContentPropsDefaults.js +9 -16
- package/lib/components/box/footer/BoxFooter.d.ts +2 -4
- package/lib/components/box/footer/BoxFooter.js +9 -11
- package/lib/components/box/footer/BoxFooterProps.d.ts +2 -2
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +9 -16
- package/lib/components/box/header/BoxHeader.d.ts +3 -2
- package/lib/components/box/header/BoxHeader.js +14 -18
- package/lib/components/box/header/BoxHeader.native.d.ts +3 -6
- package/lib/components/box/header/BoxHeader.native.js +20 -24
- package/lib/components/box/header/BoxHeaderProps.d.ts +5 -7
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +29 -49
- package/lib/components/box/item/BoxItem.d.ts +2 -2
- package/lib/components/box/item/BoxItem.js +7 -7
- package/lib/components/box/item/BoxItemProps.d.ts +2 -2
- package/lib/components/box/item/BoxItemPropsDefaults.js +7 -14
- package/lib/components/breadcrumb/Breadcrumb.d.ts +3 -3
- package/lib/components/breadcrumb/Breadcrumb.js +9 -9
- package/lib/components/breadcrumb/Breadcrumb.native.js +2 -2
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +2 -2
- package/lib/components/breadcrumb/BreadcrumbWebPropsDefaults.js +7 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +2 -4
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +12 -14
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +2 -2
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +7 -14
- package/lib/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.js +7 -7
- package/lib/components/button/ButtonProps.d.ts +3 -2
- package/lib/components/button/ButtonPropsDefaults.js +14 -14
- package/lib/components/button/list/ButtonList.d.ts +7 -2
- package/lib/components/button/list/ButtonList.js +13 -9
- package/lib/components/button/list/ButtonListProps.d.ts +4 -6
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +11 -24
- package/lib/components/card/Card.d.ts +11 -3
- package/lib/components/card/Card.js +30 -16
- package/lib/components/card/Card.native.d.ts +5 -4
- package/lib/components/card/Card.native.js +29 -26
- package/lib/components/card/CardProps.d.ts +12 -4
- package/lib/components/card/CardProps.js +9 -2
- package/lib/components/card/CardPropsDefaults.js +106 -3
- package/lib/components/card/content/CardContent.d.ts +13 -2
- package/lib/components/card/content/CardContent.js +32 -7
- package/lib/components/card/content/CardContent.native.d.ts +3 -3
- package/lib/components/card/content/CardContent.native.js +14 -21
- package/lib/components/card/content/CardContentProps.d.ts +19 -3
- package/lib/components/card/content/CardContentPropsDefaults.js +110 -2
- package/lib/components/card/image/CardImage.d.ts +2 -2
- package/lib/components/card/image/CardImage.js +11 -11
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +7 -14
- package/lib/components/checkbox/Checkbox.d.ts +9 -2
- package/lib/components/checkbox/Checkbox.js +49 -10
- package/lib/components/checkbox/Checkbox.native.d.ts +8 -3
- package/lib/components/checkbox/Checkbox.native.js +74 -63
- package/lib/components/checkbox/CheckboxChangeEventDefaults.js +21 -0
- package/lib/components/checkbox/CheckboxClickEventDefaults.js +21 -0
- package/lib/components/checkbox/CheckboxProps.d.ts +31 -4
- package/lib/components/checkbox/CheckboxPropsDefaults.js +123 -6
- package/lib/components/checkbox/index.d.ts +1 -3
- package/lib/components/checkbox/index.js +2 -4
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +3 -3
- package/lib/components/chips/ChipsProps.d.ts +3 -2
- package/lib/components/chips/ChipsPropsDefaults.js +10 -10
- package/lib/components/chips/list/ChipsList.d.ts +3 -6
- package/lib/components/chips/list/ChipsList.js +11 -14
- package/lib/components/chips/list/ChipsListProps.d.ts +2 -3
- package/lib/components/chips/list/ChipsListProps.js +4 -1
- package/lib/components/chips/list/ChipsListPropsDefaults.js +0 -14
- package/lib/components/columns/Columns.d.ts +3 -4
- package/lib/components/columns/Columns.js +12 -13
- package/lib/components/columns/Columns.native.d.ts +4 -4
- package/lib/components/columns/Columns.native.js +32 -40
- package/lib/components/columns/ColumnsProps.d.ts +5 -4
- package/lib/components/columns/ColumnsPropsDefaults.js +12 -31
- package/lib/components/columns/index.d.ts +2 -2
- package/lib/components/columns/index.js +3 -3
- package/lib/components/columns/{column/Column.d.ts → item/ColumnsItem.d.ts} +5 -5
- package/lib/components/columns/item/ColumnsItem.js +38 -0
- package/lib/components/columns/{column/Column.native.d.ts → item/ColumnsItem.native.d.ts} +6 -4
- package/lib/components/columns/item/ColumnsItem.native.js +33 -0
- package/lib/components/columns/{column/ColumnProps.d.ts → item/ColumnsItemProps.d.ts} +3 -3
- package/lib/components/columns/item/ColumnsItemProps.js +2 -0
- package/lib/components/columns/{column/ColumnPropsDefaults.js → item/ColumnsItemPropsDefaults.js} +5 -28
- package/lib/components/columns/item/index.d.ts +2 -0
- package/lib/components/columns/item/index.js +3 -0
- package/lib/components/container/Container.d.ts +2 -2
- package/lib/components/container/Container.js +9 -9
- package/lib/components/container/ContainerProps.d.ts +2 -2
- package/lib/components/container/ContainerPropsDefaults.js +5 -12
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +4 -4
- package/lib/components/countdown/Countdown.native.d.ts +1 -1
- package/lib/components/countdown/Countdown.native.js +7 -8
- package/lib/components/countdown/CountdownProps.d.ts +3 -2
- package/lib/components/countdown/CountdownPropsDefaults.js +12 -11
- package/lib/components/divider/Divider.d.ts +4 -2
- package/lib/components/divider/Divider.js +19 -16
- package/lib/components/divider/Divider.native.d.ts +3 -1
- package/lib/components/divider/Divider.native.js +12 -6
- package/lib/components/divider/DividerProps.d.ts +6 -4
- package/lib/components/divider/DividerPropsDefaults.js +119 -14
- package/lib/components/enumsComponentsName.d.ts +3 -4
- package/lib/components/enumsComponentsName.js +4 -5
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +16 -16
- package/lib/components/fab/Fab.native.js +3 -3
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +7 -14
- package/lib/components/hero/Hero.d.ts +5 -2
- package/lib/components/hero/Hero.js +14 -11
- package/lib/components/hero/Hero.native.d.ts +3 -3
- package/lib/components/hero/Hero.native.js +33 -22
- package/lib/components/hero/HeroProps.d.ts +8 -4
- package/lib/components/hero/HeroPropsDefaults.js +57 -16
- package/lib/components/icon/Icon.d.ts +11 -2
- package/lib/components/icon/Icon.js +98 -15
- package/lib/components/icon/Icon.native.d.ts +5 -3
- package/lib/components/icon/Icon.native.js +43 -29
- package/lib/components/icon/IconProps.d.ts +18 -4
- package/lib/components/icon/IconPropsDefaults.js +106 -16
- package/lib/components/icon/circle/CircleIcon.d.ts +4 -0
- package/lib/components/icon/circle/CircleIcon.js +20 -0
- package/lib/components/icon/circle/CircleIcon.native.d.ts +8 -0
- package/lib/components/icon/circle/CircleIcon.native.js +72 -0
- package/lib/components/icon/circle/CircleIconProps.d.ts +14 -0
- package/lib/components/icon/circle/CircleIconProps.js +2 -0
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +158 -0
- package/lib/components/icon/circle/index.d.ts +2 -0
- package/lib/components/{radio/tiles → icon/circle}/index.js +3 -3
- package/lib/components/icon/status/StatusIcon.d.ts +4 -0
- package/lib/components/icon/status/StatusIcon.js +20 -0
- package/lib/components/icon/status/StatusIcon.native.d.ts +8 -0
- package/lib/components/icon/status/StatusIcon.native.js +54 -0
- package/lib/components/icon/status/StatusIconProps.d.ts +12 -0
- package/lib/components/icon/status/StatusIconProps.js +2 -0
- package/lib/components/icon/status/StatusIconPropsDefaults.js +118 -0
- package/lib/components/icon/status/index.d.ts +2 -0
- package/lib/components/icon/status/index.js +3 -0
- package/lib/components/icon/text/TextIcon.d.ts +9 -0
- package/lib/components/icon/text/TextIcon.js +36 -0
- package/lib/components/icon/text/TextIcon.native.d.ts +8 -0
- package/lib/components/icon/text/TextIcon.native.js +40 -0
- package/lib/components/icon/text/TextIconProps.d.ts +13 -0
- package/lib/components/icon/text/TextIconProps.js +2 -0
- package/lib/components/{checkbox/tiles/tile/CheckboxTilePropsDefaults.js → icon/text/TextIconPropsDefaults.js} +54 -51
- package/lib/components/icon/text/index.d.ts +2 -0
- package/lib/components/icon/text/index.js +3 -0
- package/lib/components/image/Image.d.ts +2 -2
- package/lib/components/image/Image.js +10 -11
- package/lib/components/image/Image.native.d.ts +3 -1
- package/lib/components/image/Image.native.js +8 -5
- package/lib/components/image/ImageProps.d.ts +11 -11
- package/lib/components/image/ImageProps.js +2 -7
- package/lib/components/image/ImagePropsDefaults.js +15 -40
- package/lib/components/image/index.d.ts +1 -2
- package/lib/components/image/index.js +2 -3
- package/lib/components/input/Input.d.ts +1 -2
- package/lib/components/input/Input.js +18 -11
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +20 -20
- package/lib/components/input/InputProps.d.ts +9 -6
- package/lib/components/input/InputPropsDefaults.js +84 -17
- package/lib/components/link/Link.d.ts +8 -3
- package/lib/components/link/Link.js +31 -17
- package/lib/components/link/Link.native.d.ts +6 -3
- package/lib/components/link/Link.native.js +75 -33
- package/lib/components/link/LinkProps.d.ts +10 -3
- package/lib/components/link/LinkPropsDefaults.js +41 -16
- package/lib/components/list/List.d.ts +7 -5
- package/lib/components/list/List.js +14 -13
- package/lib/components/list/ListProps.d.ts +3 -3
- package/lib/components/list/ListPropsDefaults.js +7 -14
- package/lib/components/list/item/ListItem.d.ts +9 -2
- package/lib/components/list/item/ListItem.js +26 -9
- package/lib/components/list/item/ListItem.native.d.ts +6 -1
- package/lib/components/list/item/ListItem.native.js +48 -13
- package/lib/components/list/item/ListItemProps.d.ts +8 -3
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +57 -52
- package/lib/components/modal/CloseButtonPropsDefaults.js +9 -0
- package/lib/components/modal/Modal.d.ts +19 -1
- package/lib/components/modal/Modal.js +65 -16
- package/lib/components/modal/Modal.native.d.ts +14 -4
- package/lib/components/modal/Modal.native.js +78 -44
- package/lib/components/modal/ModalContentButtonPropsDefaults.js +16 -0
- package/lib/components/modal/ModalEnum.d.ts +0 -5
- package/lib/components/modal/ModalEnum.js +1 -7
- package/lib/components/modal/ModalProps.d.ts +30 -9
- package/lib/components/modal/ModalPropsDefaults.js +213 -16
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -3
- package/lib/components/modal/footer/ModalFooter.js +7 -8
- package/lib/components/modal/footer/ModalFooterProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooterPropsDefaults.js +0 -7
- package/lib/components/modal/index.d.ts +2 -3
- package/lib/components/modal/index.js +3 -4
- package/lib/components/modal/{header/ModalHeader.d.ts → title/ModalTitle.d.ts} +4 -3
- package/lib/components/modal/title/ModalTitle.js +22 -0
- package/lib/components/modal/title/ModalTitle.native.d.ts +14 -0
- package/lib/components/modal/title/ModalTitle.native.js +27 -0
- package/lib/components/modal/title/ModalTitleProps.d.ts +10 -0
- package/lib/components/modal/title/ModalTitleProps.js +2 -0
- package/lib/components/{stepper/step/StepPropsDefaults.js → modal/title/ModalTitlePropsDefaults.js} +24 -39
- package/lib/components/otp/Otp.d.ts +5 -5
- package/lib/components/otp/Otp.js +24 -24
- package/lib/components/otp/Otp.native.d.ts +4 -3
- package/lib/components/otp/Otp.native.js +13 -12
- package/lib/components/otp/OtpProps.d.ts +6 -5
- package/lib/components/otp/OtpPropsDefaults.js +22 -22
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +21 -18
- package/lib/components/pagination/Pagination.native.d.ts +3 -3
- package/lib/components/pagination/Pagination.native.js +35 -31
- package/lib/components/pagination/PaginationEnum.d.ts +2 -1
- package/lib/components/pagination/PaginationProps.d.ts +3 -3
- package/lib/components/pagination/PaginationPropsDefaults.js +7 -14
- package/lib/components/popover/Popover.d.ts +2 -2
- package/lib/components/popover/Popover.js +11 -9
- package/lib/components/popover/Popover.native.d.ts +3 -3
- package/lib/components/popover/Popover.native.js +37 -26
- package/lib/components/popover/PopoverProps.d.ts +3 -2
- package/lib/components/popover/PopoverPropsDefaults.js +15 -1
- package/lib/components/popover/PopoverWebPropsDefaults.js +22 -15
- package/lib/components/popover/index.d.ts +1 -2
- package/lib/components/popover/index.js +2 -3
- package/lib/components/price/Price.d.ts +8 -4
- package/lib/components/price/Price.js +69 -62
- package/lib/components/price/Price.native.d.ts +8 -5
- package/lib/components/price/Price.native.js +129 -103
- package/lib/components/price/PriceProps.d.ts +10 -5
- package/lib/components/price/PricePropsDefaults.js +39 -20
- package/lib/components/product-tour/ProductTour.d.ts +1 -1
- package/lib/components/product-tour/ProductTour.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +2 -2
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/product-tour/ProductTourPropsDefaults.js +3 -3
- package/lib/components/product-tour/ProductTourWebPropsDefaults.js +10 -17
- package/lib/components/progress/Progress.d.ts +9 -3
- package/lib/components/progress/Progress.js +31 -21
- package/lib/components/progress/Progress.native.d.ts +7 -4
- package/lib/components/progress/Progress.native.js +56 -26
- package/lib/components/progress/ProgressProps.d.ts +10 -7
- package/lib/components/progress/ProgressPropsDefaults.js +30 -8
- 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 +26 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +14 -0
- package/lib/components/progress/item/ProgressItem.native.js +36 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +12 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/{tabs/tab-list/TabListPropsDefaults.js → progress/item/ProgressItemPropsDefaults.js} +30 -10
- 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 +7 -1
- package/lib/components/progress/radial/ProgressRadial.js +18 -12
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +6 -4
- package/lib/components/progress/radial/ProgressRadial.native.js +32 -30
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +7 -7
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +40 -98
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +7 -14
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +2 -2
- package/lib/components/progress/radial/item/ProgressRadialtem.js +7 -7
- package/lib/components/radio/Radio.d.ts +17 -8
- package/lib/components/radio/Radio.js +61 -18
- package/lib/components/radio/Radio.native.d.ts +3 -3
- package/lib/components/radio/Radio.native.js +62 -60
- package/lib/components/radio/RadioProps.d.ts +24 -7
- package/lib/components/radio/RadioPropsDefaults.js +139 -6
- package/lib/components/radio/index.d.ts +1 -3
- package/lib/components/radio/index.js +2 -4
- package/lib/components/radio/list/RadioList.d.ts +5 -5
- package/lib/components/radio/list/RadioList.js +11 -12
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +11 -11
- package/lib/components/radio/list/RadioListProps.d.ts +5 -7
- package/lib/components/radio/list/RadioListPropsDefaults.js +9 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +15 -17
- package/lib/components/range/Range.d.ts +10 -1
- package/lib/components/range/Range.js +32 -23
- package/lib/components/range/Range.native.d.ts +14 -3
- package/lib/components/range/Range.native.js +29 -18
- package/lib/components/range/RangeProps.d.ts +9 -6
- package/lib/components/range/RangePropsDefaults.js +28 -14
- package/lib/components/rows/Rows.d.ts +4 -3
- package/lib/components/rows/Rows.js +11 -10
- package/lib/components/rows/Rows.native.d.ts +7 -4
- package/lib/components/rows/Rows.native.js +10 -11
- package/lib/components/rows/RowsProps.d.ts +3 -4
- package/lib/components/rows/RowsPropsDefaults.js +5 -21
- package/lib/components/rows/index.d.ts +2 -2
- package/lib/components/rows/index.js +3 -3
- package/lib/components/rows/{row/Row.d.ts → item/RowItem.d.ts} +4 -4
- package/lib/components/rows/item/RowItem.js +21 -0
- package/lib/components/rows/item/RowItem.native.d.ts +13 -0
- package/lib/components/rows/item/RowItem.native.js +25 -0
- package/lib/components/rows/item/RowItemProps.d.ts +9 -0
- package/lib/components/rows/item/RowItemProps.js +2 -0
- package/lib/components/{popover/content/PopoverContentPropsDefaults.js → rows/item/RowsItemPropsDefaults.js} +4 -3
- package/lib/components/rows/item/index.d.ts +2 -0
- package/lib/components/rows/item/index.js +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +2 -2
- package/lib/components/section/Section.d.ts +5 -1
- package/lib/components/section/Section.js +16 -8
- package/lib/components/section/Section.native.d.ts +6 -3
- package/lib/components/section/Section.native.js +22 -14
- package/lib/components/section/SectionProps.d.ts +3 -3
- package/lib/components/section/SectionPropsDefaults.js +40 -14
- package/lib/components/segment-control/SegmentControl.d.ts +3 -1
- package/lib/components/segment-control/SegmentControl.js +9 -5
- package/lib/components/segment-control/SegmentControl.native.d.ts +5 -3
- package/lib/components/segment-control/SegmentControl.native.js +22 -15
- package/lib/components/segment-control/SegmentControlProps.d.ts +5 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +20 -15
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.native.js +18 -14
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +5 -3
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +14 -12
- package/lib/components/select/Select.d.ts +14 -0
- package/lib/components/select/Select.js +15 -1
- package/lib/components/select/Select.native.d.ts +1 -1
- package/lib/components/select/Select.native.js +17 -10
- package/lib/components/select/SelectProps.d.ts +4 -2
- package/lib/components/select/SelectPropsDefaults.js +16 -8
- package/lib/components/select/option/SelectOption.d.ts +1 -2
- package/lib/components/select/option/SelectOption.js +8 -9
- package/lib/components/select/option/SelectOption.native.js +8 -7
- package/lib/components/select/option/SelectOptionProps.d.ts +5 -2
- package/lib/components/select/option/SelectOptionPropsDefaults.js +22 -14
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +20 -12
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +6 -11
- package/lib/components/spacer/SpacerProps.d.ts +1 -2
- package/lib/components/spacer/SpacerPropsDefaults.js +0 -14
- package/lib/components/stepper/Stepper.d.ts +3 -3
- package/lib/components/stepper/Stepper.js +28 -19
- package/lib/components/stepper/Stepper.native.d.ts +3 -3
- package/lib/components/stepper/Stepper.native.js +20 -17
- package/lib/components/stepper/StepperProps.d.ts +3 -2
- package/lib/components/stepper/StepperPropsDefaults.js +4 -3
- package/lib/components/stepper/index.d.ts +3 -3
- package/lib/components/stepper/index.js +4 -4
- package/lib/components/stepper/step/{Step.d.ts → StepperStep.d.ts} +6 -4
- package/lib/components/stepper/step/StepperStep.js +44 -0
- package/lib/components/stepper/step/{Step.native.d.ts → StepperStep.native.d.ts} +3 -3
- package/lib/components/stepper/step/StepperStep.native.js +63 -0
- package/lib/components/stepper/step/{StepEnum.d.ts → StepperStepEnum.d.ts} +2 -2
- package/lib/components/stepper/step/StepperStepEnum.js +11 -0
- package/lib/components/stepper/step/StepperStepProps.d.ts +18 -0
- package/lib/components/stepper/step/StepperStepProps.js +2 -0
- package/lib/components/{radio/tiles/tile/RadioTilePropsDefaults.js → stepper/step/StepperStepPropsDefaults.js} +69 -82
- package/lib/components/stepper/step/index.d.ts +2 -2
- package/lib/components/stepper/step/index.js +3 -3
- package/lib/components/sticker/Sticker.d.ts +4 -3
- package/lib/components/sticker/Sticker.js +19 -11
- package/lib/components/sticker/Sticker.native.d.ts +3 -3
- package/lib/components/sticker/Sticker.native.js +25 -23
- package/lib/components/sticker/StickerProps.d.ts +9 -7
- package/lib/components/sticker/StickerPropsDefaults.js +32 -61
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +10 -10
- package/lib/components/switch/SwitchProps.d.ts +4 -3
- package/lib/components/switch/SwitchPropsDefaults.js +17 -17
- package/lib/components/table/Table.d.ts +2 -2
- package/lib/components/table/Table.js +9 -10
- package/lib/components/table/Table.native.d.ts +3 -3
- package/lib/components/table/Table.native.js +14 -11
- package/lib/components/table/TableProps.d.ts +5 -9
- package/lib/components/table/TableProps.js +2 -7
- package/lib/components/table/TablePropsDefaults.js +17 -17
- package/lib/components/table/body/TableBody.d.ts +2 -2
- package/lib/components/table/body/TableBody.js +10 -10
- package/lib/components/table/body/TableBodyProps.d.ts +2 -2
- package/lib/components/table/body/TableBodyPropsDefaults.js +11 -18
- package/lib/components/table/head/TableHead.d.ts +2 -2
- package/lib/components/table/head/TableHead.js +10 -10
- package/lib/components/table/head/TableHeadProps.d.ts +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +11 -18
- package/lib/components/table/index.d.ts +0 -1
- package/lib/components/table/index.js +1 -2
- package/lib/components/table/td/TableTd.d.ts +3 -2
- package/lib/components/table/td/TableTd.js +8 -7
- package/lib/components/table/td/TableTdProps.d.ts +2 -2
- package/lib/components/table/td/TableTdPropsDefaults.js +4 -11
- package/lib/components/table/th/TableTh.d.ts +2 -2
- package/lib/components/table/th/TableTh.js +7 -7
- package/lib/components/table/th/TableThProps.d.ts +2 -2
- package/lib/components/table/th/TableThPropsDefaults.js +4 -11
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +3 -3
- package/lib/components/table/tr/TableTrProps.d.ts +1 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +2 -2
- package/lib/components/tabs/Tabs.d.ts +7 -1
- package/lib/components/tabs/Tabs.js +54 -9
- package/lib/components/tabs/Tabs.native.d.ts +18 -0
- package/lib/components/tabs/Tabs.native.js +73 -0
- package/lib/components/tabs/TabsProps.d.ts +10 -3
- package/lib/components/tabs/TabsPropsDefaults.js +63 -25
- package/lib/components/tabs/index.d.ts +2 -5
- package/lib/components/tabs/index.js +3 -6
- package/lib/components/tabs/{tab-list/tab/Tab.d.ts → item/TabsItem.d.ts} +4 -4
- package/lib/components/tabs/item/TabsItem.js +65 -0
- package/lib/components/tabs/item/TabsItem.native.d.ts +16 -0
- package/lib/components/tabs/item/TabsItem.native.js +87 -0
- package/lib/components/tabs/item/TabsItemProps.d.ts +19 -0
- package/lib/components/tabs/item/TabsItemProps.js +2 -0
- package/lib/components/tabs/{tab-list/tab/TabPropsDefaults.js → item/TabsItemPropsDefaults.js} +34 -18
- package/lib/components/tabs/item/index.d.ts +2 -0
- package/lib/components/tabs/item/index.js +3 -0
- package/lib/components/tag/Tag.d.ts +1 -1
- package/lib/components/tag/Tag.js +4 -4
- package/lib/components/tag/Tag.native.d.ts +1 -1
- package/lib/components/tag/Tag.native.js +4 -4
- package/lib/components/tag/TagProps.d.ts +3 -3
- package/lib/components/tag/TagPropsDefaults.js +20 -17
- package/lib/components/tag/list/TagList.d.ts +5 -3
- package/lib/components/tag/list/TagList.js +12 -11
- package/lib/components/tag/list/TagList.native.d.ts +4 -3
- package/lib/components/tag/list/TagList.native.js +15 -10
- package/lib/components/tag/list/TagListProps.d.ts +5 -4
- package/lib/components/tag/list/TagListPropsDefaults.js +17 -20
- package/lib/components/text/Text.d.ts +8 -2
- package/lib/components/text/Text.js +23 -16
- package/lib/components/text/Text.native.d.ts +5 -3
- package/lib/components/text/Text.native.js +35 -25
- package/lib/components/text/TextEnum.d.ts +3 -1
- package/lib/components/text/TextEnum.js +3 -1
- package/lib/components/text/TextProps.d.ts +7 -2
- package/lib/components/text/TextPropsDefaults.js +54 -21
- package/lib/components/textarea/Textarea.d.ts +10 -1
- package/lib/components/textarea/Textarea.js +22 -13
- package/lib/components/textarea/Textarea.native.js +10 -10
- package/lib/components/textarea/TextareaProps.d.ts +6 -5
- package/lib/components/timeline/Timeline.d.ts +4 -3
- package/lib/components/timeline/Timeline.js +12 -11
- package/lib/components/timeline/TimelineProps.d.ts +3 -2
- package/lib/components/timeline/TimelinePropsDefaults.js +12 -11
- package/lib/components/timeline/content/TimelineContent.d.ts +4 -2
- package/lib/components/timeline/content/TimelineContent.js +18 -13
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.native.js +13 -13
- package/lib/components/timeline/content/TimelineContentProps.d.ts +6 -5
- package/lib/components/timeline/content/TimelineContentPropsDefaults.js +9 -2
- package/lib/components/timeline/content/TimelineContentWebPropsDefaults.js +12 -12
- package/lib/components/timeline/item/TimelineItem.d.ts +4 -3
- package/lib/components/timeline/item/TimelineItem.js +11 -10
- package/lib/components/timeline/item/TimelineItem.native.d.ts +2 -1
- package/lib/components/timeline/item/TimelineItem.native.js +4 -4
- package/lib/components/timeline/item/TimelineItemProps.d.ts +4 -2
- package/lib/components/timeline/item/TimelineItemPropsDefaults.js +8 -0
- package/lib/components/timeline/item/TimelineItemWebPropsDefaults.js +15 -14
- package/lib/components/timeline/marker/TimelineMarker.d.ts +2 -2
- package/lib/components/timeline/marker/TimelineMarker.js +11 -11
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.native.js +26 -21
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +6 -3
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +38 -0
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +43 -12
- package/lib/components/title/Title.d.ts +1 -1
- package/lib/components/title/Title.js +11 -7
- package/lib/components/title/Title.native.d.ts +1 -1
- package/lib/components/title/Title.native.js +8 -6
- package/lib/components/title/TitleProps.d.ts +5 -2
- package/lib/components/title/TitlePropsDefaults.js +29 -14
- package/lib/components/view/ViewPropsDefaults.js +2 -2
- package/lib/objects/facets/Justifiable.d.ts +0 -1
- package/lib/objects/facets/Justifiable.js +1 -13
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/components/accordion/item/body/AccordionBody.d.ts +0 -11
- package/lib/components/accordion/item/body/AccordionBody.js +0 -19
- package/lib/components/accordion/item/body/AccordionBody.native.js +0 -18
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +0 -9
- package/lib/components/accordion/item/body/AccordionBodyProps.js +0 -2
- package/lib/components/accordion/item/body/AccordionBodyPropsDefaults.js +0 -37
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +0 -11
- package/lib/components/accordion/item/header/AccordionHeader.js +0 -19
- package/lib/components/accordion/item/header/AccordionHeader.native.js +0 -21
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +0 -8
- package/lib/components/accordion/item/header/AccordionHeaderProps.js +0 -2
- package/lib/components/accordion/item/header/AccordionHeaderPropsDefaults.js +0 -30
- package/lib/components/button/list/ButtonListEnum.d.ts +0 -5
- package/lib/components/button/list/ButtonListEnum.js +0 -6
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +0 -10
- package/lib/components/checkbox/tiles/CheckboxTiles.js +0 -36
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +0 -9
- package/lib/components/checkbox/tiles/CheckboxTilesProps.js +0 -2
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +0 -54
- package/lib/components/checkbox/tiles/index.d.ts +0 -2
- package/lib/components/checkbox/tiles/index.js +0 -3
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +0 -10
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +0 -36
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +0 -12
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.js +0 -2
- package/lib/components/checkbox/tiles/tile/index.d.ts +0 -2
- package/lib/components/checkbox/tiles/tile/index.js +0 -3
- package/lib/components/columns/column/Column.js +0 -39
- package/lib/components/columns/column/Column.native.js +0 -32
- package/lib/components/columns/column/ColumnProps.js +0 -2
- package/lib/components/columns/column/index.d.ts +0 -2
- package/lib/components/columns/column/index.js +0 -3
- package/lib/components/modal/body/ModalBody.d.ts +0 -11
- package/lib/components/modal/body/ModalBody.js +0 -18
- package/lib/components/modal/body/ModalBody.native.d.ts +0 -13
- package/lib/components/modal/body/ModalBody.native.js +0 -23
- package/lib/components/modal/body/ModalBodyProps.d.ts +0 -8
- package/lib/components/modal/body/ModalBodyProps.js +0 -2
- package/lib/components/modal/body/ModalBodyPropsDefaults.js +0 -30
- package/lib/components/modal/header/ModalHeader.js +0 -19
- package/lib/components/modal/header/ModalHeader.native.d.ts +0 -13
- package/lib/components/modal/header/ModalHeader.native.js +0 -22
- package/lib/components/modal/header/ModalHeaderProps.d.ts +0 -8
- package/lib/components/modal/header/ModalHeaderProps.js +0 -2
- package/lib/components/modal/header/ModalHeaderPropsDefaults.js +0 -30
- package/lib/components/popover/content/PopoverContent.d.ts +0 -10
- package/lib/components/popover/content/PopoverContent.js +0 -19
- package/lib/components/popover/content/PopoverContentProps.d.ts +0 -5
- package/lib/components/popover/content/PopoverContentProps.js +0 -2
- package/lib/components/radio/tiles/RadioTiles.d.ts +0 -10
- package/lib/components/radio/tiles/RadioTiles.js +0 -36
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +0 -9
- package/lib/components/radio/tiles/RadioTilesProps.js +0 -2
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +0 -54
- package/lib/components/radio/tiles/index.d.ts +0 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +0 -10
- package/lib/components/radio/tiles/tile/RadioTile.js +0 -36
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +0 -11
- package/lib/components/radio/tiles/tile/RadioTileProps.js +0 -2
- package/lib/components/radio/tiles/tile/index.d.ts +0 -2
- package/lib/components/radio/tiles/tile/index.js +0 -3
- package/lib/components/rows/row/Row.js +0 -21
- package/lib/components/rows/row/Row.native.d.ts +0 -13
- package/lib/components/rows/row/Row.native.js +0 -22
- package/lib/components/rows/row/RowProps.d.ts +0 -9
- package/lib/components/rows/row/RowProps.js +0 -2
- package/lib/components/rows/row/index.d.ts +0 -2
- package/lib/components/rows/row/index.js +0 -3
- package/lib/components/stepper/step/Step.js +0 -35
- package/lib/components/stepper/step/Step.native.js +0 -59
- package/lib/components/stepper/step/StepEnum.js +0 -11
- package/lib/components/stepper/step/StepProps.d.ts +0 -13
- package/lib/components/stepper/step/StepProps.js +0 -2
- package/lib/components/tabs/tab-list/TabList.d.ts +0 -13
- package/lib/components/tabs/tab-list/TabList.js +0 -24
- package/lib/components/tabs/tab-list/TabListProps.d.ts +0 -10
- package/lib/components/tabs/tab-list/TabListProps.js +0 -2
- package/lib/components/tabs/tab-list/index.d.ts +0 -2
- package/lib/components/tabs/tab-list/index.js +0 -3
- package/lib/components/tabs/tab-list/tab/Tab.js +0 -65
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +0 -16
- package/lib/components/tabs/tab-list/tab/TabProps.js +0 -2
- package/lib/components/tabs/tab-list/tab/index.d.ts +0 -2
- package/lib/components/tabs/tab-list/tab/index.js +0 -3
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +0 -12
- package/lib/components/tabs/tab-panels/TabPanels.js +0 -21
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +0 -9
- package/lib/components/tabs/tab-panels/TabPanelsProps.js +0 -2
- package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +0 -37
- package/lib/components/tabs/tab-panels/index.d.ts +0 -2
- package/lib/components/tabs/tab-panels/index.js +0 -3
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +0 -11
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +0 -20
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +0 -9
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +0 -2
- package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +0 -2
- package/lib/components/tabs/tab-panels/tab-panel/index.js +0 -3
- package/lib/objects/facets/CommonProps.d.ts +0 -4
- package/lib/objects/facets/CommonProps.js +0 -2
- /package/lib/components/{tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js → accordion/body/AccordionBodyPropsDefaults.js} +0 -0
- /package/lib/components/accordion/{item/body → body}/index.d.ts +0 -0
- /package/lib/components/accordion/{item/header → header}/index.d.ts +0 -0
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import Modal from './Modal';
|
|
2
2
|
import ModalFooter from './footer/ModalFooter';
|
|
3
|
-
import
|
|
4
|
-
import ModalHeader from './header/ModalHeader';
|
|
3
|
+
import ModalTitle from './title/ModalTitle';
|
|
5
4
|
export * from './ModalEnum';
|
|
6
|
-
export { Modal,
|
|
5
|
+
export { Modal, ModalFooter, ModalTitle };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import Modal from './Modal';
|
|
2
2
|
import ModalFooter from './footer/ModalFooter';
|
|
3
|
-
import
|
|
4
|
-
import ModalHeader from './header/ModalHeader';
|
|
3
|
+
import ModalTitle from './title/ModalTitle';
|
|
5
4
|
export * from './ModalEnum';
|
|
6
|
-
export { Modal,
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
export { Modal, ModalFooter, ModalTitle };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUMzQixPQUFPLFdBQVcsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLFVBQVUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUzQyxjQUFjLGFBQWEsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQSJ9
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { ModalTitleProps } from './ModalTitleProps';
|
|
3
3
|
/**
|
|
4
4
|
* Modal Title Component
|
|
5
5
|
* @param children {string}
|
|
6
6
|
* @param iconName {IconName} IconName for icon title
|
|
7
|
+
* @param iconColor {IconColor} IconColor for icon title
|
|
7
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
9
|
* @param className {string} Additionnal css classes
|
|
9
10
|
*/
|
|
10
|
-
declare const
|
|
11
|
-
export default
|
|
11
|
+
declare const ModalTitle: ({ children, className, iconColor, iconName, ...others }: ModalTitleProps) => JSX.Element;
|
|
12
|
+
export default ModalTitle;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import TextIcon from '../../../components/icon/text/TextIcon';
|
|
3
|
+
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import { hashClass } from '../../../helpers';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
/**
|
|
8
|
+
* Modal Title Component
|
|
9
|
+
* @param children {string}
|
|
10
|
+
* @param iconName {IconName} IconName for icon title
|
|
11
|
+
* @param iconColor {IconColor} IconColor for icon title
|
|
12
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
|
+
* @param className {string} Additionnal css classes
|
|
14
|
+
*/
|
|
15
|
+
var ModalTitle = function (_a) {
|
|
16
|
+
var children = _a.children, className = _a.className, iconColor = _a.iconColor, iconName = _a.iconName, others = __rest(_a, ["children", "className", "iconColor", "iconName"]);
|
|
17
|
+
var styled = useTrilogyContext().styled;
|
|
18
|
+
var textId = others.textId;
|
|
19
|
+
return (React.createElement("div", { className: hashClass(styled, clsx('modal-title', className)) }, iconName ? (React.createElement(TextIcon, { markup: 'p', color: iconColor, size: 'large', name: iconName, content: children, position: 'up', textId: textId, textAriaLevel: 1, textRole: 'heading' })) : (children)));
|
|
20
|
+
};
|
|
21
|
+
export default ModalTitle;
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxUaXRsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbW9kYWwvdGl0bGUvTW9kYWxUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sUUFBUSxNQUFNLGlDQUFpQyxDQUFBO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUF3RTtJQUF0RSxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckQsa0RBQXVELENBQUY7SUFDL0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDOUIsSUFBQSxNQUFNLEdBQUssTUFBYSxPQUFsQixDQUFrQjtJQUVoQyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUM5RCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Ysb0JBQUMsUUFBUSxJQUNQLE1BQU0sRUFBQyxHQUFHLEVBQ1YsS0FBSyxFQUFFLFNBQVMsRUFDaEIsSUFBSSxFQUFFLE9BQU8sRUFDYixJQUFJLEVBQUUsUUFBUSxFQUNkLE9BQU8sRUFBRSxRQUFRLEVBQ2pCLFFBQVEsRUFBQyxJQUFJLEVBQ2IsTUFBTSxFQUFFLE1BQU0sRUFDZCxhQUFhLEVBQUUsQ0FBQyxFQUNoQixRQUFRLEVBQUMsU0FBUyxHQUNsQixDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalTitleProps } from "./ModalTitleProps";
|
|
3
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
+
/**
|
|
5
|
+
* Modal Title Component
|
|
6
|
+
* @param children {string}
|
|
7
|
+
* @param iconName {IconName} IconName for icon title
|
|
8
|
+
* @param iconColor {IconColor} IconColor for icon title
|
|
9
|
+
*/
|
|
10
|
+
declare const ModalTitle: {
|
|
11
|
+
({ children, iconName, iconColor, ...others }: ModalTitleProps): JSX.Element;
|
|
12
|
+
displayName: ComponentName;
|
|
13
|
+
};
|
|
14
|
+
export default ModalTitle;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
+
import { View } from "../../../components/view";
|
|
5
|
+
import { Icon } from "../../../components/icon";
|
|
6
|
+
import { Title, TitleLevels } from "../../../components/title";
|
|
7
|
+
var styles = {
|
|
8
|
+
padding: 8,
|
|
9
|
+
position: "sticky",
|
|
10
|
+
top: "0px",
|
|
11
|
+
width: "100%",
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Modal Title Component
|
|
15
|
+
* @param children {string}
|
|
16
|
+
* @param iconName {IconName} IconName for icon title
|
|
17
|
+
* @param iconColor {IconColor} IconColor for icon title
|
|
18
|
+
*/
|
|
19
|
+
var ModalTitle = function (_a) {
|
|
20
|
+
var children = _a.children, iconName = _a.iconName, iconColor = _a.iconColor, others = __rest(_a, ["children", "iconName", "iconColor"]);
|
|
21
|
+
return React.createElement(View, __assign({ style: styles }, others), typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE },
|
|
22
|
+
iconName && React.createElement(Icon, { color: iconColor, size: "large", name: iconName }),
|
|
23
|
+
children)) || (children));
|
|
24
|
+
};
|
|
25
|
+
ModalTitle.displayName = ComponentName.ModalTitle;
|
|
26
|
+
export default ModalTitle;
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxUaXRsZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL3RpdGxlL01vZGFsVGl0bGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUV2RCxJQUFNLE1BQU0sR0FBRztJQUNiLE9BQU8sRUFBRSxDQUFDO0lBQ1YsUUFBUSxFQUFFLFFBQVE7SUFDbEIsR0FBRyxFQUFFLEtBQUs7SUFDVixLQUFLLEVBQUUsTUFBTTtDQUVkLENBQUE7QUFFRDs7Ozs7R0FLRztBQUNILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBNkQ7SUFBM0QsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBSyxNQUFNLGNBQTFDLHFDQUE0QyxDQUFGO0lBQzVELE9BQU8sb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLElBQU0sTUFBTSxHQUNsQyxPQUFPLFFBQVEsS0FBSyxRQUFRLElBQUksQ0FDbEMsb0JBQUMsS0FBSyxJQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsS0FBSztRQUM1QixRQUFRLElBQUksb0JBQUMsSUFBSSxJQUNoQixLQUFLLEVBQUUsU0FBUyxFQUNoQixJQUFJLEVBQUUsT0FBTyxFQUNiLElBQUksRUFBRSxRQUFRLEdBQ2Q7UUFDRCxRQUFRLENBQ0gsQ0FDTCxJQUFJLENBQ0wsUUFBUSxDQUNQLENBQ0csQ0FBQTtBQUNWLENBQUMsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IconColor, IconColorValues, IconName, IconNameValues } from '../../../components/icon';
|
|
2
|
+
/**
|
|
3
|
+
* Modal Title Interface
|
|
4
|
+
*/
|
|
5
|
+
export interface ModalTitleProps {
|
|
6
|
+
children?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
iconName?: IconName | IconNameValues;
|
|
9
|
+
iconColor?: IconColor | IconColorValues;
|
|
10
|
+
}
|
package/lib/components/{stepper/step/StepPropsDefaults.js → modal/title/ModalTitlePropsDefaults.js}
RENAMED
|
@@ -1,29 +1,12 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
3
|
-
"type": "
|
|
4
|
-
"values": [
|
|
5
|
-
"undefined",
|
|
6
|
-
"false",
|
|
7
|
-
"true"
|
|
8
|
-
]
|
|
9
|
-
},
|
|
10
|
-
"current": {
|
|
11
|
-
"type": "boolean",
|
|
12
|
-
"values": [
|
|
13
|
-
"undefined",
|
|
14
|
-
"false",
|
|
15
|
-
"true"
|
|
16
|
-
]
|
|
17
|
-
},
|
|
18
|
-
"done": {
|
|
19
|
-
"type": "boolean",
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "string",
|
|
20
4
|
"values": [
|
|
21
5
|
"undefined",
|
|
22
|
-
"
|
|
23
|
-
"true"
|
|
6
|
+
"string"
|
|
24
7
|
]
|
|
25
8
|
},
|
|
26
|
-
"
|
|
9
|
+
"className": {
|
|
27
10
|
"type": "string",
|
|
28
11
|
"values": [
|
|
29
12
|
"undefined",
|
|
@@ -82,26 +65,28 @@ export default {
|
|
|
82
65
|
"tri-picto-payment-visa"
|
|
83
66
|
]
|
|
84
67
|
},
|
|
85
|
-
"
|
|
86
|
-
"type": "
|
|
87
|
-
"values": [
|
|
88
|
-
"undefined",
|
|
89
|
-
"false",
|
|
90
|
-
"true"
|
|
91
|
-
]
|
|
92
|
-
},
|
|
93
|
-
"id": {
|
|
94
|
-
"type": "string",
|
|
95
|
-
"values": [
|
|
96
|
-
"undefined",
|
|
97
|
-
"string"
|
|
98
|
-
]
|
|
99
|
-
},
|
|
100
|
-
"className": {
|
|
101
|
-
"type": "string",
|
|
68
|
+
"iconColor": {
|
|
69
|
+
"type": "enum",
|
|
102
70
|
"values": [
|
|
103
71
|
"undefined",
|
|
104
|
-
"
|
|
72
|
+
"SUCCESS",
|
|
73
|
+
"INFO",
|
|
74
|
+
"WARNING",
|
|
75
|
+
"ERROR",
|
|
76
|
+
"WHITE",
|
|
77
|
+
"MAIN",
|
|
78
|
+
"ACCENT",
|
|
79
|
+
"NEUTRAL",
|
|
80
|
+
"SUCCESS",
|
|
81
|
+
"ERROR",
|
|
82
|
+
"INFO",
|
|
83
|
+
"WARNING",
|
|
84
|
+
"MAIN",
|
|
85
|
+
"BACKGROUND",
|
|
86
|
+
"ACCENT",
|
|
87
|
+
"NEUTRAL",
|
|
88
|
+
"WHITE",
|
|
89
|
+
"BACKGROUND"
|
|
105
90
|
]
|
|
106
91
|
}
|
|
107
92
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { OtpProps } from
|
|
2
|
+
import { OtpProps } from "./OtpProps";
|
|
3
3
|
/**
|
|
4
4
|
* OTP Code Component
|
|
5
|
-
* @param
|
|
6
|
-
* @param
|
|
5
|
+
* @param code {string} Code Text Input
|
|
6
|
+
* @param codeSize {number} Code Size Number
|
|
7
7
|
* @param disabled {boolean} Disabled OTP Code Input
|
|
8
8
|
* @param error {boolean} OTP Code Input has error | Display error icon
|
|
9
9
|
* @param onCompleted {Function} Return code input string
|
|
@@ -11,9 +11,9 @@ import { OtpProps } from './OtpProps';
|
|
|
11
11
|
* @param onFocus {Function} onFocus return if focused opt
|
|
12
12
|
* @param autoFocus {boolean} Should auto focus otp
|
|
13
13
|
* @param label {string} Label for OTP
|
|
14
|
-
* @param
|
|
14
|
+
* @param errorMessage {string} error message to display
|
|
15
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
16
|
* @param className {string} Additionnal css classes
|
|
17
17
|
*/
|
|
18
|
-
declare const Otp: ({ className,
|
|
18
|
+
declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
|
|
19
19
|
export default Otp;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { Text, TextMarkup } from
|
|
3
|
-
import React, { useEffect, useRef, useState } from
|
|
4
|
-
import { TypographyColor } from
|
|
5
|
-
import clsx from
|
|
6
|
-
import { hashClass } from
|
|
7
|
-
import { is } from
|
|
8
|
-
import { useTrilogyContext } from
|
|
2
|
+
import { Text, TextMarkup } from "../../components/text";
|
|
3
|
+
import React, { useEffect, useRef, useState } from "react";
|
|
4
|
+
import { TypographyColor } from "../../objects/Typography";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { hashClass } from "../../helpers/hashClassesHelpers";
|
|
7
|
+
import { is } from "../../services/classify";
|
|
8
|
+
import { useTrilogyContext } from "../../context/index";
|
|
9
9
|
var stringToCode = function (str, codeSize) {
|
|
10
10
|
if (!str)
|
|
11
11
|
return new Array(codeSize).fill(null);
|
|
12
|
-
return str.split(
|
|
12
|
+
return str.split("").map(function (char) { return (char === "" ? null : Number(char)); });
|
|
13
13
|
};
|
|
14
14
|
var codeToString = function (code) {
|
|
15
|
-
return code.map(function (char) { return (char === null ? '_' : char); }).join(
|
|
15
|
+
return code.map(function (char) { return (char === null ? '_' : char); }).join("");
|
|
16
16
|
};
|
|
17
17
|
var isCompleted = function (myCode) {
|
|
18
18
|
return myCode.every(function (code) { return code !== null; });
|
|
@@ -51,14 +51,14 @@ var updateCodeInput = function (value, index, code) {
|
|
|
51
51
|
var inputOnKeyUp = function (e) {
|
|
52
52
|
var key = e.key;
|
|
53
53
|
var target = e.target;
|
|
54
|
-
if (key ===
|
|
54
|
+
if (key === "ArrowRight" || key === "ArrowDown") {
|
|
55
55
|
return focusToNextInput(target);
|
|
56
56
|
}
|
|
57
|
-
if (key ===
|
|
57
|
+
if (key === "ArrowLeft" || key === "ArrowUp") {
|
|
58
58
|
return focusToPrevInput(target);
|
|
59
59
|
}
|
|
60
|
-
if (key ===
|
|
61
|
-
return target.value ===
|
|
60
|
+
if (key === "Backspace") {
|
|
61
|
+
return (target.value === "") && focusToPrevInput(target);
|
|
62
62
|
}
|
|
63
63
|
if (key >= '0' && key <= '9') {
|
|
64
64
|
focusToNextInput(target);
|
|
@@ -66,8 +66,8 @@ var inputOnKeyUp = function (e) {
|
|
|
66
66
|
};
|
|
67
67
|
/**
|
|
68
68
|
* OTP Code Component
|
|
69
|
-
* @param
|
|
70
|
-
* @param
|
|
69
|
+
* @param code {string} Code Text Input
|
|
70
|
+
* @param codeSize {number} Code Size Number
|
|
71
71
|
* @param disabled {boolean} Disabled OTP Code Input
|
|
72
72
|
* @param error {boolean} OTP Code Input has error | Display error icon
|
|
73
73
|
* @param onCompleted {Function} Return code input string
|
|
@@ -75,21 +75,21 @@ var inputOnKeyUp = function (e) {
|
|
|
75
75
|
* @param onFocus {Function} onFocus return if focused opt
|
|
76
76
|
* @param autoFocus {boolean} Should auto focus otp
|
|
77
77
|
* @param label {string} Label for OTP
|
|
78
|
-
* @param
|
|
78
|
+
* @param errorMessage {string} error message to display
|
|
79
79
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
80
80
|
* @param className {string} Additionnal css classes
|
|
81
81
|
*/
|
|
82
82
|
var Otp = function (_a) {
|
|
83
|
-
var className = _a.className,
|
|
84
|
-
var _c = __read(useState(stringToCode(
|
|
83
|
+
var className = _a.className, code = _a.code, _b = _a.codeSize, codeSize = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onChange = _a.onChange, onFocus = _a.onFocus, label = _a.label, errorMessage = _a.errorMessage, autoFocus = _a.autoFocus, others = __rest(_a, ["className", "code", "codeSize", "disabled", "error", "onCompleted", "onChange", "onFocus", "label", "errorMessage", "autoFocus"]);
|
|
84
|
+
var _c = __read(useState(stringToCode(code, codeSize) || new Array(codeSize).fill(null)), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
85
85
|
var hasChanged = useRef(false);
|
|
86
86
|
var styled = useTrilogyContext().styled;
|
|
87
|
-
var classes = hashClass(styled, clsx(
|
|
87
|
+
var classes = hashClass(styled, clsx("otp-list", error && is("error"), className));
|
|
88
88
|
useEffect(function () {
|
|
89
89
|
if (!disabled) {
|
|
90
90
|
isCompleted(codeInput) && (onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeToString(codeInput)));
|
|
91
91
|
}
|
|
92
|
-
}, [
|
|
92
|
+
}, [codeSize, codeInput, onCompleted, disabled]);
|
|
93
93
|
useEffect(function () {
|
|
94
94
|
hasChanged.current = codeInput.find(function (code) { return code !== null; }) !== undefined;
|
|
95
95
|
if (hasChanged.current) {
|
|
@@ -116,12 +116,12 @@ var Otp = function (_a) {
|
|
|
116
116
|
label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_NEUTRAL) ||
|
|
117
117
|
(error && TypographyColor.TEXT_ERROR) ||
|
|
118
118
|
TypographyColor.TEXT_MAIN }, label)),
|
|
119
|
-
React.createElement("div", {
|
|
119
|
+
React.createElement("div", { "data-testid": "otp-input", className: classes, onClick: function () {
|
|
120
120
|
if (!disabled) {
|
|
121
121
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
|
|
122
122
|
}
|
|
123
|
-
} }, codeInput.map(function (digit, idx) { return (React.createElement("input", __assign({ "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength:
|
|
124
|
-
|
|
123
|
+
} }, codeInput.map(function (digit, idx) { return (React.createElement("input", __assign({ "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: "".concat(digit !== null && digit !== void 0 ? digit : ""), onKeyUp: inputOnKeyUp, onFocus: inputOnFocus, onChange: function (e) { return inputOnChange(e, idx); }, disabled: disabled }, others))); })),
|
|
124
|
+
errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx("otp-error-message")), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_MAIN }, errorMessage))));
|
|
125
125
|
};
|
|
126
126
|
export default Otp;
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRTFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUluRCxJQUFNLFlBQVksR0FBRyxVQUFDLEdBQXFCLEVBQUUsUUFBZ0I7SUFDM0QsSUFBSSxDQUFDLEdBQUc7UUFBRSxPQUFPLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtJQUMvQyxPQUFPLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFuQyxDQUFtQyxDQUFDLENBQUE7QUFDekUsQ0FBQyxDQUFBO0FBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFvQjtJQUN4QyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENB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
|
|
@@ -3,8 +3,8 @@ import { OtpProps } from "./OtpProps";
|
|
|
3
3
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* OTP Code Component
|
|
6
|
-
* @param
|
|
7
|
-
* @param
|
|
6
|
+
* @param code {string} Code Text Input
|
|
7
|
+
* @param codeSize {number} Code Size Number
|
|
8
8
|
* @param disabled {boolean} Disabled OTP Code Input
|
|
9
9
|
* @param error {boolean} OTP Code Input has error | Display error icon
|
|
10
10
|
* @param onCompleted {Function} Return code input string
|
|
@@ -12,9 +12,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
12
12
|
* @param activated {boolean} Activated OTP
|
|
13
13
|
* @param onChange {Function} onChange Input return current code
|
|
14
14
|
* @param label {string} Label for OTP
|
|
15
|
+
* @param errorMessage {string} error message to display
|
|
15
16
|
*/
|
|
16
17
|
declare const Otp: {
|
|
17
|
-
({
|
|
18
|
+
({ code, codeSize, disabled, error, onCompleted, onFocus, activated, onChange, label, ...others }: OtpProps): JSX.Element;
|
|
18
19
|
displayName: ComponentName;
|
|
19
20
|
};
|
|
20
21
|
export default Otp;
|
|
@@ -9,8 +9,8 @@ import { TypographyAlign } from "../../objects";
|
|
|
9
9
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
10
10
|
/**
|
|
11
11
|
* OTP Code Component
|
|
12
|
-
* @param
|
|
13
|
-
* @param
|
|
12
|
+
* @param code {string} Code Text Input
|
|
13
|
+
* @param codeSize {number} Code Size Number
|
|
14
14
|
* @param disabled {boolean} Disabled OTP Code Input
|
|
15
15
|
* @param error {boolean} OTP Code Input has error | Display error icon
|
|
16
16
|
* @param onCompleted {Function} Return code input string
|
|
@@ -18,12 +18,13 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
18
18
|
* @param activated {boolean} Activated OTP
|
|
19
19
|
* @param onChange {Function} onChange Input return current code
|
|
20
20
|
* @param label {string} Label for OTP
|
|
21
|
+
* @param errorMessage {string} error message to display
|
|
21
22
|
*/
|
|
22
23
|
var Otp = function (_a) {
|
|
23
|
-
var
|
|
24
|
-
var _c = __read(useState(
|
|
24
|
+
var code = _a.code, _b = _a.codeSize, codeSize = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onFocus = _a.onFocus, activated = _a.activated, onChange = _a.onChange, label = _a.label, others = __rest(_a, ["code", "codeSize", "disabled", "error", "onCompleted", "onFocus", "activated", "onChange", "label"]);
|
|
25
|
+
var _c = __read(useState(code || ""), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
25
26
|
// eslint-disable-next-line prefer-spread
|
|
26
|
-
var _d = __read(useState(__spreadArray([], __read(Array(
|
|
27
|
+
var _d = __read(useState(__spreadArray([], __read(Array(codeSize).keys()), false)), 1), codeDigitsArray = _d[0];
|
|
27
28
|
var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];
|
|
28
29
|
var color = (disabled && getColorStyle(TrilogyColor.DISABLED)) ||
|
|
29
30
|
(activated && getColorStyle(TrilogyColor.MAIN)) ||
|
|
@@ -32,14 +33,14 @@ var Otp = function (_a) {
|
|
|
32
33
|
getColorStyle(TrilogyColor.MAIN);
|
|
33
34
|
useEffect(function () {
|
|
34
35
|
if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
|
|
35
|
-
setCodeInput(
|
|
36
|
+
setCodeInput(code || "");
|
|
36
37
|
}
|
|
37
|
-
}, [
|
|
38
|
+
}, [code]);
|
|
38
39
|
useEffect(function () {
|
|
39
|
-
if (!disabled && codeInput && codeInput.length >=
|
|
40
|
+
if (!disabled && codeInput && codeInput.length >= codeSize) {
|
|
40
41
|
onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
|
|
41
42
|
}
|
|
42
|
-
}, [
|
|
43
|
+
}, [code, codeSize, codeInput]);
|
|
43
44
|
var ref = useRef(null);
|
|
44
45
|
var handleOnPress = function () {
|
|
45
46
|
var _a;
|
|
@@ -117,7 +118,7 @@ var Otp = function (_a) {
|
|
|
117
118
|
return (React.createElement(SafeAreaView, __assign({ style: style.container }, others),
|
|
118
119
|
React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } },
|
|
119
120
|
Boolean(label) && (React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label)),
|
|
120
|
-
error && (React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALL }))),
|
|
121
|
+
error && (React.createElement(Icon, { style: style.icon, name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALL }))),
|
|
121
122
|
React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map(function (_item, index) { return (React.createElement(View, { key: index }, toDigitInput(index, index))); })),
|
|
122
123
|
React.createElement(TextInput, { ref: ref, value: codeInput, onChangeText: function (code) {
|
|
123
124
|
if (/^-?\d*\.?\d*$/.test(code) && !disabled) {
|
|
@@ -126,7 +127,7 @@ var Otp = function (_a) {
|
|
|
126
127
|
}
|
|
127
128
|
setCodeInput(code);
|
|
128
129
|
}
|
|
129
|
-
}, keyboardType: "numeric", returnKeyType: "send", textContentType: 'oneTimeCode', maxLength:
|
|
130
|
+
}, keyboardType: "numeric", returnKeyType: "send", textContentType: 'oneTimeCode', maxLength: codeSize, onFocus: function () {
|
|
130
131
|
if (!disabled) {
|
|
131
132
|
setFocused(true);
|
|
132
133
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
|
|
@@ -138,4 +139,4 @@ var Otp = function (_a) {
|
|
|
138
139
|
};
|
|
139
140
|
Otp.displayName = ComponentName.Otp;
|
|
140
141
|
export default Otp;
|
|
141
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
142
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxHQUFHLE1BQU0sY0FBYyxDQUFBO0FBRXBGLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBV0Y7SUFWVCxJQUFBLElBQUksVUFBQSxFQUNKLGdCQUFZLEVBQVosUUFBUSxtQkFBRyxDQUFDLEtBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVZFLHFHQVdaLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFTLElBQUksSUFBSSxFQUFFLENBQUMsSUFBQSxFQUF2RCxT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
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
/**
|
|
3
3
|
* Otp Interface
|
|
4
4
|
*/
|
|
5
|
-
export interface OtpProps
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
export interface OtpProps {
|
|
6
|
+
className?: string;
|
|
7
|
+
code?: string;
|
|
8
|
+
codeSize?: number;
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
error?: boolean;
|
|
10
|
-
help?: string;
|
|
11
11
|
onCompleted?: (code?: string) => void;
|
|
12
12
|
onFocus?: (focused: boolean) => void;
|
|
13
13
|
onChange?: (code?: string) => void;
|
|
14
14
|
activated?: boolean;
|
|
15
15
|
label?: string;
|
|
16
|
+
errorMessage?: React.ReactNode | string;
|
|
16
17
|
autoFocus?: boolean;
|
|
17
18
|
}
|
|
@@ -1,12 +1,19 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"
|
|
2
|
+
"className": {
|
|
3
|
+
"type": "string",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"string"
|
|
7
|
+
]
|
|
8
|
+
},
|
|
9
|
+
"code": {
|
|
3
10
|
"type": "string",
|
|
4
11
|
"values": [
|
|
5
12
|
"undefined",
|
|
6
13
|
"string"
|
|
7
14
|
]
|
|
8
15
|
},
|
|
9
|
-
"
|
|
16
|
+
"codeSize": {
|
|
10
17
|
"type": "string",
|
|
11
18
|
"values": [
|
|
12
19
|
"undefined",
|
|
@@ -29,13 +36,6 @@ export default {
|
|
|
29
36
|
"true"
|
|
30
37
|
]
|
|
31
38
|
},
|
|
32
|
-
"help": {
|
|
33
|
-
"type": "string",
|
|
34
|
-
"values": [
|
|
35
|
-
"undefined",
|
|
36
|
-
"string"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
39
|
"onCompleted": {
|
|
40
40
|
"type": "function",
|
|
41
41
|
"values": [
|
|
@@ -72,26 +72,26 @@ export default {
|
|
|
72
72
|
"string"
|
|
73
73
|
]
|
|
74
74
|
},
|
|
75
|
-
"
|
|
76
|
-
"type": "
|
|
75
|
+
"errorMessage": {
|
|
76
|
+
"type": "react",
|
|
77
77
|
"values": [
|
|
78
78
|
"undefined",
|
|
79
|
+
"null",
|
|
80
|
+
"string",
|
|
81
|
+
"number",
|
|
79
82
|
"false",
|
|
80
|
-
"true"
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
"type": "string",
|
|
85
|
-
"values": [
|
|
86
|
-
"undefined",
|
|
87
|
-
"string"
|
|
83
|
+
"true",
|
|
84
|
+
"JSXElementConstructor<any>>",
|
|
85
|
+
"ReactNode>",
|
|
86
|
+
"ReactPortal"
|
|
88
87
|
]
|
|
89
88
|
},
|
|
90
|
-
"
|
|
91
|
-
"type": "
|
|
89
|
+
"autoFocus": {
|
|
90
|
+
"type": "boolean",
|
|
92
91
|
"values": [
|
|
93
92
|
"undefined",
|
|
94
|
-
"
|
|
93
|
+
"false",
|
|
94
|
+
"true"
|
|
95
95
|
]
|
|
96
96
|
}
|
|
97
97
|
};
|
|
@@ -11,5 +11,5 @@ import { PaginationProps } from './PaginationProps';
|
|
|
11
11
|
* @param href {Function} Function that generates a link for seo bots
|
|
12
12
|
* @param testId {string} Test Id for Test Integration
|
|
13
13
|
*/
|
|
14
|
-
declare const Pagination: ({ className,
|
|
14
|
+
declare const Pagination: ({ className, count, defaultPage, pageSize, onClick, testId, href, ...others }: PaginationProps) => JSX.Element;
|
|
15
15
|
export default Pagination;
|