@draftbit/ui 50.1.2 → 50.1.3-13d35c.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/index.js +1 -1
- package/lib/typescript/src/index.d.ts +28 -47
- package/lib/typescript/src/index.js +2 -1
- package/lib/typescript/src/index.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -4
- package/src/index.js +2 -1
- package/src/index.js.map +1 -1
- package/src/index.tsx +11 -3
package/lib/commonjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./polyfillReanimatedWorkletInit";import{Icon}from"@draftbit/native";export{Icon,LinearGradient,WebView}from"@draftbit/native";export{flattenReactFragments,useDeepCompareEffect,useDeepCompareMemo,AudioPlayer,Avatar,Center,Circle,CircleImage,Container,CheckboxGroup,
|
|
1
|
+
import"./polyfillReanimatedWorkletInit";import{Icon}from"@draftbit/native";export{Icon,LinearGradient,WebView}from"@draftbit/native";export{flattenReactFragments,useDeepCompareEffect,useDeepCompareMemo,AudioPlayer,Avatar,Center,Circle,CircleImage,Container,CheckboxGroup,Divider,Provider,RadioButtonFieldGroup,RadioButtonGroup,Row,ScreenContainer,Spacer,Square,Stack,Surface,SVG,Switch,SwitchRow,NumberInput,Touchable,Pressable,useAuthState,DeckSwiper,DeckSwiperCard,Shadow,TabViewItem,Markdown,BottomSheet,YoutubePlayer,Table,TableRow,TableCell,SwipeableItemButton,SwipeableList,ProgressBar,ProgressCircle,RowHeadlineImageCaption,ActionSheet,ActionSheetItem,ActionSheetCancel,Swiper,SwiperItem,SectionList,SectionHeader,LinearProgress,CircularProgress,TextInput,VideoPlayer,PinInput,CustomPinInputCell,CustomPinInputText,AspectRatio,HStack,VStack,ZStack,PickerItem,AvoidKeyboardView,KeyboardAvoidingView,SimpleStyleFlashList,SimpleStyleFlatList,SimpleStyleKeyboardAwareScrollView,SimpleStyleMasonryFlashList,SimpleStyleScrollView,SimpleStyleSectionList,SimpleStyleSwipeableList}from"@draftbit/core";export{DefaultTheme,withTheme,useChangeTheme,useTheme,ReadTheme,Breakpoints,ColorPalettes,createTheme}from"@draftbit/theme";import{injectIcon,AvatarEdit as BaseAvatarEdit,Banner as BaseBanner,Button as BaseDeprecatedButton,ButtonSolid as BaseButtonSolid,ButtonOutline as BaseButtonOutline,Card as BaseCard,Link as BaseLink,Checkbox as BaseCheckbox,CheckboxRow as BaseCheckboxRow,DatePicker as BaseDatePicker,FAB as BaseFab,FieldSearchBarFull as BaseFieldSearchBarFull,IconButton as BaseIconButton,Picker as BasePicker,MultiSelectPicker as BaseMultiSelectPicker,StarRating as BaseStarRating,TextField as BaseTextField,RadioButton as BaseRadioButton,RadioButtonRow as BaseRadioButtonRow,Stepper as BaseStepper,ToggleButton as BaseToggleButton,RowBodyIcon as BaseRowBodyIcon,RowHeadlineImageIcon as BaseRowHeadlineImageIcon,Slider as BaseSlider,AccordionGroup as BaseAccordionGroup,AccordionItem as BaseAccordionItem,TabView as BaseTabView,SwipeableItem as BaseSwipeableItem}from"@draftbit/core";export var AvatarEdit=injectIcon(BaseAvatarEdit,Icon);export var Banner=injectIcon(BaseBanner,Icon);export var Button=injectIcon(BaseDeprecatedButton,Icon);export var ButtonOutline=injectIcon(BaseButtonOutline,Icon);export var ButtonSolid=injectIcon(BaseButtonSolid,Icon);export var Card=injectIcon(BaseCard,Icon);export var Checkbox=injectIcon(BaseCheckbox,Icon);export var CheckboxRow=injectIcon(BaseCheckboxRow,Icon);export var DatePicker=injectIcon(BaseDatePicker,Icon);export var FAB=injectIcon(BaseFab,Icon);export var FieldSearchBarFull=injectIcon(BaseFieldSearchBarFull,Icon);export var IconButton=injectIcon(BaseIconButton,Icon);export var Link=injectIcon(BaseLink,Icon);export var Picker=injectIcon(BasePicker,Icon);export var MultiSelectPicker=injectIcon(BaseMultiSelectPicker,Icon);export var RadioButton=injectIcon(BaseRadioButton,Icon);export var RadioButtonRow=injectIcon(BaseRadioButtonRow,Icon);export var RowBodyIcon=injectIcon(BaseRowBodyIcon,Icon);export var RowHeadlineImageIcon=injectIcon(BaseRowHeadlineImageIcon,Icon);export var StarRating=injectIcon(BaseStarRating,Icon);export var Stepper=injectIcon(BaseStepper,Icon);export var TextField=injectIcon(BaseTextField,Icon);export var ToggleButton=injectIcon(BaseToggleButton,Icon);export var Slider=injectIcon(BaseSlider,Icon);export var AccordionGroup=injectIcon(BaseAccordionGroup,Icon);export var AccordionItem=injectIcon(BaseAccordionItem,Icon);export var TabView=injectIcon(BaseTabView,Icon);export var SwipeableItem=injectIcon(BaseSwipeableItem,Icon);
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
import "./polyfillReanimatedWorkletInit";
|
|
3
3
|
export { Icon, LinearGradient, WebView } from "@draftbit/native";
|
|
4
4
|
export type { AudioPlayerRef, VideoPlayerRef } from "@draftbit/core";
|
|
5
|
-
export { flattenReactFragments, useDeepCompareEffect, useDeepCompareMemo, AudioPlayer, Avatar, Center, Circle, CircleImage, Container, CheckboxGroup,
|
|
5
|
+
export { flattenReactFragments, useDeepCompareEffect, useDeepCompareMemo, AudioPlayer, Avatar, Center, Circle, CircleImage, Container, CheckboxGroup, Divider, Provider, RadioButtonFieldGroup, RadioButtonGroup, Row, ScreenContainer, Spacer, Square, Stack, Surface, SVG, Switch, SwitchRow, NumberInput, Touchable, Pressable, useAuthState, DeckSwiper, DeckSwiperCard, Shadow, TabViewItem, Markdown, BottomSheet, YoutubePlayer, Table, TableRow, TableCell, SwipeableItemButton, SwipeableList, ProgressBar, ProgressCircle, RowHeadlineImageCaption, ActionSheet, ActionSheetItem, ActionSheetCancel, Swiper, SwiperItem, SectionList, SectionHeader, LinearProgress, CircularProgress, TextInput, VideoPlayer, PinInput, CustomPinInputCell, CustomPinInputText, AspectRatio, HStack, VStack, ZStack, PickerItem, AvoidKeyboardView, KeyboardAvoidingView, SimpleStyleFlashList, SimpleStyleFlatList, SimpleStyleKeyboardAwareScrollView, SimpleStyleMasonryFlashList, SimpleStyleScrollView, SimpleStyleSectionList, SimpleStyleSwipeableList, } from "@draftbit/core";
|
|
6
|
+
export { DefaultTheme, withTheme, useChangeTheme, useTheme, ReadTheme, Breakpoints, ColorPalettes, createTheme, } from "@draftbit/theme";
|
|
6
7
|
export declare const AvatarEdit: import("react").ForwardRefExoticComponent<{
|
|
7
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
8
8
|
image: string | import("react-native").ImageSourcePropType;
|
|
9
9
|
size?: number | undefined;
|
|
10
10
|
onPress?: (() => void) | undefined;
|
|
@@ -12,7 +12,6 @@ export declare const AvatarEdit: import("react").ForwardRefExoticComponent<{
|
|
|
12
12
|
children?: import("react").ReactNode;
|
|
13
13
|
} & import("react").RefAttributes<any>>;
|
|
14
14
|
export declare const Banner: import("react").ForwardRefExoticComponent<Omit<{
|
|
15
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
16
15
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
17
16
|
children?: import("react").ReactNode;
|
|
18
17
|
ref?: import("react").RefObject<import("react-native").View> | undefined;
|
|
@@ -27,18 +26,17 @@ export declare const Button: import("react").ForwardRefExoticComponent<{} & impo
|
|
|
27
26
|
export declare const ButtonOutline: import("react").ForwardRefExoticComponent<{} & import("react").RefAttributes<any>>;
|
|
28
27
|
export declare const ButtonSolid: import("react").ForwardRefExoticComponent<{} & import("react").RefAttributes<any>>;
|
|
29
28
|
export declare const Card: import("react").ForwardRefExoticComponent<{
|
|
30
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
31
29
|
image?: string | import("react-native").ImageSourcePropType | undefined;
|
|
32
30
|
onPress?: (() => void) | undefined;
|
|
33
31
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
34
32
|
children?: import("react").ReactNode;
|
|
33
|
+
elevation?: number | undefined;
|
|
34
|
+
aspectRatio?: number | undefined;
|
|
35
35
|
icon?: string | undefined;
|
|
36
36
|
title?: string | undefined;
|
|
37
37
|
subtitle?: string | undefined;
|
|
38
38
|
description?: string | undefined;
|
|
39
39
|
textCentered: boolean;
|
|
40
|
-
aspectRatio?: number | undefined;
|
|
41
|
-
elevation?: number | undefined;
|
|
42
40
|
numColumns?: number | undefined;
|
|
43
41
|
titleStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
|
|
44
42
|
subtitleStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
|
|
@@ -165,6 +163,7 @@ export declare const CheckboxRow: import("react").ForwardRefExoticComponent<{
|
|
|
165
163
|
onPress?: ((checked: boolean) => void) | undefined;
|
|
166
164
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
167
165
|
color?: string | undefined;
|
|
166
|
+
direction?: import("packages/core/src/components/Checkbox/CheckboxRow").Direction | undefined;
|
|
168
167
|
status?: boolean | undefined;
|
|
169
168
|
disabled?: boolean | undefined;
|
|
170
169
|
onCheck?: (() => void) | undefined;
|
|
@@ -177,15 +176,12 @@ export declare const CheckboxRow: import("react").ForwardRefExoticComponent<{
|
|
|
177
176
|
labelStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
|
|
178
177
|
labelContainerStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
179
178
|
checkboxStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
180
|
-
direction?: import("packages/core/src/components/Checkbox/CheckboxRow").Direction | undefined;
|
|
181
179
|
} & import("react").RefAttributes<any>>;
|
|
182
180
|
export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
183
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
184
181
|
style?: ((import("react-native").StyleProp<import("react-native").ViewStyle | import("react-native").TextStyle> & {
|
|
185
182
|
height?: number | undefined;
|
|
186
183
|
}) & (false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle>> | null)) | undefined;
|
|
187
184
|
children?: import("react").ReactNode;
|
|
188
|
-
type?: "solid" | "underline" | undefined;
|
|
189
185
|
hitSlop?: import("react-native").Insets | undefined;
|
|
190
186
|
id?: string | undefined;
|
|
191
187
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
@@ -270,6 +266,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
|
270
266
|
onMagicTap?: (() => void) | undefined;
|
|
271
267
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
272
268
|
accessibilityLanguage?: string | undefined;
|
|
269
|
+
borderColor?: string | undefined;
|
|
273
270
|
disabled?: boolean | undefined;
|
|
274
271
|
defaultValue?: ((string | Date) & string) | undefined;
|
|
275
272
|
onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
@@ -281,13 +278,13 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
|
281
278
|
format?: string | undefined;
|
|
282
279
|
onDateChange?: ((data?: Date | undefined) => void) | undefined;
|
|
283
280
|
mode?: "date" | "time" | "datetime" | undefined;
|
|
281
|
+
type?: "solid" | "underline" | undefined;
|
|
284
282
|
labelSize?: number | undefined;
|
|
285
283
|
labelColor?: string | undefined;
|
|
286
284
|
placeholder?: string | undefined;
|
|
287
285
|
leftIconName?: string | undefined;
|
|
288
286
|
leftIconMode?: "outset" | "inset" | undefined;
|
|
289
287
|
rightIconName?: string | undefined;
|
|
290
|
-
borderColor?: string | undefined;
|
|
291
288
|
borderColorActive?: string | undefined;
|
|
292
289
|
autoDismissKeyboard?: boolean | undefined;
|
|
293
290
|
minimumDate?: string | Date | undefined;
|
|
@@ -326,7 +323,7 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
|
326
323
|
end?: number | undefined;
|
|
327
324
|
} | undefined;
|
|
328
325
|
selectionColor?: import("react-native").ColorValue | undefined;
|
|
329
|
-
textAlign?: "
|
|
326
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
330
327
|
inputAccessoryViewID?: string | undefined;
|
|
331
328
|
value?: string | undefined;
|
|
332
329
|
maxFontSizeMultiplier?: number | null | undefined;
|
|
@@ -352,12 +349,11 @@ export declare const DatePicker: import("react").ForwardRefExoticComponent<{
|
|
|
352
349
|
returnKeyLabel?: string | undefined;
|
|
353
350
|
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
354
351
|
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
355
|
-
textAlignVertical?: "auto" | "center" | "
|
|
352
|
+
textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
|
|
356
353
|
showSoftInputOnFocus?: boolean | undefined;
|
|
357
|
-
verticalAlign?: "auto" | "
|
|
354
|
+
verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
|
|
358
355
|
} & import("react").RefAttributes<any>>;
|
|
359
356
|
export declare const FAB: import("react").ForwardRefExoticComponent<{
|
|
360
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
361
357
|
size?: number | undefined;
|
|
362
358
|
onPress: (() => void) & ((event: import("react-native").GestureResponderEvent) => void);
|
|
363
359
|
style?: ((false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle>>) & (false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>))) | null | undefined;
|
|
@@ -469,7 +465,6 @@ export declare const FAB: import("react").ForwardRefExoticComponent<{
|
|
|
469
465
|
iconName?: string | undefined;
|
|
470
466
|
} & import("react").RefAttributes<any>>;
|
|
471
467
|
export declare const FieldSearchBarFull: import("react").ForwardRefExoticComponent<{
|
|
472
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
473
468
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
474
469
|
children?: import("react").ReactNode;
|
|
475
470
|
icon?: string | undefined;
|
|
@@ -481,7 +476,6 @@ export declare const FieldSearchBarFull: import("react").ForwardRefExoticCompone
|
|
|
481
476
|
onSubmit?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
482
477
|
} & import("react").RefAttributes<any>>;
|
|
483
478
|
export declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
484
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
485
479
|
size?: number | undefined;
|
|
486
480
|
onPress: (() => void) & ((event: import("react-native").GestureResponderEvent) => void);
|
|
487
481
|
style?: ((false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle>>) & (false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle>> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>))) | null | undefined;
|
|
@@ -595,13 +589,12 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
|
595
589
|
} & import("react").RefAttributes<any>>;
|
|
596
590
|
export declare const Link: import("react").ForwardRefExoticComponent<{} & import("react").RefAttributes<any>>;
|
|
597
591
|
export declare const Picker: import("react").ForwardRefExoticComponent<{
|
|
598
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
599
592
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle> | import("react-native").TextStyle;
|
|
600
593
|
children?: import("react").ReactNode;
|
|
601
|
-
type?: "solid" | "underline" | undefined;
|
|
602
594
|
disabled?: boolean | undefined;
|
|
603
595
|
label?: string | undefined;
|
|
604
596
|
mode?: "native" | "dropdown" | "dropdown-modal" | undefined;
|
|
597
|
+
type?: "solid" | "underline" | undefined;
|
|
605
598
|
placeholder?: string | undefined;
|
|
606
599
|
leftIconName?: string | undefined;
|
|
607
600
|
leftIconMode?: "outset" | "inset" | undefined;
|
|
@@ -618,7 +611,7 @@ export declare const Picker: import("react").ForwardRefExoticComponent<{
|
|
|
618
611
|
dropDownTextColor?: string | undefined;
|
|
619
612
|
dropDownBorderWidth?: number | undefined;
|
|
620
613
|
dropDownBorderRadius?: number | undefined;
|
|
621
|
-
options: string[] | import("packages/core/src/components/Picker/PickerCommon").PickerOption[]
|
|
614
|
+
options: number[] | string[] | import("packages/core/src/components/Picker/PickerCommon").PickerOption[];
|
|
622
615
|
error?: boolean | undefined;
|
|
623
616
|
assistiveText?: string | undefined;
|
|
624
617
|
iconSize?: number | undefined;
|
|
@@ -626,12 +619,11 @@ export declare const Picker: import("react").ForwardRefExoticComponent<{
|
|
|
626
619
|
dropdownOverlayColor?: string | undefined;
|
|
627
620
|
} & import("react").RefAttributes<any>>;
|
|
628
621
|
export declare const MultiSelectPicker: import("react").ForwardRefExoticComponent<{
|
|
629
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
630
622
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle> | import("react-native").TextStyle;
|
|
631
623
|
children?: import("react").ReactNode;
|
|
632
|
-
type?: "solid" | "underline" | undefined;
|
|
633
624
|
disabled?: boolean | undefined;
|
|
634
625
|
label?: string | undefined;
|
|
626
|
+
type?: "solid" | "underline" | undefined;
|
|
635
627
|
placeholder?: string | undefined;
|
|
636
628
|
leftIconName?: string | undefined;
|
|
637
629
|
leftIconMode?: "outset" | "inset" | undefined;
|
|
@@ -648,7 +640,7 @@ export declare const MultiSelectPicker: import("react").ForwardRefExoticComponen
|
|
|
648
640
|
dropDownTextColor?: string | undefined;
|
|
649
641
|
dropDownBorderWidth?: number | undefined;
|
|
650
642
|
dropDownBorderRadius?: number | undefined;
|
|
651
|
-
options: string[] | import("packages/core/src/components/Picker/PickerCommon").PickerOption[]
|
|
643
|
+
options: number[] | string[] | import("packages/core/src/components/Picker/PickerCommon").PickerOption[];
|
|
652
644
|
error?: boolean | undefined;
|
|
653
645
|
assistiveText?: string | undefined;
|
|
654
646
|
iconSize?: number | undefined;
|
|
@@ -671,11 +663,11 @@ export declare const RadioButtonRow: import("react").ForwardRefExoticComponent<{
|
|
|
671
663
|
onPress?: ((value: string) => void) | undefined;
|
|
672
664
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
673
665
|
color?: string | undefined;
|
|
666
|
+
direction?: import("packages/core/src/components/RadioButton/RadioButtonRow").Direction | undefined;
|
|
674
667
|
disabled?: boolean | undefined;
|
|
675
668
|
label: import("react").ReactNode;
|
|
676
669
|
labelStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
|
|
677
670
|
labelContainerStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
678
|
-
direction?: import("packages/core/src/components/RadioButton/RadioButtonRow").Direction | undefined;
|
|
679
671
|
value: string | number;
|
|
680
672
|
selected?: boolean | undefined;
|
|
681
673
|
unselectedColor?: string | undefined;
|
|
@@ -684,7 +676,6 @@ export declare const RadioButtonRow: import("react").ForwardRefExoticComponent<{
|
|
|
684
676
|
radioButtonStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
685
677
|
} & import("react").RefAttributes<any>>;
|
|
686
678
|
export declare const RowBodyIcon: import("react").ForwardRefExoticComponent<{
|
|
687
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
688
679
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
689
680
|
children?: import("react").ReactNode;
|
|
690
681
|
icon: string;
|
|
@@ -692,7 +683,6 @@ export declare const RowBodyIcon: import("react").ForwardRefExoticComponent<{
|
|
|
692
683
|
subtitle?: string | undefined;
|
|
693
684
|
} & import("react").RefAttributes<any>>;
|
|
694
685
|
export declare const RowHeadlineImageIcon: import("react").ForwardRefExoticComponent<{
|
|
695
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
696
686
|
image: string | import("react-native").ImageSourcePropType;
|
|
697
687
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
698
688
|
children?: import("react").ReactNode;
|
|
@@ -702,7 +692,6 @@ export declare const RowHeadlineImageIcon: import("react").ForwardRefExoticCompo
|
|
|
702
692
|
multilineSubtitle?: boolean | undefined;
|
|
703
693
|
} & import("react").RefAttributes<any>>;
|
|
704
694
|
export declare const StarRating: import("react").ForwardRefExoticComponent<{
|
|
705
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
706
695
|
onPress?: ((newValue: number) => void) | undefined;
|
|
707
696
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
708
697
|
children?: import("react").ReactNode;
|
|
@@ -715,21 +704,18 @@ export declare const StarRating: import("react").ForwardRefExoticComponent<{
|
|
|
715
704
|
inactiveColor?: string | undefined;
|
|
716
705
|
} & import("react").RefAttributes<any>>;
|
|
717
706
|
export declare const Stepper: import("react").ForwardRefExoticComponent<{
|
|
718
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
719
707
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle | import("react-native").TextStyle>;
|
|
708
|
+
max: number;
|
|
709
|
+
min: number;
|
|
720
710
|
defaultValue?: number | undefined;
|
|
721
711
|
onChange?: ((value: number) => void) | undefined;
|
|
722
712
|
value?: number | undefined;
|
|
723
713
|
iconColor?: string | undefined;
|
|
724
714
|
iconSize: number;
|
|
725
|
-
min: number;
|
|
726
|
-
max: number;
|
|
727
715
|
} & import("react").RefAttributes<any>>;
|
|
728
716
|
export declare const TextField: import("react").ForwardRefExoticComponent<{
|
|
729
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
730
717
|
style?: ((false | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").ViewStyle | import("react-native").RegisteredStyle<import("react-native").ViewStyle>>) & (false | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | import("react-native").TextStyle | import("react-native").RegisteredStyle<import("react-native").TextStyle>>)) | null | undefined;
|
|
731
718
|
children?: import("react").ReactNode;
|
|
732
|
-
type?: "solid" | "underline" | undefined;
|
|
733
719
|
hitSlop?: import("react-native").Insets | undefined;
|
|
734
720
|
id?: string | undefined;
|
|
735
721
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
@@ -821,6 +807,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
|
|
|
821
807
|
onBlur?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
822
808
|
onFocus?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
823
809
|
label?: string | undefined;
|
|
810
|
+
type?: "solid" | "underline" | undefined;
|
|
824
811
|
placeholder?: string | undefined;
|
|
825
812
|
leftIconName?: string | undefined;
|
|
826
813
|
leftIconMode?: "outset" | "inset" | undefined;
|
|
@@ -858,7 +845,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
|
|
|
858
845
|
end?: number | undefined;
|
|
859
846
|
} | undefined;
|
|
860
847
|
selectionColor?: import("react-native").ColorValue | undefined;
|
|
861
|
-
textAlign?: "
|
|
848
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
862
849
|
inputAccessoryViewID?: string | undefined;
|
|
863
850
|
value?: string | undefined;
|
|
864
851
|
maxFontSizeMultiplier?: number | null | undefined;
|
|
@@ -884,9 +871,9 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
|
|
|
884
871
|
returnKeyLabel?: string | undefined;
|
|
885
872
|
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
886
873
|
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
887
|
-
textAlignVertical?: "auto" | "center" | "
|
|
874
|
+
textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
|
|
888
875
|
showSoftInputOnFocus?: boolean | undefined;
|
|
889
|
-
verticalAlign?: "auto" | "
|
|
876
|
+
verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
|
|
890
877
|
iconColor?: string | undefined;
|
|
891
878
|
error?: boolean | undefined;
|
|
892
879
|
assistiveText?: string | undefined;
|
|
@@ -901,23 +888,21 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
|
|
|
901
888
|
changeTextDelay?: number | undefined;
|
|
902
889
|
} & import("react").RefAttributes<any>>;
|
|
903
890
|
export declare const ToggleButton: import("react").ForwardRefExoticComponent<{
|
|
904
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
905
891
|
onPress?: ((value: boolean) => void) | undefined;
|
|
906
892
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
907
893
|
children?: import("react").ReactNode;
|
|
908
|
-
color?:
|
|
894
|
+
color?: string | undefined;
|
|
895
|
+
borderColor?: string | undefined;
|
|
896
|
+
height?: number | undefined;
|
|
897
|
+
width?: number | undefined;
|
|
909
898
|
icon: string;
|
|
910
899
|
disabled?: boolean | undefined;
|
|
911
900
|
defaultValue?: boolean | undefined;
|
|
912
|
-
borderColor?: import("@draftbit/types").colorTypes | undefined;
|
|
913
901
|
iconSize?: number | undefined;
|
|
914
902
|
toggled?: boolean | undefined;
|
|
915
|
-
colorSecondary?:
|
|
916
|
-
width?: number | undefined;
|
|
917
|
-
height?: number | undefined;
|
|
903
|
+
colorSecondary?: string | undefined;
|
|
918
904
|
} & import("react").RefAttributes<any>>;
|
|
919
905
|
export declare const Slider: import("react").ForwardRefExoticComponent<{
|
|
920
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
921
906
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
922
907
|
defaultValue?: number | undefined;
|
|
923
908
|
value?: number | undefined;
|
|
@@ -935,7 +920,6 @@ export declare const Slider: import("react").ForwardRefExoticComponent<{
|
|
|
935
920
|
step: number;
|
|
936
921
|
} & import("react").RefAttributes<any>>;
|
|
937
922
|
export declare const AccordionGroup: import("react").ForwardRefExoticComponent<{
|
|
938
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
939
923
|
style?: import("react-native").StyleProp<import("react-native").TextStyle>;
|
|
940
924
|
children?: import("react").ReactNode;
|
|
941
925
|
icon?: string | undefined;
|
|
@@ -948,14 +932,12 @@ export declare const AccordionGroup: import("react").ForwardRefExoticComponent<{
|
|
|
948
932
|
caretSize?: number | undefined;
|
|
949
933
|
} & import("react").RefAttributes<any>>;
|
|
950
934
|
export declare const AccordionItem: import("react").ForwardRefExoticComponent<{
|
|
951
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
952
935
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
953
936
|
icon?: string | undefined;
|
|
954
937
|
label: string;
|
|
955
938
|
iconColor?: string | undefined;
|
|
956
939
|
} & import("react").RefAttributes<any>>;
|
|
957
940
|
export declare const TabView: import("react").ForwardRefExoticComponent<{
|
|
958
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
959
941
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle | import("react-native").TextStyle>;
|
|
960
942
|
children?: import("react").ReactNode;
|
|
961
943
|
scrollEnabled?: boolean | undefined;
|
|
@@ -965,16 +947,15 @@ export declare const TabView: import("react").ForwardRefExoticComponent<{
|
|
|
965
947
|
onIndexChanged?: ((index: number) => void) | undefined;
|
|
966
948
|
onEndReached?: (() => void) | undefined;
|
|
967
949
|
initialTabIndex?: number | undefined;
|
|
968
|
-
tabBarPosition?: ("
|
|
950
|
+
tabBarPosition?: ("bottom" | "top") | undefined;
|
|
969
951
|
keyboardDismissMode?: ("none" | "auto" | "on-drag") | undefined;
|
|
970
952
|
swipeEnabled?: boolean | undefined;
|
|
971
953
|
pressColor?: string | undefined;
|
|
972
954
|
indicatorColor?: string | undefined;
|
|
973
955
|
tabsBackgroundColor?: string | undefined;
|
|
974
|
-
iconPosition?: ("
|
|
956
|
+
iconPosition?: ("bottom" | "left" | "right" | "top") | undefined;
|
|
975
957
|
} & import("react").RefAttributes<any>>;
|
|
976
958
|
export declare const SwipeableItem: import("react").ForwardRefExoticComponent<{
|
|
977
|
-
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
978
959
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle | import("react-native").TextStyle>;
|
|
979
960
|
children?: import("react").ReactNode;
|
|
980
961
|
closeOnPress?: boolean | undefined;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import "./polyfillReanimatedWorkletInit";
|
|
2
2
|
import { Icon } from "@draftbit/native";
|
|
3
3
|
export { Icon, LinearGradient, WebView } from "@draftbit/native";
|
|
4
|
-
export { flattenReactFragments, useDeepCompareEffect, useDeepCompareMemo, AudioPlayer, Avatar, Center, Circle, CircleImage, Container, CheckboxGroup,
|
|
4
|
+
export { flattenReactFragments, useDeepCompareEffect, useDeepCompareMemo, AudioPlayer, Avatar, Center, Circle, CircleImage, Container, CheckboxGroup, Divider, Provider, RadioButtonFieldGroup, RadioButtonGroup, Row, ScreenContainer, Spacer, Square, Stack, Surface, SVG, Switch, SwitchRow, NumberInput, Touchable, Pressable, useAuthState, DeckSwiper, DeckSwiperCard, Shadow, TabViewItem, Markdown, BottomSheet, YoutubePlayer, Table, TableRow, TableCell, SwipeableItemButton, SwipeableList, ProgressBar, ProgressCircle, RowHeadlineImageCaption, ActionSheet, ActionSheetItem, ActionSheetCancel, Swiper, SwiperItem, SectionList, SectionHeader, LinearProgress, CircularProgress, TextInput, VideoPlayer, PinInput, CustomPinInputCell, CustomPinInputText, AspectRatio, HStack, VStack, ZStack, PickerItem, AvoidKeyboardView, KeyboardAvoidingView, SimpleStyleFlashList, SimpleStyleFlatList, SimpleStyleKeyboardAwareScrollView, SimpleStyleMasonryFlashList, SimpleStyleScrollView, SimpleStyleSectionList, SimpleStyleSwipeableList, } from "@draftbit/core";
|
|
5
|
+
export { DefaultTheme, withTheme, useChangeTheme, useTheme, createTheme, } from "@draftbit/theme";
|
|
5
6
|
/**
|
|
6
7
|
* Components with Injected Dependencies
|
|
7
8
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIjE,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAS,EACT,aAAa,EACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|