@hero-design/rn 8.89.0-alpha.0 → 8.89.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/.turbo/turbo-build.log +13 -0
- package/CHANGELOG.md +10 -0
- package/es/index.js +1441 -1126
- package/lib/index.js +1441 -1127
- package/package.json +2 -3
- package/src/components/Calendar/CalendarRange.tsx +337 -0
- package/src/components/Calendar/CalendarRangeConnector.tsx +68 -0
- package/src/components/Calendar/CalendarRowItem.tsx +14 -3
- package/src/components/Calendar/StyledCalendar.tsx +23 -9
- package/src/components/Calendar/__tests__/CalendarRange.spec.tsx +284 -0
- package/src/components/Calendar/__tests__/CalendarRangeConnector.spec.tsx +73 -0
- package/src/components/Calendar/__tests__/__snapshots__/CalendarRangeConnector.spec.tsx.snap +632 -0
- package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +45 -20
- package/src/components/Calendar/__tests__/helper.spec.ts +110 -1
- package/src/components/Calendar/helpers.ts +75 -0
- package/src/components/Calendar/index.tsx +19 -15
- package/src/components/RichTextEditor/RichTextEditor.tsx +14 -20
- package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +2 -4
- package/src/index.ts +0 -2
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +9 -4
- package/src/theme/components/calendar.ts +6 -1
- package/src/theme/global/index.ts +0 -2
- package/src/theme/index.ts +0 -2
- package/src/types.ts +2 -0
- package/stats/8.88.0/rn-stats.html +0 -2
- package/stats/8.89.0/rn-stats.html +4842 -0
- package/types/components/Calendar/CalendarRowItem.d.ts +3 -1
- package/types/components/Calendar/StyledCalendar.d.ts +2 -1
- package/types/components/Calendar/helpers.d.ts +15 -0
- package/types/components/Calendar/index.d.ts +4 -2
- package/types/index.d.ts +2 -2
- package/types/theme/components/calendar.d.ts +5 -0
- package/types/theme/global/index.d.ts +1 -2
- package/types/theme/index.d.ts +2 -2
- package/types/types.d.ts +2 -1
- package/src/theme/global/colors/ehWorkDark.ts +0 -60
- package/types/components/Calendar/CalendarRangeSelectedItem.d.ts +0 -11
- package/types/components/Calendar/Sample.d.ts +0 -13
- package/types/components/Calendar/hooks/useCalendarLayout.d.ts +0 -7
- package/types/components/Calendar/useSetUpCalendar.d.ts +0 -0
- package/types/components/CompoundSearch/CompoundSearchHandler.d.ts +0 -31
- package/types/components/CompoundSearch/CompoundSearchTextInput.d.ts +0 -60
- package/types/components/CompoundSearch/StyledCompoundSearch.d.ts +0 -40
- package/types/components/CompoundSearch/index.d.ts +0 -8
- package/types/components/CompoundSearch/utils.d.ts +0 -8
- package/types/components/FloatingIsland/SingleLine/StyledSingleLine.d.ts +0 -15
- package/types/components/FloatingIsland/SingleLine/index.d.ts +0 -24
- package/types/test-utils.d.ts +0 -4
- package/types/theme/components/compoundSearch.d.ts +0 -36
- package/types/theme/global/colors/ehWorkDark.d.ts +0 -48
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export declare const getCellVariant: (isSelected?: boolean, isCurrent?: boolean, isHighlighted?: boolean) => "default" | "current" | "selected" | "highlighted";
|
|
2
3
|
export interface CalendarRowItemProps {
|
|
3
4
|
date?: Date;
|
|
4
5
|
onPress?: () => void;
|
|
@@ -7,6 +8,7 @@ export interface CalendarRowItemProps {
|
|
|
7
8
|
textIntent?: 'body' | 'subdued';
|
|
8
9
|
marked?: boolean;
|
|
9
10
|
itemWidth?: number;
|
|
11
|
+
isHighlighted?: boolean;
|
|
10
12
|
}
|
|
11
|
-
declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, itemWidth, }: CalendarRowItemProps) => React.JSX.Element;
|
|
13
|
+
declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, itemWidth, isHighlighted, }: CalendarRowItemProps) => React.JSX.Element;
|
|
12
14
|
export default CalendarRowItem;
|
|
@@ -24,7 +24,7 @@ declare const StyledCalendarCell: import("@emotion/native").StyledComponent<impo
|
|
|
24
24
|
theme?: import("@emotion/react").Theme;
|
|
25
25
|
as?: React.ElementType;
|
|
26
26
|
} & {
|
|
27
|
-
variant?: "default" | "current" | "selected";
|
|
27
|
+
variant?: "default" | "current" | "selected" | "highlighted";
|
|
28
28
|
themeItemWidth?: number;
|
|
29
29
|
}, {}, {
|
|
30
30
|
ref?: import("react").Ref<TouchableOpacity> | undefined;
|
|
@@ -40,6 +40,7 @@ declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<V
|
|
|
40
40
|
as?: React.ElementType;
|
|
41
41
|
} & {
|
|
42
42
|
themeItemWidth?: number;
|
|
43
|
+
isHighlighted?: boolean;
|
|
43
44
|
}, {}, {
|
|
44
45
|
ref?: import("react").Ref<View> | undefined;
|
|
45
46
|
}>;
|
|
@@ -1,3 +1,18 @@
|
|
|
1
1
|
export declare const initArray: <T>(length: number, func: (value: number) => T) => T[];
|
|
2
2
|
export declare const isEqDate: (dateA?: Date, dateB?: Date) => boolean;
|
|
3
|
+
export declare const isDateInRange: ({ date, range, }: {
|
|
4
|
+
date: Date;
|
|
5
|
+
range?: {
|
|
6
|
+
startDate?: Date;
|
|
7
|
+
endDate?: Date;
|
|
8
|
+
};
|
|
9
|
+
}) => boolean;
|
|
3
10
|
export declare const getValidDate: (date: Date, minDate?: Date, maxDate?: Date) => Date | undefined;
|
|
11
|
+
export declare const setStartOrEndDate: ({ date, startDate, endDate, }: {
|
|
12
|
+
date: Date;
|
|
13
|
+
startDate?: Date;
|
|
14
|
+
endDate?: Date;
|
|
15
|
+
}) => {
|
|
16
|
+
startDate: Date | undefined;
|
|
17
|
+
endDate: Date | undefined;
|
|
18
|
+
};
|
|
@@ -54,5 +54,7 @@ export interface CalendarProps {
|
|
|
54
54
|
*/
|
|
55
55
|
monthPickerCancelLabel?: string;
|
|
56
56
|
}
|
|
57
|
-
declare const
|
|
58
|
-
|
|
57
|
+
declare const _default: (({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => React.JSX.Element) & {
|
|
58
|
+
Range: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: import("./CalendarRange").CalendarProps) => React.JSX.Element;
|
|
59
|
+
};
|
|
60
|
+
export default _default;
|
package/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
1
|
+
import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ThemeSwitcher, withTheme } from './theme';
|
|
2
2
|
import { scale } from './utils/scale';
|
|
3
3
|
import Accordion from './components/Accordion';
|
|
4
4
|
import Alert from './components/Alert';
|
|
@@ -54,5 +54,5 @@ import Portal from './components/Portal';
|
|
|
54
54
|
import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
|
|
55
55
|
import Search from './components/Search';
|
|
56
56
|
import FloatingIsland from './components/FloatingIsland';
|
|
57
|
-
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
57
|
+
export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
|
|
58
58
|
export * from './types';
|
|
@@ -8,6 +8,10 @@ declare const getCalendarTheme: (theme: GlobalTheme) => {
|
|
|
8
8
|
border: string;
|
|
9
9
|
primary: string;
|
|
10
10
|
inverted: string;
|
|
11
|
+
rowItem: {
|
|
12
|
+
selected: string;
|
|
13
|
+
highlighted: string;
|
|
14
|
+
};
|
|
11
15
|
};
|
|
12
16
|
sizes: {
|
|
13
17
|
cellWidth: number;
|
|
@@ -23,6 +27,7 @@ declare const getCalendarTheme: (theme: GlobalTheme) => {
|
|
|
23
27
|
headerHorizontalPadding: number;
|
|
24
28
|
headerMarginRight: number;
|
|
25
29
|
iosPickerMarginVertical: number;
|
|
30
|
+
cellPadding: number;
|
|
26
31
|
};
|
|
27
32
|
};
|
|
28
33
|
export default getCalendarTheme;
|
|
@@ -7,7 +7,6 @@ import workSystemPalette from './colors/work';
|
|
|
7
7
|
import jobsSystemPalette from './colors/jobs';
|
|
8
8
|
import walletSystemPalette from './colors/wallet';
|
|
9
9
|
import eBensSystemPalette from './colors/eBens';
|
|
10
|
-
import ehWorkDarkPalette from './colors/ehWorkDark';
|
|
11
10
|
import type { Scale } from './scale';
|
|
12
11
|
import type { SystemPalette } from './colors/types';
|
|
13
12
|
declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
@@ -80,4 +79,4 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
|
|
|
80
79
|
};
|
|
81
80
|
type GlobalTheme = ReturnType<typeof getGlobalTheme>;
|
|
82
81
|
export type { GlobalTheme, Scale, SystemPalette };
|
|
83
|
-
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
82
|
+
export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };
|
package/types/theme/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import getTheme from './getTheme';
|
|
2
2
|
import ThemeProvider, { useTheme } from './ThemeProvider';
|
|
3
3
|
import ThemeSwitcher, { withTheme } from './ThemeSwitcher';
|
|
4
|
-
import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette
|
|
4
|
+
import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette } from './global';
|
|
5
5
|
import type { Theme } from './getTheme';
|
|
6
6
|
declare const defaultTheme: Theme;
|
|
7
7
|
export type { Theme };
|
|
8
|
-
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette,
|
|
8
|
+
export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };
|
|
9
9
|
export default defaultTheme;
|
package/types/types.d.ts
CHANGED
|
@@ -12,4 +12,5 @@ import { CardCarouselHandles } from './components/Carousel/CardCarousel';
|
|
|
12
12
|
import { FABHandles } from './components/FAB/FAB';
|
|
13
13
|
import { ActionGroupHandles } from './components/FAB/ActionGroup';
|
|
14
14
|
import type { SliderRangeValue } from './components/Slider/RangeSlider';
|
|
15
|
-
|
|
15
|
+
import type { CalendarDateRange } from './components/Calendar/CalendarRange';
|
|
16
|
+
export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, };
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import swagLightGlobalPalette from './swagLightGlobal';
|
|
2
|
-
|
|
3
|
-
const ehWorkDarkPalette = {
|
|
4
|
-
...swagLightGlobalPalette,
|
|
5
|
-
// Surface
|
|
6
|
-
defaultGlobalSurface: '#27272A',
|
|
7
|
-
neutralGlobalSurface: '#121214',
|
|
8
|
-
darkGlobalSurface: '#fcfbff',
|
|
9
|
-
overlayGlobalSurface: '#ffffff',
|
|
10
|
-
// On Surface
|
|
11
|
-
onDefaultGlobalSurface: '#ffffff',
|
|
12
|
-
mutedOnDefaultGlobalSurface: '#a9a9b2',
|
|
13
|
-
inactiveOnDefaultGlobalSurface: '#71717a',
|
|
14
|
-
disabledOnDefaultGlobalSurface: '#52525b',
|
|
15
|
-
onOnDarkGlobalSurface: '#121214',
|
|
16
|
-
// Outline:
|
|
17
|
-
primaryOutline: '#a9a9b2',
|
|
18
|
-
secondaryOutline: '#3f3f46',
|
|
19
|
-
inactiveOutline: '#71717a',
|
|
20
|
-
disabledOutline: '#52525b',
|
|
21
|
-
// Archived:
|
|
22
|
-
archivedSurface: '#52525b',
|
|
23
|
-
mutedArchived: '#3f3f46',
|
|
24
|
-
archived: '#71717a',
|
|
25
|
-
onArchivedSurface: '#a9a9b2',
|
|
26
|
-
// Error:
|
|
27
|
-
errorSurface: '#7a1d06',
|
|
28
|
-
mutedError: '#9b2508',
|
|
29
|
-
error: '#bd2d09',
|
|
30
|
-
onErrorSurface: '#fecfca',
|
|
31
|
-
// Warming:
|
|
32
|
-
warningSurface: '#963e03',
|
|
33
|
-
mutedWarning: '#c35004',
|
|
34
|
-
warning: '#dc6204',
|
|
35
|
-
onWarningSurface: '#fff0d5',
|
|
36
|
-
// Success:
|
|
37
|
-
successSurface: '#00483e',
|
|
38
|
-
mutedSuccess: '#016256',
|
|
39
|
-
success: '#017d6d',
|
|
40
|
-
onSuccessSurface: '#a7f3e9',
|
|
41
|
-
// Info:
|
|
42
|
-
infoSurface: '#004a61',
|
|
43
|
-
mutedInfo: '#006585',
|
|
44
|
-
info: '#007da3',
|
|
45
|
-
onInfoSurface: '#a0e8ff',
|
|
46
|
-
// Brand:
|
|
47
|
-
primary: '#cdacfe',
|
|
48
|
-
onPrimary: '#fdfbff',
|
|
49
|
-
secondary: '#7622d7',
|
|
50
|
-
onSecondary: '#ffffff',
|
|
51
|
-
defaultSurface: '#fdfbff',
|
|
52
|
-
highlightedSurface: '#280541',
|
|
53
|
-
pressedSurface: '#9a58fc',
|
|
54
|
-
decorativePrimary: '#fdfbff',
|
|
55
|
-
decorativePrimarySurface: '#74409a',
|
|
56
|
-
decorativeSecondary: '#fdfbff',
|
|
57
|
-
decorativeSecondarySurface: '#f0e6ff',
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export default ehWorkDarkPalette;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface SelectedDateProps {
|
|
3
|
-
date: Date;
|
|
4
|
-
onPress?: () => void;
|
|
5
|
-
marked?: boolean;
|
|
6
|
-
isStart?: boolean;
|
|
7
|
-
showConnector?: boolean;
|
|
8
|
-
itemWidth?: number;
|
|
9
|
-
}
|
|
10
|
-
declare const SelectedDate: ({ date, onPress, marked, isStart, showConnector, itemWidth, }: SelectedDateProps) => React.JSX.Element;
|
|
11
|
-
export default SelectedDate;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* A simple calculator class to demonstrate proper naming conventions
|
|
3
|
-
* and formatting.
|
|
4
|
-
*/
|
|
5
|
-
declare class SimpleCalculator {
|
|
6
|
-
/**
|
|
7
|
-
* Adds two integers and returns the result.
|
|
8
|
-
* @param firstNumber - The first integer.
|
|
9
|
-
* @param secondNumber - The second integer.
|
|
10
|
-
* @returns The sum of the two integers.
|
|
11
|
-
*/
|
|
12
|
-
addIntegers(firstNumber: number, secondNumber: number): number;
|
|
13
|
-
}
|
|
File without changes
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import { IconName } from '../Icon';
|
|
4
|
-
interface CompoundSearchHandlerProps {
|
|
5
|
-
/**
|
|
6
|
-
* Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
|
|
7
|
-
*/
|
|
8
|
-
prefix?: IconName | React.ReactElement;
|
|
9
|
-
/**
|
|
10
|
-
* Name of Icon or ReactElement to render on the right side of the input.
|
|
11
|
-
*/
|
|
12
|
-
suffix?: IconName | React.ReactElement;
|
|
13
|
-
/**
|
|
14
|
-
* Additional wrapper style.
|
|
15
|
-
*/
|
|
16
|
-
style?: StyleProp<ViewStyle>;
|
|
17
|
-
/**
|
|
18
|
-
* Label of the Input handler.
|
|
19
|
-
*/
|
|
20
|
-
label: React.ReactNode;
|
|
21
|
-
/**
|
|
22
|
-
* Content of the Input handler.
|
|
23
|
-
*/
|
|
24
|
-
content: React.ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Testing id of the component.
|
|
27
|
-
*/
|
|
28
|
-
testID?: string;
|
|
29
|
-
}
|
|
30
|
-
declare const CompoundSearchHandler: (props: CompoundSearchHandlerProps) => React.JSX.Element;
|
|
31
|
-
export default CompoundSearchHandler;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TextInputProps as NativeTextInputProps, TextInput as RNTextInput, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
3
|
-
import { State } from './StyledCompoundSearch';
|
|
4
|
-
import { IconName } from '../Icon';
|
|
5
|
-
export declare type CompoundSearchTextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
|
|
6
|
-
interface CompoundSearchTextInputProps extends NativeTextInputProps {
|
|
7
|
-
/**
|
|
8
|
-
* Name of Icon or ReactElement to render on the left side of the input, before the user's cursor.
|
|
9
|
-
*/
|
|
10
|
-
prefix?: IconName | React.ReactElement;
|
|
11
|
-
/**
|
|
12
|
-
* Name of Icon or ReactElement to render on the right side of the input.
|
|
13
|
-
*/
|
|
14
|
-
suffix?: IconName | React.ReactElement;
|
|
15
|
-
/**
|
|
16
|
-
* Additional wrapper style.
|
|
17
|
-
*/
|
|
18
|
-
style?: StyleProp<ViewStyle>;
|
|
19
|
-
/**
|
|
20
|
-
* Input text style.
|
|
21
|
-
*/
|
|
22
|
-
textStyle?: StyleProp<TextStyle>;
|
|
23
|
-
/**
|
|
24
|
-
* Testing id of the component.
|
|
25
|
-
*/
|
|
26
|
-
testID?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Accessibility label for the input (Android).
|
|
29
|
-
*/
|
|
30
|
-
accessibilityLabelledBy?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Placeholder text to display.
|
|
33
|
-
* */
|
|
34
|
-
placeholder?: string;
|
|
35
|
-
/**
|
|
36
|
-
* Whether the input is editable.
|
|
37
|
-
* */
|
|
38
|
-
editable?: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Whether the input is disabled.
|
|
41
|
-
*/
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* The max length of the input.
|
|
45
|
-
* If the max length is set, the input will display the current length and the max length.
|
|
46
|
-
* */
|
|
47
|
-
maxLength?: number;
|
|
48
|
-
/**
|
|
49
|
-
* Whether to hide the character count.
|
|
50
|
-
* */
|
|
51
|
-
renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
|
|
52
|
-
}
|
|
53
|
-
export declare const getState: ({ disabled, editable, isEmptyValue, }: {
|
|
54
|
-
disabled?: boolean | undefined;
|
|
55
|
-
editable?: boolean | undefined;
|
|
56
|
-
isFocused?: boolean | undefined;
|
|
57
|
-
isEmptyValue?: boolean | undefined;
|
|
58
|
-
}) => State;
|
|
59
|
-
declare const CompoundSearchTextInput: React.ForwardRefExoticComponent<CompoundSearchTextInputProps & React.RefAttributes<CompoundSearchTextInputHandles>>;
|
|
60
|
-
export default CompoundSearchTextInput;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { TextInput, View } from 'react-native';
|
|
2
|
-
export declare type State = 'default' | 'filled' | 'disabled' | 'readonly';
|
|
3
|
-
export declare const StyledContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
-
}, {}, {
|
|
7
|
-
ref?: import("react").Ref<View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
10
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
12
|
-
} & {
|
|
13
|
-
themeFocused: boolean;
|
|
14
|
-
}, {}, {
|
|
15
|
-
ref?: import("react").Ref<View> | undefined;
|
|
16
|
-
}>;
|
|
17
|
-
export declare const StyledAffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
18
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
20
|
-
}, {}, {
|
|
21
|
-
ref?: import("react").Ref<View> | undefined;
|
|
22
|
-
}>;
|
|
23
|
-
export declare const StyledSuffixContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
24
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
25
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
26
|
-
}, {}, {
|
|
27
|
-
ref?: import("react").Ref<View> | undefined;
|
|
28
|
-
}>;
|
|
29
|
-
export declare const StyledInput: import("@emotion/native").StyledComponent<import("react-native").TextInputProps & {
|
|
30
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
31
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
32
|
-
}, {}, {
|
|
33
|
-
ref?: import("react").Ref<TextInput> | undefined;
|
|
34
|
-
}>;
|
|
35
|
-
export declare const StyledHandlerContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
36
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
37
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
38
|
-
}, {}, {
|
|
39
|
-
ref?: import("react").Ref<View> | undefined;
|
|
40
|
-
}>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import CompoundSearchHandler from './CompoundSearchHandler';
|
|
2
|
-
import CompoundSearchTextInput from './CompoundSearchTextInput';
|
|
3
|
-
declare type CompoundSearchType = {
|
|
4
|
-
TextInput: typeof CompoundSearchTextInput;
|
|
5
|
-
Handler: typeof CompoundSearchHandler;
|
|
6
|
-
};
|
|
7
|
-
declare const CompoundSearch: CompoundSearchType;
|
|
8
|
-
export default CompoundSearch;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IconName } from '../Icon';
|
|
3
|
-
export declare const renderPrefix: ({ prefix, }: {
|
|
4
|
-
prefix?: "number" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "swag" | "wallet" | "bold" | "menu" | "filter" | "image" | "switch" | "target" | "restart" | "directory" | "document" | "feed" | "list" | "billing" | "home" | "user" | "send" | "file" | "loading" | "sync" | "warning" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "bolt" | "bookmark-added" | "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" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "exclude" | "expand-content" | "expense" | "explore_nearby" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "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" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "hero-points" | "import" | "incident-siren" | "instapay-daily" | "instapay-now" | "instapay" | "loading-2" | "location-on" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "money-notes" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "near-me" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane-up" | "plane" | "play-circle" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rostering" | "salary-sacrifice" | "save" | "schedule-send" | "schedule" | "search-person" | "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" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "video-1" | "video-2" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-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" | "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-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-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" | "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" | "email-outlined" | "end-break-outlined" | "enter-arrow" | "envelope-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-search-outlined" | "file-secured-outlined" | "file-statutory-outlined" | "file-verified-outlined" | "filter-outlined" | "folder-outlined" | "folder-user-outlined" | "form-outlined" | "funnel-filter-outline" | "goal-outlined" | "graph-outlined" | "hand-holding-user-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" | "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" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "overview-outlined" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "propane-tank-outlined" | "qr-code-outlined" | "qualification-outlined" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-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" | "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" | "tag-outlined" | "target-outlined" | "tennis-outlined" | "ticket-outlined" | "timesheet-outlined" | "timesheets-outlined" | "today-outlined" | "transfer" | "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;
|
|
5
|
-
}) => React.JSX.Element | undefined;
|
|
6
|
-
export declare const renderSuffix: ({ suffix, }: {
|
|
7
|
-
suffix?: "number" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "swag" | "wallet" | "bold" | "menu" | "filter" | "image" | "switch" | "target" | "restart" | "directory" | "document" | "feed" | "list" | "billing" | "home" | "user" | "send" | "file" | "loading" | "sync" | "warning" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "bolt" | "bookmark-added" | "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" | "dollar-coin-shine" | "double-buildings" | "edit-template" | "envelope" | "exclude" | "expand-content" | "expense" | "explore_nearby" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "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" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "hero-points" | "import" | "incident-siren" | "instapay-daily" | "instapay-now" | "instapay" | "loading-2" | "location-on" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "money-notes" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "near-me" | "node" | "open-folder" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane-up" | "plane" | "play-circle" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rostering" | "salary-sacrifice" | "save" | "schedule-send" | "schedule" | "search-person" | "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" | "teams" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "video-1" | "video-2" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-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" | "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-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-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" | "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" | "email-outlined" | "end-break-outlined" | "enter-arrow" | "envelope-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-search-outlined" | "file-secured-outlined" | "file-statutory-outlined" | "file-verified-outlined" | "filter-outlined" | "folder-outlined" | "folder-user-outlined" | "form-outlined" | "funnel-filter-outline" | "goal-outlined" | "graph-outlined" | "hand-holding-user-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" | "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" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "overview-outlined" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "print-outlined" | "propane-tank-outlined" | "qr-code-outlined" | "qualification-outlined" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-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" | "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" | "tag-outlined" | "target-outlined" | "tennis-outlined" | "ticket-outlined" | "timesheet-outlined" | "timesheets-outlined" | "today-outlined" | "transfer" | "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;
|
|
8
|
-
}) => React.JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare const StyledSingleLineWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
|
|
2
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
3
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
4
|
-
}, {}, {
|
|
5
|
-
ref?: import("react").Ref<import("react-native").TouchableOpacity> | undefined;
|
|
6
|
-
}>;
|
|
7
|
-
declare const StyledIconWrapper: import("@emotion/native").StyledComponent<import("../../Box").BoxProps & {
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
10
|
-
}, {}, {}>;
|
|
11
|
-
declare const StyledIcon: import("@emotion/native").StyledComponent<import("../../Icon").IconProps & {
|
|
12
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
-
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
14
|
-
}, {}, {}>;
|
|
15
|
-
export { StyledIcon, StyledIconWrapper, StyledSingleLineWrapper };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React, { ComponentProps, ReactNode } from 'react';
|
|
2
|
-
import { ViewProps } from 'react-native';
|
|
3
|
-
import { IconName } from '../../Icon';
|
|
4
|
-
import Tag from '../../Tag';
|
|
5
|
-
export interface SingleLineFloatingIslandProps extends ViewProps {
|
|
6
|
-
/**
|
|
7
|
-
* Text content of the floating island.
|
|
8
|
-
*/
|
|
9
|
-
text: string;
|
|
10
|
-
/**
|
|
11
|
-
* Icon to display on the floating island.
|
|
12
|
-
*/
|
|
13
|
-
icon?: IconName | ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Callback that is called when the floating island is pressed.
|
|
16
|
-
*/
|
|
17
|
-
onPress?: () => void;
|
|
18
|
-
/**
|
|
19
|
-
* Intent of the tag component.
|
|
20
|
-
*/
|
|
21
|
-
intent?: ComponentProps<typeof Tag>['intent'];
|
|
22
|
-
}
|
|
23
|
-
declare const SingleLineFloatingIsland: ({ text, icon, onPress, intent, onLayout, style, ...props }: SingleLineFloatingIslandProps) => React.JSX.Element;
|
|
24
|
-
export default SingleLineFloatingIsland;
|
package/types/test-utils.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { GlobalTheme } from '../global';
|
|
2
|
-
declare const getCompoundSearchTheme: (theme: GlobalTheme) => {
|
|
3
|
-
colors: {
|
|
4
|
-
containerBackground: string;
|
|
5
|
-
surfixBackground: string;
|
|
6
|
-
text: string;
|
|
7
|
-
borders: string;
|
|
8
|
-
};
|
|
9
|
-
space: {
|
|
10
|
-
containerHorizontalPadding: number;
|
|
11
|
-
containerVerticalPadding: number;
|
|
12
|
-
inputHorizontalMargin: number;
|
|
13
|
-
prefixHorizontalPadding: number;
|
|
14
|
-
surfixPadding: number;
|
|
15
|
-
};
|
|
16
|
-
fonts: {
|
|
17
|
-
text: string;
|
|
18
|
-
};
|
|
19
|
-
fontSizes: {
|
|
20
|
-
text: number;
|
|
21
|
-
};
|
|
22
|
-
borderWidths: {
|
|
23
|
-
container: {
|
|
24
|
-
normal: number;
|
|
25
|
-
focused: number;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
radii: {
|
|
29
|
-
container: number;
|
|
30
|
-
surfix: number;
|
|
31
|
-
};
|
|
32
|
-
sizes: {
|
|
33
|
-
surfixSize: number;
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
export default getCompoundSearchTheme;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
declare const ehWorkDarkPalette: {
|
|
2
|
-
defaultGlobalSurface: string;
|
|
3
|
-
neutralGlobalSurface: string;
|
|
4
|
-
darkGlobalSurface: string;
|
|
5
|
-
overlayGlobalSurface: string;
|
|
6
|
-
onDefaultGlobalSurface: string;
|
|
7
|
-
mutedOnDefaultGlobalSurface: string;
|
|
8
|
-
inactiveOnDefaultGlobalSurface: string;
|
|
9
|
-
disabledOnDefaultGlobalSurface: string;
|
|
10
|
-
onOnDarkGlobalSurface: string;
|
|
11
|
-
primaryOutline: string;
|
|
12
|
-
secondaryOutline: string;
|
|
13
|
-
inactiveOutline: string;
|
|
14
|
-
disabledOutline: string;
|
|
15
|
-
archivedSurface: string;
|
|
16
|
-
mutedArchived: string;
|
|
17
|
-
archived: string;
|
|
18
|
-
onArchivedSurface: string;
|
|
19
|
-
errorSurface: string;
|
|
20
|
-
mutedError: string;
|
|
21
|
-
error: string;
|
|
22
|
-
onErrorSurface: string;
|
|
23
|
-
warningSurface: string;
|
|
24
|
-
mutedWarning: string;
|
|
25
|
-
warning: string;
|
|
26
|
-
onWarningSurface: string;
|
|
27
|
-
successSurface: string;
|
|
28
|
-
mutedSuccess: string;
|
|
29
|
-
success: string;
|
|
30
|
-
onSuccessSurface: string;
|
|
31
|
-
infoSurface: string;
|
|
32
|
-
mutedInfo: string;
|
|
33
|
-
info: string;
|
|
34
|
-
onInfoSurface: string;
|
|
35
|
-
primary: string;
|
|
36
|
-
onPrimary: string;
|
|
37
|
-
secondary: string;
|
|
38
|
-
onSecondary: string;
|
|
39
|
-
defaultSurface: string;
|
|
40
|
-
highlightedSurface: string;
|
|
41
|
-
pressedSurface: string;
|
|
42
|
-
decorativePrimary: string;
|
|
43
|
-
decorativePrimarySurface: string;
|
|
44
|
-
decorativeSecondary: string;
|
|
45
|
-
decorativeSecondarySurface: string;
|
|
46
|
-
onDarkGlobalSurface: string;
|
|
47
|
-
};
|
|
48
|
-
export default ehWorkDarkPalette;
|