@hero-design/rn 8.113.1 → 8.114.0
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/CHANGELOG.md +12 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +651 -399
- package/package.json +1 -1
- package/src/components/Calendar/__tests__/CalendarRange.spec.tsx +1 -1
- package/src/components/Calendar/__tests__/index.spec.tsx +1 -1
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +3 -0
- package/src/components/Progress/SegmentedBar/Legend.tsx +39 -0
- package/src/components/Progress/SegmentedBar/StyledLegend.tsx +32 -0
- package/src/components/Progress/SegmentedBar/StyledSegmentedBar.tsx +30 -0
- package/src/components/Progress/SegmentedBar/__tests__/index.spec.tsx +115 -0
- package/src/components/Progress/SegmentedBar/__tests__/utils.spec.tsx +24 -0
- package/src/components/Progress/SegmentedBar/constants.ts +8 -0
- package/src/components/Progress/SegmentedBar/hooks/validation.ts +71 -0
- package/src/components/Progress/SegmentedBar/index.tsx +153 -0
- package/src/components/Progress/SegmentedBar/types.ts +62 -0
- package/src/components/Progress/SegmentedBar/utils.ts +16 -0
- package/src/components/Progress/index.tsx +2 -0
- package/src/components/Tabs/ScrollableTabs.tsx +30 -9
- package/src/components/Tabs/ScrollableTabsHeader/ScrollableTabsHeader.tsx +1 -1
- package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +31 -6
- package/src/components/Tabs/index.tsx +2 -0
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +8 -0
- package/src/theme/components/progress.ts +8 -0
- package/src/types.ts +2 -0
- package/src/utils/helpers.ts +6 -0
- package/.turbo/turbo-build.log +0 -17
- package/es/index.js +0 -48751
- package/locales/en_AU.js +0 -10
- package/locales/en_AU.mjs +0 -8
- package/locales/en_CA.js +0 -10
- package/locales/en_CA.mjs +0 -8
- package/locales/index.js +0 -11
- package/locales/index.mjs +0 -9
- package/locales/types.js +0 -2
- package/locales/types.mjs +0 -1
- package/types/components/Accordion/AccordionItem.d.ts +0 -15
- package/types/components/Accordion/StyledAccordion.d.ts +0 -30
- package/types/components/Accordion/index.d.ts +0 -43
- package/types/components/Alert/StyledAlert.d.ts +0 -51
- package/types/components/Alert/index.d.ts +0 -66
- package/types/components/AnimatedScroller/AnimatedFAB.d.ts +0 -12
- package/types/components/AnimatedScroller/AnimatedScrollable.d.ts +0 -16
- package/types/components/AnimatedScroller/FlatListWithFAB.d.ts +0 -12
- package/types/components/AnimatedScroller/ScrollViewWithFAB.d.ts +0 -12
- package/types/components/AnimatedScroller/SectionListWithFAB.d.ts +0 -12
- package/types/components/AnimatedScroller/index.d.ts +0 -4
- package/types/components/AppCue/StyledAppCue.d.ts +0 -20
- package/types/components/AppCue/__tests__/StyledAppCue.d.ts +0 -1
- package/types/components/AppCue/index.d.ts +0 -21
- package/types/components/AppCue/utils.d.ts +0 -66
- package/types/components/Attachment/StyledAttachment.d.ts +0 -26
- package/types/components/Attachment/index.d.ts +0 -38
- package/types/components/Avatar/Avatar.d.ts +0 -34
- package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts +0 -30
- package/types/components/Avatar/AvatarStack/index.d.ts +0 -36
- package/types/components/Avatar/AvatarStack/utils.d.ts +0 -4
- package/types/components/Avatar/StyledAvatar.d.ts +0 -32
- package/types/components/Avatar/index.d.ts +0 -6
- package/types/components/Badge/Count.d.ts +0 -27
- package/types/components/Badge/Status.d.ts +0 -23
- package/types/components/Badge/StyledBadge.d.ts +0 -43
- package/types/components/Badge/constants.d.ts +0 -1
- package/types/components/Badge/index.d.ts +0 -8
- package/types/components/Badge/types.d.ts +0 -53
- package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +0 -51
- package/types/components/BottomNavigation/index.d.ts +0 -45
- package/types/components/BottomSheet/BottomSheetContext.d.ts +0 -5
- package/types/components/BottomSheet/Footer.d.ts +0 -7
- package/types/components/BottomSheet/Header.d.ts +0 -10
- package/types/components/BottomSheet/ScrollView.d.ts +0 -5
- package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -59
- package/types/components/BottomSheet/index.d.ts +0 -74
- package/types/components/Box/StyledBox.d.ts +0 -10
- package/types/components/Box/config.d.ts +0 -174
- package/types/components/Box/index.d.ts +0 -6
- package/types/components/Box/types.d.ts +0 -31
- package/types/components/Button/Button.d.ts +0 -64
- package/types/components/Button/IconButton.d.ts +0 -39
- package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +0 -19
- package/types/components/Button/LoadingIndicator/index.d.ts +0 -27
- package/types/components/Button/StyledButton.d.ts +0 -61
- package/types/components/Button/UtilityButton/StyledUtilityButton.d.ts +0 -15
- package/types/components/Button/UtilityButton/index.d.ts +0 -24
- package/types/components/Button/index.d.ts +0 -10
- package/types/components/Calendar/CalendarRange.d.ts +0 -11
- package/types/components/Calendar/CalendarRangeConnector.d.ts +0 -11
- package/types/components/Calendar/CalendarRowItem.d.ts +0 -13
- package/types/components/Calendar/StyledCalendar.d.ts +0 -61
- package/types/components/Calendar/constants.d.ts +0 -4
- package/types/components/Calendar/helpers.d.ts +0 -35
- package/types/components/Calendar/index.d.ts +0 -9
- package/types/components/Calendar/shared/hooks/useCalendarLayout.d.ts +0 -8
- package/types/components/Calendar/types.d.ts +0 -58
- package/types/components/Card/DataCard/StyledDataCard.d.ts +0 -22
- package/types/components/Card/DataCard/index.d.ts +0 -22
- package/types/components/Card/StyledCard.d.ts +0 -11
- package/types/components/Card/index.d.ts +0 -32
- package/types/components/Carousel/CardCarousel.d.ts +0 -46
- package/types/components/Carousel/CarouselItem.d.ts +0 -7
- package/types/components/Carousel/StyledCardCarousel.d.ts +0 -27
- package/types/components/Carousel/StyledCarousel.d.ts +0 -55
- package/types/components/Carousel/contants.d.ts +0 -2
- package/types/components/Carousel/index.d.ts +0 -46
- package/types/components/Carousel/types.d.ts +0 -14
- package/types/components/Chart/ChartSelect/StyledChartSelect.d.ts +0 -8
- package/types/components/Chart/ChartSelect/index.d.ts +0 -63
- package/types/components/Chart/ColumnChart/ColumnChartContent.d.ts +0 -29
- package/types/components/Chart/ColumnChart/Segment.d.ts +0 -14
- package/types/components/Chart/ColumnChart/StackedSegment.d.ts +0 -32
- package/types/components/Chart/ColumnChart/StyledColumnChart.d.ts +0 -8
- package/types/components/Chart/ColumnChart/index.d.ts +0 -86
- package/types/components/Chart/Line/Line.d.ts +0 -23
- package/types/components/Chart/Line/index.d.ts +0 -41
- package/types/components/Chart/StyledChart.d.ts +0 -9
- package/types/components/Chart/index.d.ts +0 -6
- package/types/components/Chart/shared/AxisLabel.d.ts +0 -7
- package/types/components/Chart/shared/ChartFrame.d.ts +0 -30
- package/types/components/Chart/shared/ChartHeader.d.ts +0 -8
- package/types/components/Chart/shared/EmptyState.d.ts +0 -8
- package/types/components/Chart/shared/XAxis.d.ts +0 -8
- package/types/components/Chart/shared/XAxisGrid.d.ts +0 -8
- package/types/components/Chart/shared/YAxis.d.ts +0 -10
- package/types/components/Chart/shared/YAxisGrid.d.ts +0 -10
- package/types/components/Chart/shared/constants.d.ts +0 -4
- package/types/components/Chart/shared/hooks/useColorScale.d.ts +0 -7
- package/types/components/Chart/shared/hooks/useCustomColor.d.ts +0 -22
- package/types/components/Chart/shared/hooks/useGenerateTicks.d.ts +0 -6
- package/types/components/Chart/shared/hooks/useScaleBandX.d.ts +0 -7
- package/types/components/Chart/shared/hooks/useScaleLinearY.d.ts +0 -8
- package/types/components/Chart/shared/niceNumbers.d.ts +0 -12
- package/types/components/Chart/shared/utils.d.ts +0 -11
- package/types/components/Chart/types.d.ts +0 -91
- package/types/components/Checkbox/DefaultCheckBox.d.ts +0 -40
- package/types/components/Checkbox/InlineCheckBox.d.ts +0 -38
- package/types/components/Checkbox/StyledDefaultCheckBox.d.ts +0 -33
- package/types/components/Checkbox/StyledInlineCheckBox.d.ts +0 -45
- package/types/components/Checkbox/index.d.ts +0 -6
- package/types/components/Checkbox/utils.d.ts +0 -7
- package/types/components/Chip/StyledChip.d.ts +0 -13
- package/types/components/Chip/index.d.ts +0 -43
- package/types/components/Collapse/StyledCollapse.d.ts +0 -23
- package/types/components/Collapse/index.d.ts +0 -20
- package/types/components/ContentNavigator/StyledContentNavigator.d.ts +0 -8
- package/types/components/ContentNavigator/index.d.ts +0 -43
- package/types/components/DatePicker/DatePicker.d.ts +0 -4
- package/types/components/DatePicker/DatePickerAndroid.d.ts +0 -7
- package/types/components/DatePicker/DatePickerCalendar.d.ts +0 -4
- package/types/components/DatePicker/DatePickerIOS.d.ts +0 -7
- package/types/components/DatePicker/Dialog/AndroidDialog.d.ts +0 -5
- package/types/components/DatePicker/Dialog/IOSDialog.d.ts +0 -4
- package/types/components/DatePicker/Dialog/type.d.ts +0 -50
- package/types/components/DatePicker/Dialog.d.ts +0 -4
- package/types/components/DatePicker/StyledDatePicker.d.ts +0 -16
- package/types/components/DatePicker/hooks/useCalculateDate.d.ts +0 -4
- package/types/components/DatePicker/hooks/useFormatDate.d.ts +0 -10
- package/types/components/DatePicker/hooks/utils.d.ts +0 -6
- package/types/components/DatePicker/index.d.ts +0 -6
- package/types/components/DatePicker/index.internal.d.ts +0 -7
- package/types/components/DatePicker/types.d.ts +0 -109
- package/types/components/Divider/StyledDivider.d.ts +0 -12
- package/types/components/Divider/index.d.ts +0 -22
- package/types/components/Drawer/DragableDrawer/helpers.d.ts +0 -8
- package/types/components/Drawer/DragableDrawer/index.d.ts +0 -33
- package/types/components/Drawer/StyledDrawer.d.ts +0 -49
- package/types/components/Drawer/index.d.ts +0 -27
- package/types/components/FAB/ActionGroup/ActionItem.d.ts +0 -18
- package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -31
- package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +0 -15
- package/types/components/FAB/ActionGroup/index.d.ts +0 -55
- package/types/components/FAB/AnimatedFABIcon.d.ts +0 -7
- package/types/components/FAB/FAB.d.ts +0 -40
- package/types/components/FAB/Pair/StyledFAB.d.ts +0 -12
- package/types/components/FAB/Pair/index.d.ts +0 -16
- package/types/components/FAB/StyledFAB.d.ts +0 -22
- package/types/components/FAB/index.d.ts +0 -5
- package/types/components/FilterTrigger/StyledFilterTrigger.d.ts +0 -20
- package/types/components/FilterTrigger/index.d.ts +0 -39
- package/types/components/FloatingIsland/StyledFloatingIsland.d.ts +0 -19
- package/types/components/FloatingIsland/index.d.ts +0 -24
- package/types/components/HeroDesignProvider/index.d.ts +0 -8
- package/types/components/Icon/AnimatedIcon.d.ts +0 -6
- package/types/components/Icon/HeroIcon/index.d.ts +0 -12
- package/types/components/Icon/IconList.d.ts +0 -2
- package/types/components/Icon/index.d.ts +0 -37
- package/types/components/Icon/utils.d.ts +0 -3
- package/types/components/Illustration/BaseSvg.d.ts +0 -8
- package/types/components/Illustration/assets/Add.d.ts +0 -4
- package/types/components/Illustration/assets/AllInOneSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Boom.d.ts +0 -4
- package/types/components/Illustration/assets/Build.d.ts +0 -4
- package/types/components/Illustration/assets/CelebrationSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Clock.d.ts +0 -4
- package/types/components/Illustration/assets/Confetti.d.ts +0 -4
- package/types/components/Illustration/assets/Connections.d.ts +0 -4
- package/types/components/Illustration/assets/DiySketch.d.ts +0 -4
- package/types/components/Illustration/assets/Error.d.ts +0 -4
- package/types/components/Illustration/assets/ErrorSketch.d.ts +0 -4
- package/types/components/Illustration/assets/FreedomSketch.d.ts +0 -4
- package/types/components/Illustration/assets/GrowingSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Info.d.ts +0 -4
- package/types/components/Illustration/assets/InstantSketch.d.ts +0 -4
- package/types/components/Illustration/assets/LiftSketch.d.ts +0 -4
- package/types/components/Illustration/assets/List.d.ts +0 -4
- package/types/components/Illustration/assets/Location.d.ts +0 -4
- package/types/components/Illustration/assets/Lock.d.ts +0 -4
- package/types/components/Illustration/assets/Merge.d.ts +0 -4
- package/types/components/Illustration/assets/NoResult.d.ts +0 -4
- package/types/components/Illustration/assets/Notifications.d.ts +0 -4
- package/types/components/Illustration/assets/OnDemandSketch.d.ts +0 -4
- package/types/components/Illustration/assets/ProcessingSketch.d.ts +0 -4
- package/types/components/Illustration/assets/RemoteJobsSketch.d.ts +0 -4
- package/types/components/Illustration/assets/RewardSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Search.d.ts +0 -4
- package/types/components/Illustration/assets/SearchSketch.d.ts +0 -4
- package/types/components/Illustration/assets/SecuritySketch.d.ts +0 -4
- package/types/components/Illustration/assets/SentSketch.d.ts +0 -4
- package/types/components/Illustration/assets/SpeedSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Star.d.ts +0 -4
- package/types/components/Illustration/assets/Success.d.ts +0 -4
- package/types/components/Illustration/assets/SuperchargeSketch.d.ts +0 -4
- package/types/components/Illustration/assets/Unlock.d.ts +0 -4
- package/types/components/Illustration/assets/UnlockSketch.d.ts +0 -4
- package/types/components/Illustration/assets/User.d.ts +0 -4
- package/types/components/Illustration/assets/WorkflowSketch.d.ts +0 -4
- package/types/components/Illustration/constants.d.ts +0 -1
- package/types/components/Illustration/hooks/useMonoColor.d.ts +0 -5
- package/types/components/Illustration/illustrations.d.ts +0 -42
- package/types/components/Illustration/index.d.ts +0 -29
- package/types/components/Illustration/types.d.ts +0 -7
- package/types/components/Image/index.d.ts +0 -21
- package/types/components/List/BasicListItem.d.ts +0 -44
- package/types/components/List/ListItem.d.ts +0 -52
- package/types/components/List/StyledBasicListItem.d.ts +0 -27
- package/types/components/List/StyledListItem.d.ts +0 -49
- package/types/components/List/index.d.ts +0 -8
- package/types/components/LocaleProvider/__tests__/utils.specs.d.ts +0 -1
- package/types/components/LocaleProvider/context.d.ts +0 -3
- package/types/components/LocaleProvider/hooks.d.ts +0 -5
- package/types/components/LocaleProvider/index.d.ts +0 -7
- package/types/components/LocaleProvider/utils.d.ts +0 -3
- package/types/components/MapPin/Focussed.d.ts +0 -14
- package/types/components/MapPin/StyledMapPin.d.ts +0 -41
- package/types/components/MapPin/index.d.ts +0 -6
- package/types/components/MapPin/types.d.ts +0 -38
- package/types/components/Modal/index.d.ts +0 -38
- package/types/components/PageControl/StyledPageControl.d.ts +0 -12
- package/types/components/PageControl/index.d.ts +0 -22
- package/types/components/PinInput/PinCell.d.ts +0 -9
- package/types/components/PinInput/StyledPinInput.d.ts +0 -67
- package/types/components/PinInput/index.d.ts +0 -73
- package/types/components/Portal/PortalHost.d.ts +0 -5
- package/types/components/Portal/PortalProvider.d.ts +0 -7
- package/types/components/Portal/constants.d.ts +0 -8
- package/types/components/Portal/contexts.d.ts +0 -9
- package/types/components/Portal/index.d.ts +0 -19
- package/types/components/Portal/reducer.d.ts +0 -5
- package/types/components/Portal/types.d.ts +0 -23
- package/types/components/Portal/usePortal.d.ts +0 -8
- package/types/components/Portal/usePortalState.d.ts +0 -1
- package/types/components/Progress/ProgressBar.d.ts +0 -19
- package/types/components/Progress/ProgressCircle.d.ts +0 -21
- package/types/components/Progress/ProgressStep.d.ts +0 -20
- package/types/components/Progress/StyledProgressBar.d.ts +0 -18
- package/types/components/Progress/StyledProgressCircle.d.ts +0 -15
- package/types/components/Progress/StyledStep.d.ts +0 -23
- package/types/components/Progress/__tests__/index.spec.d.ts +0 -1
- package/types/components/Progress/constants.d.ts +0 -15
- package/types/components/Progress/index.d.ts +0 -6
- package/types/components/Progress/types.d.ts +0 -1
- package/types/components/Radio/Radio.d.ts +0 -43
- package/types/components/Radio/RadioGroup.d.ts +0 -40
- package/types/components/Radio/StyledRadio.d.ts +0 -30
- package/types/components/Radio/index.d.ts +0 -4
- package/types/components/Radio/types.d.ts +0 -10
- package/types/components/Rate/StyledRate.d.ts +0 -10
- package/types/components/Rate/index.d.ts +0 -29
- package/types/components/RefreshControl/index.d.ts +0 -5
- package/types/components/RichTextEditor/EditorEvent.d.ts +0 -3
- package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -18
- package/types/components/RichTextEditor/MentionList.d.ts +0 -18
- package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -27
- package/types/components/RichTextEditor/RichTextEditorInput.d.ts +0 -69
- package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -7
- package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -19
- package/types/components/RichTextEditor/__mocks__/heroEditorApp.d.ts +0 -2
- package/types/components/RichTextEditor/constants.d.ts +0 -17
- package/types/components/RichTextEditor/heroEditorApp.d.ts +0 -2
- package/types/components/RichTextEditor/hooks/useRichTextEditorEvents.d.ts +0 -36
- package/types/components/RichTextEditor/index.d.ts +0 -71
- package/types/components/RichTextEditor/types.d.ts +0 -2
- package/types/components/RichTextEditor/utils/events.d.ts +0 -7
- package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -7
- package/types/components/Search/SearchOneLine.d.ts +0 -73
- package/types/components/Search/SearchSuffixIcon.d.ts +0 -24
- package/types/components/Search/SearchTwoLine.d.ts +0 -40
- package/types/components/Search/StyledSearch.d.ts +0 -49
- package/types/components/Search/index.d.ts +0 -10
- package/types/components/Search/utils.d.ts +0 -8
- package/types/components/SectionHeading/StyledHeading.d.ts +0 -23
- package/types/components/SectionHeading/index.d.ts +0 -45
- package/types/components/SegmentedControl/SegmentedItem.d.ts +0 -18
- package/types/components/SegmentedControl/StyledSegmentedControl.d.ts +0 -26
- package/types/components/SegmentedControl/index.d.ts +0 -31
- package/types/components/SegmentedControl/types.d.ts +0 -43
- package/types/components/Select/BaseOptionList.d.ts +0 -8
- package/types/components/Select/Footer.d.ts +0 -6
- package/types/components/Select/MultiSelect/Option.d.ts +0 -10
- package/types/components/Select/MultiSelect/OptionList.d.ts +0 -9
- package/types/components/Select/MultiSelect/index.d.ts +0 -35
- package/types/components/Select/MultiSelect/utils.d.ts +0 -2
- package/types/components/Select/SingleSelect/Option.d.ts +0 -10
- package/types/components/Select/SingleSelect/OptionList.d.ts +0 -11
- package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +0 -2
- package/types/components/Select/SingleSelect/index.d.ts +0 -28
- package/types/components/Select/StyledSelect.d.ts +0 -28
- package/types/components/Select/helpers.d.ts +0 -10
- package/types/components/Select/index.d.ts +0 -10
- package/types/components/Select/index.internal.d.ts +0 -21
- package/types/components/Select/types.d.ts +0 -88
- package/types/components/Skeleton/StyledSkeleton.d.ts +0 -16
- package/types/components/Skeleton/index.d.ts +0 -14
- package/types/components/Slider/RangeSlider.d.ts +0 -60
- package/types/components/Slider/SingleSlider.d.ts +0 -53
- package/types/components/Slider/StyledRangeSlider.d.ts +0 -10
- package/types/components/Slider/constants.d.ts +0 -3
- package/types/components/Slider/index.d.ts +0 -8
- package/types/components/Spinner/AnimatedSpinner.d.ts +0 -6
- package/types/components/Spinner/StyledSpinner.d.ts +0 -34
- package/types/components/Spinner/index.d.ts +0 -18
- package/types/components/StatusScreens/Empty/StyledEmpty.d.ts +0 -27
- package/types/components/StatusScreens/Empty/index.d.ts +0 -38
- package/types/components/StatusScreens/Error/StyledError.d.ts +0 -59
- package/types/components/StatusScreens/Error/index.d.ts +0 -62
- package/types/components/StatusScreens/Success/StyledSuccess.d.ts +0 -59
- package/types/components/StatusScreens/Success/index.d.ts +0 -56
- package/types/components/Swipeable/StyledSwipeable.d.ts +0 -7
- package/types/components/Swipeable/SwipeableAction.d.ts +0 -28
- package/types/components/Swipeable/index.d.ts +0 -50
- package/types/components/Switch/SelectorSwitch/Option.d.ts +0 -14
- package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +0 -19
- package/types/components/Switch/SelectorSwitch/index.d.ts +0 -37
- package/types/components/Switch/StyledSwitch.d.ts +0 -15
- package/types/components/Switch/index.d.ts +0 -28
- package/types/components/Tabs/ActiveTabIndicator.d.ts +0 -9
- package/types/components/Tabs/SceneView.d.ts +0 -10
- package/types/components/Tabs/ScrollableTabs.d.ts +0 -7
- package/types/components/Tabs/ScrollableTabsHeader/ScrollableTabsHeader.d.ts +0 -40
- package/types/components/Tabs/ScrollableTabsHeader/hooks/useInitHighlightedAnimation.d.ts +0 -9
- package/types/components/Tabs/ScrollableTabsHeader/hooks/useInitUnderlinedAnimation.d.ts +0 -10
- package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -55
- package/types/components/Tabs/StyledTabs.d.ts +0 -45
- package/types/components/Tabs/TabWithBadge.d.ts +0 -17
- package/types/components/Tabs/index.d.ts +0 -62
- package/types/components/Tabs/useHandlePageScroll.d.ts +0 -8
- package/types/components/Tabs/useIsFocused.d.ts +0 -6
- package/types/components/Tabs/utils.d.ts +0 -2
- package/types/components/Tag/StyledTag.d.ts +0 -17
- package/types/components/Tag/index.d.ts +0 -28
- package/types/components/TextInput/StyledTextInput.d.ts +0 -89
- package/types/components/TextInput/index.d.ts +0 -136
- package/types/components/TimePicker/StyledTimePicker.d.ts +0 -16
- package/types/components/TimePicker/TimePicker.d.ts +0 -4
- package/types/components/TimePicker/TimePickerAndroid.d.ts +0 -4
- package/types/components/TimePicker/TimePickerIOS.d.ts +0 -4
- package/types/components/TimePicker/index.d.ts +0 -4
- package/types/components/TimePicker/index.internal.d.ts +0 -5
- package/types/components/TimePicker/types.d.ts +0 -76
- package/types/components/Toast/StyledToast.d.ts +0 -57
- package/types/components/Toast/Toast.d.ts +0 -4
- package/types/components/Toast/ToastContainer.d.ts +0 -5
- package/types/components/Toast/ToastContext.d.ts +0 -13
- package/types/components/Toast/ToastProvider.d.ts +0 -11
- package/types/components/Toast/index.d.ts +0 -8
- package/types/components/Toast/types.d.ts +0 -74
- package/types/components/Toolbar/StyledToolbar.d.ts +0 -69
- package/types/components/Toolbar/ToolbarGroup.d.ts +0 -25
- package/types/components/Toolbar/ToolbarItem.d.ts +0 -31
- package/types/components/Toolbar/ToolbarMessage.d.ts +0 -58
- package/types/components/Toolbar/index.d.ts +0 -14
- package/types/components/Typography/Body/StyledBody.d.ts +0 -15
- package/types/components/Typography/Body/__tests__/StyledBody.d.ts +0 -1
- package/types/components/Typography/Body/index.d.ts +0 -38
- package/types/components/Typography/Caption/StyledCaption.d.ts +0 -13
- package/types/components/Typography/Caption/index.d.ts +0 -32
- package/types/components/Typography/Label/StyledLabel.d.ts +0 -12
- package/types/components/Typography/Label/__tests__/StyledLabel.d.ts +0 -1
- package/types/components/Typography/Label/index.d.ts +0 -28
- package/types/components/Typography/Text/StyledText.d.ts +0 -13
- package/types/components/Typography/Text/index.d.ts +0 -40
- package/types/components/Typography/Title/StyledTitle.d.ts +0 -15
- package/types/components/Typography/Title/__tests__/StyledTitle.d.ts +0 -1
- package/types/components/Typography/Title/index.d.ts +0 -38
- package/types/components/Typography/index.d.ts +0 -17
- package/types/components/Typography/types.d.ts +0 -6
- package/types/index.d.ts +0 -64
- package/types/index.internal.d.ts +0 -19
- package/types/locales/en_AU.d.ts +0 -3
- package/types/locales/en_CA.d.ts +0 -3
- package/types/locales/index.d.ts +0 -5
- package/types/locales/types.d.ts +0 -10
- package/types/testHelpers/renderWithTheme.d.ts +0 -86
- package/types/testHelpers/utils.d.ts +0 -1
- package/types/theme/ThemeProvider.d.ts +0 -12
- package/types/theme/ThemeSwitcher.d.ts +0 -9
- package/types/theme/components/accordion.d.ts +0 -13
- package/types/theme/components/alert.d.ts +0 -48
- package/types/theme/components/appCue.d.ts +0 -16
- package/types/theme/components/attachment.d.ts +0 -21
- package/types/theme/components/avatar.d.ts +0 -50
- package/types/theme/components/badge.d.ts +0 -69
- package/types/theme/components/bottomNavigation.d.ts +0 -30
- package/types/theme/components/bottomSheet.d.ts +0 -29
- package/types/theme/components/button.d.ts +0 -127
- package/types/theme/components/calendar.d.ts +0 -33
- package/types/theme/components/card.d.ts +0 -26
- package/types/theme/components/cardCarousel.d.ts +0 -19
- package/types/theme/components/carousel.d.ts +0 -36
- package/types/theme/components/chart.d.ts +0 -22
- package/types/theme/components/checkbox.d.ts +0 -40
- package/types/theme/components/chip.d.ts +0 -43
- package/types/theme/components/columnChart.d.ts +0 -10
- package/types/theme/components/contentNavigator.d.ts +0 -7
- package/types/theme/components/datePicker.d.ts +0 -7
- package/types/theme/components/divider.d.ts +0 -17
- package/types/theme/components/drawer.d.ts +0 -30
- package/types/theme/components/empty.d.ts +0 -37
- package/types/theme/components/error.d.ts +0 -52
- package/types/theme/components/fab.d.ts +0 -73
- package/types/theme/components/filterTrigger.d.ts +0 -72
- package/types/theme/components/floatingIsland.d.ts +0 -32
- package/types/theme/components/icon.d.ts +0 -25
- package/types/theme/components/image.d.ts +0 -8
- package/types/theme/components/list.d.ts +0 -46
- package/types/theme/components/mapPin.d.ts +0 -43
- package/types/theme/components/pageControl.d.ts +0 -18
- package/types/theme/components/pinInput.d.ts +0 -57
- package/types/theme/components/progress.d.ts +0 -51
- package/types/theme/components/radio.d.ts +0 -24
- package/types/theme/components/rate.d.ts +0 -11
- package/types/theme/components/refreshControl.d.ts +0 -7
- package/types/theme/components/richTextEditor.d.ts +0 -28
- package/types/theme/components/search.d.ts +0 -58
- package/types/theme/components/sectionHeading.d.ts +0 -14
- package/types/theme/components/segmentedControl.d.ts +0 -55
- package/types/theme/components/select.d.ts +0 -18
- package/types/theme/components/skeleton.d.ts +0 -17
- package/types/theme/components/slider.d.ts +0 -33
- package/types/theme/components/spinner.d.ts +0 -27
- package/types/theme/components/success.d.ts +0 -45
- package/types/theme/components/swipeable.d.ts +0 -16
- package/types/theme/components/switch.d.ts +0 -38
- package/types/theme/components/tabs.d.ts +0 -31
- package/types/theme/components/tag.d.ts +0 -53
- package/types/theme/components/textInput.d.ts +0 -95
- package/types/theme/components/timePicker.d.ts +0 -7
- package/types/theme/components/toast.d.ts +0 -52
- package/types/theme/components/toolbar.d.ts +0 -48
- package/types/theme/components/typography.d.ts +0 -168
- package/types/theme/getTheme.d.ts +0 -119
- package/types/theme/global/borders.d.ts +0 -18
- package/types/theme/global/colors/__tests__/ehWork.spec.d.ts +0 -1
- package/types/theme/global/colors/eBens.d.ts +0 -6
- package/types/theme/global/colors/ehJobs.d.ts +0 -3
- package/types/theme/global/colors/ehWork.d.ts +0 -3
- package/types/theme/global/colors/ehWorkDark.d.ts +0 -3
- package/types/theme/global/colors/global.d.ts +0 -3
- package/types/theme/global/colors/globalDark.d.ts +0 -3
- package/types/theme/global/colors/jobs.d.ts +0 -6
- package/types/theme/global/colors/swag.d.ts +0 -6
- package/types/theme/global/colors/swagDark.d.ts +0 -6
- package/types/theme/global/colors/swagLight.d.ts +0 -6
- package/types/theme/global/colors/swagLightGlobal.d.ts +0 -3
- package/types/theme/global/colors/swagLightJobs.d.ts +0 -6
- package/types/theme/global/colors/swagSystemPalette.d.ts +0 -3
- package/types/theme/global/colors/types.d.ts +0 -58
- package/types/theme/global/colors/wallet.d.ts +0 -6
- package/types/theme/global/colors/work.d.ts +0 -6
- package/types/theme/global/index.d.ts +0 -78
- package/types/theme/global/scale.d.ts +0 -14
- package/types/theme/global/shadows/ehJobs.d.ts +0 -3
- package/types/theme/global/shadows/ehWork.d.ts +0 -3
- package/types/theme/global/shadows/ehWorkDark.d.ts +0 -3
- package/types/theme/global/shadows/index.d.ts +0 -3
- package/types/theme/global/shadows/types.d.ts +0 -16
- package/types/theme/global/sizes.d.ts +0 -14
- package/types/theme/global/space.d.ts +0 -16
- package/types/theme/global/typography.d.ts +0 -34
- package/types/theme/index.d.ts +0 -9
- package/types/types.d.ts +0 -42
- package/types/types.internal.d.ts +0 -18
- package/types/utils/functions.d.ts +0 -1
- package/types/utils/helpers.d.ts +0 -13
- package/types/utils/hooks.d.ts +0 -3
- package/types/utils/scale.d.ts +0 -1
|
@@ -1,136 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TextInputProps as RNTextInputProps, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, TextInputFocusEventData, TextInput as RNTextInput } from 'react-native';
|
|
3
|
-
import type { Theme } from '../../theme';
|
|
4
|
-
import type { State } from './StyledTextInput';
|
|
5
|
-
import type { IconName } from '../Icon';
|
|
6
|
-
export type TextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
|
|
7
|
-
type TextInputVariant = 'text' | 'textarea';
|
|
8
|
-
type NativeTextInputProps = Omit<RNTextInputProps, 'onFocus' | 'onBlur'> & {
|
|
9
|
-
onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
|
|
10
|
-
onBlur?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
|
|
11
|
-
};
|
|
12
|
-
interface TextInputRef {
|
|
13
|
-
focus: () => void;
|
|
14
|
-
blur: () => void;
|
|
15
|
-
clear: () => void;
|
|
16
|
-
isFocused: () => boolean;
|
|
17
|
-
setNativeProps?: (props: RNTextInputProps) => void;
|
|
18
|
-
}
|
|
19
|
-
export interface TextInputProps extends NativeTextInputProps {
|
|
20
|
-
/**
|
|
21
|
-
* Field label.
|
|
22
|
-
*/
|
|
23
|
-
label?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
|
|
26
|
-
*/
|
|
27
|
-
prefix?: IconName | React.ReactElement;
|
|
28
|
-
/**
|
|
29
|
-
* Name of Icon or ReactElement to render on the right side of the input.
|
|
30
|
-
*/
|
|
31
|
-
suffix?: IconName | React.ReactElement;
|
|
32
|
-
/**
|
|
33
|
-
* Additional wrapper style.
|
|
34
|
-
*/
|
|
35
|
-
style?: StyleProp<ViewStyle>;
|
|
36
|
-
/**
|
|
37
|
-
* Input text style.
|
|
38
|
-
*/
|
|
39
|
-
textStyle?: StyleProp<TextStyle>;
|
|
40
|
-
/**
|
|
41
|
-
* Testing id of the component.
|
|
42
|
-
*/
|
|
43
|
-
testID?: string;
|
|
44
|
-
/**
|
|
45
|
-
* Accessibility label for the input (Android).
|
|
46
|
-
*/
|
|
47
|
-
accessibilityLabelledBy?: string;
|
|
48
|
-
/**
|
|
49
|
-
* Error message to display.
|
|
50
|
-
*/
|
|
51
|
-
error?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Whether the input is required, if true, an asterisk will be appended to the label.
|
|
54
|
-
*/
|
|
55
|
-
required?: boolean;
|
|
56
|
-
/**
|
|
57
|
-
* Placeholder text to display.
|
|
58
|
-
* */
|
|
59
|
-
placeholder?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Whether the input is editable.
|
|
62
|
-
* */
|
|
63
|
-
editable?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Whether the input is disabled.
|
|
66
|
-
*/
|
|
67
|
-
disabled?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* Whether the input is loading.
|
|
70
|
-
*/
|
|
71
|
-
loading?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* The max length of the input.
|
|
74
|
-
* If the max length is set, the input will display the current length and the max length.
|
|
75
|
-
* */
|
|
76
|
-
maxLength?: number;
|
|
77
|
-
/**
|
|
78
|
-
* Whether to hide the character count.
|
|
79
|
-
* */
|
|
80
|
-
hideCharacterCount?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* The helper text to display.
|
|
83
|
-
*/
|
|
84
|
-
helpText?: string;
|
|
85
|
-
/**
|
|
86
|
-
* Customise input value renderer
|
|
87
|
-
*/
|
|
88
|
-
renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.ForwardedRef<TextInputRef>) => React.ReactNode;
|
|
89
|
-
/**
|
|
90
|
-
* Component ref.
|
|
91
|
-
*/
|
|
92
|
-
ref?: React.Ref<TextInputHandles>;
|
|
93
|
-
/**
|
|
94
|
-
* Component variant.
|
|
95
|
-
*/
|
|
96
|
-
variant?: TextInputVariant;
|
|
97
|
-
}
|
|
98
|
-
export declare const getState: ({ disabled, error, editable, loading, isEmptyValue, }: {
|
|
99
|
-
disabled?: boolean;
|
|
100
|
-
error?: string;
|
|
101
|
-
editable?: boolean;
|
|
102
|
-
loading: boolean;
|
|
103
|
-
isFocused?: boolean;
|
|
104
|
-
isEmptyValue?: boolean;
|
|
105
|
-
}) => State;
|
|
106
|
-
export declare const LABEL_ANIMATION_DURATION = 150;
|
|
107
|
-
export declare const renderErrorOrHelpText: ({ error, helpText, }: {
|
|
108
|
-
error?: string;
|
|
109
|
-
helpText?: string;
|
|
110
|
-
}) => false | React.JSX.Element;
|
|
111
|
-
export declare const renderInput: ({ variant, nativeInputProps, renderInputValue, ref, theme, state, }: {
|
|
112
|
-
variant: TextInputVariant;
|
|
113
|
-
nativeInputProps: NativeTextInputProps;
|
|
114
|
-
multiline?: boolean;
|
|
115
|
-
renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.Ref<TextInputRef>) => React.ReactNode;
|
|
116
|
-
ref?: React.Ref<RNTextInput>;
|
|
117
|
-
theme: Theme;
|
|
118
|
-
state: State;
|
|
119
|
-
}) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
|
|
120
|
-
export declare const renderSuffix: ({ state, loading, suffix, }: {
|
|
121
|
-
state: State;
|
|
122
|
-
loading: boolean;
|
|
123
|
-
suffix?: IconName | React.ReactElement;
|
|
124
|
-
}) => "number" | "search" | "bold" | "filter" | "swag" | "wallet" | React.JSX.Element | "menu" | "image" | "switch" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "billing" | "bolt" | "bookmark-added" | "bookmark-checked" | "bookmark" | "box-check" | "box" | "bpay" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "caret-down-small" | "caret-down" | "caret-left-small" | "caret-left" | "caret-right-small" | "caret-right" | "caret-up-small" | "caret-up" | "check-radio" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock-3" | "clock" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "dot" | "double-buildings" | "edit-template" | "envelope" | "exclude" | "expand-content" | "expense" | "explore_nearby" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feed" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "global-pound" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "hero-points" | "home" | "import" | "incident-siren" | "instapay-daily" | "instapay-now" | "instapay" | "list" | "loading-2" | "loading" | "location-on" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "money-notes" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "near-me" | "node" | "open-folder" | "paperclip-vertical" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane-up" | "plane" | "play-arrow" | "play-circle" | "pound-coin-shine" | "pound-sign" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rostering" | "salary-sacrifice" | "save" | "schedule-send" | "schedule" | "search-person" | "send" | "speaker-active" | "speaker" | "star-award" | "star-badge" | "star-circle" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "surfing" | "survey" | "swag-pillar-benefit" | "swag-pillar-career" | "swag-pillar-money" | "swag-pillar-work" | "swipe-right" | "tag" | "target" | "teams" | "thumb-down" | "thumb-up" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "warning" | "academic-hat-outlined" | "accommodation-outlined" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "afternoon-outlined" | "ai-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "application-outlined" | "arrow-down" | "arrow-downwards" | "arrow-left" | "arrow-leftwards" | "arrow-right" | "arrow-rightwards" | "arrow-up" | "arrow-upwards" | "article-outlined" | "at-sign" | "auto-graph-outlined" | "automotive-outlined" | "bakery-outlined" | "bar-outlined" | "beauty-outlined" | "beer-outlined" | "bell-active-outlined" | "bell-outlined" | "bell-slash-outlined" | "bill-management-outlined" | "billing-outlined" | "body-outlined" | "bolt-outlined" | "book-outlined" | "bookmark-added-outlined" | "bookmark-checked-outlined" | "bookmark-outlined" | "box-1-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calculator-outlined" | "calendar-dates-outlined" | "calendar-star-outlined" | "call-outlined" | "call-split-outlined" | "camera-outlined" | "cancel" | "car-forward-outlined" | "cashback-outlined" | "charging-station-outlined" | "chat-bubble-outlined" | "chat-unread-outlined" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-in-outlined" | "clock-out-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "coin-super-outlined" | "comment-outlined" | "contacts-outlined" | "contacts-user-outlined" | "credit-card-outlined" | "cultural-site-outlined" | "cup-outlined" | "dentistry-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-box-outlined" | "dollar-card-outlined" | "dollar-coin-shine-outlined" | "dollar-credit-card-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-box-outlined" | "download-outlined" | "edit-template-outlined" | "electronics-outlined" | "email-outlined" | "end-break-outlined" | "enter-arrow" | "entertainment-outlined" | "envelope-outlined" | "evening-outlined" | "expense-approval-outlined" | "expense-outlined" | "explore-outlined" | "extension-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "fastfood-outlined" | "feed-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-dollar-certified-outlined" | "file-dollar-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-pound-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-statutory-outlined" | "file-verified-outlined" | "filter-outlined" | "fitness-outlined" | "folder-outlined" | "folder-upload-outlined" | "folder-user-outlined" | "form-outlined" | "funnel-filter-outline" | "goal-outlined" | "graph-outlined" | "grocery-outlined" | "hand-holding-user-outlined" | "handshake-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "home-active-outlined" | "home-outlined" | "id-card-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "job-search-outlined" | "leave-approval-outlined" | "lighting-outlined" | "link-1" | "link-2" | "list-outlined" | "live-help-outlined" | "local_mall_outlined" | "location-on-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "mail-outlined" | "map-outlined" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "morning-outlined" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "overview-outlined" | "park-outlined" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "pound-box-outlined" | "pound-card-outlined" | "pound-coin-shine-outlined" | "pound-credit-card-outlined" | "print-outlined" | "propane-tank-outlined" | "qr-code-outlined" | "qualification-outlined" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-outlined" | "restart" | "restaurant-outlined" | "resume-outlined" | "return-arrow" | "rostering-outlined" | "safety-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "search-secured-outlined" | "send-outlined" | "share-1" | "share-2" | "share-outlined-2" | "share-outlined" | "shield-check-outlined" | "shop-outlined" | "shopping_basket_outlined" | "show-chart-outlined" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "smart-match-outlined" | "sparkle-outlined" | "speaker-active-outlined" | "speaker-outlined" | "star-circle-outlined" | "star-outlined" | "start-break-outlined" | "stash-outlined" | "stopwatch-outlined" | "strikethrough" | "styler-outlined" | "suitcase-clock-outlined" | "suitcase-outlined" | "survey-outlined" | "switch-outlined" | "sync" | "tag-outlined" | "target-outlined" | "tennis-outlined" | "thumb-down-outlined" | "thumb-up-outlined" | "ticket-outlined" | "timesheet-outlined" | "timesheets-outlined" | "today-outlined" | "transfer" | "transportation-outlined" | "trash-bin-outlined" | "umbrela-outlined" | "unavailability-outlined" | "unavailable" | "underline" | "union-outlined" | "unlock-outlined" | "upload-outlined" | "user-circle-outlined" | "user-gear-outlined" | "user-outlined" | "user-rectangle-outlined" | "video-1-outlined" | "video-2-outlined" | "volunteer-outlined" | "wallet-outlined" | "wellness-outlined" | undefined;
|
|
125
|
-
export declare const renderPrefix: ({ state, prefix, }: {
|
|
126
|
-
state: State;
|
|
127
|
-
prefix?: IconName | React.ReactElement;
|
|
128
|
-
}) => React.JSX.Element | undefined;
|
|
129
|
-
export declare const renderMaxLengthMessage: ({ maxLength, state, currentLength, hideCharacterCount, }: {
|
|
130
|
-
state: State;
|
|
131
|
-
currentLength: number;
|
|
132
|
-
maxLength?: number;
|
|
133
|
-
hideCharacterCount: boolean;
|
|
134
|
-
}) => false | React.JSX.Element;
|
|
135
|
-
declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<TextInputHandles>>;
|
|
136
|
-
export default TextInput;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { View } from 'react-native';
|
|
2
|
-
import type { ViewProps } from 'react-native';
|
|
3
|
-
declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme;
|
|
5
|
-
as?: React.ElementType;
|
|
6
|
-
}, {}, {
|
|
7
|
-
ref?: import("react").Ref<View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
|
|
10
|
-
theme?: import("@emotion/react").Theme;
|
|
11
|
-
as?: React.ElementType;
|
|
12
|
-
} & {
|
|
13
|
-
themeGroupStyleEnabled: boolean;
|
|
14
|
-
themeHasError: boolean;
|
|
15
|
-
}, {}, {}>;
|
|
16
|
-
export { StyledPickerWrapper, StyledTouchableOpacity };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { InternalTimePickerProps } from './types';
|
|
3
|
-
declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, TextInputComponent, inputProps, groupStyleEnabled, }: InternalTimePickerProps) => React.JSX.Element;
|
|
4
|
-
export default TimePickerAndroid;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { InternalTimePickerProps } from './types';
|
|
3
|
-
declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, supportedOrientations, TextInputComponent, inputProps, groupStyleEnabled, }: InternalTimePickerProps) => React.JSX.Element;
|
|
4
|
-
export default TimePickerIOS;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
|
2
|
-
import type { InternalTimePickerProps } from './types';
|
|
3
|
-
declare const InternalTimePicker: FunctionComponent<InternalTimePickerProps>;
|
|
4
|
-
export type { InternalTimePickerProps as TimePickerProps };
|
|
5
|
-
export default InternalTimePicker;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import type { StyleProp, ViewStyle } from 'react-native';
|
|
2
|
-
import type { TextInputProps } from '../TextInput';
|
|
3
|
-
export interface TimePickerProps {
|
|
4
|
-
/**
|
|
5
|
-
* Time picker input label.
|
|
6
|
-
*/
|
|
7
|
-
label: string;
|
|
8
|
-
/**
|
|
9
|
-
* Current time value. Must be in correct default format or format provided via format prop.
|
|
10
|
-
*/
|
|
11
|
-
value?: Date;
|
|
12
|
-
/**
|
|
13
|
-
* Input placeholder. Time format will be used as placeholder if not specified.
|
|
14
|
-
*/
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Callback that is called when new value is selected.
|
|
18
|
-
*/
|
|
19
|
-
onChange: (value: Date) => void;
|
|
20
|
-
/**
|
|
21
|
-
* Confirm label text. iOS only.
|
|
22
|
-
*/
|
|
23
|
-
confirmLabel: string;
|
|
24
|
-
/**
|
|
25
|
-
* Time display format of current value presented on the input. Default format is: HH:mm aa.
|
|
26
|
-
* Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
|
|
27
|
-
* This also change how the time picker display between 24 hour and 12 hour mode.
|
|
28
|
-
*/
|
|
29
|
-
displayFormat?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Whether the Time picker is disabled.
|
|
32
|
-
*/
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Error message to display.
|
|
36
|
-
*/
|
|
37
|
-
error?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the value is required, if true, an asterisk will be appended to the label.
|
|
40
|
-
*/
|
|
41
|
-
required?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* The helper text to display.
|
|
44
|
-
*/
|
|
45
|
-
helpText?: string;
|
|
46
|
-
/**
|
|
47
|
-
* hides icon
|
|
48
|
-
*/
|
|
49
|
-
showSuffix?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Addtional style.
|
|
52
|
-
*/
|
|
53
|
-
style?: StyleProp<ViewStyle>;
|
|
54
|
-
/**
|
|
55
|
-
* Testing id of the component.
|
|
56
|
-
*/
|
|
57
|
-
testID?: string;
|
|
58
|
-
/**
|
|
59
|
-
* Supported orientations for the TimePicker modal, iOS only.
|
|
60
|
-
*/
|
|
61
|
-
supportedOrientations?: ('portrait' | 'landscape')[];
|
|
62
|
-
}
|
|
63
|
-
export interface InternalTimePickerProps extends TimePickerProps {
|
|
64
|
-
/**
|
|
65
|
-
* Props that are passed to TextInput.
|
|
66
|
-
*/
|
|
67
|
-
inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
|
|
68
|
-
/**
|
|
69
|
-
* Whether the component is used within a FormGroup for styling purposes.
|
|
70
|
-
*/
|
|
71
|
-
groupStyleEnabled?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* Input component to use instead of the default TextInput.
|
|
74
|
-
*/
|
|
75
|
-
TextInputComponent?: React.ComponentType<TextInputProps>;
|
|
76
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { Animated, View } from 'react-native';
|
|
2
|
-
import type { ViewProps } from 'react-native';
|
|
3
|
-
import type { IntentType } from './types';
|
|
4
|
-
import type { TextProps } from '../Typography/Text';
|
|
5
|
-
import type { IconProps } from '../Icon';
|
|
6
|
-
declare const ToastContainerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
7
|
-
theme?: import("@emotion/react").Theme;
|
|
8
|
-
as?: React.ElementType;
|
|
9
|
-
} & {
|
|
10
|
-
position: "top" | "bottom";
|
|
11
|
-
}, {}, {
|
|
12
|
-
ref?: import("react").Ref<View> | undefined;
|
|
13
|
-
}>;
|
|
14
|
-
declare const Container: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
|
|
15
|
-
theme?: import("@emotion/react").Theme;
|
|
16
|
-
as?: React.ElementType;
|
|
17
|
-
} & {
|
|
18
|
-
themeVariant: "default" | "round";
|
|
19
|
-
themeIntent: IntentType;
|
|
20
|
-
}, {}, {}>;
|
|
21
|
-
declare const IconContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
22
|
-
theme?: import("@emotion/react").Theme;
|
|
23
|
-
as?: React.ElementType;
|
|
24
|
-
}, {}, {
|
|
25
|
-
ref?: import("react").Ref<View> | undefined;
|
|
26
|
-
}>;
|
|
27
|
-
declare const TextContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
28
|
-
theme?: import("@emotion/react").Theme;
|
|
29
|
-
as?: React.ElementType;
|
|
30
|
-
}, {}, {
|
|
31
|
-
ref?: import("react").Ref<View> | undefined;
|
|
32
|
-
}>;
|
|
33
|
-
declare const ContentContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
34
|
-
theme?: import("@emotion/react").Theme;
|
|
35
|
-
as?: React.ElementType;
|
|
36
|
-
} & {
|
|
37
|
-
showDivider: boolean;
|
|
38
|
-
}, {}, {
|
|
39
|
-
ref?: import("react").Ref<View> | undefined;
|
|
40
|
-
}>;
|
|
41
|
-
declare const CTAWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
|
|
42
|
-
theme?: import("@emotion/react").Theme;
|
|
43
|
-
as?: React.ElementType;
|
|
44
|
-
}, {}, {}>;
|
|
45
|
-
declare const StyledBody: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
|
|
46
|
-
theme?: import("@emotion/react").Theme;
|
|
47
|
-
as?: React.ElementType;
|
|
48
|
-
} & TextProps & {
|
|
49
|
-
themeIntent: IntentType;
|
|
50
|
-
}, {}, {}>;
|
|
51
|
-
declare const StyledIcon: import("@emotion/native").StyledComponent<IconProps & {
|
|
52
|
-
theme?: import("@emotion/react").Theme;
|
|
53
|
-
as?: React.ElementType;
|
|
54
|
-
} & {
|
|
55
|
-
themeIntent: IntentType;
|
|
56
|
-
}, {}, {}>;
|
|
57
|
-
export { ToastContainerWrapper, Container, ContentContainer, TextContainer, IconContainer, CTAWrapper, StyledBody, StyledIcon, };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { ReactElement } from 'react';
|
|
2
|
-
import type { ToastProps } from './types';
|
|
3
|
-
declare const Toast: ({ content, icon, variant, intent, style, duration, autoDismiss, onAction, actionLabel, onDismiss, distance, }: ToastProps) => ReactElement;
|
|
4
|
-
export default Toast;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { ToastContainerProps } from './types';
|
|
3
|
-
import type { ToastControllerContextType } from './ToastContext';
|
|
4
|
-
declare const ToastContainer: React.ForwardRefExoticComponent<ToastContainerProps & React.RefAttributes<ToastControllerContextType>>;
|
|
5
|
-
export default ToastContainer;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ToastContainerProps, ToastProps } from './types';
|
|
2
|
-
export type ToastControllerContextType = {
|
|
3
|
-
show: (props: Omit<ToastProps, 'position'>) => string;
|
|
4
|
-
hide: (id: string) => void;
|
|
5
|
-
clearAll: () => void;
|
|
6
|
-
};
|
|
7
|
-
export declare const fallbackToastControlContext: ToastControllerContextType;
|
|
8
|
-
export declare const ToastContext: import("react").Context<ToastControllerContextType>;
|
|
9
|
-
type ToastConfigContextType = Pick<ToastContainerProps, 'position' | 'displayType'>;
|
|
10
|
-
export declare const ToastConfigContext: import("react").Context<ToastConfigContextType>;
|
|
11
|
-
export declare const useToastConfig: () => ToastConfigContextType;
|
|
12
|
-
export declare const useToast: () => ToastControllerContextType;
|
|
13
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
import type { ToastContainerProps } from './types';
|
|
4
|
-
type ToastProviderProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Content to be wrapped.
|
|
7
|
-
*/
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
} & ToastContainerProps;
|
|
10
|
-
declare const ToastProvider: ({ children, displayType, position: _position, }: ToastProviderProps) => React.JSX.Element;
|
|
11
|
-
export default ToastProvider;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const Toast: {
|
|
2
|
-
Provider: ({ children, displayType, position: _position, }: {
|
|
3
|
-
children?: import("react").ReactNode;
|
|
4
|
-
} & import("./types").ToastContainerProps) => import("react").JSX.Element;
|
|
5
|
-
Container: import("react").ForwardRefExoticComponent<import("./types").ToastContainerProps & import("react").RefAttributes<import("./ToastContext").ToastControllerContextType>>;
|
|
6
|
-
useToast: () => import("./ToastContext").ToastControllerContextType;
|
|
7
|
-
};
|
|
8
|
-
export default Toast;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import type { ReactElement } from 'react';
|
|
2
|
-
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import type { IconName } from '../Icon';
|
|
4
|
-
export type IntentType = 'success' | 'info' | 'warning' | 'error' | 'notification' | 'snackbar';
|
|
5
|
-
export interface ToastProps {
|
|
6
|
-
/**
|
|
7
|
-
* Toast content.
|
|
8
|
-
*/
|
|
9
|
-
content: string | ReactElement;
|
|
10
|
-
/**
|
|
11
|
-
* Icon name of the Toast.
|
|
12
|
-
* - undefined: use default icon according to Toast intent.
|
|
13
|
-
* - null: no icon at all.
|
|
14
|
-
* - IconName: an icon identifier from hero-design icon list.
|
|
15
|
-
*/
|
|
16
|
-
icon?: null | IconName;
|
|
17
|
-
/**
|
|
18
|
-
* Visual intent color to apply to alert.
|
|
19
|
-
*/
|
|
20
|
-
intent?: 'success' | 'info' | 'warning' | 'error' | 'notification' | 'snackbar';
|
|
21
|
-
/**
|
|
22
|
-
* Toast variants
|
|
23
|
-
*/
|
|
24
|
-
variant?: 'default' | 'round';
|
|
25
|
-
/**
|
|
26
|
-
* Whether the toast message should be dismissed after the duration expired.
|
|
27
|
-
*/
|
|
28
|
-
autoDismiss?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Duration (in miliseconds) of how long the toast message will be displayed before it disapprears.
|
|
31
|
-
*/
|
|
32
|
-
duration?: number;
|
|
33
|
-
/**
|
|
34
|
-
* Display action button with passed on the right side of the toast message.
|
|
35
|
-
* This action button will will dismiss the toast on pressed.
|
|
36
|
-
*/
|
|
37
|
-
actionLabel?: string | ReactElement;
|
|
38
|
-
/**
|
|
39
|
-
* Callback that will be called when the action button of the toast is pressed.
|
|
40
|
-
*/
|
|
41
|
-
onAction?: () => void;
|
|
42
|
-
/**
|
|
43
|
-
* Callback that will be called when the toast message is dismissed.
|
|
44
|
-
*/
|
|
45
|
-
onDismiss?: () => void;
|
|
46
|
-
/**
|
|
47
|
-
* Addtitional style.
|
|
48
|
-
*/
|
|
49
|
-
style?: StyleProp<ViewStyle>;
|
|
50
|
-
/**
|
|
51
|
-
* Toast distance from bottom.
|
|
52
|
-
*/
|
|
53
|
-
distance?: number;
|
|
54
|
-
}
|
|
55
|
-
export interface ToastContainerProps {
|
|
56
|
-
/**
|
|
57
|
-
* Displays multiple toasts at a time or one by one.
|
|
58
|
-
*/
|
|
59
|
-
displayType?: 'single' | 'stack';
|
|
60
|
-
/**
|
|
61
|
-
* Position that the toast message will appear on the screen.
|
|
62
|
-
*
|
|
63
|
-
* @deprecated position is deprecated and will be removed in the next major release.
|
|
64
|
-
*/
|
|
65
|
-
position?: 'top' | 'bottom';
|
|
66
|
-
/**
|
|
67
|
-
* Additional style for toasts container.
|
|
68
|
-
*/
|
|
69
|
-
style?: StyleProp<ViewStyle>;
|
|
70
|
-
}
|
|
71
|
-
export type ToastItemProps = {
|
|
72
|
-
id: string;
|
|
73
|
-
props: Omit<ToastProps, 'position'>;
|
|
74
|
-
};
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { TextInput, View } from 'react-native';
|
|
2
|
-
import type { ViewProps } from 'react-native';
|
|
3
|
-
import type { BodyProps } from '../Typography/Body';
|
|
4
|
-
export type ToolbarMessageState = 'default' | 'filled' | 'disabled' | 'readonly';
|
|
5
|
-
declare const ToolbarWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
6
|
-
theme?: import("@emotion/react").Theme;
|
|
7
|
-
as?: React.ElementType;
|
|
8
|
-
}, {}, {
|
|
9
|
-
ref?: import("react").Ref<View> | undefined;
|
|
10
|
-
}>;
|
|
11
|
-
declare const ToolbarGroupWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
12
|
-
theme?: import("@emotion/react").Theme;
|
|
13
|
-
as?: React.ElementType;
|
|
14
|
-
} & {
|
|
15
|
-
align: "left" | "center" | "right";
|
|
16
|
-
}, {}, {
|
|
17
|
-
ref?: import("react").Ref<View> | undefined;
|
|
18
|
-
}>;
|
|
19
|
-
declare const ToolbarItemWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
|
|
20
|
-
theme?: import("@emotion/react").Theme;
|
|
21
|
-
as?: React.ElementType;
|
|
22
|
-
}, {}, {}>;
|
|
23
|
-
declare const IconButtonWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
24
|
-
theme?: import("@emotion/react").Theme;
|
|
25
|
-
as?: React.ElementType;
|
|
26
|
-
}, {}, {
|
|
27
|
-
ref?: import("react").Ref<View> | undefined;
|
|
28
|
-
}>;
|
|
29
|
-
declare const IconButtonLabel: import("@emotion/native").StyledComponent<BodyProps & {
|
|
30
|
-
theme?: import("@emotion/react").Theme;
|
|
31
|
-
as?: React.ElementType;
|
|
32
|
-
}, {}, {}>;
|
|
33
|
-
declare const StyledLabel: import("@emotion/native").StyledComponent<BodyProps & {
|
|
34
|
-
theme?: import("@emotion/react").Theme;
|
|
35
|
-
as?: React.ElementType;
|
|
36
|
-
} & {
|
|
37
|
-
intent: Exclude<BodyProps["intent"], undefined>;
|
|
38
|
-
}, {}, {}>;
|
|
39
|
-
declare const ToolbarMessageWrapper: import("@emotion/native").StyledComponent<ViewProps & {
|
|
40
|
-
theme?: import("@emotion/react").Theme;
|
|
41
|
-
as?: React.ElementType;
|
|
42
|
-
}, {}, {
|
|
43
|
-
ref?: import("react").Ref<View> | undefined;
|
|
44
|
-
}>;
|
|
45
|
-
export declare const StyledInputContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
46
|
-
theme?: import("@emotion/react").Theme;
|
|
47
|
-
as?: React.ElementType;
|
|
48
|
-
}, {}, {
|
|
49
|
-
ref?: import("react").Ref<View> | undefined;
|
|
50
|
-
}>;
|
|
51
|
-
export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
|
|
52
|
-
theme?: import("@emotion/react").Theme;
|
|
53
|
-
as?: React.ElementType;
|
|
54
|
-
}, {}, {
|
|
55
|
-
ref?: import("react").Ref<TextInput> | undefined;
|
|
56
|
-
}>;
|
|
57
|
-
export declare const StyledPrefix: import("@emotion/native").StyledComponent<ViewProps & {
|
|
58
|
-
theme?: import("@emotion/react").Theme;
|
|
59
|
-
as?: React.ElementType;
|
|
60
|
-
}, {}, {
|
|
61
|
-
ref?: import("react").Ref<View> | undefined;
|
|
62
|
-
}>;
|
|
63
|
-
export declare const StyledSuffix: import("@emotion/native").StyledComponent<ViewProps & {
|
|
64
|
-
theme?: import("@emotion/react").Theme;
|
|
65
|
-
as?: React.ElementType;
|
|
66
|
-
}, {}, {
|
|
67
|
-
ref?: import("react").Ref<View> | undefined;
|
|
68
|
-
}>;
|
|
69
|
-
export { ToolbarWrapper, ToolbarGroupWrapper, ToolbarItemWrapper, IconButtonWrapper, IconButtonLabel, StyledLabel, ToolbarMessageWrapper, };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { ToolbarItemProps } from './ToolbarItem';
|
|
3
|
-
/**
|
|
4
|
-
* @deprecated Use 'right' instead.
|
|
5
|
-
*/
|
|
6
|
-
type DeprecatedAlign = 'left' | 'center';
|
|
7
|
-
type ValidAlign = 'right';
|
|
8
|
-
export interface ToolbarGroupProps {
|
|
9
|
-
/**
|
|
10
|
-
* List of action items in the toolbar group.
|
|
11
|
-
*/
|
|
12
|
-
items?: ToolbarItemProps[];
|
|
13
|
-
/**
|
|
14
|
-
* Alignment of the items in the group.
|
|
15
|
-
*
|
|
16
|
-
* ⚠️ 'left' | 'center' alignments are deprecated and will be removed in the next major release. Please use 'right' instead.
|
|
17
|
-
*/
|
|
18
|
-
align: ValidAlign | DeprecatedAlign;
|
|
19
|
-
/**
|
|
20
|
-
* If true, indicates that the ToolbarGroup is accessible to screen readers.
|
|
21
|
-
*/
|
|
22
|
-
accessible?: boolean;
|
|
23
|
-
}
|
|
24
|
-
declare const ToolbarGroup: ({ align, items, accessible, }: ToolbarGroupProps) => React.JSX.Element;
|
|
25
|
-
export default ToolbarGroup;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import type { IconName } from '../Icon';
|
|
4
|
-
export interface ToolbarItemProps {
|
|
5
|
-
/**
|
|
6
|
-
* Visual intent of the toolbar item.
|
|
7
|
-
*/
|
|
8
|
-
intent?: 'primary' | 'secondary' | 'info' | 'success' | 'danger' | 'warning';
|
|
9
|
-
/**
|
|
10
|
-
* Icon of the toolbar item.
|
|
11
|
-
*/
|
|
12
|
-
icon?: IconName;
|
|
13
|
-
/**
|
|
14
|
-
* Action label of the toolbar item.
|
|
15
|
-
*/
|
|
16
|
-
label?: string;
|
|
17
|
-
/**
|
|
18
|
-
* Callback that trigger when user press the toolbar item.
|
|
19
|
-
*/
|
|
20
|
-
onPress?: () => void;
|
|
21
|
-
/**
|
|
22
|
-
* Whether the toolbar item is disabled.
|
|
23
|
-
*/
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Addtitional style.
|
|
27
|
-
*/
|
|
28
|
-
style?: StyleProp<ViewStyle>;
|
|
29
|
-
}
|
|
30
|
-
declare const ToolbarItem: ({ icon, label, onPress, intent, disabled, style, }: ToolbarItemProps) => React.JSX.Element;
|
|
31
|
-
export default ToolbarItem;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TextInput as RNTextInput, TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import type { ToolbarMessageState } from './StyledToolbar';
|
|
4
|
-
export type ToolbarMessageHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
|
|
5
|
-
export interface ToolbarMessageProps extends NativeTextInputProps {
|
|
6
|
-
/**
|
|
7
|
-
* Element to render on the left side of the input, before the user's cursor.
|
|
8
|
-
*/
|
|
9
|
-
prefix?: React.ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* Element to render on the right side of the input.
|
|
12
|
-
*/
|
|
13
|
-
suffix?: React.ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Additional wrapper style.
|
|
16
|
-
*/
|
|
17
|
-
style?: StyleProp<ViewStyle>;
|
|
18
|
-
/**
|
|
19
|
-
* Input text style.
|
|
20
|
-
*/
|
|
21
|
-
textStyle?: StyleProp<TextStyle>;
|
|
22
|
-
/**
|
|
23
|
-
* Testing id of the component.
|
|
24
|
-
*/
|
|
25
|
-
testID?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Accessibility label for the input (Android).
|
|
28
|
-
*/
|
|
29
|
-
accessibilityLabelledBy?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Placeholder text to display.
|
|
32
|
-
* */
|
|
33
|
-
placeholder?: string;
|
|
34
|
-
/**
|
|
35
|
-
* Whether the input is editable.
|
|
36
|
-
* */
|
|
37
|
-
editable?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the input is disabled.
|
|
40
|
-
*/
|
|
41
|
-
disabled?: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* The max length of the input.
|
|
44
|
-
* If the max length is set, the input will display the current length and the max length.
|
|
45
|
-
* */
|
|
46
|
-
maxLength?: number;
|
|
47
|
-
/**
|
|
48
|
-
* Component ref.
|
|
49
|
-
*/
|
|
50
|
-
ref?: React.Ref<ToolbarMessageHandles>;
|
|
51
|
-
}
|
|
52
|
-
export declare const getState: ({ disabled, editable, isEmptyValue, }: {
|
|
53
|
-
disabled?: boolean;
|
|
54
|
-
editable?: boolean;
|
|
55
|
-
isEmptyValue?: boolean;
|
|
56
|
-
}) => ToolbarMessageState;
|
|
57
|
-
declare const ToolbarMessage: React.ForwardRefExoticComponent<Omit<ToolbarMessageProps, "ref"> & React.RefAttributes<ToolbarMessageHandles>>;
|
|
58
|
-
export default ToolbarMessage;
|