one
Version:
One is a React framework for web, iOS, and Android apps.
439 lines • 15.1 kB
TypeScript
import type { ColorValue, ViewProps } from 'react-native';
import type { DirectEventHandler, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
type ComposeStyleNative = Readonly<{
backgroundColor?: ColorValue;
foregroundColor?: ColorValue;
padding?: WithDefault<Double, -1>;
paddingTop?: WithDefault<Double, -1>;
paddingRight?: WithDefault<Double, -1>;
paddingBottom?: WithDefault<Double, -1>;
paddingLeft?: WithDefault<Double, -1>;
width?: WithDefault<Double, -1>;
height?: WithDefault<Double, -1>;
fillMaxWidth?: boolean;
fillMaxHeight?: boolean;
weight?: WithDefault<Double, -1>;
cornerRadius?: WithDefault<Double, -1>;
opacity?: WithDefault<Double, -1>;
borderColor?: ColorValue;
borderWidth?: WithDefault<Double, -1>;
}>;
export interface NativeProps extends ViewProps {
nodeType: string;
intrinsicHeight?: boolean;
onNativeComposeNodeContentSizeChange?: DirectEventHandler<Readonly<{
height: Double;
}>>;
text?: string;
fontSize?: WithDefault<Double, -1>;
fontWeight?: string;
textAlign?: string;
maxLines?: Int32;
label?: string;
disabled?: boolean;
variant?: string;
tone?: string;
icon?: string;
iconFilled?: boolean;
colorRole?: string;
value?: boolean;
nativeClickable?: boolean;
checkboxColors?: Readonly<{
checkedColor?: ColorValue;
disabledCheckedColor?: ColorValue;
uncheckedColor?: ColorValue;
disabledUncheckedColor?: ColorValue;
checkmarkColor?: ColorValue;
}>;
selected?: boolean;
radioColors?: Readonly<{
selectedColor?: ColorValue;
unselectedColor?: ColorValue;
disabledSelectedColor?: ColorValue;
disabledUnselectedColor?: ColorValue;
}>;
switchColors?: Readonly<{
checkedThumbColor?: ColorValue;
checkedTrackColor?: ColorValue;
checkedBorderColor?: ColorValue;
checkedIconColor?: ColorValue;
uncheckedThumbColor?: ColorValue;
uncheckedTrackColor?: ColorValue;
uncheckedBorderColor?: ColorValue;
uncheckedIconColor?: ColorValue;
disabledCheckedThumbColor?: ColorValue;
disabledCheckedTrackColor?: ColorValue;
disabledCheckedBorderColor?: ColorValue;
disabledCheckedIconColor?: ColorValue;
disabledUncheckedThumbColor?: ColorValue;
disabledUncheckedTrackColor?: ColorValue;
disabledUncheckedBorderColor?: ColorValue;
disabledUncheckedIconColor?: ColorValue;
}>;
cardColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
}>;
surfaceMode?: string;
badgeColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
}>;
listItemColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
leadingContentColor?: ColorValue;
trailingContentColor?: ColorValue;
supportingContentColor?: ColorValue;
overlineContentColor?: ColorValue;
}>;
tonalElevation?: WithDefault<Double, -1>;
shadowElevation?: WithDefault<Double, -1>;
cardElevation?: WithDefault<Double, -1>;
cardBorder?: Readonly<{
width?: WithDefault<Double, 1>;
color?: ColorValue;
}>;
dividerStyle?: Readonly<{
thickness?: WithDefault<Double, -1>;
color?: ColorValue;
}>;
slotName?: string;
chipColors?: Readonly<{
containerColor?: ColorValue;
labelColor?: ColorValue;
iconColor?: ColorValue;
iconContentColor?: ColorValue;
leadingIconContentColor?: ColorValue;
trailingIconContentColor?: ColorValue;
leadingIconColor?: ColorValue;
trailingIconColor?: ColorValue;
selectedContainerColor?: ColorValue;
selectedLabelColor?: ColorValue;
selectedLeadingIconColor?: ColorValue;
selectedTrailingIconColor?: ColorValue;
}>;
chipElevation?: WithDefault<Double, -1>;
chipBorder?: Readonly<{
width?: WithDefault<Double, 1>;
color?: ColorValue;
}>;
iconButtonColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
disabledContainerColor?: ColorValue;
disabledContentColor?: ColorValue;
}>;
fabColors?: Readonly<{
containerColor?: ColorValue;
}>;
fabExpanded?: boolean;
toggleButtonColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
checkedContainerColor?: ColorValue;
checkedContentColor?: ColorValue;
disabledContainerColor?: ColorValue;
disabledContentColor?: ColorValue;
}>;
segmentedButtonColors?: Readonly<{
activeBorderColor?: ColorValue;
activeContentColor?: ColorValue;
inactiveBorderColor?: ColorValue;
inactiveContentColor?: ColorValue;
disabledActiveBorderColor?: ColorValue;
disabledActiveContentColor?: ColorValue;
disabledInactiveBorderColor?: ColorValue;
disabledInactiveContentColor?: ColorValue;
activeContainerColor?: ColorValue;
inactiveContainerColor?: ColorValue;
disabledActiveContainerColor?: ColorValue;
disabledInactiveContainerColor?: ColorValue;
}>;
loadingColors?: Readonly<{
color?: ColorValue;
containerColor?: ColorValue;
}>;
acknowledgedEvent?: Int32;
revision?: Int32;
alignment?: string;
arrangement?: string;
verticalArrangement?: string;
spacing?: WithDefault<Double, -1>;
verticalSpacing?: WithDefault<Double, -1>;
textValue?: string;
syncStateId?: Int32;
placeholder?: string;
keyboardType?: string;
secureText?: boolean;
focused?: boolean;
focusRevision?: Int32;
acknowledgedFocusEvent?: Int32;
imeAction?: string;
maxLength?: Int32;
multiline?: boolean;
capitalization?: string;
autoCorrect?: boolean;
numberValue?: WithDefault<Double, 0>;
minimumValue?: WithDefault<Double, 0>;
maximumValue?: WithDefault<Double, 1>;
sliderOptions?: Readonly<{
lowerLimit?: Double;
upperLimit?: Double;
colors?: Readonly<{
thumbColor?: ColorValue;
activeTrackColor?: ColorValue;
inactiveTrackColor?: ColorValue;
activeTickColor?: ColorValue;
inactiveTickColor?: ColorValue;
}>;
}>;
pickerOptions?: Readonly<{
showModeToggle?: WithDefault<boolean, true>;
is24Hour?: boolean;
minimumDay?: Double;
maximumDay?: Double;
color?: ColorValue;
colors?: Readonly<{
containerColor?: ColorValue;
titleContentColor?: ColorValue;
headlineContentColor?: ColorValue;
weekdayContentColor?: ColorValue;
subheadContentColor?: ColorValue;
navigationContentColor?: ColorValue;
yearContentColor?: ColorValue;
disabledYearContentColor?: ColorValue;
currentYearContentColor?: ColorValue;
selectedYearContentColor?: ColorValue;
disabledSelectedYearContentColor?: ColorValue;
selectedYearContainerColor?: ColorValue;
disabledSelectedYearContainerColor?: ColorValue;
dayContentColor?: ColorValue;
disabledDayContentColor?: ColorValue;
selectedDayContentColor?: ColorValue;
disabledSelectedDayContentColor?: ColorValue;
selectedDayContainerColor?: ColorValue;
disabledSelectedDayContainerColor?: ColorValue;
todayContentColor?: ColorValue;
todayDateBorderColor?: ColorValue;
dayInSelectionRangeContentColor?: ColorValue;
dayInSelectionRangeContainerColor?: ColorValue;
dividerColor?: ColorValue;
clockDialColor?: ColorValue;
clockDialSelectedContentColor?: ColorValue;
clockDialUnselectedContentColor?: ColorValue;
selectorColor?: ColorValue;
periodSelectorBorderColor?: ColorValue;
periodSelectorSelectedContainerColor?: ColorValue;
periodSelectorUnselectedContainerColor?: ColorValue;
periodSelectorSelectedContentColor?: ColorValue;
periodSelectorUnselectedContentColor?: ColorValue;
timeSelectorSelectedContainerColor?: ColorValue;
timeSelectorUnselectedContainerColor?: ColorValue;
timeSelectorSelectedContentColor?: ColorValue;
timeSelectorUnselectedContentColor?: ColorValue;
}>;
}>;
step?: WithDefault<Double, 0>;
visible?: boolean;
title?: string;
message?: string;
confirmLabel?: string;
dismissLabel?: string;
progress?: WithDefault<Double, -1>;
progressVariant?: string;
progressOptions?: Readonly<{
color?: ColorValue;
trackColor?: ColorValue;
strokeCap?: string;
gapSize?: Double;
strokeWidth?: Double;
drawStopIndicator?: Readonly<{
color?: ColorValue;
strokeCap?: string;
stopSize?: Double;
}>;
stopSize?: Double;
amplitude?: Double;
wavelength?: Double;
waveSpeed?: Double;
}>;
composeStyle?: ComposeStyleNative;
onNativeComposeNodeButtonPress?: DirectEventHandler<Readonly<{
eventCount: Int32;
}>>;
onNativeComposeNodeBooleanValueChange?: DirectEventHandler<Readonly<{
value: boolean;
eventCount: Int32;
revision: Int32;
}>>;
onNativeComposeNodeTextValueChange?: DirectEventHandler<Readonly<{
text: string;
eventCount: Int32;
revision: Int32;
}>>;
onNativeComposeNodeTextFieldFocusChange?: DirectEventHandler<Readonly<{
value: boolean;
eventCount: Int32;
revision: Int32;
}>>;
onNativeComposeNodeTextFieldSubmit?: DirectEventHandler<Readonly<{
text: string;
eventCount: Int32;
}>>;
onNativeComposeNodeNumberValueChange?: DirectEventHandler<Readonly<{
value: Double;
eventCount: Int32;
revision: Int32;
}>>;
onNativeComposeNodeDialogConfirm?: DirectEventHandler<Readonly<{
eventCount: Int32;
value: Double;
}>>;
onNativeComposeNodeDialogDismiss?: DirectEventHandler<Readonly<{
eventCount: Int32;
}>>;
lazyContentPadding?: Readonly<{
start?: WithDefault<Double, -1>;
end?: WithDefault<Double, -1>;
top?: WithDefault<Double, -1>;
bottom?: WithDefault<Double, -1>;
}>;
imageSource?: Readonly<{
uri?: string;
}>;
imageOptions?: Readonly<{
contentScale?: string;
alignment?: string;
tint?: ColorValue;
alpha?: WithDefault<Double, -1>;
}>;
snackbarColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
actionColor?: ColorValue;
actionContentColor?: ColorValue;
dismissActionContentColor?: ColorValue;
actionOnNewLine?: boolean;
}>;
snackbarRequest?: Readonly<{
requestId?: Int32;
message?: string;
actionLabel?: string;
withDismissAction?: boolean;
duration?: string;
revision?: Int32;
}>;
sheetOptions?: Readonly<{
skipPartiallyExpanded?: boolean;
initialFullyExpanded?: boolean;
showDragHandle?: boolean;
sheetGesturesEnabled?: boolean;
scrimColor?: ColorValue;
}>;
sheetProperties?: Readonly<{
shouldDismissOnClickOutside?: boolean;
}>;
sheetCommand?: Readonly<{
requestId?: Int32;
revision?: Int32;
}>;
navigationBarColors?: Readonly<{
containerColor?: ColorValue;
contentColor?: ColorValue;
}>;
navigationBarItemColors?: Readonly<{
selectedIconColor?: ColorValue;
selectedTextColor?: ColorValue;
indicatorColor?: ColorValue;
unselectedIconColor?: ColorValue;
unselectedTextColor?: ColorValue;
disabledIconColor?: ColorValue;
disabledTextColor?: ColorValue;
}>;
alwaysShowLabel?: boolean;
expandedValue?: boolean;
expandedRevision?: Int32;
acknowledgedExpandedEvent?: Int32;
searchBarColors?: Readonly<{
containerColor?: ColorValue;
}>;
dropdownMenuColors?: Readonly<{
containerColor?: ColorValue;
}>;
dropdownMenuItemColors?: Readonly<{
textColor?: ColorValue;
leadingIconColor?: ColorValue;
trailingIconColor?: ColorValue;
disabledTextColor?: ColorValue;
disabledLeadingIconColor?: ColorValue;
disabledTrailingIconColor?: ColorValue;
}>;
dropdownMenuItemOptions?: Readonly<{
leadingIcon?: string;
trailingIcon?: string;
filled?: boolean;
}>;
familyOptions?: Readonly<{
dismissOnBackPress?: boolean;
dismissOnClickOutside?: boolean;
usePlatformDefaultWidth?: boolean;
decorFitsSystemWindows?: boolean;
maxItemWidth?: Double;
preferredItemWidth?: Double;
itemWidth?: Double;
minSmallItemWidth?: Double;
maxSmallItemWidth?: Double;
itemSpacing?: Double;
flingBehavior?: string;
userScrollEnabled?: boolean;
initialStart?: Double;
initialEnd?: Double;
showTitle?: boolean;
showHeadline?: boolean;
shapeType?: string;
cornerRounding?: Double;
smoothing?: Double;
verticesCount?: Int32;
innerRadius?: Double;
radius?: Double;
topStart?: Double;
topEnd?: Double;
bottomStart?: Double;
bottomEnd?: Double;
color?: ColorValue;
toolbarContainerColor?: ColorValue;
toolbarContentColor?: ColorValue;
fabContainerColor?: ColorValue;
fabContentColor?: ColorValue;
syncCallbackId?: Int32;
}>;
onNativeComposeNodeDateRangeSelected?: DirectEventHandler<Readonly<{
start: Double;
end: Double;
hasStart: boolean;
hasEnd: boolean;
}>>;
isRefreshing?: boolean;
enterTransition?: string;
exitTransition?: string;
onNativeComposeNodeImageLoad?: DirectEventHandler<Readonly<{
eventCount: Int32;
}>>;
onNativeComposeNodeImageError?: DirectEventHandler<Readonly<{
message: string;
eventCount: Int32;
}>>;
onNativeComposeNodeSnackbarResult?: DirectEventHandler<Readonly<{
requestId: Int32;
result: string;
eventCount: Int32;
}>>;
onNativeComposeNodeSheetHidden?: DirectEventHandler<Readonly<{
requestId: Int32;
eventCount: Int32;
}>>;
}
declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
export default _default;
//# sourceMappingURL=OneNativeComposeNodeNativeComponent.d.ts.map