@trilogy-ds/react 0.0.7-beta-v4 → 0.0.8-alpha-prompt
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 +29 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +37 -1
- package/lib/components/alert/context/ToastPropsDefaults.js +29 -1
- package/lib/components/alert/context/ToasterContextProps.d.ts +4 -2
- package/lib/components/autocomplete/AutoComplete.d.ts +34 -3
- package/lib/components/autocomplete/AutoComplete.js +49 -45
- package/lib/components/autocomplete/AutoComplete.native.d.ts +5 -3
- package/lib/components/autocomplete/AutoComplete.native.js +12 -9
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +4 -4
- package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js +90 -60
- package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js +90 -60
- 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 +43 -58
- 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 +29 -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 +22 -12
- 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 +7 -4
- package/lib/components/button/list/ButtonListWebPropsDefaults.js +11 -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 +15 -0
- package/lib/components/calendar/Calendar.js +342 -0
- package/lib/components/calendar/Calendar.native.d.ts +16 -0
- package/lib/components/calendar/Calendar.native.js +558 -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 +3 -0
- package/lib/components/calendar/index.js +4 -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 +26 -28
- 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 +76 -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 +19 -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 +29 -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 +20 -50
- 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 +30 -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 +36 -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/datepicker/DatePicker.d.ts +22 -0
- package/lib/components/datepicker/DatePicker.js +428 -0
- package/lib/components/datepicker/DatePicker.native.d.ts +19 -0
- package/lib/components/datepicker/DatePicker.native.js +307 -0
- package/lib/components/datepicker/DatePickerEnum.d.ts +7 -0
- package/lib/components/datepicker/DatePickerEnum.js +8 -0
- package/lib/components/datepicker/DatePickerProps.d.ts +37 -0
- package/lib/components/datepicker/DatePickerProps.js +2 -0
- package/lib/components/datepicker/DatePickerPropsDefaults.js +117 -0
- package/lib/components/datepicker/HandleKeyPressDefaults.js +14 -0
- package/lib/components/datepicker/SegmentDefaults.js +33 -0
- package/lib/components/datepicker/SegmentsDefaults.js +14 -0
- package/lib/components/datepicker/index.d.ts +2 -0
- package/lib/components/datepicker/index.js +3 -0
- 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/divider/DividerPropsDefaults.js +11 -1
- package/lib/components/dropdown/Dropdown.d.ts +13 -0
- package/lib/components/dropdown/Dropdown.js +88 -0
- package/lib/components/dropdown/Dropdown.native.d.ts +4 -0
- package/lib/components/dropdown/Dropdown.native.js +8 -0
- package/lib/components/dropdown/DropdownProps.d.ts +15 -0
- package/lib/components/dropdown/DropdownProps.js +2 -0
- package/lib/components/dropdown/DropdownPropsDefaults.js +53 -0
- package/lib/components/dropdown/context/DropdownContext.d.ts +15 -0
- package/lib/components/dropdown/context/DropdownContext.js +35 -0
- package/lib/components/dropdown/context/index.d.ts +1 -0
- package/lib/components/dropdown/context/index.js +2 -0
- package/lib/components/dropdown/group/DropdownGroup.d.ts +12 -0
- package/lib/components/dropdown/group/DropdownGroup.js +24 -0
- package/lib/components/dropdown/group/DropdownGroup.native.d.ts +4 -0
- package/lib/components/dropdown/group/DropdownGroup.native.js +8 -0
- package/lib/components/dropdown/group/DropdownGroupProps.d.ts +14 -0
- package/lib/components/dropdown/group/DropdownGroupProps.js +2 -0
- package/lib/components/dropdown/group/DropdownGroupPropsDefaults.js +52 -0
- package/lib/components/dropdown/group/index.d.ts +2 -0
- package/lib/components/dropdown/group/index.js +3 -0
- package/lib/components/dropdown/index.d.ts +6 -0
- package/lib/components/dropdown/index.js +7 -0
- package/lib/components/dropdown/item/DropdownItem.d.ts +12 -0
- package/lib/components/dropdown/item/DropdownItem.js +46 -0
- package/lib/components/dropdown/item/DropdownItem.native.d.ts +4 -0
- package/lib/components/dropdown/item/DropdownItem.native.js +8 -0
- package/lib/components/dropdown/item/DropdownItemProps.d.ts +15 -0
- package/lib/components/dropdown/item/DropdownItemProps.js +2 -0
- package/lib/components/dropdown/item/DropdownItemPropsDefaults.js +101 -0
- package/lib/components/dropdown/item/index.d.ts +2 -0
- package/lib/components/dropdown/item/index.js +3 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.js +61 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.d.ts +4 -0
- package/lib/components/dropdown/trigger/DropdownTrigger.native.js +8 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.d.ts +13 -0
- package/lib/components/dropdown/trigger/DropdownTriggerProps.js +2 -0
- package/lib/components/dropdown/trigger/DropdownTriggerPropsDefaults.js +44 -0
- package/lib/components/dropdown/trigger/index.d.ts +2 -0
- package/lib/components/dropdown/trigger/index.js +3 -0
- package/lib/components/enumsComponentsName.d.ts +31 -3
- package/lib/components/enumsComponentsName.js +31 -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/fab/FabPropsDefaults.js +11 -1
- package/lib/components/flex-box/FlexBox.d.ts +18 -0
- package/lib/components/flex-box/FlexBox.js +70 -0
- package/lib/components/flex-box/FlexBox.native.d.ts +5 -0
- package/lib/components/flex-box/FlexBox.native.js +58 -0
- package/lib/components/flex-box/FlexBoxProps.d.ts +34 -0
- package/lib/components/flex-box/FlexBoxProps.js +2 -0
- package/lib/components/flex-box/FlexBoxPropsDefaults.js +128 -0
- package/lib/components/flex-box/ResponsiveValueDefaults.js +37 -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 +101 -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 -25
- package/lib/components/icon/IconNameEnum.d.ts +6 -1
- package/lib/components/icon/IconNameEnum.js +6 -1
- package/lib/components/icon/IconProps.d.ts +6 -3
- package/lib/components/icon/IconPropsDefaults.js +18 -26
- 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 +38 -14
- package/lib/components/image/ImageProps.d.ts +5 -1
- package/lib/components/image/ImagePropsDefaults.js +31 -2
- package/lib/components/index.d.ts +5 -0
- package/lib/components/index.js +6 -1
- package/lib/components/input/ISecurityRulesDefaults.js +23 -0
- package/lib/components/input/Input.d.ts +46 -3
- package/lib/components/input/Input.js +47 -33
- package/lib/components/input/Input.native.d.ts +4 -6
- package/lib/components/input/Input.native.js +61 -122
- 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 +19 -4
- package/lib/components/input/InputPropsDefaults.js +90 -8
- 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 +5 -4
- package/lib/components/link/Link.js +14 -11
- package/lib/components/link/Link.native.d.ts +4 -8
- package/lib/components/link/Link.native.js +17 -65
- package/lib/components/link/LinkDefaults.js +351 -0
- package/lib/components/link/LinkProps.d.ts +13 -2
- package/lib/components/link/LinkPropsDefaults.js +103 -10
- package/lib/components/link/LinkPropsNativeDefaults.js +422 -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 +15 -1
- 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 +8 -6
- package/lib/components/popover/Popover.js +17 -13
- 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 +22 -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 -17
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -0
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +36 -4
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +3 -0
- package/lib/components/prompt/Prompt.d.ts +13 -0
- package/lib/components/prompt/Prompt.js +36 -0
- package/lib/components/prompt/Prompt.native.d.ts +5 -0
- package/lib/components/prompt/Prompt.native.js +30 -0
- package/lib/components/prompt/PromptProps.d.ts +16 -0
- package/lib/components/prompt/PromptProps.js +6 -0
- package/lib/components/prompt/PromptPropsDefaults.js +60 -0
- package/lib/components/prompt/context/index.d.ts +29 -0
- package/lib/components/prompt/context/index.js +44 -0
- package/lib/components/prompt/files/PromptFiles.d.ts +10 -0
- package/lib/components/prompt/files/PromptFiles.js +29 -0
- package/lib/components/prompt/files/PromptFiles.native.d.ts +5 -0
- package/lib/components/prompt/files/PromptFiles.native.js +26 -0
- package/lib/components/prompt/files/PromptFilesProps.d.ts +10 -0
- package/lib/components/prompt/files/PromptFilesProps.js +2 -0
- package/lib/components/prompt/files/PromptFilesPropsDefaults.js +44 -0
- package/lib/components/prompt/files/file/PromptFile.d.ts +13 -0
- package/lib/components/prompt/files/file/PromptFile.js +49 -0
- package/lib/components/prompt/files/file/PromptFile.native.d.ts +5 -0
- package/lib/components/prompt/files/file/PromptFile.native.js +78 -0
- package/lib/components/prompt/files/file/PromptFileProps.d.ts +13 -0
- package/lib/components/prompt/files/file/PromptFileProps.js +2 -0
- package/lib/components/prompt/files/file/PromptFilePropsDefaults.js +55 -0
- package/lib/components/prompt/files/file/index.d.ts +3 -0
- package/lib/components/prompt/files/file/index.js +4 -0
- package/lib/components/prompt/files/index.d.ts +3 -0
- package/lib/components/prompt/files/index.js +4 -0
- package/lib/components/prompt/index.d.ts +14 -0
- package/lib/components/prompt/index.js +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.d.ts +15 -0
- package/lib/components/prompt/textarea/PromptTextarea.js +45 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.d.ts +5 -0
- package/lib/components/prompt/textarea/PromptTextarea.native.js +46 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.d.ts +16 -0
- package/lib/components/prompt/textarea/PromptTextareaProps.js +2 -0
- package/lib/components/prompt/textarea/PromptTextareaPropsDefaults.js +81 -0
- package/lib/components/prompt/textarea/index.d.ts +3 -0
- package/lib/components/prompt/textarea/index.js +4 -0
- package/lib/components/prompt/toolbar/PromptToolbar.d.ts +10 -0
- package/lib/components/prompt/toolbar/PromptToolbar.js +21 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/PromptToolbar.native.js +23 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/PromptToolbarProps.js +2 -0
- package/lib/components/prompt/toolbar/PromptToolbarPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/index.js +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.d.ts +14 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.js +35 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophone.native.js +33 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophoneProps.js +2 -0
- package/lib/components/prompt/toolbar/microphone/PromptMicrophonePropsDefaults.js +61 -0
- package/lib/components/prompt/toolbar/microphone/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/microphone/index.js +4 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.d.ts +15 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.js +54 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmit.native.js +44 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.d.ts +18 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitProps.js +6 -0
- package/lib/components/prompt/toolbar/submit/PromptSubmitPropsDefaults.js +68 -0
- package/lib/components/prompt/toolbar/submit/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/submit/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.js +21 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.d.ts +5 -0
- package/lib/components/prompt/toolbar/tools/PromptTools.native.js +22 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.d.ts +10 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/PromptToolsPropsDefaults.js +44 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.d.ts +16 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.js +38 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButton.native.js +33 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.d.ts +19 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/button/PromptButtonPropsDefaults.js +155 -0
- package/lib/components/prompt/toolbar/tools/button/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/button/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.d.ts +13 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.js +37 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFile.native.js +30 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.d.ts +12 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFileProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/inputFile/PromptInputFilePropsDefaults.js +53 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/inputFile/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.d.ts +16 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.js +63 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelect.native.js +22 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/PromptSelectProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/index.js +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.d.ts +12 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.js +19 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.d.ts +4 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOption.native.js +11 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/PromptSelectOptionProps.js +2 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.d.ts +3 -0
- package/lib/components/prompt/toolbar/tools/select/options/index.js +4 -0
- package/lib/components/radio/EventHandlerDefaults.js +21 -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/RadioNativePropsDefaults.js +9 -0
- package/lib/components/radio/RadioProps.d.ts +12 -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 +7 -2
- package/lib/components/radio/list/RadioListPropsDefaults.js +7 -0
- package/lib/components/radio/list/RadioListWebPropsDefaults.js +25 -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 +29 -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/RadioTileNativePropsDefaults.js +112 -0
- package/lib/components/radio/tiles/tile/RadioTileProps.d.ts +13 -2
- package/lib/components/radio/tiles/tile/RadioTilePropsCommonDefaults.js +105 -0
- package/lib/components/radio/tiles/tile/RadioTilePropsDefaults.js +101 -64
- 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 +5 -2
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +11 -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 +187 -0
- package/lib/components/select/Select.d.ts +20 -5
- package/lib/components/select/Select.js +47 -10
- package/lib/components/select/Select.native.d.ts +3 -7
- package/lib/components/select/Select.native.js +14 -12
- package/lib/components/select/SelectChangeEventDefaults.js +4 -0
- package/lib/components/select/SelectChangeEventNativeDefaults.js +37 -0
- package/lib/components/select/SelectEnum.d.ts +5 -0
- package/lib/components/select/SelectEnum.js +6 -0
- package/lib/components/select/SelectNativePropsDefaults.js +222 -0
- package/lib/components/select/SelectProps.d.ts +25 -6
- package/lib/components/select/SelectPropsDefaults.js +61 -10
- package/lib/components/select/context/index.d.ts +13 -0
- package/lib/components/select/context/index.js +10 -0
- package/lib/components/select/option/SelectOption.d.ts +3 -3
- package/lib/components/select/option/SelectOption.js +47 -12
- package/lib/components/select/option/SelectOption.native.d.ts +3 -6
- package/lib/components/select/option/SelectOption.native.js +19 -21
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -0
- package/lib/components/select/option/SelectOptionPropsDefaults.js +11 -1
- package/lib/components/select/web/SelectDynamic.d.ts +5 -3
- package/lib/components/select/web/SelectDynamic.js +68 -178
- package/lib/components/select/web/SelectNative.d.ts +3 -3
- package/lib/components/select/web/SelectNative.js +23 -10
- package/lib/components/skeleton/Skeleton.d.ts +17 -0
- package/lib/components/skeleton/Skeleton.js +19 -0
- package/lib/components/skeleton/Skeleton.native.d.ts +16 -0
- package/lib/components/skeleton/Skeleton.native.js +70 -0
- package/lib/components/skeleton/SkeletonProps.d.ts +13 -0
- package/lib/components/skeleton/SkeletonProps.js +2 -0
- package/lib/components/skeleton/SkeletonPropsDefaults.js +80 -0
- package/lib/components/skeleton/index.d.ts +3 -0
- package/lib/components/skeleton/index.js +4 -0
- 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/stepper/step/StepPropsDefaults.js +11 -1
- 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 +20 -3
- 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 +30 -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 +86 -0
- package/lib/components/tabs/tab-list/TabListProps.d.ts +5 -2
- package/lib/components/tabs/tab-list/TabListPropsDefaults.js +11 -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 +68 -0
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -0
- package/lib/components/tabs/tab-list/tab/TabPropsDefaults.js +20 -10
- 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/TagPropsDefaults.js +6 -1
- 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 +5 -2
- package/lib/components/tag/list/TagListPropsDefaults.js +11 -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 +14 -15
- package/lib/components/text/TextProps.d.ts +3 -0
- package/lib/components/textarea/Textarea.d.ts +5 -7
- package/lib/components/textarea/Textarea.js +35 -34
- package/lib/components/textarea/Textarea.native.d.ts +30 -2
- package/lib/components/textarea/Textarea.native.js +29 -57
- package/lib/components/textarea/TextareaProps.d.ts +4 -3
- 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/timeline/marker/TimelineMarkerPropsDefaults.js +11 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +11 -1
- 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 +31 -42
- 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 +62 -11
- 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/clickOutside.d.ts +1 -0
- package/lib/helpers/clickOutside.js +16 -0
- 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 +18 -4
- package/lib/objects/facets/Alignable.js +28 -5
- 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 +24 -8
- package/lib/objects/facets/Justifiable.js +53 -19
- package/lib/objects/facets/Radius.d.ts +2 -0
- package/lib/objects/facets/Radius.js +14 -0
- 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 +26 -7
- 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
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
"scrollViewRef": {
|
|
3
|
+
"type": "function",
|
|
4
|
+
"values": [
|
|
5
|
+
"null",
|
|
6
|
+
"ScrollView | null) => void",
|
|
7
|
+
"ScrollView>"
|
|
8
|
+
]
|
|
9
|
+
},
|
|
10
|
+
"handleOnScroll": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
"isFooter": {
|
|
15
|
+
"type": "boolean",
|
|
16
|
+
"values": [
|
|
17
|
+
"false",
|
|
18
|
+
"true"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"setIsFooter": {
|
|
22
|
+
"type": "string",
|
|
23
|
+
"values": []
|
|
24
|
+
}
|
|
25
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './ModalContext';
|
|
2
|
+
export * from './ModalContextProps';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLHFCQUFxQixDQUFBIn0=
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { ModalFooterProps } from './ModalFooterProps';
|
|
3
3
|
/**
|
|
4
4
|
* Modal Footer Component
|
|
5
5
|
* @param children {React.ReactNode}
|
|
6
6
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
7
|
-
* @param className {string}
|
|
7
|
+
* @param className {string} Additional css classes
|
|
8
8
|
* @param id
|
|
9
9
|
*/
|
|
10
|
-
declare const ModalFooter:
|
|
10
|
+
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
export default ModalFooter;
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useTrilogyContext } from '../../../context';
|
|
2
2
|
import { hashClass } from '../../../helpers';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
5
6
|
/**
|
|
6
7
|
* Modal Footer Component
|
|
7
8
|
* @param children {React.ReactNode}
|
|
8
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
|
-
* @param className {string}
|
|
10
|
+
* @param className {string} Additional css classes
|
|
10
11
|
* @param id
|
|
11
12
|
*/
|
|
12
|
-
var ModalFooter = function (_a) {
|
|
13
|
+
var ModalFooter = React.forwardRef(function (_a, ref) {
|
|
13
14
|
var children = _a.children, className = _a.className, id = _a.id;
|
|
14
15
|
var styled = useTrilogyContext().styled;
|
|
15
|
-
return (React.createElement("div", { id: id, className: hashClass(styled, clsx('modal-footer', className)) }, children));
|
|
16
|
-
};
|
|
16
|
+
return (React.createElement("div", { ref: ref, "data-modal-footer": '', id: id, className: hashClass(styled, clsx('modal-footer', className)) }, children));
|
|
17
|
+
});
|
|
18
|
+
ModalFooter.displayName = ComponentName.ModalFooter;
|
|
17
19
|
export default ModalFooter;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2Zvb3Rlci9Nb2RhbEZvb3Rlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQTJCLEVBQUUsR0FBRztRQUE5QixRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUE7SUFDdkYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsT0FBTyxDQUNMLDZCQUFLLEdBQUcsRUFBRSxHQUFHLHVCQUFvQixFQUFFLEVBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ3RHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUNuRCxlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { ModalFooterProps } from './ModalFooterProps';
|
|
4
4
|
/**
|
|
5
5
|
* Modal Footer Component
|
|
6
6
|
* @param children {React.ReactNode}
|
|
7
7
|
*/
|
|
8
|
-
declare const ModalFooter:
|
|
9
|
-
({ children, ...others }: ModalFooterProps): JSX.Element;
|
|
10
|
-
displayName: ComponentName;
|
|
11
|
-
};
|
|
8
|
+
declare const ModalFooter: React.ForwardRefExoticComponent<ModalFooterProps & React.RefAttributes<View>>;
|
|
12
9
|
export default ModalFooter;
|
|
@@ -1,23 +1,35 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
width: "100%",
|
|
10
|
-
textAlign: 'right',
|
|
11
|
-
padding: 16,
|
|
12
|
-
};
|
|
2
|
+
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { Title, TitleLevels } from '../../../components/title';
|
|
4
|
+
import { isIOS } from '../../../helpers/device.native';
|
|
5
|
+
import { getColorStyle, TrilogyColor } from '../../../objects';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { StyleSheet, View } from 'react-native';
|
|
8
|
+
import { ModalContext } from '../context';
|
|
13
9
|
/**
|
|
14
10
|
* Modal Footer Component
|
|
15
11
|
* @param children {React.ReactNode}
|
|
16
12
|
*/
|
|
17
|
-
var ModalFooter = function (_a) {
|
|
13
|
+
var ModalFooter = React.forwardRef(function (_a, ref) {
|
|
18
14
|
var children = _a.children, others = __rest(_a, ["children"]);
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
var setIsFooter = React.useContext(ModalContext).setIsFooter;
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
setIsFooter(true);
|
|
18
|
+
return function () {
|
|
19
|
+
setIsFooter(false);
|
|
20
|
+
};
|
|
21
|
+
}, []);
|
|
22
|
+
return (React.createElement(View, __assign({ ref: ref, style: [styles.container] }, others),
|
|
23
|
+
React.createElement(View, { style: [{ backgroundColor: getColorStyle(TrilogyColor.BACKGROUND) }] }, (typeof children === 'string' && (React.createElement(Title, { level: TitleLevels.THREE, style: styles.title }, children))) ||
|
|
24
|
+
children)));
|
|
25
|
+
});
|
|
21
26
|
ModalFooter.displayName = ComponentName.ModalFooter;
|
|
22
27
|
export default ModalFooter;
|
|
23
|
-
|
|
28
|
+
var styles = StyleSheet.create({
|
|
29
|
+
container: {
|
|
30
|
+
paddingBottom: isIOS ? 40 : 18,
|
|
31
|
+
paddingTop: 16,
|
|
32
|
+
},
|
|
33
|
+
title: { width: '100%', textAlign: 'center' },
|
|
34
|
+
});
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxGb290ZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9mb290ZXIvTW9kYWxGb290ZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHekM7OztHQUdHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDekYsSUFBQSxXQUFXLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUMsWUFBbkMsQ0FBbUM7SUFFdEQsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVqQixPQUFPO1lBQ0wsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3BCLENBQUMsQ0FBQTtJQUNILENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLElBQU0sTUFBTTtRQUNuRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLElBQ3ZFLENBQUMsT0FBTyxRQUFRLEtBQUssUUFBUSxJQUFJLENBQ2hDLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFDakQsUUFBUSxDQUNILENBQ1QsQ0FBQztZQUNBLFFBQVEsQ0FDTCxDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBO0FBRTFCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDL0IsU0FBUyxFQUFFO1FBQ1QsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQzlCLFVBQVUsRUFBRSxFQUFFO0tBQ2Y7SUFDRCxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUU7Q0FDOUMsQ0FBQyxDQUFBIn0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
2
3
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
3
4
|
/**
|
|
4
5
|
* Modal Footer Interface
|
|
@@ -6,3 +7,5 @@ import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
|
6
7
|
export interface ModalFooterProps extends CommonProps {
|
|
7
8
|
children: React.ReactNode;
|
|
8
9
|
}
|
|
10
|
+
export type ModalFooterRef = HTMLDivElement;
|
|
11
|
+
export type ModalFooterNativeRef = View;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { OtpProps } from './OtpProps';
|
|
3
3
|
/**
|
|
4
4
|
* OTP Code Component
|
|
@@ -13,7 +13,7 @@ import { OtpProps } from './OtpProps';
|
|
|
13
13
|
* @param label {string} Label for OTP
|
|
14
14
|
* @param help {string} error message to display
|
|
15
15
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
|
-
* @param className {string}
|
|
16
|
+
* @param className {string} Additional css classes
|
|
17
17
|
*/
|
|
18
|
-
declare const Otp:
|
|
18
|
+
declare const Otp: React.ForwardRefExoticComponent<OtpProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
19
|
export default Otp;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
2
|
import { Text, TextMarkup } from '../../components/text';
|
|
3
|
-
import
|
|
4
|
-
import { TypographyColor } from '../../objects/Typography';
|
|
5
|
-
import clsx from 'clsx';
|
|
3
|
+
import { useTrilogyContext } from '../../context/index';
|
|
6
4
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
|
+
import { TypographyColor } from '../../objects/Typography';
|
|
7
6
|
import { is } from '../../services/classify';
|
|
8
|
-
import
|
|
7
|
+
import translation from '@trilogy-ds/locales/lib/otp';
|
|
8
|
+
import clsx from 'clsx';
|
|
9
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
10
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
9
11
|
var stringToCode = function (str, codeSize) {
|
|
10
12
|
if (!str)
|
|
11
13
|
return new Array(codeSize).fill(null);
|
|
@@ -64,6 +66,9 @@ var inputOnKeyUp = function (e) {
|
|
|
64
66
|
focusToNextInput(target);
|
|
65
67
|
}
|
|
66
68
|
};
|
|
69
|
+
var formatTranslation = function (translation, x, y) {
|
|
70
|
+
return translation.replace(/:x/g, x).replace(/:y/g, y);
|
|
71
|
+
};
|
|
67
72
|
/**
|
|
68
73
|
* OTP Code Component
|
|
69
74
|
* @param value {string} Code Text Input
|
|
@@ -77,9 +82,9 @@ var inputOnKeyUp = function (e) {
|
|
|
77
82
|
* @param label {string} Label for OTP
|
|
78
83
|
* @param help {string} error message to display
|
|
79
84
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
80
|
-
* @param className {string}
|
|
85
|
+
* @param className {string} Additional css classes
|
|
81
86
|
*/
|
|
82
|
-
var Otp = function (_a) {
|
|
87
|
+
var Otp = React.forwardRef(function (_a, ref) {
|
|
83
88
|
var className = _a.className, id = _a.id, value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onChange = _a.onChange, onFocus = _a.onFocus, label = _a.label, help = _a.help, autoFocus = _a.autoFocus, others = __rest(_a, ["className", "id", "value", "length", "disabled", "error", "onCompleted", "onChange", "onFocus", "label", "help", "autoFocus"]);
|
|
84
89
|
var _c = __read(useState(stringToCode(value, length) || new Array(length).fill(null)), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
85
90
|
var hasChanged = useRef(false);
|
|
@@ -116,12 +121,13 @@ var Otp = function (_a) {
|
|
|
116
121
|
label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_NEUTRAL) ||
|
|
117
122
|
(error && TypographyColor.TEXT_ERROR) ||
|
|
118
123
|
TypographyColor.TEXT_MAIN }, label)),
|
|
119
|
-
React.createElement("div", { id: id, className: classes, onClick: function () {
|
|
124
|
+
React.createElement("div", { ref: ref, id: id, className: classes, onClick: function () {
|
|
120
125
|
if (!disabled) {
|
|
121
126
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
|
|
122
127
|
}
|
|
123
|
-
} }, codeInput.map(function (digit, idx) { return (React.createElement("input", __assign({ "aria-disabled": disabled,
|
|
128
|
+
} }, codeInput.map(function (digit, idx) { return (React.createElement("input", __assign({ "aria-disabled": disabled, key: idx, type: 'tel', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: length, className: hashClass(styled, clsx('otp')), value: "".concat(digit !== null && digit !== void 0 ? digit : ''), onKeyUp: inputOnKeyUp, onFocus: inputOnFocus, onChange: function (e) { return inputOnChange(e, idx); }, disabled: disabled, title: formatTranslation(translation.inputTitle, String(idx + 1), String(length)) }, others))); })),
|
|
124
129
|
help && (React.createElement(Text, { className: hashClass(styled, clsx('help')), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_MAIN }, help))));
|
|
125
|
-
};
|
|
130
|
+
});
|
|
131
|
+
Otp.displayName = ComponentName.Otp;
|
|
126
132
|
export default Otp;
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
133
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9vdHAvT3RwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLFdBQVcsTUFBTSw2QkFBNkIsQ0FBQTtBQUNyRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFLdEQsSUFBTSxZQUFZLEdBQUcsVUFBQyxHQUF1QixFQUFFLFFBQWdCO0lBQzdELElBQUksQ0FBQyxHQUFHO1FBQUUsT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDL0MsT0FBTyxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBbkMsQ0FBbUMsQ0FBQyxDQUFBO0FBQ3pFLENBQUMsQ0FBQTtBQUVELElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBb0I7SUFDeEMsT0FBTyxJQUFJLENBQUMsR0FBRyxD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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SafeAreaView } from 'react-native';
|
|
3
|
+
import { OtpProps } from './OtpProps';
|
|
4
4
|
/**
|
|
5
5
|
* OTP Code Component
|
|
6
6
|
* @param value {string} Code Text Input
|
|
@@ -13,8 +13,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
13
13
|
* @param onChange {Function} onChange Input return current code
|
|
14
14
|
* @param label {string} Label for OTP
|
|
15
15
|
*/
|
|
16
|
-
declare const Otp:
|
|
17
|
-
({ value, length, disabled, error, onCompleted, onFocus, activated, onChange, label, ...others }: OtpProps): JSX.Element;
|
|
18
|
-
displayName: ComponentName;
|
|
19
|
-
};
|
|
16
|
+
declare const Otp: React.ForwardRefExoticComponent<OtpProps & React.RefAttributes<SafeAreaView>>;
|
|
20
17
|
export default Otp;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign, __read, __rest, __spreadArray } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { Icon, IconColor, IconName, IconSize } from '../../components/icon';
|
|
4
|
+
import { Text, TextLevels } from '../../components/text';
|
|
5
|
+
import { Title, TitleLevels } from '../../components/title';
|
|
6
|
+
import { TypographyAlign } from '../../objects';
|
|
7
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
8
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
9
|
+
import { Pressable, SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
|
|
10
10
|
/**
|
|
11
11
|
* OTP Code Component
|
|
12
12
|
* @param value {string} Code Text Input
|
|
@@ -19,20 +19,16 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
19
19
|
* @param onChange {Function} onChange Input return current code
|
|
20
20
|
* @param label {string} Label for OTP
|
|
21
21
|
*/
|
|
22
|
-
var Otp = function (_a) {
|
|
22
|
+
var Otp = React.forwardRef(function (_a, ref) {
|
|
23
23
|
var value = _a.value, _b = _a.length, length = _b === void 0 ? 6 : _b, disabled = _a.disabled, error = _a.error, onCompleted = _a.onCompleted, onFocus = _a.onFocus, activated = _a.activated, onChange = _a.onChange, label = _a.label, others = __rest(_a, ["value", "length", "disabled", "error", "onCompleted", "onFocus", "activated", "onChange", "label"]);
|
|
24
|
-
var _c = __read(useState(value ||
|
|
24
|
+
var _c = __read(useState(value || ''), 2), codeInput = _c[0], setCodeInput = _c[1];
|
|
25
25
|
// eslint-disable-next-line prefer-spread
|
|
26
26
|
var _d = __read(useState(__spreadArray([], __read(Array(length).keys()), false)), 1), codeDigitsArray = _d[0];
|
|
27
27
|
var _e = __read(useState(false), 2), focused = _e[0], setFocused = _e[1];
|
|
28
|
-
var color = (disabled
|
|
29
|
-
(activated && getColorStyle(TrilogyColor.MAIN)) ||
|
|
30
|
-
(error && getColorStyle(TrilogyColor.ERROR)) ||
|
|
31
|
-
(focused && getColorStyle(TrilogyColor.MAIN)) ||
|
|
32
|
-
getColorStyle(TrilogyColor.MAIN);
|
|
28
|
+
var color = getColorStyle(disabled ? TrilogyColor.DISABLED : error ? TrilogyColor.ERROR : TrilogyColor.MAIN);
|
|
33
29
|
useEffect(function () {
|
|
34
30
|
if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
|
|
35
|
-
setCodeInput(value ||
|
|
31
|
+
setCodeInput(value || '');
|
|
36
32
|
}
|
|
37
33
|
}, [value]);
|
|
38
34
|
useEffect(function () {
|
|
@@ -40,34 +36,37 @@ var Otp = function (_a) {
|
|
|
40
36
|
onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
|
|
41
37
|
}
|
|
42
38
|
}, [value, length, codeInput]);
|
|
43
|
-
var
|
|
39
|
+
var refInput = useRef(null);
|
|
44
40
|
var handleOnPress = function () {
|
|
45
41
|
var _a;
|
|
46
|
-
(_a =
|
|
42
|
+
(_a = refInput === null || refInput === void 0 ? void 0 : refInput.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
47
43
|
};
|
|
48
44
|
var style = StyleSheet.create({
|
|
49
45
|
container: {
|
|
50
46
|
flex: 1,
|
|
51
|
-
alignItems:
|
|
52
|
-
justifyContent:
|
|
53
|
-
alignSelf:
|
|
47
|
+
alignItems: 'flex-start',
|
|
48
|
+
justifyContent: 'center',
|
|
49
|
+
alignSelf: 'center',
|
|
54
50
|
},
|
|
55
51
|
inputsContainer: {
|
|
56
|
-
flexDirection:
|
|
57
|
-
justifyContent:
|
|
58
|
-
alignItems:
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
justifyContent: 'center',
|
|
54
|
+
alignItems: 'center',
|
|
59
55
|
},
|
|
60
56
|
inputContainer: {
|
|
61
|
-
borderColor: (disabled
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
57
|
+
borderColor: getColorStyle(disabled
|
|
58
|
+
? TrilogyColor.DISABLED
|
|
59
|
+
: activated
|
|
60
|
+
? TrilogyColor.MAIN
|
|
61
|
+
: error
|
|
62
|
+
? TrilogyColor.ERROR
|
|
63
|
+
: TrilogyColor.NEUTRAL),
|
|
65
64
|
borderWidth: 1,
|
|
66
65
|
borderRadius: 4,
|
|
67
66
|
marginHorizontal: 5,
|
|
68
|
-
justifyContent:
|
|
69
|
-
alignContent:
|
|
70
|
-
alignItems:
|
|
67
|
+
justifyContent: 'center',
|
|
68
|
+
alignContent: 'center',
|
|
69
|
+
alignItems: 'center',
|
|
71
70
|
width: 28,
|
|
72
71
|
height: 35,
|
|
73
72
|
},
|
|
@@ -76,14 +75,14 @@ var Otp = function (_a) {
|
|
|
76
75
|
borderWidth: 1,
|
|
77
76
|
borderRadius: 4,
|
|
78
77
|
marginHorizontal: 5,
|
|
79
|
-
justifyContent:
|
|
80
|
-
alignContent:
|
|
81
|
-
alignItems:
|
|
78
|
+
justifyContent: 'center',
|
|
79
|
+
alignContent: 'center',
|
|
80
|
+
alignItems: 'center',
|
|
82
81
|
width: 28,
|
|
83
82
|
height: 35,
|
|
84
83
|
},
|
|
85
84
|
hiddenCodeInput: {
|
|
86
|
-
position:
|
|
85
|
+
position: 'absolute',
|
|
87
86
|
height: 1,
|
|
88
87
|
width: 1,
|
|
89
88
|
opacity: 0,
|
|
@@ -95,38 +94,38 @@ var Otp = function (_a) {
|
|
|
95
94
|
currentInput: {
|
|
96
95
|
width: 15,
|
|
97
96
|
height: 1,
|
|
98
|
-
backgroundColor: (focused
|
|
97
|
+
backgroundColor: getColorStyle(focused ? TrilogyColor.MAIN : 'transparent'),
|
|
99
98
|
},
|
|
100
99
|
text: {
|
|
101
100
|
paddingLeft: 5,
|
|
102
|
-
marginBottom: 8,
|
|
103
101
|
color: color,
|
|
104
102
|
},
|
|
105
103
|
});
|
|
106
104
|
var toDigitInput = function (_value, idx) {
|
|
107
|
-
var emptyInputChar =
|
|
105
|
+
var emptyInputChar = ' ';
|
|
108
106
|
var digit = codeInput[idx] || emptyInputChar;
|
|
109
107
|
if (idx <= codeInput.length) {
|
|
110
108
|
return (React.createElement(View, { key: idx, style: style.inputSelectedContainer },
|
|
111
109
|
React.createElement(Text, { typo: TypographyAlign.TEXT_CENTERED, level: TextLevels.TWO }, digit),
|
|
112
|
-
Boolean(idx === codeInput.length) &&
|
|
110
|
+
Boolean(idx === codeInput.length) && React.createElement(View, { style: style.currentInput })));
|
|
113
111
|
}
|
|
114
112
|
return (React.createElement(View, { key: idx, style: style.inputContainer },
|
|
115
113
|
React.createElement(Title, { level: TitleLevels.FOUR }, digit)));
|
|
116
114
|
};
|
|
117
|
-
return (React.createElement(SafeAreaView, __assign({ style: style.container }, others),
|
|
118
|
-
React.createElement(View, { style: { flexDirection:
|
|
119
|
-
Boolean(label) && (React.createElement(
|
|
120
|
-
|
|
115
|
+
return (React.createElement(SafeAreaView, __assign({ ref: ref, style: style.container }, others),
|
|
116
|
+
React.createElement(View, { style: { flexDirection: 'row', alignItems: 'center', gap: 4, marginBottom: label ? 8 : undefined } },
|
|
117
|
+
Boolean(label) && (React.createElement(View, null,
|
|
118
|
+
React.createElement(Text, { style: style.text, level: TextLevels.FOUR }, label))),
|
|
119
|
+
error && React.createElement(Icon, { name: IconName.EXCLAMATION_CIRCLE, color: IconColor.ERROR, size: IconSize.SMALLER })),
|
|
121
120
|
React.createElement(Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map(function (_item, index) { return (React.createElement(View, { key: index }, toDigitInput(index, index))); })),
|
|
122
|
-
React.createElement(TextInput, { ref:
|
|
121
|
+
React.createElement(TextInput, { ref: refInput, value: codeInput, onChangeText: function (code) {
|
|
123
122
|
if (/^-?\d*\.?\d*$/.test(code) && !disabled) {
|
|
124
123
|
if (onChange) {
|
|
125
124
|
onChange(code);
|
|
126
125
|
}
|
|
127
126
|
setCodeInput(code);
|
|
128
127
|
}
|
|
129
|
-
}, keyboardType:
|
|
128
|
+
}, keyboardType: 'numeric', returnKeyType: 'send', textContentType: 'oneTimeCode', maxLength: length, onFocus: function () {
|
|
130
129
|
if (!disabled) {
|
|
131
130
|
setFocused(true);
|
|
132
131
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
|
|
@@ -135,7 +134,7 @@ var Otp = function (_a) {
|
|
|
135
134
|
setFocused(false);
|
|
136
135
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(false);
|
|
137
136
|
}, editable: !disabled, style: style.hiddenCodeInput, testID: 'input-id' })));
|
|
138
|
-
};
|
|
137
|
+
});
|
|
139
138
|
Otp.displayName = ComponentName.Otp;
|
|
140
139
|
export default Otp;
|
|
141
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3RwLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvb3RwL090cC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUduRjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQ0UsRUFBbUcsRUFDbkcsR0FBRztJQURELElBQUEsS0FBSyxXQUFBLEVBQUUsY0FBVSxFQUFWLE1BQU0sbUJBQUcsQ0FBQyxLQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBakcsb0dBQW1HLENBQUY7SUFHM0YsSUFBQSxLQUFBLE9BQTRCLFFBQVEsQ0FB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
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SafeAreaView } from 'react-native';
|
|
1
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
2
3
|
/**
|
|
3
4
|
* Otp Interface
|
|
@@ -15,3 +16,5 @@ export interface OtpProps extends CommonProps {
|
|
|
15
16
|
label?: string;
|
|
16
17
|
autoFocus?: boolean;
|
|
17
18
|
}
|
|
19
|
+
export type OtpRef = HTMLDivElement;
|
|
20
|
+
export type OtpNativeRef = SafeAreaView;
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { PaginationProps } from './PaginationProps';
|
|
3
3
|
/**
|
|
4
4
|
* Pagination Component
|
|
5
|
-
* @param
|
|
5
|
+
* @param length {number} Number of pages
|
|
6
6
|
* @param defaultPage {number} Current default active page (default is 1)
|
|
7
|
-
* @param pageSize {number} Element per page (default is 10)
|
|
8
7
|
* @param onClick {Function} Return pagination object
|
|
9
8
|
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
|
-
* @param className {string}
|
|
9
|
+
* @param className {string} Additional css classes
|
|
11
10
|
* @param href {Function} Function that generates a link for seo bots
|
|
12
11
|
* @param testId {string} Test Id for Test Integration
|
|
13
12
|
*/
|
|
14
|
-
declare const Pagination:
|
|
13
|
+
declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
|
|
15
14
|
export default Pagination;
|
|
@@ -4,18 +4,18 @@ import { Icon, IconName } from '../../components/icon';
|
|
|
4
4
|
import { hashClass } from '../../helpers';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { useTrilogyContext } from '../../context';
|
|
7
|
+
import { ComponentName } from '../enumsComponentsName';
|
|
7
8
|
/**
|
|
8
9
|
* Pagination Component
|
|
9
|
-
* @param
|
|
10
|
+
* @param length {number} Number of pages
|
|
10
11
|
* @param defaultPage {number} Current default active page (default is 1)
|
|
11
|
-
* @param pageSize {number} Element per page (default is 10)
|
|
12
12
|
* @param onClick {Function} Return pagination object
|
|
13
13
|
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
|
-
* @param className {string}
|
|
14
|
+
* @param className {string} Additional css classes
|
|
15
15
|
* @param href {Function} Function that generates a link for seo bots
|
|
16
16
|
* @param testId {string} Test Id for Test Integration
|
|
17
17
|
*/
|
|
18
|
-
var Pagination = function (_a) {
|
|
18
|
+
var Pagination = React.forwardRef(function (_a, ref) {
|
|
19
19
|
var className = _a.className, id = _a.id, length = _a.length, _b = _a.defaultPage, defaultPage = _b === void 0 ? 1 : _b, onClick = _a.onClick, href = _a.href, others = __rest(_a, ["className", "id", "length", "defaultPage", "onClick", "href"]);
|
|
20
20
|
var _c = __read(useState(defaultPage), 2), currentPage = _c[0], setCurrentPage = _c[1];
|
|
21
21
|
var styled = useTrilogyContext().styled;
|
|
@@ -62,7 +62,10 @@ var Pagination = function (_a) {
|
|
|
62
62
|
setCurrentPage(pager.currentPage);
|
|
63
63
|
prevCurrentPage.current = pager.currentPage;
|
|
64
64
|
}, [pager.currentPage]);
|
|
65
|
-
|
|
65
|
+
useEffect(function () {
|
|
66
|
+
setCurrentPage(defaultPage);
|
|
67
|
+
}, [defaultPage]);
|
|
68
|
+
return (React.createElement("nav", __assign({ ref: ref, id: id, className: classes }, others),
|
|
66
69
|
React.createElement("a", __assign({ className: hashClass(styled, clsx('pagination-previous')) }, (currentPage === 1 ? { 'aria-disabled': true } : {}), { onClick: function () {
|
|
67
70
|
if (currentPage !== 1) {
|
|
68
71
|
setCurrentPage(currentPage - 1);
|
|
@@ -84,6 +87,7 @@ var Pagination = function (_a) {
|
|
|
84
87
|
}
|
|
85
88
|
}, href: href === null || href === void 0 ? void 0 : href(currentPage + 1) }),
|
|
86
89
|
React.createElement(Icon, { name: IconName.ARROW_RIGHT }))));
|
|
87
|
-
};
|
|
90
|
+
});
|
|
91
|
+
Pagination.displayName = ComponentName.Pagination;
|
|
88
92
|
export default Pagination;
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQVFwRSxFQUFFLEdBQUc7SUFQSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLG1CQUFlLEVBQWYsV0FBVyxtQkFBRyxDQUFDLEtBQUEsRUFDZixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDRCxNQUFNLGNBUDBELCtEQVFwRSxDQURVO0lBRUgsSUFBQSxLQUFBLE9BQWdDLFFBQVEsQ0FBUyxXQUFXLENBQUMsSUFBQSxFQUE1RCxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQWlDLENBQUE7SUFDM0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFaEUsSUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFTLFdBQVcsQ0FBQyxDQUFBO0lB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
|