@hero-design/rn 7.14.1 → 7.14.3-alpha

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.
Files changed (82) hide show
  1. package/.turbo/turbo-build.log +1 -9
  2. package/.turbo/turbo-build:types.log +2 -0
  3. package/.turbo/turbo-lint.log +2 -0
  4. package/.turbo/turbo-publish:npm.log +9 -0
  5. package/.turbo/turbo-test.log +361 -0
  6. package/.turbo/turbo-type-check.log +2 -0
  7. package/es/index.js +1103 -20310
  8. package/lib/assets/fonts/hero-icons.ttf +0 -0
  9. package/lib/index.d.ts +4631 -0
  10. package/lib/index.js +1107 -20317
  11. package/lib/index.js.flow +7684 -0
  12. package/package.json +2 -2
  13. package/rollup.config.js +1 -0
  14. package/src/components/DatePicker/DatePickerAndroid.tsx +2 -0
  15. package/src/components/DatePicker/DatePickerIOS.tsx +2 -0
  16. package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx +14 -0
  17. package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +14 -0
  18. package/src/components/DatePicker/types.ts +4 -0
  19. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
  20. package/src/components/Select/MultiSelect/index.tsx +22 -11
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +272 -266
  22. package/src/components/Select/SingleSelect/index.tsx +22 -11
  23. package/src/components/Select/index.tsx +4 -2
  24. package/src/components/Select/types.tsx +7 -2
  25. package/src/components/TextInput/__tests__/.log/ti-10343.log +62 -0
  26. package/src/components/TextInput/__tests__/.log/ti-20729.log +67 -0
  27. package/src/components/TextInput/__tests__/.log/tsserver.log +6498 -0
  28. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +1 -1
  29. package/src/components/TextInput/index.tsx +3 -1
  30. package/src/components/TimePicker/TimePickerAndroid.tsx +2 -0
  31. package/src/components/TimePicker/TimePickerIOS.tsx +2 -0
  32. package/src/components/TimePicker/__tests__/TimePickerAndroid.spec.tsx +14 -0
  33. package/src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx +14 -0
  34. package/src/components/TimePicker/types.ts +4 -0
  35. package/src/types.ts +3 -0
  36. package/types/components/Accordion/index.d.ts +5 -2
  37. package/types/components/ContentNavigator/index.d.ts +1 -5
  38. package/types/components/Icon/IconList.d.ts +1 -1
  39. package/types/components/Icon/utils.d.ts +1 -1
  40. package/types/components/SectionHeading/index.d.ts +2 -2
  41. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  42. package/types/components/Typography/Text/index.d.ts +1 -1
  43. package/types/index.d.ts +1 -4
  44. package/types/index.js.flow +7683 -0
  45. package/types/theme/components/typography.d.ts +0 -1
  46. package/types/theme/index.d.ts +0 -6
  47. package/types/components/Badge/StyledBadge.d.ts +0 -27
  48. package/types/components/BottomSheet/StyledBottomSheet.d.ts +0 -46
  49. package/types/components/Calendar/CalendarRowItem.d.ts +0 -10
  50. package/types/components/Calendar/StyledCalendar.d.ts +0 -54
  51. package/types/components/Calendar/__tests__/CalendarRowItem.spec.d.ts +0 -1
  52. package/types/components/Calendar/__tests__/helper.spec.d.ts +0 -1
  53. package/types/components/Calendar/__tests__/index.spec.d.ts +0 -1
  54. package/types/components/Calendar/helpers.d.ts +0 -3
  55. package/types/components/Calendar/index.d.ts +0 -40
  56. package/types/components/Collapse/StyledCollapse.d.ts +0 -25
  57. package/types/components/Drawer/StyledDrawer.d.ts +0 -24
  58. package/types/components/Empty/StyledEmpty.d.ts +0 -31
  59. package/types/components/Empty/__tests__/index.spec.d.ts +0 -1
  60. package/types/components/Empty/index.d.ts +0 -26
  61. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +0 -29
  62. package/types/components/Progress/StyledProgressBar.d.ts +0 -17
  63. package/types/components/RichTextEditor/EditorEvent.d.ts +0 -3
  64. package/types/components/RichTextEditor/EditorToolbar.d.ts +0 -17
  65. package/types/components/RichTextEditor/MentionList.d.ts +0 -12
  66. package/types/components/RichTextEditor/RichTextEditor.d.ts +0 -65
  67. package/types/components/RichTextEditor/StyledRichTextEditor.d.ts +0 -16
  68. package/types/components/RichTextEditor/StyledToolbar.d.ts +0 -21
  69. package/types/components/RichTextEditor/__tests__/EditorToolbar.spec.d.ts +0 -1
  70. package/types/components/RichTextEditor/__tests__/MentionList.spec.d.ts +0 -1
  71. package/types/components/RichTextEditor/__tests__/RichTextEditor.spec.d.ts +0 -1
  72. package/types/components/RichTextEditor/constants.d.ts +0 -19
  73. package/types/components/RichTextEditor/index.d.ts +0 -5
  74. package/types/components/RichTextEditor/utils/events.d.ts +0 -8
  75. package/types/components/RichTextEditor/utils/rnWebView.d.ts +0 -7
  76. package/types/components/Switch/StyledSwitch.d.ts +0 -36
  77. package/types/components/Tabs/StyledScrollableTabs.d.ts +0 -60
  78. package/types/components/Tabs/StyledTabs.d.ts +0 -54
  79. package/types/components/Toast/StyledToast.d.ts +0 -45
  80. package/types/theme/components/calendar.d.ts +0 -26
  81. package/types/theme/components/empty.d.ts +0 -28
  82. package/types/theme/components/richTextEditor.d.ts +0 -26
