@draftbit/core 47.0.1-e04fa3.2 → 47.1.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/lib/commonjs/components/Button.js +3 -3
- package/lib/commonjs/components/Checkbox/Checkbox.js +1 -3
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +1 -2
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +1 -2
- package/lib/commonjs/components/DeprecatedButton.js +3 -27
- package/lib/commonjs/components/DeprecatedFAB.js +1 -2
- package/lib/commonjs/components/Justification.js +1 -5
- package/lib/commonjs/components/Pressable.js +37 -0
- package/lib/commonjs/components/ResizeMode.js +1 -5
- package/lib/commonjs/components/Swiper/Swiper.js +2 -0
- package/lib/commonjs/components/Touchable.js +8 -3
- package/lib/commonjs/index.js +89 -25
- package/lib/commonjs/mappings/Button.js +39 -10
- package/lib/commonjs/mappings/FlashList.js +45 -2
- package/lib/commonjs/mappings/FlatList.js +12 -0
- package/lib/commonjs/mappings/Swiper.js +2 -0
- package/lib/commonjs/mappings/Touchable.js +47 -7
- package/lib/module/components/Button.js +3 -3
- package/lib/module/components/Checkbox/Checkbox.js +2 -3
- package/lib/module/components/Checkbox/CheckboxGroupRow.js +2 -3
- package/lib/module/components/Checkbox/CheckboxRow.js +2 -3
- package/lib/module/components/DeprecatedButton.js +4 -28
- package/lib/module/components/DeprecatedFAB.js +2 -3
- package/lib/module/components/Justification.js +0 -1
- package/lib/module/components/Pressable.js +30 -0
- package/lib/module/components/ResizeMode.js +0 -1
- package/lib/module/components/Swiper/Swiper.js +2 -0
- package/lib/module/components/Touchable.js +8 -3
- package/lib/module/index.js +32 -121
- package/lib/module/mappings/Button.js +40 -11
- package/lib/module/mappings/FlashList.js +46 -3
- package/lib/module/mappings/FlatList.js +13 -1
- package/lib/module/mappings/Swiper.js +3 -1
- package/lib/module/mappings/Touchable.js +49 -9
- package/lib/typescript/src/components/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +2 -2
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/CheckboxGroupRow.d.ts.map +1 -1
- package/lib/typescript/src/components/Checkbox/CheckboxRow.d.ts.map +1 -1
- package/lib/typescript/src/components/DeprecatedButton.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -1
- package/lib/typescript/src/components/DeprecatedFAB.d.ts +2 -2
- package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -1
- package/lib/typescript/src/components/Pressable.d.ts +10 -0
- package/lib/typescript/src/components/Pressable.d.ts.map +1 -0
- package/lib/typescript/src/components/Swiper/Swiper.d.ts +2 -1
- package/lib/typescript/src/components/Swiper/Swiper.d.ts.map +1 -1
- package/lib/typescript/src/components/Touchable.d.ts +5 -6
- package/lib/typescript/src/components/Touchable.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +30 -102
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Button.d.ts +113 -4
- package/lib/typescript/src/mappings/Button.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlashList.d.ts +112 -2
- package/lib/typescript/src/mappings/FlashList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/FlatList.d.ts +42 -0
- package/lib/typescript/src/mappings/FlatList.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Swiper.d.ts +11 -0
- package/lib/typescript/src/mappings/Swiper.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Touchable.d.ts +59 -5
- package/lib/typescript/src/mappings/Touchable.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Button.tsx +14 -4
- package/src/components/Checkbox/Checkbox.tsx +5 -7
- package/src/components/Checkbox/CheckboxGroupRow.tsx +3 -3
- package/src/components/Checkbox/CheckboxRow.tsx +3 -3
- package/src/components/DeprecatedButton.tsx +7 -31
- package/src/components/DeprecatedFAB.tsx +5 -5
- package/src/components/Pressable.tsx +44 -0
- package/src/components/Swiper/Swiper.tsx +3 -0
- package/src/components/Touchable.tsx +11 -7
- package/src/index.tsx +44 -123
- package/src/mappings/Button.ts +41 -10
- package/src/mappings/FlashList.ts +82 -30
- package/src/mappings/FlatList.ts +16 -0
- package/src/mappings/Swiper.ts +4 -0
- package/src/mappings/Touchable.ts +53 -6
- package/lib/commonjs/mappings/NativeBase/AlertDialog.js +0 -102
- package/lib/commonjs/mappings/NativeBase/Button.js +0 -84
- package/lib/commonjs/mappings/NativeBase/DataDisplay.js +0 -61
- package/lib/commonjs/mappings/NativeBase/Feedback.js +0 -74
- package/lib/commonjs/mappings/NativeBase/Layout.js +0 -114
- package/lib/commonjs/mappings/NativeBase/Media.js +0 -49
- package/lib/commonjs/mappings/NativeBase/Menu.js +0 -111
- package/lib/commonjs/mappings/NativeBase/Modal.js +0 -93
- package/lib/commonjs/mappings/NativeBase/Other.js +0 -94
- package/lib/commonjs/mappings/NativeBase/Popover.js +0 -99
- package/lib/commonjs/mappings/NativeBase/Select.js +0 -65
- package/lib/commonjs/mappings/NativeBase/Slider.js +0 -81
- package/lib/module/mappings/NativeBase/AlertDialog.js +0 -95
- package/lib/module/mappings/NativeBase/Button.js +0 -86
- package/lib/module/mappings/NativeBase/DataDisplay.js +0 -54
- package/lib/module/mappings/NativeBase/Feedback.js +0 -67
- package/lib/module/mappings/NativeBase/Layout.js +0 -107
- package/lib/module/mappings/NativeBase/Media.js +0 -42
- package/lib/module/mappings/NativeBase/Menu.js +0 -104
- package/lib/module/mappings/NativeBase/Modal.js +0 -86
- package/lib/module/mappings/NativeBase/Other.js +0 -87
- package/lib/module/mappings/NativeBase/Popover.js +0 -92
- package/lib/module/mappings/NativeBase/Select.js +0 -58
- package/lib/module/mappings/NativeBase/Slider.js +0 -74
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts +0 -146
- package/lib/typescript/src/mappings/NativeBase/AlertDialog.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts +0 -1
- package/lib/typescript/src/mappings/NativeBase/Button.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts +0 -96
- package/lib/typescript/src/mappings/NativeBase/DataDisplay.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts +0 -2
- package/lib/typescript/src/mappings/NativeBase/Feedback.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +0 -146
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts +0 -48
- package/lib/typescript/src/mappings/NativeBase/Media.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts +0 -227
- package/lib/typescript/src/mappings/NativeBase/Menu.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts +0 -133
- package/lib/typescript/src/mappings/NativeBase/Modal.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts +0 -179
- package/lib/typescript/src/mappings/NativeBase/Other.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts +0 -136
- package/lib/typescript/src/mappings/NativeBase/Popover.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Select.d.ts +0 -156
- package/lib/typescript/src/mappings/NativeBase/Select.d.ts.map +0 -1
- package/lib/typescript/src/mappings/NativeBase/Slider.d.ts +0 -200
- package/lib/typescript/src/mappings/NativeBase/Slider.d.ts.map +0 -1
- package/src/Provider.js +0 -9
- package/src/components/Accordion/AccordionGroup.js +0 -44
- package/src/components/Accordion/AccordionItem.js +0 -32
- package/src/components/Accordion/index.js +0 -2
- package/src/components/ActionSheet/ActionSheet.js +0 -45
- package/src/components/ActionSheet/ActionSheetCancel.js +0 -6
- package/src/components/ActionSheet/ActionSheetItem.js +0 -30
- package/src/components/ActionSheet/index.js +0 -3
- package/src/components/AnimatedCircularProgress.js +0 -43
- package/src/components/AspectRatio.js +0 -18
- package/src/components/AvatarEdit.js +0 -30
- package/src/components/Banner.js +0 -109
- package/src/components/Button.js +0 -114
- package/src/components/Card.js +0 -57
- package/src/components/CardBlock.js +0 -54
- package/src/components/CardContainer.js +0 -69
- package/src/components/CardContainerRating.js +0 -79
- package/src/components/CardContainerShortImage.js +0 -33
- package/src/components/CardInline.js +0 -36
- package/src/components/Carousel.js +0 -68
- package/src/components/Checkbox/Checkbox.js +0 -63
- package/src/components/Checkbox/CheckboxGroup.js +0 -21
- package/src/components/Checkbox/CheckboxGroupRow.js +0 -77
- package/src/components/Checkbox/CheckboxRow.js +0 -78
- package/src/components/Checkbox/context.js +0 -14
- package/src/components/Checkbox/index.js +0 -3
- package/src/components/CircleImage.js +0 -8
- package/src/components/CircularProgress.js +0 -81
- package/src/components/Config.js +0 -64
- package/src/components/Container.js +0 -43
- package/src/components/DatePicker/DatePicker.js +0 -377
- package/src/components/DatePicker/DatePickerComponent.js +0 -13
- package/src/components/DatePicker/DatePickerComponent.web.js +0 -30
- package/src/components/DatePicker/DatePickerComponentType.js +0 -1
- package/src/components/DeprecatedButton.js +0 -95
- package/src/components/DeprecatedCardWrapper.js +0 -18
- package/src/components/DeprecatedFAB.js +0 -115
- package/src/components/Divider.js +0 -13
- package/src/components/Elevation.js +0 -20
- package/src/components/FAB.js +0 -46
- package/src/components/FieldSearchBarFull.js +0 -53
- package/src/components/FormRow.js +0 -19
- package/src/components/Header.js +0 -44
- package/src/components/HeaderLarge.js +0 -7
- package/src/components/HeaderMedium.js +0 -7
- package/src/components/HeaderOverline.js +0 -7
- package/src/components/IconButton.js +0 -35
- package/src/components/Image.js +0 -47
- package/src/components/Justification.js +0 -1
- package/src/components/Layout.js +0 -50
- package/src/components/NumberInput.js +0 -49
- package/src/components/Picker/Picker.js +0 -267
- package/src/components/Picker/PickerComponent.android.js +0 -69
- package/src/components/Picker/PickerComponent.ios.js +0 -79
- package/src/components/Picker/PickerComponent.web.js +0 -70
- package/src/components/Picker/PickerTypes.js +0 -1
- package/src/components/Portal/Portal.js +0 -35
- package/src/components/Portal/PortalConsumer.js +0 -27
- package/src/components/Portal/PortalHost.js +0 -107
- package/src/components/Portal/PortalManager.js +0 -32
- package/src/components/ProgressBar.js +0 -118
- package/src/components/ProgressCircle.js +0 -13
- package/src/components/ProgressIndicator.js +0 -27
- package/src/components/RadioButton/RadioButton.js +0 -17
- package/src/components/RadioButton/RadioButtonFieldGroup.js +0 -17
- package/src/components/RadioButton/RadioButtonGroup.js +0 -43
- package/src/components/RadioButton/RadioButtonRow.js +0 -76
- package/src/components/RadioButton/context.js +0 -14
- package/src/components/RadioButton/index.js +0 -4
- package/src/components/ResizeMode.js +0 -1
- package/src/components/Row.js +0 -48
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/SVG.js +0 -13
- package/src/components/ScreenContainer.js +0 -34
- package/src/components/Slider.js +0 -63
- package/src/components/StarRating.js +0 -50
- package/src/components/StepIndicator.js +0 -346
- package/src/components/Stepper.js +0 -41
- package/src/components/Surface.js +0 -32
- package/src/components/Swiper/Swiper.js +0 -29
- package/src/components/Swiper/SwiperItem.js +0 -9
- package/src/components/Swiper/index.js +0 -2
- package/src/components/Switch.js +0 -56
- package/src/components/Text.js +0 -33
- package/src/components/TextField.js +0 -428
- package/src/components/ToggleButton.js +0 -39
- package/src/components/Touchable.js +0 -12
- package/src/components/Touchable.web.js +0 -2
- package/src/components/Typography.js +0 -36
- package/src/components/useAuthState.js +0 -31
- package/src/constants.js +0 -10
- package/src/hooks.js +0 -12
- package/src/index.js +0 -133
- package/src/interfaces/Icon.js +0 -8
- package/src/mappings/Accordion.js +0 -41
- package/src/mappings/AccordionItem.js +0 -16
- package/src/mappings/ActionSheet.js +0 -13
- package/src/mappings/ActionSheetCancel.js +0 -19
- package/src/mappings/ActionSheetItem.js +0 -23
- package/src/mappings/ActivityIndicator.js +0 -58
- package/src/mappings/AudioPlayer.js +0 -57
- package/src/mappings/AvatarEdit.js +0 -38
- package/src/mappings/Banner.js +0 -32
- package/src/mappings/BlurView.js +0 -42
- package/src/mappings/Button.js +0 -87
- package/src/mappings/Card.js +0 -52
- package/src/mappings/CardBlock.js +0 -123
- package/src/mappings/CardContainer.js +0 -104
- package/src/mappings/CardContainerRating.js +0 -126
- package/src/mappings/CardContainerShortImage.js +0 -120
- package/src/mappings/CardInline.js +0 -52
- package/src/mappings/Carousel.js +0 -19
- package/src/mappings/Checkbox.js +0 -46
- package/src/mappings/CheckboxGroup.js +0 -26
- package/src/mappings/CheckboxRow.js +0 -61
- package/src/mappings/CircleImage.js +0 -25
- package/src/mappings/Container.js +0 -30
- package/src/mappings/CustomCode.js +0 -8
- package/src/mappings/DatePicker.js +0 -176
- package/src/mappings/Divider.js +0 -27
- package/src/mappings/FAB.js +0 -37
- package/src/mappings/Fetch.js +0 -13
- package/src/mappings/FieldSearchBarFull.js +0 -50
- package/src/mappings/FlashList.js +0 -33
- package/src/mappings/FlatList.js +0 -24
- package/src/mappings/HeaderLarge.js +0 -29
- package/src/mappings/HeaderMedium.js +0 -55
- package/src/mappings/HeaderOverline.js +0 -55
- package/src/mappings/Icon.js +0 -32
- package/src/mappings/IconButton.js +0 -35
- package/src/mappings/Image.js +0 -35
- package/src/mappings/ImageBackground.js +0 -29
- package/src/mappings/KeyboardAvoidingView.js +0 -41
- package/src/mappings/KeyboardAwareScrollView.js +0 -50
- package/src/mappings/Layout.js +0 -200
- package/src/mappings/LinearGradient.js +0 -77
- package/src/mappings/MapCallout.js +0 -21
- package/src/mappings/MapMarker.js +0 -47
- package/src/mappings/MapView.js +0 -139
- package/src/mappings/Modal.js +0 -42
- package/src/mappings/NativeBase/AlertDialog.js +0 -112
- package/src/mappings/NativeBase/AlertDialog.ts +0 -128
- package/src/mappings/NativeBase/Button.js +0 -84
- package/src/mappings/NativeBase/Button.ts +0 -83
- package/src/mappings/NativeBase/DataDisplay.js +0 -67
- package/src/mappings/NativeBase/DataDisplay.ts +0 -79
- package/src/mappings/NativeBase/Feedback.js +0 -89
- package/src/mappings/NativeBase/Feedback.ts +0 -100
- package/src/mappings/NativeBase/Layout.js +0 -140
- package/src/mappings/NativeBase/Layout.ts +0 -152
- package/src/mappings/NativeBase/Media.js +0 -56
- package/src/mappings/NativeBase/Media.ts +0 -65
- package/src/mappings/NativeBase/Menu.js +0 -134
- package/src/mappings/NativeBase/Menu.ts +0 -150
- package/src/mappings/NativeBase/Modal.js +0 -103
- package/src/mappings/NativeBase/Modal.ts +0 -118
- package/src/mappings/NativeBase/Other.js +0 -123
- package/src/mappings/NativeBase/Other.ts +0 -139
- package/src/mappings/NativeBase/Popover.js +0 -123
- package/src/mappings/NativeBase/Popover.ts +0 -136
- package/src/mappings/NativeBase/Select.js +0 -71
- package/src/mappings/NativeBase/Select.ts +0 -85
- package/src/mappings/NativeBase/Slider.js +0 -89
- package/src/mappings/NativeBase/Slider.ts +0 -105
- package/src/mappings/NumberInput.js +0 -254
- package/src/mappings/Picker.js +0 -148
- package/src/mappings/ProgressBar.js +0 -101
- package/src/mappings/ProgressCircle.js +0 -109
- package/src/mappings/ProgressIndicator.js +0 -181
- package/src/mappings/RadioButton.js +0 -51
- package/src/mappings/RadioButtonGroup.js +0 -17
- package/src/mappings/RadioButtonRow.js +0 -42
- package/src/mappings/RowBodyIcon.js +0 -75
- package/src/mappings/RowHeadlineImageCaption.js +0 -167
- package/src/mappings/RowHeadlineImageIcon.js +0 -99
- package/src/mappings/SVG.js +0 -20
- package/src/mappings/SafeAreaView.js +0 -33
- package/src/mappings/ScrollView.js +0 -31
- package/src/mappings/Slider.js +0 -60
- package/src/mappings/StarRating.js +0 -43
- package/src/mappings/Stepper.js +0 -32
- package/src/mappings/Surface.js +0 -14
- package/src/mappings/Swiper.js +0 -60
- package/src/mappings/SwiperItem.js +0 -8
- package/src/mappings/Switch.js +0 -81
- package/src/mappings/Text.js +0 -251
- package/src/mappings/TextArea.js +0 -274
- package/src/mappings/TextField.js +0 -391
- package/src/mappings/TextInput.js +0 -402
- package/src/mappings/ToggleButton.js +0 -50
- package/src/mappings/Touchable.js +0 -17
- package/src/mappings/Video.js +0 -81
- package/src/mappings/View.js +0 -207
- package/src/mappings/WebView.js +0 -88
- package/src/styles/DarkTheme.js +0 -26
- package/src/styles/DefaultTheme.js +0 -111
- package/src/styles/fonts.js +0 -62
- package/src/styles/overlay.js +0 -60
- package/src/styles/shadow.js +0 -51
- package/src/theming.js +0 -3
- package/src/utilities.js +0 -102
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, createImageProp, createTextEnumProp, createTextProp } from "@draftbit/types";
|
|
2
|
-
const NB_MEDIA_PROPS = {
|
|
3
|
-
category: COMPONENT_TYPES.NBLayout,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
doc_link: "https://www.npmjs.com/package/@expo/html-elements",
|
|
6
|
-
code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
|
|
7
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
8
|
-
layout: {},
|
|
9
|
-
triggers: {}
|
|
10
|
-
};
|
|
11
|
-
const AVATAR_PROPS = {
|
|
12
|
-
props: {
|
|
13
|
-
source: createImageProp(),
|
|
14
|
-
size: createTextEnumProp({
|
|
15
|
-
label: "Size",
|
|
16
|
-
description: "The size of the avatar.",
|
|
17
|
-
options: ["xs", "sm", "md", "lg", "xl", "2xl"]
|
|
18
|
-
}),
|
|
19
|
-
wrapperRef: createTextProp({
|
|
20
|
-
label: "Reference",
|
|
21
|
-
description: "Reference to be attached to the Avatar wrapper.",
|
|
22
|
-
defaultValue: "User Avatar"
|
|
23
|
-
})
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export const SEED_DATA = [{
|
|
27
|
-
name: "Avatar",
|
|
28
|
-
tag: "Avatar",
|
|
29
|
-
description: "An image that represents the user",
|
|
30
|
-
...NB_MEDIA_PROPS,
|
|
31
|
-
...AVATAR_PROPS
|
|
32
|
-
}, {
|
|
33
|
-
name: "Avatar Badge",
|
|
34
|
-
tag: "AvatarBadge",
|
|
35
|
-
description: "A wrapper that displays its content on the bottom right corner of the avatar.",
|
|
36
|
-
...NB_MEDIA_PROPS
|
|
37
|
-
}, {
|
|
38
|
-
name: "Avatar Group",
|
|
39
|
-
tag: "AvatarGroup",
|
|
40
|
-
description: "A wrapper to stack multiple avatars together",
|
|
41
|
-
...NB_MEDIA_PROPS
|
|
42
|
-
}];
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createStaticNumberProp, createDisabledProp, createTextProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBMenu,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
6
|
-
layout: {},
|
|
7
|
-
allowChildren: true
|
|
8
|
-
};
|
|
9
|
-
export const SEED_DATA = [{
|
|
10
|
-
name: "Menu",
|
|
11
|
-
tag: "Menu",
|
|
12
|
-
description: "Menu generates a dropdown menu along with the menu button design pattern.",
|
|
13
|
-
...SHARED_SEED_DATA,
|
|
14
|
-
triggers: [Triggers.OnOpen, Triggers.OnClose],
|
|
15
|
-
props: {
|
|
16
|
-
onOpen: createActionProp(),
|
|
17
|
-
onClose: createActionProp(),
|
|
18
|
-
closeOnSelect: createStaticBoolProp({
|
|
19
|
-
label: "Close on Select",
|
|
20
|
-
description: "Close the menu when an item is selected",
|
|
21
|
-
defaultValue: true
|
|
22
|
-
}),
|
|
23
|
-
defaultIsOpen: createStaticBoolProp({
|
|
24
|
-
label: "Default Is Open",
|
|
25
|
-
description: "Whether the menu is open by default",
|
|
26
|
-
defaultValue: false
|
|
27
|
-
}),
|
|
28
|
-
placement: createTextEnumProp({
|
|
29
|
-
label: "Placement",
|
|
30
|
-
description: "The placement of the menu",
|
|
31
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
32
|
-
defaultValue: "bottom left"
|
|
33
|
-
}),
|
|
34
|
-
offset: createStaticNumberProp({
|
|
35
|
-
label: "Offset",
|
|
36
|
-
description: "The distance applied along the main axis between the trigger and the menu."
|
|
37
|
-
}),
|
|
38
|
-
crossOffset: createStaticNumberProp({
|
|
39
|
-
label: "Cross Offset",
|
|
40
|
-
description: "The distance applied along the cross axis between the trigger and the menu."
|
|
41
|
-
}),
|
|
42
|
-
shouldFlip: createStaticBoolProp({
|
|
43
|
-
label: "Should Flip",
|
|
44
|
-
description: "Whether popover should flip when it reaches the edge of the screen.",
|
|
45
|
-
defaultValue: true
|
|
46
|
-
})
|
|
47
|
-
}
|
|
48
|
-
}, {
|
|
49
|
-
name: "Menu Item",
|
|
50
|
-
tag: "Menu.Item",
|
|
51
|
-
description: "An individual item in the menu.",
|
|
52
|
-
...SHARED_SEED_DATA,
|
|
53
|
-
props: {
|
|
54
|
-
isDisabled: createDisabledProp(),
|
|
55
|
-
textValue: createTextProp({
|
|
56
|
-
label: "Text Value",
|
|
57
|
-
description: "The text value available for the typeahead menu feature."
|
|
58
|
-
})
|
|
59
|
-
}
|
|
60
|
-
}, {
|
|
61
|
-
name: "Menu Group",
|
|
62
|
-
tag: "Menu.Group",
|
|
63
|
-
description: "A wrapper to group related menu items.",
|
|
64
|
-
...SHARED_SEED_DATA,
|
|
65
|
-
props: {
|
|
66
|
-
title: createTextProp({
|
|
67
|
-
label: "Title",
|
|
68
|
-
description: "The title of the menu group."
|
|
69
|
-
})
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
name: "Menu Option Group",
|
|
73
|
-
tag: "Menu.OptionGroup",
|
|
74
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
75
|
-
...SHARED_SEED_DATA,
|
|
76
|
-
triggers: [Triggers.OnChange],
|
|
77
|
-
props: {
|
|
78
|
-
type: createTextEnumProp({
|
|
79
|
-
label: "Type",
|
|
80
|
-
description: "The type of the menu option group.",
|
|
81
|
-
options: ["checkbox", "radio"],
|
|
82
|
-
defaultValue: "checkbox"
|
|
83
|
-
}),
|
|
84
|
-
onChange: createActionProp()
|
|
85
|
-
}
|
|
86
|
-
}, {
|
|
87
|
-
name: "Menu Item Option",
|
|
88
|
-
tag: "Menu.ItemOption",
|
|
89
|
-
description: "The checkable menu item to be used with Menu Option Group.",
|
|
90
|
-
...SHARED_SEED_DATA,
|
|
91
|
-
props: {
|
|
92
|
-
isDisabled: createDisabledProp(),
|
|
93
|
-
textValue: createTextProp({
|
|
94
|
-
label: "Text Value",
|
|
95
|
-
description: "The text value available for the typeahead menu feature."
|
|
96
|
-
})
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
name: "Menu Trigger",
|
|
100
|
-
tag: "Menu.Trigger",
|
|
101
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
102
|
-
...SHARED_SEED_DATA,
|
|
103
|
-
props: {}
|
|
104
|
-
}];
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBModal,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects]
|
|
6
|
-
};
|
|
7
|
-
export const SEED_DATA = [{
|
|
8
|
-
name: "Modal",
|
|
9
|
-
tag: "Modal",
|
|
10
|
-
description: "A Modal is an overlay on the primary window or another dialog window. Content behind the modal dialog remains inert and users cannot interact with it.",
|
|
11
|
-
...SHARED_SEED_DATA,
|
|
12
|
-
layout: {},
|
|
13
|
-
triggers: [Triggers.OnClose, Triggers.OnOpen],
|
|
14
|
-
props: {
|
|
15
|
-
isOpen: createBoolProp({
|
|
16
|
-
label: "Is Open",
|
|
17
|
-
description: "If true, the modal will open. Useful for controllable state behavior."
|
|
18
|
-
}),
|
|
19
|
-
defaultIsOpen: createStaticBoolProp({
|
|
20
|
-
label: "Default Is Open",
|
|
21
|
-
description: "If true, the modal will be opened by default."
|
|
22
|
-
}),
|
|
23
|
-
avoidKeyboard: createStaticBoolProp({
|
|
24
|
-
label: "Avoid Keyboard",
|
|
25
|
-
description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
|
|
26
|
-
defaultValue: false
|
|
27
|
-
}),
|
|
28
|
-
closeOnOverlayClick: createStaticBoolProp({
|
|
29
|
-
label: "Close on Overlay Click",
|
|
30
|
-
description: "If true, the modal will close when the overlay is clicked.",
|
|
31
|
-
defaultValue: true
|
|
32
|
-
}),
|
|
33
|
-
isKeyboardDismissable: createStaticBoolProp({
|
|
34
|
-
label: "Is Keyboard Dismissable",
|
|
35
|
-
description: "If true, the modal will close when the keyboard is dismissed.",
|
|
36
|
-
defaultValue: true
|
|
37
|
-
}),
|
|
38
|
-
backdropVisible: createStaticBoolProp({
|
|
39
|
-
label: "Backdrop Visible",
|
|
40
|
-
description: "If true, the backdrop element is visible.",
|
|
41
|
-
defaultValue: true
|
|
42
|
-
}),
|
|
43
|
-
animationPreset: createTextEnumProp({
|
|
44
|
-
label: "Animation Preset",
|
|
45
|
-
description: "The animation preset to use for the modal.",
|
|
46
|
-
options: ["slide", "fade", "none"],
|
|
47
|
-
defaultValue: "fade"
|
|
48
|
-
}),
|
|
49
|
-
useRNModal: createStaticBoolProp({
|
|
50
|
-
label: "Use RN Modal",
|
|
51
|
-
description: "If true, the modal will use the RN Modal component."
|
|
52
|
-
}),
|
|
53
|
-
onOpen: createActionProp(),
|
|
54
|
-
onClose: createActionProp()
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
name: "Modal Content",
|
|
58
|
-
tag: "Modal.Content",
|
|
59
|
-
description: "The container for the modal dialog's content.",
|
|
60
|
-
...SHARED_SEED_DATA,
|
|
61
|
-
props: {}
|
|
62
|
-
}, {
|
|
63
|
-
name: "Modal Header",
|
|
64
|
-
tag: "Modal.Header",
|
|
65
|
-
description: "The header that labels the modal dialog.",
|
|
66
|
-
...SHARED_SEED_DATA,
|
|
67
|
-
props: {}
|
|
68
|
-
}, {
|
|
69
|
-
name: "Modal Footer",
|
|
70
|
-
tag: "Modal.Footer",
|
|
71
|
-
description: "The footer that houses the modal actions.",
|
|
72
|
-
...SHARED_SEED_DATA,
|
|
73
|
-
props: {}
|
|
74
|
-
}, {
|
|
75
|
-
name: "Modal Body",
|
|
76
|
-
tag: "Modal.Body",
|
|
77
|
-
description: "A wrapper that houses the modal's main content",
|
|
78
|
-
...SHARED_SEED_DATA,
|
|
79
|
-
props: {}
|
|
80
|
-
}, {
|
|
81
|
-
name: "Modal Close Button",
|
|
82
|
-
tag: "Modal.CloseButton",
|
|
83
|
-
description: "The button that closes the modal.",
|
|
84
|
-
...SHARED_SEED_DATA,
|
|
85
|
-
props: {}
|
|
86
|
-
}];
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createTextProp, createIconProp, createBoolProp, createDisabledProp, createStaticNumberProp, createStaticBoolProp, Triggers, createActionProp } from "@draftbit/types";
|
|
2
|
-
export const SEED_DATA = [{
|
|
3
|
-
name: "FAB",
|
|
4
|
-
tag: "Fab",
|
|
5
|
-
description: "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
|
|
6
|
-
category: COMPONENT_TYPES.NBForms,
|
|
7
|
-
packageName: "native-base",
|
|
8
|
-
doc_link: "https://www.npmjs.com/package/@expo/html-elements",
|
|
9
|
-
code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
|
|
10
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
11
|
-
layout: {},
|
|
12
|
-
triggers: {},
|
|
13
|
-
props: {
|
|
14
|
-
placement: createTextEnumProp({
|
|
15
|
-
label: "Placement",
|
|
16
|
-
description: "The placement of the Fab relative to the device.",
|
|
17
|
-
options: ["bottom-right", "top-right", "top-left", "bottom-left"],
|
|
18
|
-
defaultValue: "bottom-right"
|
|
19
|
-
}),
|
|
20
|
-
label: createTextProp({
|
|
21
|
-
label: "Label",
|
|
22
|
-
description: "The Text to be displayed in Fab."
|
|
23
|
-
}),
|
|
24
|
-
icon: createIconProp({
|
|
25
|
-
label: "Icon",
|
|
26
|
-
description: "Icon to be displayed in Fab. "
|
|
27
|
-
})
|
|
28
|
-
}
|
|
29
|
-
}, {
|
|
30
|
-
name: "Tooltip",
|
|
31
|
-
tag: "Tooltip",
|
|
32
|
-
description: "A tooltip provides a brief, informative message when a user interacts with an element. Methods of tooltip initiation include: through a mouse-hover gesture or a keyboard-hover gesture.",
|
|
33
|
-
category: COMPONENT_TYPES.NBOther,
|
|
34
|
-
packageName: "native-base",
|
|
35
|
-
allowChildren: true,
|
|
36
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
37
|
-
layout: {},
|
|
38
|
-
triggers: [Triggers.OnOpen, Triggers.OnClose],
|
|
39
|
-
props: {
|
|
40
|
-
label: createTextProp({
|
|
41
|
-
label: "Label",
|
|
42
|
-
description: "The Text to be displayed in Tooltip."
|
|
43
|
-
}),
|
|
44
|
-
isOpen: createBoolProp({
|
|
45
|
-
label: "Is Open",
|
|
46
|
-
description: "Whether the tooltip is open or not."
|
|
47
|
-
}),
|
|
48
|
-
isDisabled: createDisabledProp(),
|
|
49
|
-
defaultIsOpen: createStaticBoolProp({
|
|
50
|
-
label: "Default Is Open",
|
|
51
|
-
description: "Whether the tooltip is open by default",
|
|
52
|
-
defaultValue: false
|
|
53
|
-
}),
|
|
54
|
-
onOpen: createActionProp(),
|
|
55
|
-
onClose: createActionProp(),
|
|
56
|
-
openDelay: createStaticNumberProp({
|
|
57
|
-
label: "Open Delay",
|
|
58
|
-
description: "Delay in ms before tooltip opens",
|
|
59
|
-
defaultValue: 0
|
|
60
|
-
}),
|
|
61
|
-
closeDelay: createStaticNumberProp({
|
|
62
|
-
label: "Close Delay",
|
|
63
|
-
description: "Delay in ms before tooltip closes",
|
|
64
|
-
defaultValue: 0
|
|
65
|
-
}),
|
|
66
|
-
placement: createTextEnumProp({
|
|
67
|
-
label: "Placement",
|
|
68
|
-
description: "The placement of the menu",
|
|
69
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
70
|
-
defaultValue: "bottom"
|
|
71
|
-
}),
|
|
72
|
-
arrowSize: createStaticNumberProp({
|
|
73
|
-
label: "Arrow Size",
|
|
74
|
-
description: "The size of the arrow",
|
|
75
|
-
defaultValue: 12
|
|
76
|
-
}),
|
|
77
|
-
hasArrow: createStaticBoolProp({
|
|
78
|
-
label: "Has Arrow",
|
|
79
|
-
description: "Whether the tooltip has an arrow",
|
|
80
|
-
defaultValue: false
|
|
81
|
-
}),
|
|
82
|
-
offset: createStaticNumberProp({
|
|
83
|
-
label: "Offset",
|
|
84
|
-
description: "The distance between the triggere and the tooltip."
|
|
85
|
-
})
|
|
86
|
-
}
|
|
87
|
-
}];
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createBoolProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBPopover,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
6
|
-
layout: {},
|
|
7
|
-
triggers: {}
|
|
8
|
-
};
|
|
9
|
-
export const SEED_DATA = [{
|
|
10
|
-
name: "Popover",
|
|
11
|
-
tag: "Popover",
|
|
12
|
-
description: "Popover floats around a trigger. It is a non-modal dialog used to provide contextual information to the user. It should be paired with a pressable trigger element.",
|
|
13
|
-
...SHARED_SEED_DATA,
|
|
14
|
-
allowChildren: true,
|
|
15
|
-
props: {
|
|
16
|
-
isOpen: createBoolProp({
|
|
17
|
-
label: "Is Open",
|
|
18
|
-
description: "If true, the popover is open. Useful for controlling the open state."
|
|
19
|
-
}),
|
|
20
|
-
defaultIsOpen: createStaticBoolProp({
|
|
21
|
-
label: "Default Is Open",
|
|
22
|
-
description: "If true, the popover will be opened by default."
|
|
23
|
-
}),
|
|
24
|
-
trapFocus: createStaticBoolProp({
|
|
25
|
-
label: "Trap Focus",
|
|
26
|
-
description: "Whether popover should trap focus."
|
|
27
|
-
}),
|
|
28
|
-
shouldFlip: createStaticBoolProp({
|
|
29
|
-
label: "Should Flip",
|
|
30
|
-
description: "Whether popover should flip when it reaches the edge of the screen.",
|
|
31
|
-
defaultValue: true
|
|
32
|
-
}),
|
|
33
|
-
shouldOverlapWithTrigger: createStaticBoolProp({
|
|
34
|
-
label: "Should Overlap With Trigger",
|
|
35
|
-
description: "Whether popover should overlap with trigger.",
|
|
36
|
-
defaultValue: false
|
|
37
|
-
}),
|
|
38
|
-
isKeyboardDismissable: createStaticBoolProp({
|
|
39
|
-
label: "Is Keyboard Dismissable",
|
|
40
|
-
description: "If true, the popover will close when the keyboard is dismissed.",
|
|
41
|
-
defaultValue: true
|
|
42
|
-
}),
|
|
43
|
-
placement: createTextEnumProp({
|
|
44
|
-
label: "Placement",
|
|
45
|
-
description: "The placement of the popover",
|
|
46
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
47
|
-
defaultValue: "bottom left"
|
|
48
|
-
}),
|
|
49
|
-
useRNModal: createStaticBoolProp({
|
|
50
|
-
label: "Use RN Modal",
|
|
51
|
-
description: "If true, the popover will use the RN Modal component."
|
|
52
|
-
}),
|
|
53
|
-
onOpen: createActionProp(),
|
|
54
|
-
onClose: createActionProp()
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
name: "Popover Arrow",
|
|
58
|
-
tag: "Popover.Arrow",
|
|
59
|
-
description: "The popover arrow.",
|
|
60
|
-
...SHARED_SEED_DATA,
|
|
61
|
-
props: {}
|
|
62
|
-
}, {
|
|
63
|
-
name: "Popover Body",
|
|
64
|
-
tag: "Popover.Body",
|
|
65
|
-
description: "The body of the popover.",
|
|
66
|
-
...SHARED_SEED_DATA,
|
|
67
|
-
props: {}
|
|
68
|
-
}, {
|
|
69
|
-
name: "Popover Content",
|
|
70
|
-
tag: "Popover.Content",
|
|
71
|
-
description: "The popover itself.",
|
|
72
|
-
...SHARED_SEED_DATA,
|
|
73
|
-
props: {}
|
|
74
|
-
}, {
|
|
75
|
-
name: "Popover Close Button",
|
|
76
|
-
tag: "Popover.CloseButton",
|
|
77
|
-
description: "The button that closes the popover.",
|
|
78
|
-
...SHARED_SEED_DATA,
|
|
79
|
-
props: {}
|
|
80
|
-
}, {
|
|
81
|
-
name: "Popover Header",
|
|
82
|
-
tag: "Popover.Header",
|
|
83
|
-
description: "The header of the popover.",
|
|
84
|
-
...SHARED_SEED_DATA,
|
|
85
|
-
props: {}
|
|
86
|
-
}, {
|
|
87
|
-
name: "Popover Trigger",
|
|
88
|
-
tag: "Popover.Trigger",
|
|
89
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
90
|
-
...SHARED_SEED_DATA,
|
|
91
|
-
props: {}
|
|
92
|
-
}];
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, StylesPanelSections, Triggers, createBoolProp, createColorProp, createDisabledProp, createTextProp, createIconProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBForms,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
doc_link: "https://docs.nativebase.io/select",
|
|
6
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
|
|
7
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
8
|
-
layout: {},
|
|
9
|
-
allowChildren: true
|
|
10
|
-
};
|
|
11
|
-
export const SEED_DATA = [{
|
|
12
|
-
name: "Select",
|
|
13
|
-
tag: "Select",
|
|
14
|
-
description: "Select creates a dropdown list of items with the selected item in closed view.",
|
|
15
|
-
...SHARED_SEED_DATA,
|
|
16
|
-
triggers: [Triggers.OnOpen, Triggers.OnClose],
|
|
17
|
-
props: {
|
|
18
|
-
onOpen: createActionProp(),
|
|
19
|
-
onClose: createActionProp(),
|
|
20
|
-
placeholder: createTextProp({
|
|
21
|
-
label: "Placeholder",
|
|
22
|
-
defaultValue: "Select an option"
|
|
23
|
-
}),
|
|
24
|
-
color: createColorProp(),
|
|
25
|
-
placeholderTextColor: createColorProp(),
|
|
26
|
-
isDisabled: createDisabledProp(),
|
|
27
|
-
isHovered: createBoolProp({
|
|
28
|
-
label: "Hovered?",
|
|
29
|
-
description: "Whether the select is hovered"
|
|
30
|
-
}),
|
|
31
|
-
isFocused: createBoolProp({
|
|
32
|
-
label: "Focused?",
|
|
33
|
-
description: "Whether the select is hovered"
|
|
34
|
-
}),
|
|
35
|
-
isFocusVisible: createBoolProp({
|
|
36
|
-
label: "Focus Visible?",
|
|
37
|
-
description: "WIf true, the focus ring of select will be visible."
|
|
38
|
-
}),
|
|
39
|
-
dropdownIcon: createIconProp(),
|
|
40
|
-
dropdownOpenIcon: createIconProp(),
|
|
41
|
-
dropdownCloseIcon: createIconProp()
|
|
42
|
-
}
|
|
43
|
-
}, {
|
|
44
|
-
name: "Select Item",
|
|
45
|
-
tag: "Select.Item",
|
|
46
|
-
description: "An individual item in the menu.",
|
|
47
|
-
...SHARED_SEED_DATA,
|
|
48
|
-
props: {
|
|
49
|
-
label: createTextProp({
|
|
50
|
-
label: "Label",
|
|
51
|
-
description: "The label of the item"
|
|
52
|
-
}),
|
|
53
|
-
value: createTextProp({
|
|
54
|
-
label: "Value",
|
|
55
|
-
description: "The value of the item"
|
|
56
|
-
})
|
|
57
|
-
}
|
|
58
|
-
}];
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createStaticBoolProp, createTextEnumProp, StylesPanelSections, Triggers, createNumberProp, createStaticNumberProp, createBoolProp, createDisabledProp, createAccessibilityLabelProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBForms,
|
|
4
|
-
packageName: "native-base",
|
|
5
|
-
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
6
|
-
layout: {},
|
|
7
|
-
allowChildren: true
|
|
8
|
-
};
|
|
9
|
-
export const SEED_DATA = [{
|
|
10
|
-
name: "Slider",
|
|
11
|
-
tag: "Slider",
|
|
12
|
-
description: "The Slider allows users to select options from a given range of values.",
|
|
13
|
-
...SHARED_SEED_DATA,
|
|
14
|
-
triggers: [Triggers.OnChange, Triggers.OnChangeEnd],
|
|
15
|
-
props: {
|
|
16
|
-
onChange: createActionProp(),
|
|
17
|
-
onChangeEnd: createActionProp(),
|
|
18
|
-
defaultValue: createNumberProp(),
|
|
19
|
-
thumbSize: createStaticNumberProp({
|
|
20
|
-
label: "Thumb Size",
|
|
21
|
-
description: "The size of the slider thumb"
|
|
22
|
-
}),
|
|
23
|
-
sliderTrackHeight: createStaticNumberProp({
|
|
24
|
-
label: "Slider Track Height",
|
|
25
|
-
description: "The height of the slider track"
|
|
26
|
-
}),
|
|
27
|
-
minValue: createStaticNumberProp({
|
|
28
|
-
label: "Min Value"
|
|
29
|
-
}),
|
|
30
|
-
maxValue: createStaticNumberProp({
|
|
31
|
-
label: "Max Value"
|
|
32
|
-
}),
|
|
33
|
-
step: createStaticNumberProp({
|
|
34
|
-
label: "Step"
|
|
35
|
-
}),
|
|
36
|
-
isReadOnly: createBoolProp({
|
|
37
|
-
label: "Read Only",
|
|
38
|
-
description: "Whether the slider is read only",
|
|
39
|
-
defaultValue: false
|
|
40
|
-
}),
|
|
41
|
-
isReversed: createStaticBoolProp({
|
|
42
|
-
label: "Reversed",
|
|
43
|
-
description: "If true, the value will be incremented or decremented in reverse.",
|
|
44
|
-
defaultValue: false
|
|
45
|
-
}),
|
|
46
|
-
orientation: createTextEnumProp({
|
|
47
|
-
label: "Orientation",
|
|
48
|
-
description: "The orientation of the Slider.",
|
|
49
|
-
options: ["horizontal", "vertical"],
|
|
50
|
-
defaultValue: "horizontal"
|
|
51
|
-
}),
|
|
52
|
-
isDisabled: createDisabledProp(),
|
|
53
|
-
accessibilityLabel: createAccessibilityLabelProp()
|
|
54
|
-
}
|
|
55
|
-
}, {
|
|
56
|
-
name: "Slider Track",
|
|
57
|
-
tag: "Menu.Item",
|
|
58
|
-
description: "An individual item in the menu.",
|
|
59
|
-
...SHARED_SEED_DATA,
|
|
60
|
-
props: {}
|
|
61
|
-
}, {
|
|
62
|
-
name: "Slider Filled Track",
|
|
63
|
-
tag: "Menu.Group",
|
|
64
|
-
description: "A wrapper to group related menu items.",
|
|
65
|
-
...SHARED_SEED_DATA,
|
|
66
|
-
props: {}
|
|
67
|
-
}, {
|
|
68
|
-
name: "Slider Thumb",
|
|
69
|
-
tag: "Menu.OptionGroup",
|
|
70
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
71
|
-
...SHARED_SEED_DATA,
|
|
72
|
-
triggers: [Triggers.OnChange],
|
|
73
|
-
props: {}
|
|
74
|
-
}];
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
export declare const SEED_DATA: ({
|
|
2
|
-
triggers: string[];
|
|
3
|
-
props: {
|
|
4
|
-
isOpen: {
|
|
5
|
-
label: string;
|
|
6
|
-
description: string;
|
|
7
|
-
formType: string;
|
|
8
|
-
propType: string;
|
|
9
|
-
defaultValue: boolean;
|
|
10
|
-
editable: boolean;
|
|
11
|
-
required: boolean;
|
|
12
|
-
group: string;
|
|
13
|
-
};
|
|
14
|
-
defaultIsOpen: {
|
|
15
|
-
label: string;
|
|
16
|
-
description: string;
|
|
17
|
-
formType: string;
|
|
18
|
-
propType: string;
|
|
19
|
-
defaultValue: boolean;
|
|
20
|
-
editable: boolean;
|
|
21
|
-
required: boolean;
|
|
22
|
-
group: string;
|
|
23
|
-
};
|
|
24
|
-
size: {
|
|
25
|
-
label: string;
|
|
26
|
-
description: string;
|
|
27
|
-
formType: string;
|
|
28
|
-
propType: string;
|
|
29
|
-
group: string;
|
|
30
|
-
defaultValue: null;
|
|
31
|
-
editable: boolean;
|
|
32
|
-
required: boolean;
|
|
33
|
-
step: number;
|
|
34
|
-
};
|
|
35
|
-
avoidKeyboard: {
|
|
36
|
-
label: string;
|
|
37
|
-
description: string;
|
|
38
|
-
formType: string;
|
|
39
|
-
propType: string;
|
|
40
|
-
defaultValue: boolean;
|
|
41
|
-
editable: boolean;
|
|
42
|
-
required: boolean;
|
|
43
|
-
group: string;
|
|
44
|
-
};
|
|
45
|
-
closeOnOverlayClick: {
|
|
46
|
-
label: string;
|
|
47
|
-
description: string;
|
|
48
|
-
formType: string;
|
|
49
|
-
propType: string;
|
|
50
|
-
defaultValue: boolean;
|
|
51
|
-
editable: boolean;
|
|
52
|
-
required: boolean;
|
|
53
|
-
group: string;
|
|
54
|
-
};
|
|
55
|
-
isKeyboardDismissable: {
|
|
56
|
-
label: string;
|
|
57
|
-
description: string;
|
|
58
|
-
formType: string;
|
|
59
|
-
propType: string;
|
|
60
|
-
defaultValue: boolean;
|
|
61
|
-
editable: boolean;
|
|
62
|
-
required: boolean;
|
|
63
|
-
group: string;
|
|
64
|
-
};
|
|
65
|
-
overlayVisible: {
|
|
66
|
-
label: string;
|
|
67
|
-
description: string;
|
|
68
|
-
formType: string;
|
|
69
|
-
propType: string;
|
|
70
|
-
defaultValue: boolean;
|
|
71
|
-
editable: boolean;
|
|
72
|
-
required: boolean;
|
|
73
|
-
group: string;
|
|
74
|
-
};
|
|
75
|
-
backdropVisible: {
|
|
76
|
-
label: string;
|
|
77
|
-
description: string;
|
|
78
|
-
formType: string;
|
|
79
|
-
propType: string;
|
|
80
|
-
defaultValue: boolean;
|
|
81
|
-
editable: boolean;
|
|
82
|
-
required: boolean;
|
|
83
|
-
group: string;
|
|
84
|
-
};
|
|
85
|
-
animationPreset: {
|
|
86
|
-
group: string;
|
|
87
|
-
label: string;
|
|
88
|
-
description: string;
|
|
89
|
-
editable: boolean;
|
|
90
|
-
required: boolean;
|
|
91
|
-
formType: string;
|
|
92
|
-
propType: string;
|
|
93
|
-
defaultValue: null;
|
|
94
|
-
options: never[];
|
|
95
|
-
};
|
|
96
|
-
useRNModal: {
|
|
97
|
-
label: string;
|
|
98
|
-
description: string;
|
|
99
|
-
formType: string;
|
|
100
|
-
propType: string;
|
|
101
|
-
defaultValue: boolean;
|
|
102
|
-
editable: boolean;
|
|
103
|
-
required: boolean;
|
|
104
|
-
group: string;
|
|
105
|
-
};
|
|
106
|
-
onClose: {
|
|
107
|
-
label: string;
|
|
108
|
-
description: string;
|
|
109
|
-
editable: boolean;
|
|
110
|
-
required: boolean;
|
|
111
|
-
formType: string;
|
|
112
|
-
propType: string;
|
|
113
|
-
defaultValue: null;
|
|
114
|
-
group: string;
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
category: string;
|
|
118
|
-
packageName: string;
|
|
119
|
-
stylesPanelSections: string[];
|
|
120
|
-
layout: {};
|
|
121
|
-
name: string;
|
|
122
|
-
tag: string;
|
|
123
|
-
description: string;
|
|
124
|
-
} | {
|
|
125
|
-
props: {
|
|
126
|
-
isOpen?: undefined;
|
|
127
|
-
defaultIsOpen?: undefined;
|
|
128
|
-
size?: undefined;
|
|
129
|
-
avoidKeyboard?: undefined;
|
|
130
|
-
closeOnOverlayClick?: undefined;
|
|
131
|
-
isKeyboardDismissable?: undefined;
|
|
132
|
-
overlayVisible?: undefined;
|
|
133
|
-
backdropVisible?: undefined;
|
|
134
|
-
animationPreset?: undefined;
|
|
135
|
-
useRNModal?: undefined;
|
|
136
|
-
onClose?: undefined;
|
|
137
|
-
};
|
|
138
|
-
category: string;
|
|
139
|
-
packageName: string;
|
|
140
|
-
stylesPanelSections: string[];
|
|
141
|
-
layout: {};
|
|
142
|
-
name: string;
|
|
143
|
-
tag: string;
|
|
144
|
-
description: string;
|
|
145
|
-
})[];
|
|
146
|
-
//# sourceMappingURL=AlertDialog.d.ts.map
|