@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-calendar
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/accordion/Accordion.d.ts +3 -3
- package/lib/components/accordion/Accordion.js +8 -6
- package/lib/components/accordion/Accordion.native.d.ts +4 -7
- package/lib/components/accordion/Accordion.native.js +8 -8
- package/lib/components/accordion/AccordionProps.d.ts +3 -0
- package/lib/components/accordion/item/AccordionItem.d.ts +4 -4
- package/lib/components/accordion/item/AccordionItem.js +24 -11
- package/lib/components/accordion/item/AccordionItem.native.d.ts +4 -7
- package/lib/components/accordion/item/AccordionItem.native.js +33 -36
- package/lib/components/accordion/item/AccordionItemProps.d.ts +3 -0
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +12 -8
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +4 -7
- package/lib/components/accordion/item/body/AccordionBody.native.js +7 -7
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +4 -1
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +10 -8
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +4 -7
- package/lib/components/accordion/item/header/AccordionHeader.native.js +10 -10
- package/lib/components/accordion/item/header/AccordionHeaderProps.d.ts +3 -0
- package/lib/components/alert/Alert.d.ts +7 -3
- package/lib/components/alert/Alert.js +71 -60
- package/lib/components/alert/Alert.native.d.ts +1 -5
- package/lib/components/alert/Alert.native.js +29 -40
- package/lib/components/alert/AlertEnum.d.ts +9 -0
- package/lib/components/alert/AlertEnum.js +10 -0
- package/lib/components/alert/AlertProps.d.ts +15 -2
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/AlertPropsDefaults.js +18 -0
- package/lib/components/alert/ToasterStatusPropsDefaults.js +26 -0
- package/lib/components/alert/context/ToastPropsDefaults.js +18 -0
- package/lib/components/alert/context/ToasterContextProps.d.ts +4 -2
- package/lib/components/autocomplete/AutoComplete.d.ts +4 -5
- package/lib/components/autocomplete/AutoComplete.js +16 -15
- package/lib/components/autocomplete/AutoComplete.native.js +4 -4
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +3 -0
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +59 -4
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +59 -4
- package/lib/components/autocomplete/Autocomplete.helpers.js +7 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteItem.js +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +1 -1
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +1 -1
- package/lib/components/autolayout/AutoLayout.helpers.js +7 -5
- package/lib/components/autolayout/DefaultSpacingMatrix.js +4 -3
- package/lib/components/badge/Badge.d.ts +4 -4
- package/lib/components/badge/Badge.js +16 -12
- package/lib/components/badge/Badge.native.d.ts +12 -8
- package/lib/components/badge/Badge.native.js +85 -15
- package/lib/components/badge/BadgeProps.d.ts +17 -7
- package/lib/components/badge/BadgeProps.js +10 -2
- package/lib/components/badge/BadgePropsDefaults.js +18 -12
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/index.js +2 -1
- package/lib/components/box/Box.d.ts +4 -3
- package/lib/components/box/Box.js +17 -19
- package/lib/components/box/Box.native.d.ts +3 -7
- package/lib/components/box/Box.native.js +42 -54
- package/lib/components/box/BoxProps.d.ts +8 -1
- package/lib/components/box/BoxPropsDefaults.js +22 -2
- package/lib/components/box/content/BoxContent.d.ts +4 -3
- package/lib/components/box/content/BoxContent.js +18 -11
- package/lib/components/box/content/BoxContent.native.d.ts +5 -7
- package/lib/components/box/content/BoxContent.native.js +20 -11
- package/lib/components/box/content/BoxContentProps.d.ts +5 -1
- package/lib/components/box/content/BoxContentPropsDefaults.js +7 -1
- package/lib/components/box/context/boxContext.d.ts +4 -0
- package/lib/components/box/context/boxContext.js +3 -0
- package/lib/components/box/footer/BoxFooter.d.ts +3 -4
- package/lib/components/box/footer/BoxFooter.js +11 -10
- package/lib/components/box/footer/BoxFooter.native.d.ts +4 -7
- package/lib/components/box/footer/BoxFooter.native.js +10 -12
- package/lib/components/box/footer/BoxFooterProps.d.ts +6 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +7 -1
- package/lib/components/box/header/BoxHeader.d.ts +5 -4
- package/lib/components/box/header/BoxHeader.js +15 -11
- package/lib/components/box/header/BoxHeader.native.d.ts +4 -12
- package/lib/components/box/header/BoxHeader.native.js +8 -13
- package/lib/components/box/header/BoxHeaderProps.d.ts +6 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +13 -3
- package/lib/components/box/item/BoxItem.d.ts +3 -3
- package/lib/components/box/item/BoxItem.js +10 -8
- package/lib/components/box/item/BoxItem.native.d.ts +4 -7
- package/lib/components/box/item/BoxItem.native.js +10 -10
- package/lib/components/box/item/BoxItemProps.d.ts +4 -1
- package/lib/components/box/table-container/BoxTableContainer.d.ts +4 -4
- package/lib/components/box/table-container/BoxTableContainer.js +11 -9
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +4 -7
- package/lib/components/box/table-container/BoxTableContainer.native.js +8 -8
- package/lib/components/box/table-container/BoxTableContainerProps.d.ts +3 -0
- package/lib/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/lib/components/breadcrumb/Breadcrumb.js +12 -9
- package/lib/components/breadcrumb/Breadcrumb.native.d.ts +4 -7
- package/lib/components/breadcrumb/Breadcrumb.native.js +11 -11
- package/lib/components/breadcrumb/BreadcrumbProps.d.ts +5 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +3 -3
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +13 -14
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +4 -7
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +12 -11
- package/lib/components/breadcrumb/item/BreadcrumbItemProps.d.ts +6 -1
- package/lib/components/breadcrumb/item/BreadcrumbItemPropsWebDefaults.js +9 -9
- package/lib/components/button/Button.d.ts +4 -4
- package/lib/components/button/Button.js +24 -23
- package/lib/components/button/Button.native.d.ts +4 -7
- package/lib/components/button/Button.native.js +92 -133
- package/lib/components/button/ButtonProps.d.ts +8 -3
- package/lib/components/button/ButtonPropsDefaults.js +11 -11
- package/lib/components/button/list/ButtonList.d.ts +6 -2
- package/lib/components/button/list/ButtonList.js +17 -10
- package/lib/components/button/list/ButtonList.native.d.ts +4 -7
- package/lib/components/button/list/ButtonList.native.js +7 -7
- package/lib/components/button/list/ButtonListProps.d.ts +6 -3
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +3 -1
- package/lib/components/button/list/index.d.ts +1 -0
- package/lib/components/button/list/index.js +2 -1
- package/lib/components/calendar/Calendar.d.ts +8 -0
- package/lib/components/calendar/Calendar.js +269 -0
- package/lib/components/calendar/CalendarProps.d.ts +11 -0
- package/lib/components/calendar/CalendarProps.js +2 -0
- package/lib/components/calendar/CalendarPropsDefaults.js +63 -0
- package/lib/components/calendar/index.d.ts +2 -0
- package/lib/components/calendar/index.js +3 -0
- package/lib/components/card/Card.d.ts +3 -4
- package/lib/components/card/Card.js +12 -11
- package/lib/components/card/Card.native.d.ts +3 -7
- package/lib/components/card/Card.native.js +23 -21
- package/lib/components/card/CardProps.d.ts +6 -1
- package/lib/components/card/content/CardContent.d.ts +3 -3
- package/lib/components/card/content/CardContent.js +10 -8
- package/lib/components/card/content/CardContent.native.d.ts +3 -14
- package/lib/components/card/content/CardContent.native.js +7 -55
- package/lib/components/card/content/CardContentProps.d.ts +4 -1
- package/lib/components/card/image/CardImage.d.ts +3 -3
- package/lib/components/card/image/CardImage.js +12 -10
- package/lib/components/card/image/CardImage.native.d.ts +3 -6
- package/lib/components/card/image/CardImage.native.js +16 -15
- package/lib/components/card/image/CardImageProps.d.ts +4 -1
- package/lib/components/checkbox/Checkbox.d.ts +6 -4
- package/lib/components/checkbox/Checkbox.js +27 -13
- package/lib/components/checkbox/Checkbox.native.d.ts +3 -6
- package/lib/components/checkbox/Checkbox.native.js +15 -109
- package/lib/components/checkbox/{CheckboxPropsDefaults.js → CheckboxCommonPropsDefaults.js} +8 -7
- package/lib/components/checkbox/CheckboxProps.d.ts +18 -4
- package/lib/components/checkbox/CheckboxWithChildrenDefaults.js +94 -0
- package/lib/components/checkbox/CheckboxWithLabelDefaults.js +84 -0
- package/lib/components/checkbox/index.d.ts +4 -2
- package/lib/components/checkbox/index.js +5 -3
- package/lib/components/checkbox/list/CheckboxList.d.ts +14 -0
- package/lib/components/checkbox/list/CheckboxList.js +36 -0
- package/lib/components/checkbox/list/CheckboxList.native.d.ts +10 -0
- package/lib/components/checkbox/list/CheckboxList.native.js +40 -0
- package/lib/components/checkbox/list/CheckboxListProps.d.ts +27 -0
- package/lib/components/checkbox/list/CheckboxListProps.js +2 -0
- package/lib/components/checkbox/list/CheckboxListPropsDefaults.js +17 -0
- package/lib/components/checkbox/list/CheckboxListWebPropsDefaults.js +68 -0
- package/lib/components/checkbox/list/index.d.ts +2 -0
- package/lib/components/checkbox/list/index.js +3 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.d.ts +7 -5
- package/lib/components/checkbox/tiles/CheckboxTiles.js +18 -13
- package/lib/components/checkbox/tiles/CheckboxTiles.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/CheckboxTiles.native.js +22 -0
- package/lib/components/checkbox/tiles/CheckboxTilesProps.d.ts +5 -1
- package/lib/components/checkbox/tiles/CheckboxTilesPropsDefaults.js +13 -2
- package/lib/components/checkbox/tiles/tile/CheckboxTile.d.ts +17 -5
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +33 -17
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.d.ts +5 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTile.native.js +110 -0
- package/lib/components/checkbox/tiles/tile/CheckboxTileProps.d.ts +7 -1
- package/lib/components/checkbox/tiles/tile/CheckboxTilePropsDefaults.js +9 -49
- package/lib/components/chips/Chips.d.ts +4 -4
- package/lib/components/chips/Chips.js +13 -11
- package/lib/components/chips/Chips.native.d.ts +4 -7
- package/lib/components/chips/Chips.native.js +15 -15
- package/lib/components/chips/ChipsProps.d.ts +6 -1
- package/lib/components/chips/list/ChipsList.d.ts +1 -1
- package/lib/components/chips/list/ChipsList.js +11 -9
- package/lib/components/chips/list/ChipsList.native.d.ts +2 -6
- package/lib/components/chips/list/ChipsList.native.js +5 -5
- package/lib/components/chips/list/ChipsListProps.d.ts +4 -0
- package/lib/components/chips/list/ChipsListPropsDefaults.js +7 -0
- package/lib/components/columns/Columns.d.ts +4 -4
- package/lib/components/columns/Columns.js +15 -12
- package/lib/components/columns/Columns.native.d.ts +3 -9
- package/lib/components/columns/Columns.native.js +44 -67
- package/lib/components/columns/ColumnsProps.d.ts +6 -2
- package/lib/components/columns/ColumnsPropsDefaults.js +14 -2
- package/lib/components/columns/column/Column.d.ts +4 -4
- package/lib/components/columns/column/Column.js +12 -10
- package/lib/components/columns/column/Column.native.d.ts +8 -11
- package/lib/components/columns/column/Column.native.js +31 -25
- package/lib/components/columns/column/ColumnProps.d.ts +4 -1
- package/lib/components/columns/column/ColumnPropsDefaults.js +20 -16
- package/lib/components/columns/column/index.d.ts +1 -1
- package/lib/components/columns/column/index.js +2 -2
- package/lib/components/columns/context/index.d.ts +8 -0
- package/lib/components/columns/context/index.js +9 -0
- package/lib/components/container/Container.d.ts +2 -3
- package/lib/components/container/Container.js +2 -2
- package/lib/components/container/Container.native.d.ts +1 -1
- package/lib/components/container/Container.native.js +3 -3
- package/lib/components/container/ContainerProps.d.ts +3 -0
- package/lib/components/countdown/Countdown.d.ts +3 -3
- package/lib/components/countdown/Countdown.js +11 -9
- package/lib/components/countdown/Countdown.native.d.ts +3 -6
- package/lib/components/countdown/Countdown.native.js +8 -8
- package/lib/components/countdown/CountdownProps.d.ts +4 -1
- package/lib/components/divider/Divider.d.ts +4 -4
- package/lib/components/divider/Divider.js +16 -27
- package/lib/components/divider/Divider.native.d.ts +4 -7
- package/lib/components/divider/Divider.native.js +24 -24
- package/lib/components/divider/DividerProps.d.ts +3 -0
- package/lib/components/enumsComponentsName.d.ts +13 -2
- package/lib/components/enumsComponentsName.js +14 -3
- package/lib/components/fab/Fab.d.ts +2 -2
- package/lib/components/fab/Fab.js +6 -4
- package/lib/components/fab/Fab.native.d.ts +3 -6
- package/lib/components/fab/Fab.native.js +4 -4
- package/lib/components/fab/FabProps.d.ts +3 -1
- package/lib/components/flex-box/FlexBox.d.ts +17 -0
- package/lib/components/flex-box/FlexBox.js +52 -0
- package/lib/components/flex-box/FlexBox.native.d.ts +5 -0
- package/lib/components/flex-box/FlexBox.native.js +56 -0
- package/lib/components/flex-box/FlexBoxProps.d.ts +29 -0
- package/lib/components/flex-box/FlexBoxProps.js +2 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +111 -0
- package/lib/components/flex-box/ResponsiveValueDefaults.js +23 -0
- package/lib/components/flex-box/context/index.d.ts +7 -0
- package/lib/components/flex-box/context/index.js +8 -0
- package/lib/components/flex-box/flex-item/FlexItem.d.ts +28 -0
- package/lib/components/flex-box/flex-item/FlexItem.js +42 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.d.ts +29 -0
- package/lib/components/flex-box/flex-item/FlexItem.native.js +56 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.d.ts +23 -0
- package/lib/components/flex-box/flex-item/FlexItemProps.js +2 -0
- package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js +85 -0
- package/lib/components/flex-box/flex-item/FlexSizeDefaults.js +110 -0
- package/lib/components/flex-box/index.d.ts +3 -0
- package/lib/components/flex-box/index.js +4 -0
- package/lib/components/hero/Hero.d.ts +2 -3
- package/lib/components/hero/Hero.js +2 -2
- package/lib/components/hero/Hero.native.js +11 -7
- package/lib/components/hero/HeroProps.d.ts +5 -0
- package/lib/components/hero/HeroPropsDefaults.js +17 -1
- package/lib/components/icon/Icon.d.ts +3 -3
- package/lib/components/icon/Icon.js +16 -13
- package/lib/components/icon/Icon.native.d.ts +4 -7
- package/lib/components/icon/Icon.native.js +35 -20
- package/lib/components/icon/IconProps.d.ts +6 -3
- package/lib/components/icon/IconPropsDefaults.js +7 -25
- package/lib/components/image/Image.d.ts +8 -4
- package/lib/components/image/Image.js +17 -11
- package/lib/components/image/Image.native.d.ts +8 -8
- package/lib/components/image/Image.native.js +36 -13
- package/lib/components/image/ImageProps.d.ts +5 -1
- package/lib/components/image/ImagePropsDefaults.js +15 -2
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.js +3 -1
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.d.ts +45 -3
- package/lib/components/input/Input.js +46 -33
- package/lib/components/input/Input.native.d.ts +4 -6
- package/lib/components/input/Input.native.js +48 -36
- package/lib/components/input/InputChangeEventWebDefaults.js +7 -0
- package/lib/components/input/InputEnum.d.ts +2 -1
- package/lib/components/input/InputEnum.js +1 -1
- package/lib/components/input/InputProps.d.ts +18 -3
- package/lib/components/input/InputPropsDefaults.js +59 -4
- package/lib/components/input/gauge/InputGauge.d.ts +4 -2
- package/lib/components/input/gauge/InputGauge.js +15 -13
- package/lib/components/input/gauge/InputGauge.native.d.ts +3 -2
- package/lib/components/input/gauge/InputGauge.native.js +27 -17
- package/lib/components/input/gauge/hook/useGauge.d.ts +11 -3
- package/lib/components/input/gauge/hook/useGauge.js +39 -15
- package/lib/components/link/Link.d.ts +4 -4
- package/lib/components/link/Link.js +12 -10
- package/lib/components/link/Link.native.d.ts +4 -8
- package/lib/components/link/Link.native.js +17 -65
- package/lib/components/link/LinkDefaults.js +334 -0
- package/lib/components/link/LinkProps.d.ts +12 -2
- package/lib/components/link/LinkPropsDefaults.js +85 -9
- package/lib/components/link/LinkPropsNativeDefaults.js +405 -0
- package/lib/components/list/List.d.ts +6 -5
- package/lib/components/list/List.js +16 -12
- package/lib/components/list/List.native.d.ts +6 -7
- package/lib/components/list/List.native.js +14 -9
- package/lib/components/list/ListProps.d.ts +4 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.d.ts +4 -4
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/ListItem.native.d.ts +5 -8
- package/lib/components/list/item/ListItem.native.js +35 -56
- package/lib/components/list/item/ListItemProps.d.ts +6 -2
- package/lib/components/list/item/ListItemProps.js +3 -1
- package/lib/components/list/item/ListItemPropsDefaults.js +4 -0
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -3
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +2 -6
- package/lib/components/list/item/description/ListItemDescription.native.js +4 -4
- package/lib/components/list/item/description/ListItemDescriptionProps.d.ts +3 -0
- package/lib/components/modal/Modal.d.ts +5 -6
- package/lib/components/modal/Modal.js +71 -73
- package/lib/components/modal/Modal.native.d.ts +5 -8
- package/lib/components/modal/Modal.native.js +62 -119
- package/lib/components/modal/ModalProps.d.ts +6 -3
- package/lib/components/modal/ModalPropsDefaults.js +4 -1
- package/lib/components/modal/body/ModalBody.d.ts +3 -3
- package/lib/components/modal/body/ModalBody.js +7 -5
- package/lib/components/modal/body/ModalBody.native.d.ts +3 -6
- package/lib/components/modal/body/ModalBody.native.js +17 -13
- package/lib/components/modal/body/ModalBodyProps.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -3
- package/lib/components/modal/footer/ModalFooter.js +9 -7
- package/lib/components/modal/footer/ModalFooter.native.d.ts +4 -7
- package/lib/components/modal/footer/ModalFooter.native.js +27 -15
- package/lib/components/modal/footer/ModalFooterProps.d.ts +3 -0
- package/lib/components/otp/Otp.d.ts +3 -3
- package/lib/components/otp/Otp.js +16 -10
- package/lib/components/otp/Otp.native.d.ts +4 -7
- package/lib/components/otp/Otp.native.js +46 -47
- package/lib/components/otp/OtpProps.d.ts +3 -0
- package/lib/components/pagination/Pagination.d.ts +4 -5
- package/lib/components/pagination/Pagination.js +11 -7
- package/lib/components/pagination/Pagination.native.d.ts +4 -7
- package/lib/components/pagination/Pagination.native.js +5 -5
- package/lib/components/pagination/PaginationProps.d.ts +3 -1
- package/lib/components/pagination/PaginationPropsDefaults.js +0 -7
- package/lib/components/popover/Popover.d.ts +3 -3
- package/lib/components/popover/Popover.js +12 -10
- package/lib/components/popover/Popover.native.d.ts +3 -6
- package/lib/components/popover/Popover.native.js +6 -6
- package/lib/components/popover/PopoverProps.d.ts +3 -0
- package/lib/components/price/Price.d.ts +3 -3
- package/lib/components/price/Price.js +18 -15
- package/lib/components/price/Price.native.d.ts +3 -6
- package/lib/components/price/Price.native.js +17 -16
- package/lib/components/price/PriceProps.d.ts +3 -0
- package/lib/components/price/PricePropsDefaults.js +6 -2
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +7 -5
- package/lib/components/product-tour/ProductTour.native.d.ts +3 -6
- package/lib/components/product-tour/ProductTour.native.js +4 -4
- package/lib/components/product-tour/ProductTourProps.d.ts +3 -0
- package/lib/components/product-tour/ProductTourProps.js +1 -1
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +16 -10
- package/lib/components/progress/Progress.native.d.ts +5 -7
- package/lib/components/progress/Progress.native.js +44 -22
- package/lib/components/progress/ProgressProps.d.ts +6 -0
- package/lib/components/progress/ProgressPropsDefaults.js +22 -0
- package/lib/components/progress/index.d.ts +2 -1
- package/lib/components/progress/index.js +3 -2
- package/lib/components/progress/item/ProgressItem.d.ts +15 -0
- package/lib/components/progress/item/ProgressItem.js +28 -0
- package/lib/components/progress/item/ProgressItem.native.d.ts +12 -0
- package/lib/components/progress/item/ProgressItem.native.js +34 -0
- package/lib/components/progress/item/ProgressItemProps.d.ts +20 -0
- package/lib/components/progress/item/ProgressItemProps.js +2 -0
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +76 -0
- package/lib/components/progress/item/index.d.ts +2 -0
- package/lib/components/progress/item/index.js +3 -0
- package/lib/components/progress/radial/ProgressRadial.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.js +8 -6
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -6
- package/lib/components/progress/radial/ProgressRadial.native.js +14 -13
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -0
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +20 -4
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +3 -0
- package/lib/components/radio/Radio.d.ts +7 -6
- package/lib/components/radio/Radio.js +25 -20
- package/lib/components/radio/Radio.native.d.ts +8 -18
- package/lib/components/radio/Radio.native.js +26 -146
- package/lib/components/radio/RadioProps.d.ts +5 -2
- package/lib/components/radio/RadioPropsDefaults.js +8 -0
- package/lib/components/radio/list/RadioList.d.ts +8 -7
- package/lib/components/radio/list/RadioList.js +27 -14
- package/lib/components/radio/list/RadioList.native.d.ts +3 -6
- package/lib/components/radio/list/RadioList.native.js +22 -7
- package/lib/components/radio/list/RadioListProps.d.ts +6 -1
- package/lib/components/radio/list/RadioListPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +17 -1
- package/lib/components/radio/tiles/RadioTiles.d.ts +10 -6
- package/lib/components/radio/tiles/RadioTiles.js +19 -11
- package/lib/components/radio/tiles/RadioTiles.native.d.ts +12 -0
- package/lib/components/radio/tiles/RadioTiles.native.js +35 -0
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +4 -0
- package/lib/components/radio/tiles/RadioTilesPropsDefaults.js +13 -2
- package/lib/components/radio/tiles/tile/RadioTile.d.ts +19 -6
- package/lib/components/radio/tiles/tile/RadioTile.js +43 -24
- package/lib/components/radio/tiles/tile/RadioTile.native.d.ts +20 -0
- package/lib/components/radio/tiles/tile/RadioTile.native.js +124 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +6 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +27 -0
- package/lib/components/range/Range.d.ts +13 -2
- package/lib/components/range/Range.js +45 -21
- package/lib/components/range/Range.native.d.ts +7 -9
- package/lib/components/range/Range.native.js +16 -15
- package/lib/components/range/RangeNativePropsDefaults.js +9 -0
- package/lib/components/range/RangeProps.d.ts +10 -2
- package/lib/components/range/RangePropsDefaults.js +15 -0
- package/lib/components/rows/Rows.d.ts +2 -2
- package/lib/components/rows/Rows.js +7 -5
- package/lib/components/rows/Rows.native.d.ts +3 -6
- package/lib/components/rows/Rows.native.js +4 -4
- package/lib/components/rows/RowsProps.d.ts +3 -0
- package/lib/components/rows/row/Row.d.ts +2 -2
- package/lib/components/rows/row/Row.js +7 -5
- package/lib/components/rows/row/Row.native.d.ts +3 -6
- package/lib/components/rows/row/Row.native.js +5 -5
- package/lib/components/rows/row/RowProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollView.d.ts +1 -1
- package/lib/components/scroll-view/ScrollView.js +4 -3
- package/lib/components/scroll-view/ScrollView.native.d.ts +3 -3
- package/lib/components/scroll-view/ScrollView.native.js +13 -12
- package/lib/components/scroll-view/ScrollViewProps.d.ts +3 -0
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +7 -1
- package/lib/components/section/Section.d.ts +2 -2
- package/lib/components/section/Section.js +7 -5
- package/lib/components/section/Section.native.d.ts +3 -6
- package/lib/components/section/Section.native.js +16 -19
- package/lib/components/section/SectionProps.d.ts +8 -0
- package/lib/components/section/SectionPropsDefaults.js +14 -1
- package/lib/components/segment-control/SegmentControl.d.ts +3 -3
- package/lib/components/segment-control/SegmentControl.js +9 -7
- package/lib/components/segment-control/SegmentControl.native.d.ts +2 -6
- package/lib/components/segment-control/SegmentControl.native.js +11 -9
- package/lib/components/segment-control/SegmentControlProps.d.ts +3 -0
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +3 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +3 -3
- package/lib/components/segment-control/item/SegmentControlItem.js +12 -10
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +3 -6
- package/lib/components/segment-control/item/SegmentControlItem.native.js +9 -9
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +3 -0
- package/lib/components/select/PropsDefaults.js +169 -0
- package/lib/components/select/Select.d.ts +19 -4
- package/lib/components/select/Select.js +46 -9
- package/lib/components/select/Select.native.d.ts +3 -7
- package/lib/components/select/Select.native.js +14 -12
- package/lib/components/select/SelectChangeEventDefaults.js +4 -0
- package/lib/components/select/SelectChangeEventNativeDefaults.js +37 -0
- package/lib/components/select/SelectEnum.d.ts +5 -0
- package/lib/components/select/SelectEnum.js +6 -0
- package/lib/components/select/SelectNativePropsDefaults.js +204 -0
- package/lib/components/select/SelectProps.d.ts +23 -5
- package/lib/components/select/SelectPropsDefaults.js +41 -8
- package/lib/components/select/context/index.d.ts +13 -0
- package/lib/components/select/context/index.js +10 -0
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +46 -30
- package/lib/components/select/option/SelectOption.native.d.ts +3 -6
- package/lib/components/select/option/SelectOption.native.js +19 -21
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -0
- package/lib/components/select/web/SelectDynamic.d.ts +5 -3
- package/lib/components/select/web/SelectDynamic.js +67 -121
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +23 -10
- package/lib/components/spacer/Spacer.d.ts +2 -2
- package/lib/components/spacer/Spacer.js +7 -5
- package/lib/components/spacer/Spacer.native.d.ts +3 -6
- package/lib/components/spacer/Spacer.native.js +4 -4
- package/lib/components/spacer/SpacerProps.d.ts +3 -0
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +8 -6
- package/lib/components/stepper/Stepper.native.d.ts +3 -6
- package/lib/components/stepper/Stepper.native.js +10 -8
- package/lib/components/stepper/StepperProps.d.ts +3 -0
- package/lib/components/stepper/step/Step.d.ts +2 -2
- package/lib/components/stepper/step/Step.js +7 -5
- package/lib/components/stepper/step/Step.native.d.ts +3 -7
- package/lib/components/stepper/step/Step.native.js +7 -10
- package/lib/components/stepper/step/StepProps.d.ts +3 -0
- package/lib/components/sticker/Sticker.d.ts +4 -3
- package/lib/components/sticker/Sticker.js +13 -7
- package/lib/components/sticker/Sticker.native.d.ts +4 -6
- package/lib/components/sticker/Sticker.native.js +22 -13
- package/lib/components/sticker/StickerProps.d.ts +5 -2
- package/lib/components/sticker/StickerPropsDefaults.js +9 -2
- package/lib/components/sticker/index.d.ts +0 -1
- package/lib/components/sticker/index.js +1 -2
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +8 -7
- package/lib/components/switch/Switch.native.d.ts +4 -7
- package/lib/components/switch/Switch.native.js +13 -15
- package/lib/components/switch/SwitchProps.d.ts +3 -0
- package/lib/components/table/Table.d.ts +3 -3
- package/lib/components/table/Table.js +7 -5
- package/lib/components/table/Table.native.d.ts +3 -6
- package/lib/components/table/Table.native.js +4 -4
- package/lib/components/table/TableProps.d.ts +3 -0
- package/lib/components/table/TableProps.js +1 -1
- package/lib/components/table/body/TableBody.d.ts +3 -3
- package/lib/components/table/body/TableBody.js +7 -5
- package/lib/components/table/body/TableBody.native.d.ts +3 -6
- package/lib/components/table/body/TableBody.native.js +4 -4
- package/lib/components/table/body/TableBodyProps.d.ts +3 -0
- package/lib/components/table/body/TableBodyPropsDefaults.js +14 -2
- package/lib/components/table/head/TableHead.d.ts +3 -3
- package/lib/components/table/head/TableHead.js +7 -5
- package/lib/components/table/head/TableHead.native.d.ts +3 -6
- package/lib/components/table/head/TableHead.native.js +4 -4
- package/lib/components/table/head/TableHeadProps.d.ts +3 -0
- package/lib/components/table/head/TableHeadPropsDefaults.js +14 -2
- package/lib/components/table/td/TableTd.d.ts +3 -3
- package/lib/components/table/td/TableTd.js +7 -5
- package/lib/components/table/td/TableTd.native.d.ts +3 -6
- package/lib/components/table/td/TableTd.native.js +4 -4
- package/lib/components/table/td/TableTdProps.d.ts +3 -0
- package/lib/components/table/th/TableTh.d.ts +3 -3
- package/lib/components/table/th/TableTh.js +7 -5
- package/lib/components/table/th/TableTh.native.d.ts +2 -6
- package/lib/components/table/th/TableTh.native.js +4 -4
- package/lib/components/table/th/TableThProps.d.ts +3 -0
- package/lib/components/table/tr/TableTr.d.ts +3 -3
- package/lib/components/table/tr/TableTr.js +7 -5
- package/lib/components/table/tr/TableTr.native.d.ts +2 -6
- package/lib/components/table/tr/TableTr.native.js +5 -5
- package/lib/components/table/tr/TableTrProps.d.ts +3 -1
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +7 -1
- package/lib/components/tabs/Tabs.d.ts +7 -8
- package/lib/components/tabs/Tabs.js +28 -18
- package/lib/components/tabs/Tabs.native.d.ts +11 -0
- package/lib/components/tabs/Tabs.native.js +33 -0
- package/lib/components/tabs/TabsProps.d.ts +4 -0
- package/lib/components/tabs/TabsPropsDefaults.js +14 -2
- package/lib/components/tabs/context/index.d.ts +11 -0
- package/lib/components/tabs/context/index.js +10 -0
- package/lib/components/tabs/tab-list/TabList.d.ts +2 -2
- package/lib/components/tabs/tab-list/TabList.js +75 -9
- package/lib/components/tabs/tab-list/TabList.native.d.ts +14 -0
- package/lib/components/tabs/tab-list/TabList.native.js +83 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +3 -1
- package/lib/components/tabs/tab-list/tab/Tab.d.ts +6 -5
- package/lib/components/tabs/tab-list/tab/Tab.js +37 -44
- package/lib/components/tabs/tab-list/tab/Tab.native.d.ts +16 -0
- package/lib/components/tabs/tab-list/tab/Tab.native.js +66 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +9 -9
- package/lib/components/tabs/tab-panels/TabPanels.d.ts +2 -2
- package/lib/components/tabs/tab-panels/TabPanels.js +14 -7
- package/lib/components/tabs/tab-panels/TabPanels.native.d.ts +13 -0
- package/lib/components/tabs/tab-panels/TabPanels.native.js +33 -0
- package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +2 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +13 -7
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.d.ts +11 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +44 -0
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +3 -0
- package/lib/components/tag/Tag.d.ts +3 -3
- package/lib/components/tag/Tag.js +8 -6
- package/lib/components/tag/Tag.native.d.ts +3 -6
- package/lib/components/tag/Tag.native.js +10 -11
- package/lib/components/tag/TagProps.d.ts +3 -6
- package/lib/components/tag/list/TagList.d.ts +2 -2
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/tag/list/TagList.native.d.ts +3 -6
- package/lib/components/tag/list/TagList.native.js +5 -4
- package/lib/components/tag/list/TagListProps.d.ts +3 -0
- package/lib/components/tag/list/TagListPropsDefaults.js +3 -1
- package/lib/components/text/Text.d.ts +3 -4
- package/lib/components/text/Text.js +7 -6
- package/lib/components/text/Text.native.d.ts +3 -7
- package/lib/components/text/Text.native.js +12 -12
- package/lib/components/text/TextProps.d.ts +3 -0
- package/lib/components/textarea/Textarea.d.ts +3 -3
- package/lib/components/textarea/Textarea.js +32 -29
- package/lib/components/textarea/Textarea.native.d.ts +31 -2
- package/lib/components/textarea/Textarea.native.js +15 -11
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- package/lib/components/timeline/Timeline.d.ts +2 -2
- package/lib/components/timeline/Timeline.js +7 -5
- package/lib/components/timeline/Timeline.native.d.ts +2 -5
- package/lib/components/timeline/Timeline.native.js +4 -4
- package/lib/components/timeline/TimelineProps.d.ts +3 -0
- package/lib/components/timeline/content/TimelineContent.d.ts +6 -4
- package/lib/components/timeline/content/TimelineContent.js +15 -11
- package/lib/components/timeline/content/TimelineContent.native.d.ts +6 -10
- package/lib/components/timeline/content/TimelineContent.native.js +13 -14
- package/lib/components/timeline/content/TimelineContentProps.d.ts +3 -0
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -2
- package/lib/components/timeline/item/TimelineItem.js +7 -5
- package/lib/components/timeline/item/TimelineItem.native.d.ts +3 -6
- package/lib/components/timeline/item/TimelineItem.native.js +6 -6
- package/lib/components/timeline/item/TimelineItemProps.d.ts +3 -0
- package/lib/components/timeline/marker/TimelineMarker.d.ts +4 -4
- package/lib/components/timeline/marker/TimelineMarker.js +8 -6
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +4 -7
- package/lib/components/timeline/marker/TimelineMarker.native.js +13 -11
- package/lib/components/timeline/marker/TimelineMarkerProps.d.ts +3 -0
- package/lib/components/title/Title.d.ts +4 -4
- package/lib/components/title/Title.js +7 -5
- package/lib/components/title/Title.native.d.ts +4 -7
- package/lib/components/title/Title.native.js +32 -39
- package/lib/components/title/TitleProps.d.ts +3 -0
- package/lib/components/title/TitlePropsDefaults.js +3 -3
- package/lib/components/view/View.d.ts +4 -4
- package/lib/components/view/View.js +6 -6
- package/lib/components/view/View.native.d.ts +2 -6
- package/lib/components/view/View.native.js +6 -6
- package/lib/components/view/ViewProps.d.ts +11 -2
- package/lib/components/view/ViewProps.js +8 -1
- package/lib/components/view/ViewPropsDefaults.js +34 -10
- package/lib/context/index.d.ts +1 -1
- package/lib/context/provider.d.ts +2 -1
- package/lib/context/provider.js +6 -4
- package/lib/context/providerStyled.js +5 -5
- package/lib/events/OnClickEvent.d.ts +1 -1
- package/lib/helpers/device.d.ts +3 -0
- package/lib/helpers/device.js +5 -4
- package/lib/helpers/device.native.d.ts +19 -0
- package/lib/helpers/device.native.js +36 -0
- package/lib/helpers/hashClassesHelpers.d.ts +1 -1
- package/lib/helpers/hashClassesHelpers.js +5 -5
- package/lib/helpers/require.d.ts +2 -0
- package/lib/helpers/require.js +3 -0
- package/lib/objects/Typography/TypographyBold.js +2 -2
- package/lib/objects/Typography/TypographyColor.d.ts +1 -1
- package/lib/objects/Typography/TypographyColor.js +36 -38
- package/lib/objects/facets/Alignable.d.ts +8 -1
- package/lib/objects/facets/Alignable.js +17 -1
- package/lib/objects/facets/Color.d.ts +7 -4
- package/lib/objects/facets/Color.js +12 -2
- package/lib/objects/facets/Direction.d.ts +7 -0
- package/lib/objects/facets/Direction.js +8 -0
- package/lib/objects/facets/Justifiable.d.ts +14 -5
- package/lib/objects/facets/Justifiable.js +44 -13
- package/lib/objects/facets/index.d.ts +1 -0
- package/lib/objects/facets/index.js +2 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/lib/version.json +3 -0
- package/package.json +21 -6
- package/lib/components/sticker/StickerEnum.d.ts +0 -24
- package/lib/components/sticker/StickerEnum.js +0 -19
- package/lib/components/tag/TagClickEventDefaults.js +0 -1
- package/lib/hash.json +0 -3
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ProgressProps } from './ProgressProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
3
|
/**
|
|
5
4
|
* Progress component
|
|
6
5
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
7
|
-
* @param value {number} Progress value
|
|
8
6
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
7
|
* @param stacked {boolean} Stacked progress
|
|
8
|
+
* @param legendCenter {string} Unique legend
|
|
9
|
+
* @param legendStart {string} First extremity legend, only with legendEnd property
|
|
10
|
+
* @param legendEnd {string} Second extremity legend, only with legendStart property
|
|
10
11
|
*/
|
|
11
|
-
declare const Progress:
|
|
12
|
-
({ value, status, ...others }: ProgressProps): JSX.Element;
|
|
13
|
-
displayName: ComponentName;
|
|
14
|
-
};
|
|
12
|
+
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<import("react-native").View>>;
|
|
15
13
|
export default Progress;
|
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Text, TextLevels } from '../../components/text';
|
|
4
4
|
import { View } from '../../components/view';
|
|
5
5
|
import { getColorStyle, getStatusStyle, TrilogyColor } from '../../objects';
|
|
6
|
-
import {
|
|
6
|
+
import React, { useEffect, useRef } from 'react';
|
|
7
|
+
import { Animated, StyleSheet } from 'react-native';
|
|
7
8
|
/**
|
|
8
9
|
* Progress component
|
|
9
10
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
10
|
-
* @param value {number} Progress value
|
|
11
11
|
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
12
12
|
* @param stacked {boolean} Stacked progress
|
|
13
|
+
* @param legendCenter {string} Unique legend
|
|
14
|
+
* @param legendStart {string} First extremity legend, only with legendEnd property
|
|
15
|
+
* @param legendEnd {string} Second extremity legend, only with legendStart property
|
|
13
16
|
*/
|
|
14
|
-
var Progress = function (_a) {
|
|
15
|
-
var value = _a.value, status = _a.status, others = __rest(_a, ["value", "status"]);
|
|
17
|
+
var Progress = React.forwardRef(function (_a, ref) {
|
|
18
|
+
var children = _a.children, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, legendCenter = _a.legendCenter, legendStart = _a.legendStart, legendEnd = _a.legendEnd, stacked = _a.stacked, others = __rest(_a, ["children", "value", "max", "status", "legendCenter", "legendStart", "legendEnd", "stacked"]);
|
|
16
19
|
var animation = useRef(new Animated.Value(0)).current;
|
|
17
20
|
useEffect(function () {
|
|
18
|
-
|
|
19
|
-
typeof value === 'number' &&
|
|
21
|
+
if (typeof value === 'number') {
|
|
20
22
|
Animated.timing(animation, {
|
|
21
23
|
toValue: value,
|
|
22
24
|
duration: 1000,
|
|
23
25
|
useNativeDriver: false,
|
|
24
26
|
}).start();
|
|
27
|
+
}
|
|
25
28
|
}, [animation, value]);
|
|
26
29
|
var height = 6;
|
|
27
30
|
var width = animation.interpolate({
|
|
28
|
-
inputRange: [0,
|
|
29
|
-
outputRange: ['0%',
|
|
31
|
+
inputRange: [0, max],
|
|
32
|
+
outputRange: ['0%', "".concat(max, "%")],
|
|
30
33
|
extrapolate: 'clamp',
|
|
31
34
|
});
|
|
32
35
|
var styles = StyleSheet.create({
|
|
@@ -37,7 +40,7 @@ var Progress = function (_a) {
|
|
|
37
40
|
backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
|
|
38
41
|
borderRadius: 15,
|
|
39
42
|
},
|
|
40
|
-
|
|
43
|
+
percent: {
|
|
41
44
|
alignSelf: 'flex-start',
|
|
42
45
|
height: height,
|
|
43
46
|
backgroundColor: getStatusStyle(status).color,
|
|
@@ -47,19 +50,15 @@ var Progress = function (_a) {
|
|
|
47
50
|
borderTopStartRadius: 6,
|
|
48
51
|
borderBottomLeftRadius: 6,
|
|
49
52
|
},
|
|
50
|
-
|
|
53
|
+
progressItemLast: {
|
|
51
54
|
borderTopEndRadius: 6,
|
|
52
55
|
borderBottomRightRadius: 6,
|
|
53
56
|
},
|
|
54
|
-
|
|
55
|
-
width: 20,
|
|
56
|
-
backgroundColor: '#333',
|
|
57
|
-
height: 6,
|
|
58
|
-
},
|
|
59
|
-
uniqueLegend: {
|
|
57
|
+
legendCenter: {
|
|
60
58
|
textAlign: 'center',
|
|
61
59
|
paddingTop: 5,
|
|
62
60
|
fontWeight: '500',
|
|
61
|
+
alignSelf: 'center',
|
|
63
62
|
},
|
|
64
63
|
extremLegend: {
|
|
65
64
|
width: '100%',
|
|
@@ -69,9 +68,32 @@ var Progress = function (_a) {
|
|
|
69
68
|
fontWeight: '500',
|
|
70
69
|
},
|
|
71
70
|
});
|
|
72
|
-
|
|
73
|
-
React.createElement(
|
|
74
|
-
|
|
71
|
+
if (stacked) {
|
|
72
|
+
return (React.createElement(View, __assign({ style: styles.progress }, others), Array.isArray(children) &&
|
|
73
|
+
children.map(
|
|
74
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
75
|
+
function (child, index) {
|
|
76
|
+
return (child &&
|
|
77
|
+
child.type.render.displayName === 'ProgressItem' &&
|
|
78
|
+
React.cloneElement(child, {
|
|
79
|
+
key: index,
|
|
80
|
+
style: [
|
|
81
|
+
index === 0 ? styles.progressItemFirst : undefined,
|
|
82
|
+
index === children.length - 1 ? styles.progressItemLast : undefined,
|
|
83
|
+
{ backgroundColor: getStatusStyle(child.props.status).color, height: height },
|
|
84
|
+
],
|
|
85
|
+
})) ||
|
|
86
|
+
child;
|
|
87
|
+
})));
|
|
88
|
+
}
|
|
89
|
+
return (React.createElement(React.Fragment, null,
|
|
90
|
+
React.createElement(View, __assign({ ref: ref, style: styles.progress }, others),
|
|
91
|
+
React.createElement(Animated.View, { style: [styles.percent, { width: width }] })),
|
|
92
|
+
legendCenter && (React.createElement(Text, { style: styles.legendCenter, level: TextLevels.THREE }, legendCenter)),
|
|
93
|
+
legendStart && legendEnd && !legendCenter && (React.createElement(View, { style: styles.extremLegend },
|
|
94
|
+
React.createElement(Text, { level: TextLevels.THREE }, legendStart),
|
|
95
|
+
React.createElement(Text, { level: TextLevels.THREE }, legendEnd)))));
|
|
96
|
+
});
|
|
75
97
|
Progress.displayName = ComponentName.Progress;
|
|
76
98
|
export default Progress;
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQ0UsRUFBZ0csRUFDaEcsR0FBRztJQURELElBQUEsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBUyxFQUFULEdBQUcsbUJBQUcsR0FBRyxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTlGLDZGQUFnRyxDQUFGO0lBRzlGLElBQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFFdkQsU0FBUyxDQUFDO1FBQ1IsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsUUFBUSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7Z0JBQ3pCLE9BQU8sRUFB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
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { StatusProps } from '../../objects/facets/Status';
|
|
2
3
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
4
|
+
import { View } from 'react-native';
|
|
3
5
|
/**
|
|
4
6
|
* Progress Interface
|
|
5
7
|
*/
|
|
6
8
|
export interface ProgressProps extends StatusProps, CommonProps {
|
|
9
|
+
children?: React.ReactNode;
|
|
7
10
|
value?: number;
|
|
8
11
|
max?: number;
|
|
9
12
|
small?: boolean;
|
|
10
13
|
legendStart?: string;
|
|
11
14
|
legendCenter?: string;
|
|
12
15
|
legendEnd?: string;
|
|
16
|
+
stacked?: boolean;
|
|
13
17
|
}
|
|
18
|
+
export type ProgressRef = HTMLDivElement;
|
|
19
|
+
export type ProgressNativeRef = View;
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
2
16
|
"value": {
|
|
3
17
|
"type": "string",
|
|
4
18
|
"values": [
|
|
@@ -42,6 +56,14 @@ export default {
|
|
|
42
56
|
"string"
|
|
43
57
|
]
|
|
44
58
|
},
|
|
59
|
+
"stacked": {
|
|
60
|
+
"type": "boolean",
|
|
61
|
+
"values": [
|
|
62
|
+
"undefined",
|
|
63
|
+
"false",
|
|
64
|
+
"true"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
45
67
|
"status": {
|
|
46
68
|
"type": "enum",
|
|
47
69
|
"values": [
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Progress from './Progress';
|
|
2
|
+
import ProgressItem from './item';
|
|
2
3
|
import ProgressRadial from './radial';
|
|
3
4
|
import ProgressRadialItem from './radial/item/ProgressRadialtem';
|
|
4
|
-
export { Progress, ProgressRadial, ProgressRadialItem };
|
|
5
|
+
export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import Progress from './Progress';
|
|
2
|
+
import ProgressItem from './item';
|
|
2
3
|
import ProgressRadial from './radial';
|
|
3
4
|
import ProgressRadialItem from './radial/item/ProgressRadialtem';
|
|
4
|
-
export { Progress, ProgressRadial, ProgressRadialItem };
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sa0JBQWtCLE1BQU0saUNBQWlDLENBQUE7QUFHaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLENBQUEifQ==
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ProgressItemProps } from './ProgressItemProps';
|
|
3
|
+
/**
|
|
4
|
+
* Progress Item component - Only if stacked
|
|
5
|
+
* @param percent {number} Progress percent
|
|
6
|
+
* @param minPercent {number} Default min percent is 100
|
|
7
|
+
* @param maxPercent {number} Default max percent is 100
|
|
8
|
+
* @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
|
+
* @param children {React.ReactNode}
|
|
10
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
11
|
+
* -------------------------- WEB PROPERTIES -------------------------------
|
|
12
|
+
* @param className {string} Additional CSS classes
|
|
13
|
+
*/
|
|
14
|
+
declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export default ProgressItem;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { useTrilogyContext } from '../../../context';
|
|
6
|
+
import { hashClass } from '../../../helpers';
|
|
7
|
+
import { getStatusClassName } from '../../../objects';
|
|
8
|
+
import { is } from '../../../services/index';
|
|
9
|
+
/**
|
|
10
|
+
* Progress Item component - Only if stacked
|
|
11
|
+
* @param percent {number} Progress percent
|
|
12
|
+
* @param minPercent {number} Default min percent is 100
|
|
13
|
+
* @param maxPercent {number} Default max percent is 100
|
|
14
|
+
* @param status {StatusProps} Progress alert variant (SUCCESS|INFO|WARNING|ERROR)
|
|
15
|
+
* @param children {React.ReactNode}
|
|
16
|
+
* @param accessibilityLabel {string} Accessibility label
|
|
17
|
+
* -------------------------- WEB PROPERTIES -------------------------------
|
|
18
|
+
* @param className {string} Additional CSS classes
|
|
19
|
+
*/
|
|
20
|
+
var ProgressItem = React.forwardRef(function (_a, ref) {
|
|
21
|
+
var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
|
|
22
|
+
var styled = useTrilogyContext().styled;
|
|
23
|
+
var classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
|
|
24
|
+
return (React.createElement("div", __assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
|
|
25
|
+
});
|
|
26
|
+
ProgressItem.displayName = ComponentName.ProgressItem;
|
|
27
|
+
export default ProgressItem;
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFBK0YsRUFDL0YsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsa0JBQWMsRUFBZCxVQUFVLG1CQUFHLENBQUMsS0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFLLE1BQU0sY0FBN0Ysb0ZBQStGLENBQUY7SUFHckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ProgressItemProps } from './ProgressItemProps';
|
|
3
|
+
/**
|
|
4
|
+
* ProgressItem component - Only if stacked
|
|
5
|
+
* @param percent {number} Progress percent
|
|
6
|
+
* @param minPercent {number} Default min percent is 100
|
|
7
|
+
* @param status {StatusProps} Progress status state
|
|
8
|
+
* @param style {Style} Styles passed from parent
|
|
9
|
+
* @param children {React.ReactNode}
|
|
10
|
+
*/
|
|
11
|
+
declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<import("react-native").View>>;
|
|
12
|
+
export default ProgressItem;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { __assign, __read, __rest, __spreadArray } from "tslib";
|
|
2
|
+
import React, { useEffect, useRef } from 'react';
|
|
3
|
+
import { Animated } from 'react-native';
|
|
4
|
+
import { ComponentName } from '../../enumsComponentsName';
|
|
5
|
+
/**
|
|
6
|
+
* ProgressItem component - Only if stacked
|
|
7
|
+
* @param percent {number} Progress percent
|
|
8
|
+
* @param minPercent {number} Default min percent is 100
|
|
9
|
+
* @param status {StatusProps} Progress status state
|
|
10
|
+
* @param style {Style} Styles passed from parent
|
|
11
|
+
* @param children {React.ReactNode}
|
|
12
|
+
*/
|
|
13
|
+
var ProgressItem = React.forwardRef(function (_a, ref) {
|
|
14
|
+
var children = _a.children, percent = _a.percent, style = _a.style, others = __rest(_a, ["children", "percent", "style"]);
|
|
15
|
+
var animation = useRef(new Animated.Value(0)).current;
|
|
16
|
+
var styles = style;
|
|
17
|
+
useEffect(function () {
|
|
18
|
+
percent &&
|
|
19
|
+
Animated.timing(animation, {
|
|
20
|
+
toValue: percent,
|
|
21
|
+
duration: 1000,
|
|
22
|
+
useNativeDriver: false,
|
|
23
|
+
}).start();
|
|
24
|
+
}, [animation, percent, style]);
|
|
25
|
+
var width = animation.interpolate({
|
|
26
|
+
inputRange: [0, 100],
|
|
27
|
+
outputRange: ['0%', '100%'],
|
|
28
|
+
extrapolate: 'clamp',
|
|
29
|
+
});
|
|
30
|
+
return (React.createElement(Animated.View, __assign({}, others, { style: __spreadArray([{ width: width }], __read(styles), false), ref: ref }), children));
|
|
31
|
+
});
|
|
32
|
+
ProgressItem.displayName = ComponentName.ProgressItem;
|
|
33
|
+
export default ProgressItem;
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBR3pEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXVDLEVBQUUsR0FBRztJQUExQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBckMsZ0NBQXVDLENBQUY7SUFDcEMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN2RCxJQUFNLE1BQU0sR0FBRyxLQUFvQixDQUFBO0lBRW5DLFNBQVMsQ0FBQztRQUNSLE9BQU87WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsUUFBUSxDQUFDLElBQUksZUFBSyxNQUFNLElBQUUsS0FBSyxpQkFBRyxFQUFFLEtBQUssT0FBQSxFQUFFLFVBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Accessibility, StatusProps } from '../../../objects/facets';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
type Styles = {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Progress Item Interface
|
|
9
|
+
*/
|
|
10
|
+
export interface ProgressItemProps extends StatusProps, Accessibility {
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
percent: number;
|
|
13
|
+
minPercent?: number;
|
|
14
|
+
maxPercent?: number;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: Styles;
|
|
17
|
+
}
|
|
18
|
+
export type ProgressItemNativeRef = View;
|
|
19
|
+
export type ProgressItemWebRef = HTMLDivElement;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"children": {
|
|
3
|
+
"type": "react",
|
|
4
|
+
"values": [
|
|
5
|
+
"undefined",
|
|
6
|
+
"null",
|
|
7
|
+
"string",
|
|
8
|
+
"number",
|
|
9
|
+
"false",
|
|
10
|
+
"true",
|
|
11
|
+
"JSXElementConstructor<any>>",
|
|
12
|
+
"ReactNode>",
|
|
13
|
+
"ReactPortal"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"percent": {
|
|
17
|
+
"type": "string",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
"minPercent": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"values": [
|
|
23
|
+
"undefined",
|
|
24
|
+
"number"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
"maxPercent": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"values": [
|
|
30
|
+
"undefined",
|
|
31
|
+
"number"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"className": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"values": [
|
|
37
|
+
"undefined",
|
|
38
|
+
"string"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"style": {
|
|
42
|
+
"type": "string",
|
|
43
|
+
"values": [
|
|
44
|
+
"undefined",
|
|
45
|
+
"Styles"
|
|
46
|
+
]
|
|
47
|
+
},
|
|
48
|
+
"status": {
|
|
49
|
+
"type": "enum",
|
|
50
|
+
"values": [
|
|
51
|
+
"undefined",
|
|
52
|
+
"SUCCESS",
|
|
53
|
+
"INFO",
|
|
54
|
+
"WARNING",
|
|
55
|
+
"ERROR",
|
|
56
|
+
"SUCCESS",
|
|
57
|
+
"INFO",
|
|
58
|
+
"WARNING",
|
|
59
|
+
"ERROR"
|
|
60
|
+
]
|
|
61
|
+
},
|
|
62
|
+
"id": {
|
|
63
|
+
"type": "string",
|
|
64
|
+
"values": [
|
|
65
|
+
"undefined",
|
|
66
|
+
"string"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
69
|
+
"accessibilityLabel": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"values": [
|
|
72
|
+
"undefined",
|
|
73
|
+
"string"
|
|
74
|
+
]
|
|
75
|
+
}
|
|
76
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import ProgressItem from './ProgressItem';
|
|
2
|
+
export default ProgressItem;
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ProgressRadialProps } from './ProgressRadialProps';
|
|
3
3
|
/**
|
|
4
4
|
* Progress Radial component
|
|
@@ -9,8 +9,8 @@ import { ProgressRadialProps } from './ProgressRadialProps';
|
|
|
9
9
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
10
10
|
* - --------------- NATIVE PROPERTIES ----------------------------------
|
|
11
11
|
* - --------------- WEB PROPERTIES -------------------------------------
|
|
12
|
-
* @param className {string}
|
|
12
|
+
* @param className {string} Additional CSS Classes
|
|
13
13
|
* @param small {boolean} Display small progress radial
|
|
14
14
|
*/
|
|
15
|
-
declare const ProgressRadial:
|
|
15
|
+
declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export default ProgressRadial;
|
|
@@ -7,6 +7,7 @@ import { useTrilogyContext } from '../../../context';
|
|
|
7
7
|
import { Title, TitleLevels } from '../../title';
|
|
8
8
|
import { Text, TextLevels } from '../../text';
|
|
9
9
|
import { getColorStyle } from '../../../objects/facets/Color';
|
|
10
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
10
11
|
/**
|
|
11
12
|
* Progress Radial component
|
|
12
13
|
* @param percent {number} Progress percent
|
|
@@ -16,10 +17,10 @@ import { getColorStyle } from '../../../objects/facets/Color';
|
|
|
16
17
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
17
18
|
* - --------------- NATIVE PROPERTIES ----------------------------------
|
|
18
19
|
* - --------------- WEB PROPERTIES -------------------------------------
|
|
19
|
-
* @param className {string}
|
|
20
|
+
* @param className {string} Additional CSS Classes
|
|
20
21
|
* @param small {boolean} Display small progress radial
|
|
21
22
|
*/
|
|
22
|
-
var ProgressRadial = function (_a) {
|
|
23
|
+
var ProgressRadial = React.forwardRef(function (_a, ref) {
|
|
23
24
|
var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
|
|
24
25
|
var styled = useTrilogyContext().styled;
|
|
25
26
|
var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
|
|
@@ -39,7 +40,7 @@ var ProgressRadial = function (_a) {
|
|
|
39
40
|
var secondProgressStartDegree = firstProgressDegree;
|
|
40
41
|
var styleBackground;
|
|
41
42
|
styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
|
|
42
|
-
styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg,
|
|
43
|
+
styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, ").concat(getColorStyle('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
|
|
43
44
|
progressRadial.style.background = styleBackground;
|
|
44
45
|
};
|
|
45
46
|
useEffect(function () {
|
|
@@ -65,10 +66,11 @@ var ProgressRadial = function (_a) {
|
|
|
65
66
|
updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
|
|
66
67
|
}, [firstProgressCurrentValue, secondProgressCurrentValue]);
|
|
67
68
|
return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
|
|
68
|
-
React.createElement("div", { className: classesContent },
|
|
69
|
+
React.createElement("div", { ref: ref, className: classesContent },
|
|
69
70
|
label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
|
|
70
71
|
description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
|
|
71
72
|
!label && !description && children)));
|
|
72
|
-
};
|
|
73
|
+
});
|
|
74
|
+
ProgressRadial.displayName = ComponentName.ProgressRadial;
|
|
73
75
|
export default ProgressRadial;
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLFVBQUMsRUFXaEYsRUFBRSxHQUFHO0lBVkosSUFBQSxRQUFRLGNBQUEsRUFDUixhQUFTLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFDVCxtQkFBZSxFQUFmLFdBQVcsbUJBQUcsQ0FBQyxLQUFBLEVBQ2YsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWc0Usb0dBV2hGLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxP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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
2
3
|
import { ProgressRadialProps } from './ProgressRadialProps';
|
|
3
|
-
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
4
|
/**
|
|
5
5
|
* Progress Radial component
|
|
6
6
|
* @param percent {number} Progress percent
|
|
@@ -13,8 +13,5 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
13
13
|
* @param align {Alignable} Progress Radial Alignement
|
|
14
14
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
15
15
|
*/
|
|
16
|
-
declare const ProgressRadial:
|
|
17
|
-
({ value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
|
|
18
|
-
displayName: ComponentName;
|
|
19
|
-
};
|
|
16
|
+
declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<View>>;
|
|
20
17
|
export default ProgressRadial;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import { Platform, StyleSheet, View } from 'react-native';
|
|
4
|
-
import { AnimatedCircularProgress } from './react-native-circular-progress';
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
3
|
import { Text, TextLevels } from '../../../components/text';
|
|
4
|
+
import { isAndroid } from '../../../helpers/device.native';
|
|
6
5
|
import { getAlignStyle, TypographyAlign } from '../../../objects';
|
|
7
6
|
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
7
|
+
import * as React from 'react';
|
|
8
8
|
import ContentLoader, { Circle } from 'react-content-loader/native';
|
|
9
|
-
import {
|
|
9
|
+
import { StyleSheet, View } from 'react-native';
|
|
10
|
+
import { AnimatedCircularProgress } from './react-native-circular-progress';
|
|
10
11
|
/**
|
|
11
12
|
* Progress Radial component
|
|
12
13
|
* @param percent {number} Progress percent
|
|
@@ -19,9 +20,9 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
19
20
|
* @param align {Alignable} Progress Radial Alignement
|
|
20
21
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
21
22
|
*/
|
|
22
|
-
var ProgressRadial = function (_a) {
|
|
23
|
-
var value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
24
|
-
var color = getColorStyle(status || TrilogyColor.
|
|
23
|
+
var ProgressRadial = React.forwardRef(function (_a, ref) {
|
|
24
|
+
var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
|
|
25
|
+
var color = getColorStyle(status || TrilogyColor.MAIN);
|
|
25
26
|
var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
|
|
26
27
|
var percentWidth = value || 0;
|
|
27
28
|
var secondFill = secondValue ? { secondFill: secondValue } : null;
|
|
@@ -73,22 +74,22 @@ var ProgressRadial = function (_a) {
|
|
|
73
74
|
});
|
|
74
75
|
var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
|
|
75
76
|
React.createElement(View, { style: { opacity: 0 } }),
|
|
76
|
-
|
|
77
|
+
isAndroid && (React.createElement(View, null,
|
|
77
78
|
React.createElement(Circle, { cx: '50', cy: '50', r: '50' }))))); };
|
|
78
79
|
if (skeleton) {
|
|
79
80
|
return React.createElement(ProgressRadialSkeleton, null);
|
|
80
81
|
}
|
|
81
82
|
if (disk) {
|
|
82
|
-
return (React.createElement(View, { style: styles.container },
|
|
83
|
+
return (React.createElement(View, { ref: ref, style: styles.container },
|
|
83
84
|
React.createElement(View, __assign({ style: [styles.disk, styles.alignCenter] }, others),
|
|
84
85
|
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
|
|
85
86
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || '')) : (description))));
|
|
86
87
|
}
|
|
87
|
-
return (React.createElement(View, __assign({ style: styles.container }, others),
|
|
88
|
+
return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others),
|
|
88
89
|
React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (React.createElement(View, { style: styles.alignCenter },
|
|
89
90
|
label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
|
|
90
|
-
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))); })));
|
|
91
|
-
};
|
|
91
|
+
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description || children)))); })));
|
|
92
|
+
});
|
|
92
93
|
ProgressRadial.displayName = ComponentName.ProgressRadial;
|
|
93
94
|
export default ProgressRadial;
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUUzRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStDLFVBQUMsRUFhdEYsRUFBRSxHQUFHO0lBWkosSUFBQSxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLGdCQUFnQixzQkFBQSxFQUNoQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWjRFLCtIQWF0RixDQURVO0lBRVQsSUFBTSxLQUFLLEdBQUcs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
|