@@ -8,7 +8,6 @@ declare const getTypographyTheme: (theme: GlobalTheme) => {
8
8
  danger: string;
9
9
  warning: string;
10
10
  success: string;
11
- inverted: string;
12
11
  };
13
12
  fonts: {
14
13
  light: string;
@@ -6,21 +6,18 @@ import getBadgeTheme from './components/badge';
6
6
  import getBottomNavigationTheme from './components/bottomNavigation';
7
7
  import getBottomSheetTheme from './components/bottomSheet';
8
8
  import getButtonTheme from './components/button';
9
- import getCalendarTheme from './components/calendar';
10
9
  import getCardTheme from './components/card';
11
10
  import getCheckboxTheme from './components/checkbox';
12
11
  import getContentNavigatorTheme from './components/contentNavigator';
13
12
  import getDatePickerTheme from './components/datePicker';
14
13
  import getDividerTheme from './components/divider';
15
14
  import getDrawerTheme from './components/drawer';
16
- import getEmptyTheme from './components/empty';
17
15
  import getFABTheme from './components/fab';
18
16
  import getIconTheme from './components/icon';
19
17
  import getListTheme from './components/list';
20
18
  import getPinInputTheme from './components/pinInput';
21
19
  import getProgressTheme from './components/progress';
22
20
  import getRadioTheme from './components/radio';
23
- import getRichTextEditorTheme from './components/richTextEditor';
24
21
  import getSectionHeadingTheme from './components/sectionHeading';
25
22
  import getSelectTheme from './components/select';
26
23
  import getSpinnerTheme from './components/spinner';
@@ -41,21 +38,18 @@ declare type Theme = GlobalTheme & {
41
38
  bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
42
39
  bottomSheet: ReturnType<typeof getBottomSheetTheme>;
43
40
  button: ReturnType<typeof getButtonTheme>;
44
- calendar: ReturnType<typeof getCalendarTheme>;
45
41
  card: ReturnType<typeof getCardTheme>;
46
42
  checkbox: ReturnType<typeof getCheckboxTheme>;
47
43
  contentNavigator: ReturnType<typeof getContentNavigatorTheme>;
48
44
  datePicker: ReturnType<typeof getDatePickerTheme>;
49
45
  divider: ReturnType<typeof getDividerTheme>;
50
46
  drawer: ReturnType<typeof getDrawerTheme>;
51
- empty: ReturnType<typeof getEmptyTheme>;
52
47
  fab: ReturnType<typeof getFABTheme>;
53
48
  icon: ReturnType<typeof getIconTheme>;
54
49
  list: ReturnType<typeof getListTheme>;
55
50
  pinInput: ReturnType<typeof getPinInputTheme>;
56
51
  progress: ReturnType<typeof getProgressTheme>;
57
52
  radio: ReturnType<typeof getRadioTheme>;
58
- richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
59
53
  sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
60
54
  select: ReturnType<typeof getSelectTheme>;
61
55
  spinner: ReturnType<typeof getSpinnerTheme>;
@@ -1,27 +0,0 @@
1
- import { Animated, Text } from 'react-native';
2
- declare type ThemeIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
3
- declare type ThemePadding = 'narrowContent' | 'wideContent';
4
- declare const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
5
- children?: import("react").ReactNode;
6
- } & {
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & {
10
- themeIntent: ThemeIntent;
11
- themePadding: ThemePadding;
12
- }, {}, {}>;
13
- declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
14
- theme?: import("@emotion/react").Theme | undefined;
15
- as?: import("react").ElementType<any> | undefined;
16
- }, {}, {
17
- ref?: import("react").Ref<Text> | undefined;
18
- }>;
19
- declare const StyledStatus: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
20
- children?: import("react").ReactNode;
21
- } & {
22
- theme?: import("@emotion/react").Theme | undefined;
23
- as?: import("react").ElementType<any> | undefined;
24
- } & {
25
- themeIntent: ThemeIntent;
26
- }, {}, {}>;
27
- export { StyledView, StyledText, StyledStatus };
@@ -1,46 +0,0 @@
1
- import { Animated, View, ViewProps } from 'react-native';
2
- declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, {}, {
6
- ref?: import("react").Ref<View> | undefined;
7
- }>;
8
- declare const StyledBottomSheet: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
9
- children?: import("react").ReactNode;
10
- } & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, {}, {}>;
14
- declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
15
- children?: import("react").ReactNode;
16
- } & {
17
- theme?: import("@emotion/react").Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- }, {}, {}>;
20
- declare const StyledHeaderWrapper: import("@emotion/native").StyledComponent<ViewProps & {
21
- theme?: import("@emotion/react").Theme | undefined;
22
- as?: import("react").ElementType<any> | undefined;
23
- }, {}, {
24
- ref?: import("react").Ref<View> | undefined;
25
- }>;
26
- declare const StyledHeader: import("@emotion/native").StyledComponent<ViewProps & {
27
- theme?: import("@emotion/react").Theme | undefined;
28
- as?: import("react").ElementType<any> | undefined;
29
- } & {
30
- adjacentIcon: boolean;
31
- }, {}, {
32
- ref?: import("react").Ref<View> | undefined;
33
- }>;
34
- declare const StyledFooter: import("@emotion/native").StyledComponent<ViewProps & {
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
37
- }, {}, {
38
- ref?: import("react").Ref<View> | undefined;
39
- }>;
40
- declare const StyledIconWrapper: import("@emotion/native").StyledComponent<ViewProps & {
41
- theme?: import("@emotion/react").Theme | undefined;
42
- as?: import("react").ElementType<any> | undefined;
43
- }, {}, {
44
- ref?: import("react").Ref<View> | undefined;
45
- }>;
46
- export { StyledWrapper, StyledHeaderWrapper, StyledHeader, StyledFooter, StyledIconWrapper, StyledBottomSheet, StyledBackdrop, };
@@ -1,10 +0,0 @@
1
- export interface CalendarRowItemProps {
2
- date?: Date;
3
- onPress?: () => void;
4
- isCurrent?: boolean;
5
- isSelected?: boolean;
6
- textIntent?: 'body' | 'subdued';
7
- marked?: boolean;
8
- }
9
- declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, }: CalendarRowItemProps) => JSX.Element;
10
- export default CalendarRowItem;
@@ -1,54 +0,0 @@
1
- import { TouchableOpacity, View, ViewProps } from 'react-native';
2
- declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, {}, {
6
- ref?: import("react").Ref<View> | undefined;
7
- }>;
8
- declare const StyledCalendarHeader: import("@emotion/native").StyledComponent<ViewProps & {
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- }, {}, {
12
- ref?: import("react").Ref<View> | undefined;
13
- }>;
14
- declare const StyledCalendarDayNameCell: import("@emotion/native").StyledComponent<ViewProps & {
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, {}, {
18
- ref?: import("react").Ref<View> | undefined;
19
- }>;
20
- declare const StyledCalendarCell: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
21
- theme?: import("@emotion/react").Theme | undefined;
22
- as?: import("react").ElementType<any> | undefined;
23
- } & {
24
- variant?: "selected" | "default" | "current" | undefined;
25
- }, {}, {
26
- ref?: import("react").Ref<TouchableOpacity> | undefined;
27
- }>;
28
- declare const StyledCalendarRow: import("@emotion/native").StyledComponent<ViewProps & {
29
- theme?: import("@emotion/react").Theme | undefined;
30
- as?: import("react").ElementType<any> | undefined;
31
- }, {}, {
32
- ref?: import("react").Ref<View> | undefined;
33
- }>;
34
- declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
35
- theme?: import("@emotion/react").Theme | undefined;
36
- as?: import("react").ElementType<any> | undefined;
37
- }, {}, {
38
- ref?: import("react").Ref<View> | undefined;
39
- }>;
40
- declare const StyledDisabledCalendarRowItem: import("@emotion/native").StyledComponent<ViewProps & {
41
- theme?: import("@emotion/react").Theme | undefined;
42
- as?: import("react").ElementType<any> | undefined;
43
- }, {}, {
44
- ref?: import("react").Ref<View> | undefined;
45
- }>;
46
- declare const StyledMark: import("@emotion/native").StyledComponent<ViewProps & {
47
- theme?: import("@emotion/react").Theme | undefined;
48
- as?: import("react").ElementType<any> | undefined;
49
- } & {
50
- variant: 'primary' | 'inverted';
51
- }, {}, {
52
- ref?: import("react").Ref<View> | undefined;
53
- }>;
54
- export { StyledContainer, StyledCalendarHeader, StyledCalendarRow, StyledCalendarRowItem, StyledDisabledCalendarRowItem, StyledCalendarDayNameCell, StyledCalendarCell, StyledMark, };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- export declare const initArray: <T>(length: number, func: (value: number) => T) => T[];
2
- export declare const isEqDate: (dateA?: Date | undefined, dateB?: Date | undefined) => boolean;
3
- export declare const getValidDate: (date: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date | undefined;
@@ -1,40 +0,0 @@
1
- export interface CalendarProps {
2
- /**
3
- * Selected date value.
4
- */
5
- value?: Date;
6
- /**
7
- * Visible date of month that calendar opens to display. Default is now.
8
- */
9
- visibleDate: Date;
10
- /**
11
- * Mininum date. Restrict the range of possible date values.
12
- */
13
- minDate?: Date;
14
- /**
15
- * Maximum date. Restrict the range of possible date values.
16
- */
17
- maxDate?: Date;
18
- /**
19
- * Callback is called when selected date value is changed.
20
- */
21
- onChange?: (date: Date) => void;
22
- /**
23
- * Handler to be called when the user taps the previous button.
24
- */
25
- onPreviousPress?: () => void;
26
- /**
27
- * Handler to be called when the user taps the next button.
28
- */
29
- onNextPress?: () => void;
30
- /**
31
- * Handler to be called when the user taps the title.
32
- */
33
- onTitlePress?: () => void;
34
- /**
35
- * Mark dates to display on calendar..
36
- */
37
- markedDates?: Date[];
38
- }
39
- declare const Calendar: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, }: CalendarProps) => JSX.Element;
40
- export default Calendar;
@@ -1,25 +0,0 @@
1
- import { Animated, View } from 'react-native';
2
- declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
3
- children?: import("react").ReactNode;
4
- } & {
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any> | undefined;
7
- }, {}, {}>;
8
- /**
9
- * Height need to be high enough to cover most scenario
10
- * This container's purpose is only to help get correct children height and returns it
11
- * to use with Animated.timing
12
- */
13
- declare const StyledHiddenWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
14
- theme?: import("@emotion/react").Theme | undefined;
15
- as?: import("react").ElementType<any> | undefined;
16
- }, {}, {
17
- ref?: import("react").Ref<View> | undefined;
18
- }>;
19
- declare const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
20
- theme?: import("@emotion/react").Theme | undefined;
21
- as?: import("react").ElementType<any> | undefined;
22
- }, {}, {
23
- ref?: import("react").Ref<View> | undefined;
24
- }>;
25
- export { StyledWrapper, StyledHiddenWrapper, StyledChildWrapper };
@@ -1,24 +0,0 @@
1
- import { Animated, View } from 'react-native';
2
- declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- enableShadow: boolean;
7
- }, {}, {
8
- ref?: import("react").Ref<View> | undefined;
9
- }>;
10
- declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").PressableProps & import("react").RefAttributes<View>> & {
11
- children?: import("react").ReactNode;
12
- } & {
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- }, {}, {}>;
16
- declare const StyledDrawerContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
17
- children?: import("react").ReactNode;
18
- } & {
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- } & {
22
- enableShadow: boolean;
23
- }, {}, {}>;
24
- export { StyledBackdrop, StyledContainer, StyledDrawerContainer };
@@ -1,31 +0,0 @@
1
- import { View, Text } from 'react-native';
2
- declare type ThemeVariant = 'light' | 'dark';
3
- declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<View> | undefined;
8
- }>;
9
- declare const StyledIllustration: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- }, {}, {
13
- ref?: import("react").Ref<View> | undefined;
14
- }>;
15
- declare const StyledTitle: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any> | undefined;
18
- } & {
19
- themeVariant: ThemeVariant;
20
- }, {}, {
21
- ref?: import("react").Ref<Text> | undefined;
22
- }>;
23
- declare const StyledDescription: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
24
- theme?: import("@emotion/react").Theme | undefined;
25
- as?: import("react").ElementType<any> | undefined;
26
- } & {
27
- themeVariant: ThemeVariant;
28
- }, {}, {
29
- ref?: import("react").Ref<Text> | undefined;
30
- }>;
31
- export { StyledWrapper, StyledIllustration, StyledTitle, StyledDescription };
@@ -1 +0,0 @@
1
- export {};
@@ -1,26 +0,0 @@
1
- import { StyleProp, ViewStyle } from 'react-native';
2
- interface EmptyProps {
3
- /**
4
- * Empty's title.
5
- */
6
- title: string;
7
- /**
8
- * Empty's description.
9
- */
10
- description?: string;
11
- /**
12
- * Empty's variant
13
- * 'dark' if rendered on a dark background and 'white' otherwise
14
- */
15
- variant?: 'light' | 'dark';
16
- /**
17
- * Additional style.
18
- */
19
- style?: StyleProp<ViewStyle>;
20
- /**
21
- * Testing id of the component.
22
- */
23
- testID?: string;
24
- }
25
- declare const Empty: ({ title, description, style, testID, variant, }: EmptyProps) => JSX.Element;
26
- export default Empty;
@@ -1,29 +0,0 @@
1
- import { Animated, View, ViewProps } from 'react-native';
2
- import { TextProps } from '../../Typography/Text';
3
- declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<View> | undefined;
8
- }>;
9
- declare const StyledActionGroupContainer: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
10
- children?: import("react").ReactNode;
11
- } & {
12
- theme?: import("@emotion/react").Theme | undefined;
13
- as?: import("react").ElementType<any> | undefined;
14
- }, {}, {}>;
15
- declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any> | undefined;
18
- }, {}, {}>;
19
- declare const StyledBackdrop: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
20
- children?: import("react").ReactNode;
21
- } & {
22
- theme?: import("@emotion/react").Theme | undefined;
23
- as?: import("react").ElementType<any> | undefined;
24
- }, {}, {}>;
25
- declare const StyledHeaderText: import("@emotion/native").StyledComponent<TextProps & {
26
- theme?: import("@emotion/react").Theme | undefined;
27
- as?: import("react").ElementType<any> | undefined;
28
- }, {}, {}>;
29
- export { StyledHeaderText, StyledBackdrop, StyledContainer, StyledActionGroupContainer, StyledFAB, };
@@ -1,17 +0,0 @@
1
- import { Animated, View, ViewProps } from 'react-native';
2
- import { ThemeIntent } from './types';
3
- declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<View> | undefined;
8
- }>;
9
- declare const StyledInner: import("@emotion/native").StyledComponent<Animated.AnimatedProps<ViewProps & import("react").RefAttributes<View>> & {
10
- children?: import("react").ReactNode;
11
- } & {
12
- theme?: import("@emotion/react").Theme | undefined;
13
- as?: import("react").ElementType<any> | undefined;
14
- } & {
15
- themeIntent: ThemeIntent;
16
- }, {}, {}>;
17
- export { StyledWrapper, StyledInner };
@@ -1,3 +0,0 @@
1
- import { EventEmitter } from 'events';
2
- declare const emitter: EventEmitter;
3
- export { emitter };
@@ -1,17 +0,0 @@
1
- import { ToolbarButtonName } from './constants';
2
- export interface EditorToolbarProps {
3
- /**
4
- * List of buttons to display in toolbar
5
- */
6
- buttons?: ToolbarButtonName[];
7
- /**
8
- * Unique name used to communicate with webview, should be the same with the RichTextEditor component it used with
9
- */
10
- name: string;
11
- /**
12
- * Testing ID of the component
13
- */
14
- testID?: string;
15
- }
16
- declare const EditorToolbar: ({ name, buttons, testID, }: EditorToolbarProps) => JSX.Element | null;
17
- export default EditorToolbar;
@@ -1,12 +0,0 @@
1
- export interface MentionListProps {
2
- /**
3
- * Unique name used to communicate with webview, should be the same with the RichTextEditor component it used with
4
- */
5
- name: string;
6
- /**
7
- * Function used to render mention options
8
- */
9
- render: (searchText: string, onSelect: (id: string, name: string) => void) => JSX.Element;
10
- }
11
- declare const MentionList: ({ name: eventPrefix, render }: MentionListProps) => JSX.Element | null;
12
- export default MentionList;
@@ -1,65 +0,0 @@
1
- import React, { Ref } from 'react';
2
- import { StyleProp, ViewStyle } from 'react-native';
3
- export interface RichTextEditorRef {
4
- requestBlur: VoidFunction;
5
- }
6
- export declare type EditorValue = {
7
- type: string;
8
- children: any;
9
- }[];
10
- export interface RichTextEditorProps {
11
- /**
12
- * Error message
13
- */
14
- error?: string;
15
- /**
16
- * Field value
17
- */
18
- value?: EditorValue;
19
- /**
20
- * Unique name used to communicate with webview
21
- */
22
- name: string;
23
- /**
24
- * Callback function called when the field value changed
25
- */
26
- onChange: (data: EditorValue) => void;
27
- /**
28
- * Callback function called when the cursor position changed
29
- */
30
- onCursorChange?: (params: {
31
- position: {
32
- top: number;
33
- };
34
- }) => void;
35
- /**
36
- * Field placeholder
37
- */
38
- placeholder?: string;
39
- /**
40
- * Additional styles
41
- */
42
- style?: StyleProp<ViewStyle>;
43
- /**
44
- * Field label
45
- */
46
- label: string;
47
- /**
48
- * Field helper text
49
- */
50
- helpText?: string;
51
- /**
52
- * Whether the input is required, if true, an asterisk will be appended to the label.
53
- * */
54
- required?: boolean;
55
- /**
56
- * Testing ID of the component
57
- */
58
- testID?: string;
59
- /**
60
- * Imperative ref to expose the component method
61
- */
62
- forwardedRef?: Ref<RichTextEditorRef>;
63
- }
64
- declare const _default: React.ForwardRefExoticComponent<Omit<RichTextEditorProps, "forwardedRef"> & React.RefAttributes<RichTextEditorRef>>;
65
- export default _default;
@@ -1,16 +0,0 @@
1
- import { View } from 'react-native';
2
- import { WebView } from 'react-native-webview';
3
- export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, {}, {
7
- ref?: import("react").Ref<View> | undefined;
8
- }>;
9
- export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
10
- theme?: import("@emotion/react").Theme | undefined;
11
- as?: import("react").ElementType<any> | undefined;
12
- } & {
13
- height: number | undefined;
14
- }, {}, {
15
- ref?: import("react").Ref<WebView<unknown>> | undefined;
16
- }>;
@@ -1,21 +0,0 @@
1
- import { TouchableOpacity, View } from 'react-native';
2
- export declare const StyledToolbarButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- selected: boolean;
7
- }, {}, {
8
- ref?: import("react").Ref<TouchableOpacity> | undefined;
9
- }>;
10
- export declare const StyledToolbar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, {}, {
14
- ref?: import("react").Ref<View> | undefined;
15
- }>;
16
- export declare const StyledSeparator: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
17
- theme?: import("@emotion/react").Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- }, {}, {
20
- ref?: import("react").Ref<View> | undefined;
21
- }>;
@@ -1,19 +0,0 @@
1
- export declare enum ToolbarEvents {
2
- Bold = "bold",
3
- Italic = "italic",
4
- Underline = "underline",
5
- BulletedList = "bulleted-list",
6
- NumberedList = "numbered-list",
7
- HeadingOne = "heading-one",
8
- HeadingTwo = "heading-two"
9
- }
10
- export declare enum ToolbarButtonName {
11
- Bold = "bold",
12
- Italic = "italic",
13
- Underline = "underline",
14
- BulletedList = "bulletedList",
15
- NumberedList = "numberedList",
16
- HeadingOne = "headingOne",
17
- HeadingTwo = "headingTwo",
18
- Seperator = "|"
19
- }
@@ -1,5 +0,0 @@
1
- declare const _default: import("react").ForwardRefExoticComponent<Omit<import("./RichTextEditor").RichTextEditorProps, "forwardedRef"> & import("react").RefAttributes<import("./RichTextEditor").RichTextEditorRef>> & {
2
- MentionList: ({ name: eventPrefix, render }: import("./MentionList").MentionListProps) => JSX.Element | null;
3
- Toolbar: ({ name, buttons, testID, }: import("./EditorToolbar").EditorToolbarProps) => JSX.Element | null;
4
- };
5
- export default _default;
@@ -1,8 +0,0 @@
1
- import { EventEmitter } from 'events';
2
- export interface Listener<T> {
3
- (data: T): void;
4
- }
5
- export declare const off: <T>(emitter: EventEmitter, eventName: string, listener: Listener<T>) => void;
6
- export declare const emit: <T>(emitter: EventEmitter, eventName: string, data: T) => boolean;
7
- export declare const setMaxListeners: (emitter: EventEmitter, n: number) => void;
8
- export declare const on: <T>(emitter: EventEmitter, eventName: string, listener: Listener<T>) => () => void;
@@ -1,7 +0,0 @@
1
- import WebView from 'react-native-webview';
2
- export declare const requestBlurEditor: (element: WebView) => void;
3
- export interface WebViewEventMessage {
4
- type: string;
5
- data: any;
6
- }
7
- export declare const postMessage: (element: WebView, message: WebViewEventMessage) => void;