@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +9 -9
- package/lib/components/accordion/Accordion.native.d.ts +7 -4
- package/lib/components/accordion/Accordion.native.js +14 -14
- package/lib/components/accordion/AccordionProps.d.ts +1 -1
- package/lib/components/accordion/body/AccordionBody.d.ts +3 -3
- package/lib/components/accordion/body/AccordionBody.js +12 -10
- package/lib/components/accordion/body/AccordionBody.native.d.ts +7 -4
- package/lib/components/accordion/body/AccordionBody.native.js +10 -7
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +1 -1
- package/lib/components/accordion/body/index.d.ts +1 -1
- package/lib/components/accordion/body/index.js +2 -2
- package/lib/components/accordion/header/AccordionHeader.d.ts +3 -3
- package/lib/components/accordion/header/AccordionHeader.js +9 -9
- package/lib/components/accordion/header/AccordionHeader.native.d.ts +7 -4
- package/lib/components/accordion/header/AccordionHeader.native.js +10 -10
- package/lib/components/accordion/header/AccordionHeaderProps.d.ts +1 -1
- package/lib/components/accordion/header/index.d.ts +1 -1
- package/lib/components/accordion/header/index.js +2 -2
- package/lib/components/accordion/index.d.ts +5 -4
- package/lib/components/accordion/index.js +6 -5
- package/lib/components/accordion/item/AccordionItem.d.ts +3 -3
- package/lib/components/accordion/item/AccordionItem.js +51 -23
- package/lib/components/accordion/item/AccordionItem.native.d.ts +7 -4
- package/lib/components/accordion/item/AccordionItem.native.js +42 -48
- package/lib/components/accordion/item/index.d.ts +1 -1
- package/lib/components/accordion/item/index.js +2 -2
- package/lib/components/alert/Alert.d.ts +11 -3
- package/lib/components/alert/Alert.js +107 -20
- package/lib/components/alert/Alert.native.d.ts +27 -4
- package/lib/components/alert/Alert.native.js +107 -25
- package/lib/components/alert/context/ToasterContext.d.ts +1 -1
- package/lib/components/alert/context/ToasterContext.js +2 -6
- package/lib/components/alert/context/ToasterContextProps.d.ts +2 -3
- package/lib/components/alert/context/index.d.ts +1 -1
- package/lib/components/alert/context/index.js +2 -2
- package/lib/components/alert/index.d.ts +3 -3
- package/lib/components/alert/index.js +4 -4
- package/lib/components/autocomplete/AutoComplete.d.ts +3 -32
- package/lib/components/autocomplete/AutoComplete.js +129 -32
- package/lib/components/autocomplete/AutoComplete.native.d.ts +3 -4
- package/lib/components/autocomplete/AutoComplete.native.js +8 -10
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
- package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
- package/lib/components/autocomplete/index.d.ts +5 -4
- package/lib/components/autocomplete/index.js +6 -5
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +3 -3
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +5 -5
- package/lib/components/autocomplete/item/index.d.ts +1 -1
- package/lib/components/autocomplete/item/index.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +6 -4
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +3 -3
- package/lib/components/autocomplete/menu/index.d.ts +1 -1
- package/lib/components/autocomplete/menu/index.js +2 -2
- package/lib/components/autocomplete/utils/index.d.ts +1 -1
- package/lib/components/autocomplete/utils/index.js +2 -2
- package/lib/components/autolayout/AutoLayout.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.helpers.d.ts +6 -6
- package/lib/components/autolayout/AutoLayout.helpers.js +25 -29
- package/lib/components/autolayout/AutoLayout.js +3 -3
- package/lib/components/autolayout/AutoLayout.native.d.ts +2 -2
- package/lib/components/autolayout/AutoLayout.native.js +11 -9
- package/lib/components/autolayout/AutoLayoutProps.d.ts +5 -5
- package/lib/components/autolayout/AutoLayoutWrapper.d.ts +2 -2
- package/lib/components/autolayout/AutoLayoutWrapper.js +3 -3
- package/lib/components/autolayout/DefaultSpacingMatrix.d.ts +1 -1
- package/lib/components/autolayout/DefaultSpacingMatrix.js +2 -2
- package/lib/components/autolayout/index.d.ts +3 -2
- package/lib/components/autolayout/index.js +4 -3
- package/lib/components/badge/Badge.d.ts +3 -3
- package/lib/components/badge/Badge.js +23 -17
- package/lib/components/badge/Badge.native.d.ts +7 -4
- package/lib/components/badge/Badge.native.js +15 -15
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/index.d.ts +3 -2
- package/lib/components/badge/index.js +4 -3
- package/lib/components/box/Box.d.ts +3 -3
- package/lib/components/box/Box.js +29 -19
- package/lib/components/box/Box.native.d.ts +7 -4
- package/lib/components/box/Box.native.js +35 -29
- package/lib/components/box/BoxProps.d.ts +1 -4
- package/lib/components/box/BoxProps.js +1 -1
- package/lib/components/box/content/BoxContent.d.ts +3 -3
- package/lib/components/box/content/BoxContent.js +12 -12
- package/lib/components/box/content/BoxContent.native.d.ts +7 -4
- package/lib/components/box/content/BoxContent.native.js +10 -10
- package/lib/components/box/content/BoxContentProps.d.ts +1 -2
- package/lib/components/box/content/index.d.ts +1 -1
- package/lib/components/box/content/index.js +2 -2
- package/lib/components/box/footer/BoxFooter.d.ts +3 -3
- package/lib/components/box/footer/BoxFooter.js +11 -11
- package/lib/components/box/footer/BoxFooter.native.d.ts +7 -4
- package/lib/components/box/footer/BoxFooter.native.js +12 -10
- package/lib/components/box/footer/BoxFooterProps.d.ts +1 -1
- package/lib/components/box/footer/index.d.ts +1 -1
- package/lib/components/box/footer/index.js +2 -2
- package/lib/components/box/header/BoxHeader.d.ts +3 -3
- package/lib/components/box/header/BoxHeader.js +14 -14
- package/lib/components/box/header/BoxHeader.native.d.ts +7 -4
- package/lib/components/box/header/BoxHeader.native.js +22 -19
- package/lib/components/box/header/BoxHeaderProps.d.ts +1 -1
- package/lib/components/box/header/index.d.ts +1 -1
- package/lib/components/box/header/index.js +2 -2
- package/lib/components/box/index.d.ts +9 -8
- package/lib/components/box/index.js +10 -9
- package/lib/components/box/item/BoxItem.d.ts +3 -3
- package/lib/components/box/item/BoxItem.js +9 -9
- package/lib/components/box/item/BoxItem.native.d.ts +7 -4
- package/lib/components/box/item/BoxItem.native.js +10 -10
- package/lib/components/box/item/BoxItemProps.d.ts +1 -1
- package/lib/components/box/item/index.d.ts +2 -2
- package/lib/components/box/item/index.js +3 -3
- package/lib/components/box/table-container/BoxTableContainer.d.ts +3 -3
- package/lib/components/box/table-container/BoxTableContainer.js +9 -9
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +8 -5
- package/lib/components/box/table-container/BoxTableContainer.native.js +9 -9
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +1 -2
- package/lib/components/box/table-container/index.d.ts +1 -1
- package/lib/components/box/table-container/index.js +2 -2
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +9 -9
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +7 -4
- package/lib/components/breadcrumb/Breadcrumb.native.js +10 -10
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +1 -2
- package/lib/components/breadcrumb/index.d.ts +3 -2
- package/lib/components/breadcrumb/index.js +4 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +14 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +7 -4
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +11 -12
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +1 -3
- package/lib/components/breadcrumb/item/index.d.ts +1 -1
- package/lib/components/breadcrumb/item/index.js +2 -2
- package/lib/components/button/Button.d.ts +3 -3
- package/lib/components/button/Button.js +39 -26
- package/lib/components/button/Button.native.d.ts +7 -4
- package/lib/components/button/Button.native.js +100 -68
- package/lib/components/button/ButtonProps.d.ts +3 -3
- package/lib/components/button/index.d.ts +4 -3
- package/lib/components/button/index.js +5 -4
- package/lib/components/button/list/ButtonList.d.ts +3 -3
- package/lib/components/button/list/ButtonList.js +10 -10
- package/lib/components/button/list/ButtonList.native.d.ts +7 -4
- package/lib/components/button/list/ButtonList.native.js +6 -6
- package/lib/components/button/list/ButtonListProps.d.ts +2 -2
- package/lib/components/button/list/index.d.ts +2 -1
- package/lib/components/button/list/index.js +3 -2
- package/lib/components/card/Card.d.ts +5 -2
- package/lib/components/card/Card.js +25 -16
- package/lib/components/card/Card.native.d.ts +8 -5
- package/lib/components/card/Card.native.js +27 -27
- package/lib/components/card/CardProps.d.ts +1 -5
- package/lib/components/card/CardProps.js +1 -1
- package/lib/components/card/content/CardContent.d.ts +3 -3
- package/lib/components/card/content/CardContent.js +19 -15
- package/lib/components/card/content/CardContent.native.d.ts +7 -4
- package/lib/components/card/content/CardContent.native.js +18 -18
- package/lib/components/card/content/CardContentProps.d.ts +1 -4
- package/lib/components/card/content/index.d.ts +1 -1
- package/lib/components/card/content/index.js +2 -2
- package/lib/components/card/image/CardImage.d.ts +3 -3
- package/lib/components/card/image/CardImage.js +17 -13
- package/lib/components/card/image/CardImage.native.d.ts +7 -4
- package/lib/components/card/image/CardImage.native.js +5 -5
- package/lib/components/card/image/CardImageProps.d.ts +2 -2
- package/lib/components/card/image/index.d.ts +1 -1
- package/lib/components/card/image/index.js +2 -2
- package/lib/components/card/index.d.ts +5 -4
- package/lib/components/card/index.js +6 -5
- package/lib/components/checkbox/Checkbox.d.ts +3 -3
- package/lib/components/checkbox/Checkbox.js +50 -21
- package/lib/components/checkbox/Checkbox.native.d.ts +7 -4
- package/lib/components/checkbox/Checkbox.native.js +71 -58
- package/lib/components/checkbox/CheckboxProps.d.ts +2 -3
- package/lib/components/checkbox/index.d.ts +2 -1
- package/lib/components/checkbox/index.js +3 -2
- package/lib/components/chips/Chips.d.ts +3 -3
- package/lib/components/chips/Chips.js +13 -11
- package/lib/components/chips/Chips.native.d.ts +7 -4
- package/lib/components/chips/Chips.native.js +15 -15
- package/lib/components/chips/ChipsProps.d.ts +1 -3
- package/lib/components/chips/index.d.ts +3 -2
- package/lib/components/chips/index.js +4 -3
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +10 -10
- package/lib/components/chips/list/ChipsList.native.d.ts +6 -3
- package/lib/components/chips/list/ChipsList.native.js +4 -4
- package/lib/components/chips/list/index.d.ts +1 -1
- package/lib/components/chips/list/index.js +2 -2
- package/lib/components/columns/Columns.d.ts +2 -2
- package/lib/components/columns/Columns.js +11 -11
- package/lib/components/columns/Columns.native.d.ts +7 -4
- package/lib/components/columns/Columns.native.js +34 -41
- package/lib/components/columns/ColumnsProps.d.ts +2 -2
- package/lib/components/columns/index.d.ts +3 -2
- package/lib/components/columns/index.js +4 -3
- package/lib/components/columns/item/ColumnsItem.d.ts +2 -2
- package/lib/components/columns/item/ColumnsItem.js +10 -10
- package/lib/components/columns/item/ColumnsItem.native.d.ts +7 -4
- package/lib/components/columns/item/ColumnsItem.native.js +5 -5
- package/lib/components/columns/item/index.d.ts +1 -1
- package/lib/components/columns/item/index.js +2 -2
- package/lib/components/container/Container.d.ts +3 -3
- package/lib/components/container/Container.js +11 -11
- package/lib/components/container/Container.native.d.ts +7 -4
- package/lib/components/container/Container.native.js +10 -10
- package/lib/components/container/ContainerProps.d.ts +1 -1
- package/lib/components/container/ContainerProps.js +1 -4
- package/lib/components/container/index.d.ts +2 -1
- package/lib/components/container/index.js +3 -2
- package/lib/components/countdown/Countdown.d.ts +3 -3
- package/lib/components/countdown/Countdown.js +80 -22
- package/lib/components/countdown/Countdown.native.d.ts +7 -4
- package/lib/components/countdown/Countdown.native.js +11 -11
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/index.d.ts +3 -2
- package/lib/components/countdown/index.js +4 -3
- package/lib/components/divider/Divider.d.ts +3 -3
- package/lib/components/divider/Divider.js +17 -17
- package/lib/components/divider/Divider.native.d.ts +7 -4
- package/lib/components/divider/Divider.native.js +28 -24
- package/lib/components/divider/DividerProps.d.ts +1 -2
- package/lib/components/divider/index.d.ts +2 -1
- package/lib/components/divider/index.js +3 -2
- package/lib/components/enums.d.ts +3 -3
- package/lib/components/enums.js +4 -4
- package/lib/components/fab/Fab.d.ts +3 -3
- package/lib/components/fab/Fab.js +26 -19
- package/lib/components/fab/Fab.native.d.ts +7 -4
- package/lib/components/fab/Fab.native.js +23 -25
- package/lib/components/fab/FabProps.d.ts +3 -5
- package/lib/components/fab/index.d.ts +2 -1
- package/lib/components/fab/index.js +3 -2
- package/lib/components/hero/Hero.d.ts +3 -3
- package/lib/components/hero/Hero.js +13 -14
- package/lib/components/hero/Hero.native.d.ts +7 -4
- package/lib/components/hero/Hero.native.js +34 -24
- package/lib/components/hero/HeroProps.d.ts +5 -5
- package/lib/components/hero/index.d.ts +2 -1
- package/lib/components/hero/index.js +3 -2
- package/lib/components/icon/Icon.d.ts +3 -3
- package/lib/components/icon/Icon.js +51 -47
- package/lib/components/icon/Icon.native.d.ts +7 -4
- package/lib/components/icon/Icon.native.js +39 -35
- package/lib/components/icon/IconProps.d.ts +3 -3
- package/lib/components/icon/circle/CircleIcon.d.ts +3 -3
- package/lib/components/icon/circle/CircleIcon.js +15 -16
- package/lib/components/icon/circle/CircleIcon.native.d.ts +7 -4
- package/lib/components/icon/circle/CircleIcon.native.js +25 -23
- package/lib/components/icon/circle/CircleIconProps.d.ts +1 -1
- package/lib/components/icon/circle/index.d.ts +1 -1
- package/lib/components/icon/circle/index.js +2 -2
- package/lib/components/icon/index.d.ts +4 -3
- package/lib/components/icon/index.js +5 -4
- package/lib/components/icon/status/StatusIcon.d.ts +3 -3
- package/lib/components/icon/status/StatusIcon.js +16 -16
- package/lib/components/icon/status/StatusIcon.native.d.ts +7 -4
- package/lib/components/icon/status/StatusIcon.native.js +8 -8
- package/lib/components/icon/status/index.d.ts +1 -1
- package/lib/components/icon/status/index.js +2 -2
- package/lib/components/icon/text/TextIcon.d.ts +2 -2
- package/lib/components/icon/text/TextIcon.js +14 -14
- package/lib/components/icon/text/TextIcon.native.d.ts +7 -4
- package/lib/components/icon/text/TextIcon.native.js +9 -9
- package/lib/components/icon/text/index.d.ts +1 -1
- package/lib/components/icon/text/index.js +2 -2
- package/lib/components/image/Image.d.ts +3 -3
- package/lib/components/image/Image.js +15 -12
- package/lib/components/image/Image.native.d.ts +7 -4
- package/lib/components/image/Image.native.js +11 -11
- package/lib/components/image/ImageProps.d.ts +2 -2
- package/lib/components/image/index.d.ts +2 -1
- package/lib/components/image/index.js +3 -2
- package/lib/components/index.d.ts +48 -48
- package/lib/components/index.js +49 -49
- package/lib/components/input/Input.d.ts +3 -50
- package/lib/components/input/Input.js +127 -46
- package/lib/components/input/Input.native.d.ts +7 -4
- package/lib/components/input/Input.native.js +10 -10
- package/lib/components/input/InputProps.d.ts +5 -6
- package/lib/components/input/gauge/InputGauge.d.ts +2 -1
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/InputGauge.native.js +4 -4
- package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +75 -89
- package/lib/components/input/index.d.ts +4 -3
- package/lib/components/input/index.js +5 -4
- package/lib/components/link/Link.d.ts +3 -3
- package/lib/components/link/Link.js +20 -20
- package/lib/components/link/Link.native.d.ts +7 -4
- package/lib/components/link/Link.native.js +69 -39
- package/lib/components/link/LinkProps.d.ts +2 -4
- package/lib/components/link/index.d.ts +2 -1
- package/lib/components/link/index.js +3 -2
- package/lib/components/list/List.d.ts +2 -2
- package/lib/components/list/List.js +9 -9
- package/lib/components/list/List.native.d.ts +7 -4
- package/lib/components/list/List.native.js +7 -7
- package/lib/components/list/ListProps.d.ts +1 -1
- package/lib/components/list/index.d.ts +4 -3
- package/lib/components/list/index.js +5 -4
- package/lib/components/list/item/ListItem.d.ts +4 -4
- package/lib/components/list/item/ListItem.js +15 -15
- package/lib/components/list/item/ListItem.native.d.ts +7 -4
- package/lib/components/list/item/ListItem.native.js +13 -15
- package/lib/components/list/item/ListItemProps.d.ts +5 -3
- package/lib/components/list/item/ListItemProps.js +1 -1
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -3
- package/lib/components/list/item/description/ListItemDescription.js +9 -9
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +7 -4
- package/lib/components/list/item/description/ListItemDescription.native.js +10 -10
- package/lib/components/list/item/description/index.d.ts +3 -2
- package/lib/components/list/item/description/index.js +4 -3
- package/lib/components/list/item/index.d.ts +4 -3
- package/lib/components/list/item/index.js +5 -4
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +91 -37
- package/lib/components/modal/Modal.native.d.ts +2 -2
- package/lib/components/modal/Modal.native.js +52 -47
- package/lib/components/modal/ModalProps.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.js +7 -5
- package/lib/components/modal/footer/ModalFooter.native.d.ts +2 -2
- package/lib/components/modal/footer/ModalFooter.native.js +8 -9
- package/lib/components/modal/index.d.ts +5 -4
- package/lib/components/modal/index.js +6 -5
- package/lib/components/modal/title/ModalTitle.d.ts +1 -1
- package/lib/components/modal/title/ModalTitle.js +7 -5
- package/lib/components/modal/title/ModalTitle.native.d.ts +2 -2
- package/lib/components/modal/title/ModalTitle.native.js +12 -13
- package/lib/components/otp/Otp.d.ts +3 -3
- package/lib/components/otp/Otp.js +106 -24
- package/lib/components/otp/Otp.native.d.ts +7 -4
- package/lib/components/otp/Otp.native.js +32 -32
- package/lib/components/otp/index.d.ts +2 -1
- package/lib/components/otp/index.js +3 -2
- package/lib/components/pagination/Pagination.d.ts +3 -3
- package/lib/components/pagination/Pagination.js +73 -25
- package/lib/components/pagination/Pagination.native.d.ts +7 -4
- package/lib/components/pagination/Pagination.native.js +18 -18
- package/lib/components/pagination/PaginationProps.d.ts +2 -3
- package/lib/components/pagination/index.d.ts +3 -2
- package/lib/components/pagination/index.js +4 -3
- package/lib/components/popover/Popover.d.ts +3 -3
- package/lib/components/popover/Popover.js +12 -12
- package/lib/components/popover/Popover.native.d.ts +7 -4
- package/lib/components/popover/Popover.native.js +40 -33
- package/lib/components/popover/PopoverProps.d.ts +2 -3
- package/lib/components/popover/index.d.ts +3 -2
- package/lib/components/popover/index.js +4 -3
- package/lib/components/price/Price.d.ts +3 -3
- package/lib/components/price/Price.js +46 -44
- package/lib/components/price/Price.native.d.ts +7 -4
- package/lib/components/price/Price.native.js +79 -82
- package/lib/components/price/PriceProps.d.ts +2 -4
- package/lib/components/price/index.d.ts +3 -2
- package/lib/components/price/index.js +4 -3
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +21 -19
- package/lib/components/product-tour/ProductTour.native.d.ts +7 -4
- package/lib/components/product-tour/ProductTour.native.js +7 -7
- package/lib/components/product-tour/index.d.ts +3 -2
- package/lib/components/product-tour/index.js +4 -3
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +15 -15
- package/lib/components/progress/Progress.native.d.ts +7 -4
- package/lib/components/progress/Progress.native.js +32 -31
- package/lib/components/progress/index.d.ts +5 -4
- package/lib/components/progress/index.js +6 -5
- package/lib/components/progress/item/ProgressItem.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.js +11 -11
- package/lib/components/progress/item/ProgressItem.native.d.ts +7 -4
- package/lib/components/progress/item/ProgressItem.native.js +7 -7
- package/lib/components/progress/item/index.d.ts +1 -1
- package/lib/components/progress/item/index.js +2 -2
- package/lib/components/progress/radial/ProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.js +58 -19
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +7 -4
- package/lib/components/progress/radial/ProgressRadial.native.js +30 -30
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +2 -3
- package/lib/components/progress/radial/index.d.ts +1 -1
- package/lib/components/progress/radial/index.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +3 -3
- package/lib/components/progress/radial/item/ProgressRadialtem.js +10 -10
- package/lib/components/progress/radial/item/index.d.ts +1 -1
- package/lib/components/progress/radial/item/index.js +2 -2
- package/lib/components/radio/Radio.d.ts +3 -3
- package/lib/components/radio/Radio.js +52 -21
- package/lib/components/radio/Radio.native.d.ts +7 -4
- package/lib/components/radio/Radio.native.js +67 -57
- package/lib/components/radio/RadioProps.d.ts +5 -5
- package/lib/components/radio/index.d.ts +3 -2
- package/lib/components/radio/index.js +4 -3
- package/lib/components/radio/list/RadioList.d.ts +3 -3
- package/lib/components/radio/list/RadioList.js +10 -10
- package/lib/components/radio/list/RadioList.native.d.ts +3 -3
- package/lib/components/radio/list/RadioList.native.js +9 -9
- package/lib/components/radio/list/RadioListProps.d.ts +1 -2
- package/lib/components/radio/list/index.d.ts +2 -1
- package/lib/components/radio/list/index.js +3 -2
- package/lib/components/range/Range.d.ts +3 -3
- package/lib/components/range/Range.js +57 -18
- package/lib/components/range/Range.native.d.ts +7 -4
- package/lib/components/range/Range.native.js +18 -19
- package/lib/components/range/RangeProps.d.ts +1 -2
- package/lib/components/range/index.d.ts +2 -1
- package/lib/components/range/index.js +3 -2
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +10 -10
- package/lib/components/rows/Rows.native.d.ts +7 -4
- package/lib/components/rows/Rows.native.js +9 -9
- package/lib/components/rows/index.d.ts +3 -2
- package/lib/components/rows/index.js +4 -3
- package/lib/components/rows/item/RowItem.d.ts +2 -2
- package/lib/components/rows/item/RowItem.js +10 -10
- package/lib/components/rows/item/RowItem.native.d.ts +7 -4
- package/lib/components/rows/item/RowItem.native.js +8 -8
- package/lib/components/rows/item/index.d.ts +1 -1
- package/lib/components/rows/item/index.js +2 -2
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +13 -12
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -15
- package/lib/components/scroll-view/ScrollView.native.js +12 -25
- package/lib/components/scroll-view/ScrollViewProps.d.ts +1 -2
- package/lib/components/scroll-view/index.d.ts +2 -1
- package/lib/components/scroll-view/index.js +3 -2
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +15 -11
- package/lib/components/section/Section.native.d.ts +7 -4
- package/lib/components/section/Section.native.js +14 -12
- package/lib/components/section/SectionProps.d.ts +1 -6
- package/lib/components/section/index.d.ts +2 -1
- package/lib/components/section/index.js +3 -2
- package/lib/components/segment-control/SegmentControl.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.js +32 -16
- package/lib/components/segment-control/SegmentControl.native.d.ts +7 -4
- package/lib/components/segment-control/SegmentControl.native.js +18 -16
- package/lib/components/segment-control/index.d.ts +3 -2
- package/lib/components/segment-control/index.js +4 -3
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.js +20 -10
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +7 -4
- package/lib/components/segment-control/item/SegmentControlItem.native.js +18 -15
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +2 -2
- package/lib/components/segment-control/item/SegmentControlItemPropsDefaults.js +1 -7
- package/lib/components/segment-control/item/index.d.ts +1 -1
- package/lib/components/segment-control/item/index.js +2 -2
- package/lib/components/select/Select.d.ts +3 -3
- package/lib/components/select/Select.js +7 -9
- package/lib/components/select/Select.native.d.ts +7 -4
- package/lib/components/select/Select.native.js +8 -8
- package/lib/components/select/SelectProps.d.ts +2 -3
- package/lib/components/select/index.d.ts +3 -2
- package/lib/components/select/index.js +4 -3
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +7 -8
- package/lib/components/select/option/SelectOption.native.d.ts +7 -4
- package/lib/components/select/option/SelectOption.native.js +11 -11
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
- package/lib/components/select/option/index.d.ts +1 -1
- package/lib/components/select/option/index.js +2 -2
- package/lib/components/select/web/SelectDynamic.d.ts +3 -5
- package/lib/components/select/web/SelectDynamic.js +196 -16
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +37 -16
- package/lib/components/select/web/index.d.ts +2 -2
- package/lib/components/select/web/index.js +3 -3
- package/lib/components/spacer/Spacer.d.ts +3 -3
- package/lib/components/spacer/Spacer.js +7 -9
- package/lib/components/spacer/Spacer.native.d.ts +7 -4
- package/lib/components/spacer/Spacer.native.js +7 -7
- package/lib/components/spacer/SpacerProps.d.ts +1 -1
- package/lib/components/spacer/index.d.ts +3 -2
- package/lib/components/spacer/index.js +4 -3
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +39 -14
- package/lib/components/stepper/Stepper.native.d.ts +7 -4
- package/lib/components/stepper/Stepper.native.js +22 -19
- package/lib/components/stepper/index.d.ts +4 -3
- package/lib/components/stepper/index.js +5 -4
- package/lib/components/stepper/step/StepperStep.d.ts +2 -2
- package/lib/components/stepper/step/StepperStep.js +17 -14
- package/lib/components/stepper/step/StepperStep.native.d.ts +7 -4
- package/lib/components/stepper/step/StepperStep.native.js +13 -9
- package/lib/components/stepper/step/StepperStepProps.d.ts +2 -2
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.d.ts +3 -3
- package/lib/components/sticker/Sticker.js +16 -15
- package/lib/components/sticker/Sticker.native.d.ts +7 -4
- package/lib/components/sticker/Sticker.native.js +20 -19
- package/lib/components/sticker/StickerProps.d.ts +4 -4
- package/lib/components/sticker/index.d.ts +3 -2
- package/lib/components/sticker/index.js +4 -3
- package/lib/components/styleComponent/default/index.d.ts +1 -1
- package/lib/components/styleComponent/default/index.js +2 -2
- package/lib/components/styleComponent/default/styleComponent.d.ts +1 -1
- package/lib/components/styleComponent/default/styleComponent.js +2 -2
- package/lib/components/styleComponent/index.d.ts +2 -2
- package/lib/components/styleComponent/index.js +3 -3
- package/lib/components/styleComponent/mangled/index.d.ts +1 -1
- package/lib/components/styleComponent/mangled/index.js +2 -2
- package/lib/components/styleComponent/mangled/styleComponentMangled.d.ts +1 -1
- package/lib/components/styleComponent/mangled/styleComponentMangled.js +2 -2
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +46 -16
- package/lib/components/switch/Switch.native.d.ts +7 -4
- package/lib/components/switch/Switch.native.js +14 -12
- package/lib/components/switch/SwitchProps.d.ts +3 -2
- package/lib/components/switch/index.d.ts +2 -1
- package/lib/components/switch/index.js +3 -2
- package/lib/components/table/Table.d.ts +3 -3
- package/lib/components/table/Table.js +11 -11
- package/lib/components/table/Table.native.d.ts +7 -4
- package/lib/components/table/Table.native.js +15 -11
- package/lib/components/table/body/TableBody.d.ts +3 -3
- package/lib/components/table/body/TableBody.js +13 -13
- package/lib/components/table/body/TableBody.native.d.ts +12 -5
- package/lib/components/table/body/TableBody.native.js +9 -9
- package/lib/components/table/body/TableBodyProps.d.ts +1 -1
- package/lib/components/table/body/index.d.ts +1 -1
- package/lib/components/table/body/index.js +2 -2
- package/lib/components/table/head/TableHead.d.ts +3 -3
- package/lib/components/table/head/TableHead.js +13 -13
- package/lib/components/table/head/TableHead.native.d.ts +7 -4
- package/lib/components/table/head/TableHead.native.js +9 -9
- package/lib/components/table/head/TableHeadProps.d.ts +1 -1
- package/lib/components/table/head/index.d.ts +1 -1
- package/lib/components/table/head/index.js +2 -2
- package/lib/components/table/index.d.ts +7 -6
- package/lib/components/table/index.js +8 -7
- package/lib/components/table/td/TableTd.d.ts +3 -3
- package/lib/components/table/td/TableTd.js +10 -10
- package/lib/components/table/td/TableTd.native.d.ts +7 -4
- package/lib/components/table/td/TableTd.native.js +9 -9
- package/lib/components/table/td/TableTdProps.d.ts +1 -1
- package/lib/components/table/td/index.d.ts +1 -1
- package/lib/components/table/td/index.js +2 -2
- package/lib/components/table/th/TableTh.d.ts +3 -3
- package/lib/components/table/th/TableTh.js +10 -10
- package/lib/components/table/th/TableTh.native.d.ts +7 -4
- package/lib/components/table/th/TableTh.native.js +12 -13
- package/lib/components/table/th/TableThProps.d.ts +1 -1
- package/lib/components/table/th/index.d.ts +1 -1
- package/lib/components/table/th/index.js +2 -2
- package/lib/components/table/tr/TableTr.d.ts +3 -3
- package/lib/components/table/tr/TableTr.js +12 -12
- package/lib/components/table/tr/TableTr.native.d.ts +7 -4
- package/lib/components/table/tr/TableTr.native.js +11 -11
- package/lib/components/table/tr/TableTrProps.d.ts +1 -3
- package/lib/components/table/tr/index.d.ts +1 -1
- package/lib/components/table/tr/index.js +2 -2
- package/lib/components/tabs/Tabs.d.ts +1 -1
- package/lib/components/tabs/Tabs.js +43 -14
- package/lib/components/tabs/Tabs.native.d.ts +7 -4
- package/lib/components/tabs/Tabs.native.js +9 -9
- package/lib/components/tabs/TabsProps.d.ts +1 -4
- package/lib/components/tabs/index.d.ts +3 -2
- package/lib/components/tabs/index.js +4 -3
- package/lib/components/tabs/item/TabsItem.d.ts +3 -3
- package/lib/components/tabs/item/TabsItem.js +40 -20
- package/lib/components/tabs/item/TabsItem.native.d.ts +7 -4
- package/lib/components/tabs/item/TabsItem.native.js +19 -19
- package/lib/components/tabs/item/TabsItemProps.d.ts +1 -3
- package/lib/components/tabs/item/index.d.ts +1 -1
- package/lib/components/tabs/item/index.js +2 -2
- package/lib/components/tag/Tag.d.ts +3 -3
- package/lib/components/tag/Tag.js +12 -12
- package/lib/components/tag/Tag.native.d.ts +7 -4
- package/lib/components/tag/Tag.native.js +6 -6
- package/lib/components/tag/TagProps.d.ts +3 -4
- package/lib/components/tag/index.d.ts +4 -3
- package/lib/components/tag/index.js +5 -4
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +8 -8
- package/lib/components/tag/list/TagList.native.d.ts +7 -4
- package/lib/components/tag/list/TagList.native.js +15 -11
- package/lib/components/tag/list/TagListProps.d.ts +1 -1
- package/lib/components/tag/list/index.d.ts +1 -1
- package/lib/components/tag/list/index.js +2 -2
- package/lib/components/text/Text.d.ts +3 -3
- package/lib/components/text/Text.js +19 -18
- package/lib/components/text/Text.native.d.ts +7 -4
- package/lib/components/text/Text.native.js +34 -31
- package/lib/components/text/TextProps.d.ts +1 -1
- package/lib/components/text/index.d.ts +3 -2
- package/lib/components/text/index.js +4 -3
- package/lib/components/textarea/Textarea.d.ts +3 -30
- package/lib/components/textarea/Textarea.js +34 -23
- package/lib/components/textarea/Textarea.native.d.ts +3 -60
- package/lib/components/textarea/Textarea.native.js +13 -11
- package/lib/components/textarea/TextareaProps.d.ts +5 -3
- package/lib/components/textarea/index.d.ts +2 -1
- package/lib/components/textarea/index.js +3 -2
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +8 -8
- package/lib/components/timeline/Timeline.native.d.ts +7 -4
- package/lib/components/timeline/Timeline.native.js +8 -8
- package/lib/components/timeline/content/TimelineContent.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.js +16 -13
- package/lib/components/timeline/content/TimelineContent.native.d.ts +7 -4
- package/lib/components/timeline/content/TimelineContent.native.js +14 -14
- package/lib/components/timeline/content/TimelineContentProps.d.ts +1 -1
- package/lib/components/timeline/content/index.d.ts +1 -1
- package/lib/components/timeline/content/index.js +2 -2
- package/lib/components/timeline/index.d.ts +5 -4
- package/lib/components/timeline/index.js +6 -5
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +7 -7
- package/lib/components/timeline/item/TimelineItem.native.d.ts +6 -3
- package/lib/components/timeline/item/TimelineItem.native.js +5 -5
- package/lib/components/timeline/item/index.d.ts +1 -1
- package/lib/components/timeline/item/index.js +2 -2
- package/lib/components/timeline/marker/TimelineMarker.d.ts +3 -3
- package/lib/components/timeline/marker/TimelineMarker.js +12 -12
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +7 -4
- package/lib/components/timeline/marker/TimelineMarker.native.js +19 -19
- package/lib/components/timeline/marker/index.d.ts +1 -1
- package/lib/components/timeline/marker/index.js +2 -2
- package/lib/components/title/Title.d.ts +3 -3
- package/lib/components/title/Title.js +18 -14
- package/lib/components/title/Title.native.d.ts +7 -4
- package/lib/components/title/Title.native.js +37 -29
- package/lib/components/title/TitleProps.d.ts +1 -1
- package/lib/components/title/index.d.ts +3 -2
- package/lib/components/title/index.js +4 -3
- package/lib/components/view/View.d.ts +3 -3
- package/lib/components/view/View.js +18 -20
- package/lib/components/view/View.native.d.ts +7 -4
- package/lib/components/view/View.native.js +17 -16
- package/lib/components/view/ViewProps.d.ts +1 -7
- package/lib/components/view/ViewProps.js +1 -1
- package/lib/components/view/index.d.ts +3 -2
- package/lib/components/view/index.js +4 -3
- package/lib/context/index.js +1 -2
- package/lib/context/provider.d.ts +1 -1
- package/lib/context/provider.js +7 -7
- package/lib/context/providerStates.js +2 -3
- package/lib/context/providerStyled.d.ts +3 -3
- package/lib/context/providerStyled.js +3 -3
- package/lib/context/providerTheme.d.ts +1 -1
- package/lib/context/providerTheme.js +1 -2
- package/lib/context/providerTheme.native.d.ts +3 -3
- package/lib/context/providerTheme.native.js +4 -4
- package/lib/helpers/WrapperReactNativeTesting.d.ts +1 -1
- package/lib/helpers/WrapperReactNativeTesting.js +3 -3
- package/lib/helpers/hashClassesHelpers.d.ts +3 -1
- package/lib/helpers/hashClassesHelpers.js +15 -18
- package/lib/helpers/index.d.ts +4 -4
- package/lib/helpers/index.js +5 -5
- package/lib/index.d.ts +3 -1
- package/lib/index.js +4 -2
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/objects/Typography/index.d.ts +4 -4
- package/lib/objects/Typography/index.js +5 -5
- package/lib/objects/atoms/index.d.ts +2 -2
- package/lib/objects/atoms/index.js +3 -3
- package/lib/objects/facets/Color.js +10 -15
- package/lib/objects/facets/Status.d.ts +1 -1
- package/lib/objects/facets/Status.js +2 -2
- package/lib/objects/facets/Variant.js +22 -22
- package/lib/objects/facets/index.d.ts +29 -29
- package/lib/objects/facets/index.js +30 -30
- package/lib/objects/index.d.ts +3 -3
- package/lib/objects/index.js +4 -4
- package/lib/services/index.d.ts +1 -1
- package/lib/services/index.js +2 -2
- package/lib/tsconfig.json +1 -0
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +2 -2
- package/lib/components/accordion/item/hook/useAccordionItem.d.ts +0 -23
- package/lib/components/accordion/item/hook/useAccordionItem.js +0 -47
- package/lib/components/alert/toaster/ToasterAlertProvider.d.ts +0 -10
- package/lib/components/alert/toaster/ToasterAlertProvider.js +0 -83
- package/lib/components/alert/toaster/ToasterAlertProvider.native.d.ts +0 -22
- package/lib/components/alert/toaster/ToasterAlertProvider.native.js +0 -91
- package/lib/components/alert/toaster/index.d.ts +0 -1
- package/lib/components/alert/toaster/index.js +0 -2
- package/lib/components/autocomplete/hook/useAutocomplete.d.ts +0 -40
- package/lib/components/autocomplete/hook/useAutocomplete.js +0 -138
- package/lib/components/card/context/CardContext.d.ts +0 -4
- package/lib/components/card/context/CardContext.js +0 -4
- package/lib/components/checkbox/hook/useCheckbox.d.ts +0 -19
- package/lib/components/checkbox/hook/useCheckbox.js +0 -49
- package/lib/components/countdown/hook/useCountdown.d.ts +0 -16
- package/lib/components/countdown/hook/useCountdown.js +0 -77
- package/lib/components/input/hook/useInput.d.ts +0 -68
- package/lib/components/input/hook/useInput.js +0 -151
- package/lib/components/modal/hook/useModal.d.ts +0 -25
- package/lib/components/modal/hook/useModal.js +0 -76
- package/lib/components/otp/hook/useOtp.d.ts +0 -24
- package/lib/components/otp/hook/useOtp.js +0 -112
- package/lib/components/pagination/hook/usePagination.d.ts +0 -33
- package/lib/components/pagination/hook/usePagination.js +0 -69
- package/lib/components/product-tour/hook/useProductTour.d.ts +0 -11
- package/lib/components/product-tour/hook/useProductTour.js +0 -19
- package/lib/components/progress/radial/hook/useProgressRadial.d.ts +0 -15
- package/lib/components/progress/radial/hook/useProgressRadial.js +0 -57
- package/lib/components/radio/hook/useRadio.d.ts +0 -23
- package/lib/components/radio/hook/useRadio.js +0 -52
- package/lib/components/range/hook/useRange.d.ts +0 -30
- package/lib/components/range/hook/useRange.js +0 -60
- package/lib/components/segment-control/hook/useSegmentControl.d.ts +0 -15
- package/lib/components/segment-control/hook/useSegmentControl.js +0 -33
- package/lib/components/segment-control/item/hook/useSegmentControlItem.d.ts +0 -14
- package/lib/components/segment-control/item/hook/useSegmentControlItem.js +0 -24
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -20
- package/lib/components/select/web/hooks/useSelectDynamic.js +0 -233
- package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
- package/lib/components/select/web/hooks/useSelectNative.js +0 -38
- package/lib/components/stepper/hook/useStepper.d.ts +0 -9
- package/lib/components/stepper/hook/useStepper.js +0 -50
- package/lib/components/switch/hook/ueSwitch.d.ts +0 -18
- package/lib/components/switch/hook/ueSwitch.js +0 -35
- package/lib/components/tabs/hook/useTabs.d.ts +0 -15
- package/lib/components/tabs/hook/useTabs.js +0 -46
- package/lib/components/tabs/item/hook/useTabsItem.d.ts +0 -15
- package/lib/components/tabs/item/hook/useTabsItem.js +0 -29
- package/lib/components/textarea/hook/useTextarea.d.ts +0 -14
- package/lib/components/textarea/hook/useTextarea.js +0 -25
- package/lib/helpers/mergeRefs.d.ts +0 -2
- package/lib/helpers/mergeRefs.js +0 -13
- package/lib/objects/facets/ClientRendering.d.ts +0 -3
- package/lib/objects/facets/ClientRendering.js +0 -2
- package/lib/tsconfig.build.json +0 -13
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { SelectProps } from '../../../components/select/SelectProps';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
3
|
+
declare const SelectNative: ({ onChange, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, accessibilityLabel, ...others }: SelectProps) => JSX.Element;
|
|
4
|
+
export default SelectNative;
|
|
@@ -1,24 +1,45 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import * as React from 'react';
|
|
4
4
|
import { Icon } from '../../../components/icon';
|
|
5
5
|
import { SelectOption } from '../../../components/select';
|
|
6
|
-
import {
|
|
6
|
+
import { useTrilogyContext } from '../../../context/index';
|
|
7
7
|
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
8
8
|
import { has } from '../../../services/classify';
|
|
9
|
-
var SelectNative = function (_a
|
|
9
|
+
var SelectNative = function (_a) {
|
|
10
10
|
var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "testId", "label", "iconName", "multiple", "className", "accessibilityLabel"]);
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
var styled = useTrilogyContext().styled;
|
|
12
|
+
var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
|
|
13
|
+
var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
|
|
14
|
+
var selectClasses = React.useMemo(function () { return hashClass(styled, clsx('select', className)); }, [styled, className]);
|
|
15
|
+
var controlClass = React.useMemo(function () { return hashClass(styled, clsx('control', has('dynamic-placeholder'), iconName && 'has-icons-left')); }, [styled, iconName]);
|
|
16
|
+
var handleFocus = React.useCallback(function (e) {
|
|
17
|
+
setIsFocused(true);
|
|
18
|
+
onFocus && onFocus(e);
|
|
19
|
+
}, []);
|
|
20
|
+
var handleBlur = React.useCallback(function (e) {
|
|
21
|
+
setIsFocused(false);
|
|
22
|
+
onBlur && onBlur(e);
|
|
23
|
+
}, []);
|
|
24
|
+
React.useEffect(function () {
|
|
25
|
+
setSelectedValues(selected);
|
|
26
|
+
}, [selected]);
|
|
27
|
+
return (React.createElement("div", { className: selectClasses },
|
|
28
|
+
React.createElement("div", { className: hashClass(styled, clsx('field', focused && 'focus')) },
|
|
20
29
|
React.createElement("div", { className: controlClass },
|
|
21
|
-
React.createElement("select", __assign({ className: hashClass(clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange:
|
|
30
|
+
React.createElement("select", __assign({ className: hashClass(styled, clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
|
|
31
|
+
var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
|
|
32
|
+
setSelectedValues(selectedV);
|
|
33
|
+
if (onChange) {
|
|
34
|
+
onChange({
|
|
35
|
+
selectValue: e.target.value,
|
|
36
|
+
selectName: e.target.name,
|
|
37
|
+
selectId: e.target.id,
|
|
38
|
+
name: e.target.name,
|
|
39
|
+
selectedOptions: selectedV,
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox' }, others), React.Children.map(children, function (child) {
|
|
22
43
|
if (!React.isValidElement(child))
|
|
23
44
|
return null;
|
|
24
45
|
var props = __assign(__assign({}, child.props), { native: 'true' });
|
|
@@ -27,5 +48,5 @@ var SelectNative = function (_a, ref) {
|
|
|
27
48
|
label && !multiple && React.createElement("label", { htmlFor: id }, label),
|
|
28
49
|
iconName && React.createElement(Icon, { name: iconName, size: 'small' })))));
|
|
29
50
|
};
|
|
30
|
-
export default
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
export default SelectNative;
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQWdCUjtJQWZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1Qsa0JBQWtCLHdCQUFBLEVBQ2YsTUFBTSxjQWZXLGlLQWdCckIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRWhDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLFlBQVksUUFBa0MsQ0FBQTtJQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxF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
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as SelectDynamic } from '
|
|
2
|
-
export { default as SelectNative } from '
|
|
1
|
+
export { default as SelectDynamic } from './SelectDynamic';
|
|
2
|
+
export { default as SelectNative } from './SelectNative';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as SelectDynamic } from '
|
|
2
|
-
export { default as SelectNative } from '
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export { default as SelectDynamic } from './SelectDynamic';
|
|
2
|
+
export { default as SelectNative } from './SelectNative';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBIn0=
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import { SpacerProps } from
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SpacerProps } from "./SpacerProps";
|
|
3
3
|
/**
|
|
4
4
|
* Spacer Component
|
|
5
5
|
* @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
|
|
6
6
|
* @param horizontal {Boolean} If horizontal margin
|
|
7
7
|
*/
|
|
8
|
-
declare const Spacer:
|
|
8
|
+
declare const Spacer: ({ size, horizontal }: SpacerProps) => JSX.Element;
|
|
9
9
|
export default Spacer;
|
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
1
|
+
import * as React from "react";
|
|
3
2
|
/**
|
|
4
3
|
* Spacer Component
|
|
5
4
|
* @param size {SpacerSize} ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
|
|
6
5
|
* @param horizontal {Boolean} If horizontal margin
|
|
7
6
|
*/
|
|
8
|
-
var Spacer =
|
|
7
|
+
var Spacer = function (_a) {
|
|
9
8
|
var size = _a.size, horizontal = _a.horizontal;
|
|
10
9
|
var styles = {
|
|
11
10
|
spacer: {
|
|
12
|
-
marginLeft: horizontal ? "".concat(size, "px") :
|
|
13
|
-
marginTop: !horizontal ? "".concat(size, "px") :
|
|
11
|
+
marginLeft: horizontal ? "".concat(size, "px") : "0px",
|
|
12
|
+
marginTop: !horizontal ? "".concat(size, "px") : "0px",
|
|
14
13
|
},
|
|
15
14
|
};
|
|
16
|
-
return React.createElement("div", { style: styles.spacer
|
|
17
|
-
}
|
|
18
|
-
Spacer.displayName = ComponentName.Spacer;
|
|
15
|
+
return React.createElement("div", { style: styles.spacer });
|
|
16
|
+
};
|
|
19
17
|
export default Spacer;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7OztHQUlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztRQUEvQixJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHO1FBQ2IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsS0FBSztZQUM1QyxTQUFTLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUs7U0FDN0M7S0FDRixDQUFBO0lBQ0QsT0FBTyw2QkFBSyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sR0FBSSxDQUFBO0FBQ3RDLENBQUMsQ0FBQTtBQUVELGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SpacerProps } from "./SpacerProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Spacer Component
|
|
6
6
|
* @param size {SpacerSize} Size of the spacer
|
|
7
7
|
* @param horizontal {Boolean} If horizontal margin
|
|
8
8
|
*/
|
|
9
|
-
declare const Spacer:
|
|
9
|
+
declare const Spacer: {
|
|
10
|
+
({ size, horizontal }: SpacerProps): JSX.Element;
|
|
11
|
+
displayName: ComponentName;
|
|
12
|
+
};
|
|
10
13
|
export default Spacer;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { StyleSheet, View } from
|
|
3
|
-
import { ComponentName } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StyleSheet, View } from "react-native";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Spacer Component
|
|
6
6
|
* @param size {SpacerSize} Size of the spacer
|
|
7
7
|
* @param horizontal {Boolean} If horizontal margin
|
|
8
8
|
*/
|
|
9
|
-
var Spacer =
|
|
9
|
+
var Spacer = function (_a) {
|
|
10
10
|
var size = _a.size, horizontal = _a.horizontal;
|
|
11
11
|
var styles = StyleSheet.create({
|
|
12
12
|
spacer: {
|
|
@@ -14,8 +14,8 @@ var Spacer = React.forwardRef(function (_a, ref) {
|
|
|
14
14
|
marginTop: (!horizontal && parseInt(size.toString())) || 0,
|
|
15
15
|
},
|
|
16
16
|
});
|
|
17
|
-
return React.createElement(View, { style: styles.spacer
|
|
18
|
-
}
|
|
17
|
+
return React.createElement(View, { style: styles.spacer });
|
|
18
|
+
};
|
|
19
19
|
Spacer.displayName = ComponentName.Spacer;
|
|
20
20
|
export default Spacer;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3BhY2VyL1NwYWNlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxNQUFNLEdBQUcsVUFBQyxFQUFpQztRQUEvQixJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ2hDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLENBQUMsVUFBVSxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUM7WUFDMUQsU0FBUyxFQUFFLENBQUMsQ0FBQyxVQUFVLElBQUksUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUMzRDtLQUNGLENBQUMsQ0FBQTtJQUNGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxHQUFJLENBQUE7QUFDdkMsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
export * from '
|
|
1
|
+
import Spacer from './Spacer';
|
|
2
|
+
export * from './SpacerEnum';
|
|
3
|
+
export { Spacer };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export * from '
|
|
3
|
-
|
|
1
|
+
import Spacer from './Spacer';
|
|
2
|
+
export * from './SpacerEnum';
|
|
3
|
+
export { Spacer };
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NwYWNlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxVQUFVLENBQUE7QUFFN0IsY0FBYyxjQUFjLENBQUE7QUFFNUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFBIn0=
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { has } from '../../services/classify';
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { has } from "../../services/classify";
|
|
5
|
+
import { hashClass } from "../../helpers";
|
|
6
|
+
import { useTrilogyContext } from "../../context";
|
|
8
7
|
/**
|
|
9
8
|
* Stepper Component
|
|
10
9
|
* @param centered Center the stepper
|
|
@@ -12,11 +11,38 @@ import { has } from '../../services/classify';
|
|
|
12
11
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
12
|
* @param className Additionnal CSS Classes
|
|
14
13
|
*/
|
|
15
|
-
var Stepper = React.forwardRef(function (
|
|
16
|
-
var className =
|
|
17
|
-
var
|
|
18
|
-
var classes = hashClass(clsx(
|
|
19
|
-
var centerClasses = hashClass(clsx(
|
|
14
|
+
var Stepper = React.forwardRef(function (props, ref) {
|
|
15
|
+
var className = props.className, centered = props.centered, children = props.children, others = __rest(props, ["className", "centered", "children"]);
|
|
16
|
+
var styled = useTrilogyContext().styled;
|
|
17
|
+
var classes = hashClass(styled, clsx("stepper-wrapper", className));
|
|
18
|
+
var centerClasses = hashClass(styled, clsx("section", has("text-centered"), className));
|
|
19
|
+
var _a = __read(React.useState(0), 2), currentStep = _a[0], setCurrentStep = _a[1];
|
|
20
|
+
var nbChild = React.useMemo(function () {
|
|
21
|
+
if (children && Array.isArray(children))
|
|
22
|
+
return children.length;
|
|
23
|
+
if (children && !Array.isArray(children))
|
|
24
|
+
return 1;
|
|
25
|
+
return 0;
|
|
26
|
+
}, [children]);
|
|
27
|
+
React.useEffect(function () {
|
|
28
|
+
if (children) {
|
|
29
|
+
if (Array.isArray(children)) {
|
|
30
|
+
var haveCurrentStep_1 = false;
|
|
31
|
+
children.map(function (child) {
|
|
32
|
+
var _a;
|
|
33
|
+
if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.current) {
|
|
34
|
+
haveCurrentStep_1 = true;
|
|
35
|
+
setCurrentStep(child.props.step);
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
if (!haveCurrentStep_1)
|
|
39
|
+
setCurrentStep(1);
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
setCurrentStep(1);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}, [children]);
|
|
20
46
|
if (centered) {
|
|
21
47
|
return (React.createElement("section", { ref: ref, className: centerClasses },
|
|
22
48
|
React.createElement("div", __assign({ className: classes }, others),
|
|
@@ -33,6 +59,5 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
33
59
|
"/",
|
|
34
60
|
nbChild)));
|
|
35
61
|
});
|
|
36
|
-
Stepper.displayName = ComponentName.Stepper;
|
|
37
62
|
export default Stepper;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUV2RixJQUFBLFNBQVMsR0FJUCxLQUFLLFVBSkUsRUFDVCxRQUFRLEdBR04sS0FBSyxTQUhDLEVBQ1IsUUFBUSxHQUVOLEtBQUssU0FGQyxFQUNMLE1BQU0sVUFDUCxLQUFLLEVBTEgscUNBS0wsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNyRSxJQUFNLGFBQWEsR0FBRyxTQUFTLENBQzdCLE1BQU0sRUFDTixJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDakQsQ0FBQTtJQUNLLElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQXhELFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkIsQ0FBQTtJQUUvRCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFTO1FBQ3BDLElBQUksUUFBUSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO1lBQUUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFBO1FBQy9ELElBQUksUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7WUFBRSxPQUFPLENBQUMsQ0FBQTtRQUNsRCxPQUFPLENBQUMsQ0FBQTtJQUNWLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQzNCLElBQUksaUJBQWUsR0FBRyxLQUFLLENBQUE7Z0JBQzNCLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLOztvQkFDakIsSUFBSSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLDBDQUFFLE9BQU8sRUFBRTt3QkFDekIsaUJBQWUsR0FBRyxJQUFJLENBQUE7d0JBQ3RCLGNBQWMsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFBO3FCQUNqQztnQkFDSCxDQUFDLENBQUMsQ0FBQTtnQkFDRixJQUFJLENBQUMsaUJBQWU7b0JBQUUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ3hDO2lCQUFNO2dCQUNMLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNsQjtTQUNGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLElBQUksUUFBUSxFQUFFO1FBQ1osT0FBTyxDQUNMLGlDQUFTLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWE7WUFDekMsc0NBQUssU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO2dCQUNoQyxRQUFRO2dCQUNULDZCQUFLLFNBQVMsRUFBQyxZQUFZO29CQUN4QixXQUFXOztvQkFBRyxPQUFPLENBQ2xCLENBQ0YsQ0FDRSxDQUNYLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTTtRQUMxQyxRQUFRO1FBQ1QsNkJBQUssU0FBUyxFQUFDLFlBQVk7WUFDeEIsV0FBVzs7WUFBRyxPQUFPLENBQ2xCLENBQ0YsQ0FDUCxDQUFBO0FBRUgsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLE9BQU8sQ0FBQSJ9
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StepperProps } from "./StepperProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Stepper Component
|
|
6
6
|
* @param centered {boolean} Center the stepper
|
|
7
7
|
* @param children {ReactNode}
|
|
8
8
|
*/
|
|
9
|
-
declare const Stepper:
|
|
9
|
+
declare const Stepper: {
|
|
10
|
+
({ children, centered, ...others }: StepperProps): JSX.Element;
|
|
11
|
+
displayName: ComponentName;
|
|
12
|
+
};
|
|
10
13
|
export default Stepper;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React from
|
|
3
|
-
import { StyleSheet, View } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { StyleSheet, View } from "react-native";
|
|
4
|
+
import { TypographyBold, TypographyColor } from "../../objects";
|
|
5
|
+
import { Text, TextLevels } from "../../components/text";
|
|
6
|
+
import { Icon, IconSize } from "../../components/icon";
|
|
7
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
8
8
|
/**
|
|
9
9
|
* Stepper Component
|
|
10
10
|
* @param centered {boolean} Center the stepper
|
|
11
11
|
* @param children {ReactNode}
|
|
12
12
|
*/
|
|
13
|
-
var Stepper =
|
|
13
|
+
var Stepper = function (_a) {
|
|
14
14
|
var children = _a.children, centered = _a.centered, others = __rest(_a, ["children", "centered"]);
|
|
15
15
|
var _b = __read(React.useState({
|
|
16
16
|
step: 0,
|
|
17
|
-
name:
|
|
18
|
-
iconName:
|
|
17
|
+
name: "",
|
|
18
|
+
iconName: "",
|
|
19
19
|
}), 2), currentStep = _b[0], setCurrentStep = _b[1];
|
|
20
20
|
var styles = StyleSheet.create({
|
|
21
21
|
steppers: {
|
|
22
|
-
flexDirection:
|
|
23
|
-
alignSelf: centered ?
|
|
22
|
+
flexDirection: "row",
|
|
23
|
+
alignSelf: centered ? "center" : "flex-start",
|
|
24
24
|
},
|
|
25
25
|
step: {
|
|
26
|
-
flexDirection:
|
|
27
|
-
justifyContent:
|
|
28
|
-
alignItems:
|
|
26
|
+
flexDirection: "row",
|
|
27
|
+
justifyContent: "space-between",
|
|
28
|
+
alignItems: "center",
|
|
29
29
|
marginTop: 10,
|
|
30
30
|
},
|
|
31
31
|
hasIcon: {
|
|
32
|
-
flexDirection:
|
|
32
|
+
flexDirection: "row",
|
|
33
33
|
},
|
|
34
34
|
icon: {
|
|
35
35
|
marginRight: 4,
|
|
@@ -76,18 +76,21 @@ var Stepper = React.forwardRef(function (_a, ref) {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
}, [children]);
|
|
79
|
-
return (React.createElement(View,
|
|
79
|
+
return (React.createElement(View, null,
|
|
80
80
|
React.createElement(View, __assign({ style: styles.steppers }, others), children),
|
|
81
81
|
React.createElement(View, { style: styles.step },
|
|
82
82
|
React.createElement(View, { style: styles.hasIcon },
|
|
83
83
|
currentStep.iconName && (React.createElement(Text, { style: styles.icon },
|
|
84
84
|
React.createElement(Icon, { name: currentStep.iconName, size: IconSize.SMALL }))),
|
|
85
85
|
React.createElement(Text, { level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, currentStep.name)),
|
|
86
|
-
React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [
|
|
86
|
+
React.createElement(Text, { style: styles.counter, level: TextLevels.THREE, typo: [
|
|
87
|
+
TypographyBold.TEXT_WEIGHT_SEMIBOLD,
|
|
88
|
+
TypographyColor.TEXT_MAIN,
|
|
89
|
+
] },
|
|
87
90
|
currentStep.step,
|
|
88
91
|
"/",
|
|
89
92
|
nbChild))));
|
|
90
|
-
}
|
|
93
|
+
};
|
|
91
94
|
Stepper.displayName = ComponentName.Stepper;
|
|
92
95
|
export default Stepper;
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvU3RlcHBlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXBELE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBUWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBSUY7SUFIYixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FITSx3QkFJaEIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFnQyxLQUFLLENBQUMsUUFBUSxDQUFlO1FBQ2pFLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxFQUFFLEVBQUU7UUFDUixRQUFRLEVBQUUsRUFBRTtLQUNiLENBQUMsSUFBQSxFQUpLLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFJaEMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1NBQzlDO1FBQ0QsSUFBSSxFQUFFO1lBQ0osYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUFF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
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export
|
|
1
|
+
import Stepper from './Stepper';
|
|
2
|
+
import StepperStep from './step';
|
|
3
|
+
export * from './step/StepperStepEnum';
|
|
4
|
+
export { Stepper, StepperStep };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
|
|
1
|
+
import Stepper from './Stepper';
|
|
2
|
+
import StepperStep from './step';
|
|
3
|
+
export * from './step/StepperStepEnum';
|
|
4
|
+
export { Stepper, StepperStep };
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBQy9CLE9BQU8sV0FBVyxNQUFNLFFBQVEsQ0FBQTtBQUVoQyxjQUFjLHdCQUF3QixDQUFBO0FBRXRDLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { StepperStepProps } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { StepperStepProps } from "./StepperStepProps";
|
|
3
3
|
/**
|
|
4
4
|
* Stepper Step Component
|
|
5
5
|
* @param active {boolean} Active step
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
2
|
+
import React from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import { StepperStepMarkup } from "./StepperStepEnum";
|
|
5
|
+
import { is } from "../../../services/classify";
|
|
6
|
+
import { hashClass } from "../../../helpers";
|
|
7
|
+
import { useTrilogyContext } from "../../../context";
|
|
8
|
+
import Icon from "../../../components/icon/Icon";
|
|
9
|
+
import { IconSize } from "../../../components/icon";
|
|
10
10
|
/**
|
|
11
11
|
* Stepper Step Component
|
|
12
12
|
* @param active {boolean} Active step
|
|
@@ -21,10 +21,14 @@ import { is } from '../../../services/classify';
|
|
|
21
21
|
* @param label {string} Step label
|
|
22
22
|
* @param step {number|string} Step text circle
|
|
23
23
|
*/
|
|
24
|
-
var StepperStep = React.forwardRef(function (
|
|
25
|
-
var children =
|
|
26
|
-
var
|
|
27
|
-
var
|
|
24
|
+
var StepperStep = React.forwardRef(function (props, ref) {
|
|
25
|
+
var children = props.children, className = props.className, active = props.active, markup = props.markup, current = props.current, done = props.done, label = props.label, iconName = props.iconName, error = props.error, others = __rest(props, ["children", "className", "active", "markup", "current", "done", "label", "iconName", "error"]);
|
|
26
|
+
var styled = useTrilogyContext().styled;
|
|
27
|
+
var classesStepLabel = hashClass(styled, clsx('step-label'));
|
|
28
|
+
var classes = hashClass(styled, clsx('stepper-item', active && is('active'), current && is('current'), done && is('done'), error && is('error'), className));
|
|
29
|
+
/**
|
|
30
|
+
* If no markup return div
|
|
31
|
+
*/
|
|
28
32
|
var isCorrectMarkup = function (stringMarkup) {
|
|
29
33
|
if (stringMarkup in StepperStepMarkup ||
|
|
30
34
|
Object.values(StepperStepMarkup).includes(stringMarkup))
|
|
@@ -36,6 +40,5 @@ var StepperStep = React.forwardRef(function (_a, ref) {
|
|
|
36
40
|
label || children,
|
|
37
41
|
!done && iconName && React.createElement(Icon, { name: iconName && iconName, className: 'step-icon', size: IconSize.MEDIUM }))));
|
|
38
42
|
});
|
|
39
|
-
StepperStep.displayName = ComponentName.StepperStep;
|
|
40
43
|
export default StepperStep;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3N0ZXBwZXIvc3RlcC9TdGVwcGVyU3RlcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLGlCQUFpQixFQUEyQixNQUFNLG1CQUFtQixDQUFBO0FBQzlFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLElBQUksTUFBTSx3QkFBd0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUM7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUF1QixFQUFFLEdBQXlCO0lBRXBGLElBQUEsUUFBUSxHQVVOLEtBQUssU0FWQyxFQUNSLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxNQUFNLEdBUUosS0FBSyxPQVJELEVBQ04sTUFBTSxHQU9KLEtBQUssT0FQRCxFQUNOLE9BQU8sR0FNTCxLQUFLLFFBTkEsRUFDUCxJQUFJLEdBS0YsS0FBSyxLQUxILEVBQ0osS0FBSyxHQUlILEtBQUssTUFKRixFQUNMLFFBQVEsR0FHTixLQUFLLFNBSEMsRUFDUixLQUFLLEdBRUgsS0FBSyxNQUZGLEVBQ0YsTUFBTSxVQUNQLEtBQUssRUFYSCw4RkFXTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLGdCQUFnQixHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUE7SUFFOUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1SCxDQUFBO0lBRUQ7O09BRUc7SUFFSCxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQXlEO1FBQ2hGLElBQ0UsWUFBWSxJQUFJLGlCQUFpQjtZQUNqQyxNQUFNLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsUUFBUSxDQUFDLFlBQWlDLENBQUM7WUFFNUUsT0FBTyxJQUFJLENBQUE7SUFDZixDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQTtJQUU5RSxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sZ0JBQWMsS0FBSyxJQUFNLE1BQU07UUFDOUQsNkJBQUssU0FBUyxFQUFFLGdCQUFnQjtZQUM3QixLQUFLLElBQUksUUFBUTtZQUVoQixDQUFDLElBQUksSUFBSSxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLElBQUksUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUksQ0FFdEcsQ0FDRixDQUNQLENBQUE7QUFFSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsV0FBVyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StepperStepProps } from "./StepperStepProps";
|
|
3
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Stepper Step Component
|
|
6
6
|
* @param active {boolean} Active step
|
|
@@ -9,5 +9,8 @@ import { StepperStepProps } from '../../../components/stepper/step/StepperStepPr
|
|
|
9
9
|
* @param error {boolean} display error step
|
|
10
10
|
* @param children {ReactNode} Stepper Step Children
|
|
11
11
|
*/
|
|
12
|
-
declare const StepperStep:
|
|
12
|
+
declare const StepperStep: {
|
|
13
|
+
({ active, current, done, error, ...others }: StepperStepProps): JSX.Element;
|
|
14
|
+
displayName: ComponentName;
|
|
15
|
+
};
|
|
13
16
|
export default StepperStep;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from
|
|
3
|
-
import { Animated, Easing, StyleSheet } from
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Animated, Easing, StyleSheet } from "react-native";
|
|
4
|
+
import { getColorStyle, TrilogyColor } from "../../../objects";
|
|
5
|
+
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
6
6
|
/**
|
|
7
7
|
* Stepper Step Component
|
|
8
8
|
* @param active {boolean} Active step
|
|
@@ -12,7 +12,7 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
|
12
12
|
* @param children {ReactNode} Stepper Step Children
|
|
13
13
|
*/
|
|
14
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
|
-
var StepperStep =
|
|
15
|
+
var StepperStep = function (_a) {
|
|
16
16
|
var active = _a.active, current = _a.current, done = _a.done, error = _a.error, others = __rest(_a, ["active", "current", "done", "error"]);
|
|
17
17
|
var defaultColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
18
18
|
var activeColor = getColorStyle(TrilogyColor.MAIN);
|
|
@@ -20,7 +20,11 @@ var StepperStep = React.forwardRef(function (_a, ref) {
|
|
|
20
20
|
var backgroundColorAnim = React.useRef(new Animated.Value(0)).current;
|
|
21
21
|
var backgroundColor = backgroundColorAnim.interpolate({
|
|
22
22
|
inputRange: [0, 1, 2],
|
|
23
|
-
outputRange: [
|
|
23
|
+
outputRange: [
|
|
24
|
+
defaultColor,
|
|
25
|
+
activeColor,
|
|
26
|
+
errorColor,
|
|
27
|
+
],
|
|
24
28
|
});
|
|
25
29
|
React.useEffect(function () {
|
|
26
30
|
var targetValue;
|
|
@@ -52,8 +56,8 @@ var StepperStep = React.forwardRef(function (_a, ref) {
|
|
|
52
56
|
zIndex: 1,
|
|
53
57
|
},
|
|
54
58
|
});
|
|
55
|
-
return React.createElement(Animated.View, __assign({ style: styles.step
|
|
56
|
-
}
|
|
59
|
+
return React.createElement(Animated.View, __assign({ style: styles.step }, others));
|
|
60
|
+
};
|
|
57
61
|
StepperStep.displayName = ComponentName.StepperStep;
|
|
58
62
|
export default StepperStep;
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlclN0ZXAubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zdGVwcGVyL3N0ZXAvU3RlcHBlclN0ZXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBYyxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsNkRBQTZEO0FBQzdELElBQU0sV0FBVyxHQUFHLFVBQUMsRUFNbUI7SUFMakIsSUFBQSxNQUFNLFlBQUEsRUFDTixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBTFgsc0NBTUMsQ0FEVTtJQUc5QixJQUFNLFlBQVksR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ3hELElBQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDcEQsSUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNwRCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBRXZFLElBQU0sZUFBZSxHQUFHLG1CQUFtQixDQUFDLFdBQVcsQ0FBQztRQUN0RCxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNyQixXQUFXLEVBQUU7WUFDWCxZQUFzQjtZQUN0QixXQUFxQjtZQUNyQixVQUFvQjtTQUNyQjtLQUNGLENBQUMsQ0FBQTtJQUVGLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLFdBQVcsQ0FBQTtRQUNmLElBQUksS0FBSyxFQUFFO1lBQ1QsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNLElBQUksTUFBTSxJQUFJLE9BQU8sSUFBSSxJQUFJLEVBQUU7WUFDcEMsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjthQUFNO1lBQ0wsV0FBVyxHQUFHLENBQUMsQ0FBQTtTQUNoQjtRQUVELFFBQVEsQ0FBQyxNQUFNLENBQUMsbUJBQW1CLEVBQUU7WUFDbkMsT0FBTyxFQUFFLFdBQVc7WUFDcEIsUUFBUSxFQUFFLEdBQUc7WUFDYixlQUFlLEVBQUUsSUFBSTtZQUNyQixNQUFNLEVBQUUsTUFBTSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ1osQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUVsQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLElBQUksRUFBRSxDQUFDO1lBQ1AsS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsRUFBRTtZQUNaLE1BQU0sRUFBRSxDQUFDO1lBQ1QsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxlQUF3QztZQUN6RCxNQUFNLEVBQUUsQ0FBQztTQUNWO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxRQUFRLENBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFNLE1BQU0sRUFBa0IsQ0FBQTtBQUN4RSxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==
|