@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,84 +0,0 @@
|
|
|
1
|
-
/* Temporarily Commented Out
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
COMPONENT_TYPES,
|
|
6
|
-
StylesPanelSections,
|
|
7
|
-
createTextEnumProp,
|
|
8
|
-
createBoolProp,
|
|
9
|
-
createIconProp,
|
|
10
|
-
} from "@draftbit/types";
|
|
11
|
-
|
|
12
|
-
const SHARED_SEED_DATA = {
|
|
13
|
-
category: COMPONENT_TYPES.NBForms,
|
|
14
|
-
packageName: "native-base",
|
|
15
|
-
stylesPanelSections: [
|
|
16
|
-
StylesPanelSections.LayoutFlexItems,
|
|
17
|
-
StylesPanelSections.LayoutSelectedItem,
|
|
18
|
-
StylesPanelSections.LayoutContent,
|
|
19
|
-
StylesPanelSections.Background,
|
|
20
|
-
StylesPanelSections.Size,
|
|
21
|
-
StylesPanelSections.MarginsAndPaddings,
|
|
22
|
-
StylesPanelSections.Position,
|
|
23
|
-
StylesPanelSections.Borders,
|
|
24
|
-
StylesPanelSections.Effects,
|
|
25
|
-
],
|
|
26
|
-
layout: {},
|
|
27
|
-
triggers: {},
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
export const SEED_DATA = [
|
|
31
|
-
{
|
|
32
|
-
name: "Button",
|
|
33
|
-
tag: "Button",
|
|
34
|
-
description:
|
|
35
|
-
"The Button component triggers an event or an action. Examples can be submitting forms and deleting a data point.",
|
|
36
|
-
...SHARED_SEED_DATA,
|
|
37
|
-
props: {
|
|
38
|
-
isLoading: createBoolProp({
|
|
39
|
-
label: "Loading",
|
|
40
|
-
description: "If true, the button will show a spinner.",
|
|
41
|
-
}),
|
|
42
|
-
isDisabled: createBoolProp({
|
|
43
|
-
label: "Disabled",
|
|
44
|
-
description: "If true, the button will be disabled.",
|
|
45
|
-
}),
|
|
46
|
-
leftIcon: createIconProp({
|
|
47
|
-
label: "Left Icon",
|
|
48
|
-
description: "The icon to display on the left side of the button",
|
|
49
|
-
}),
|
|
50
|
-
rightIcon: createIconProp({
|
|
51
|
-
label: "Right Icon",
|
|
52
|
-
description: "The icon to display on the right side of the button",
|
|
53
|
-
}),
|
|
54
|
-
spinnerPlacement: createTextEnumProp({
|
|
55
|
-
label: "Spinner Placement",
|
|
56
|
-
description: "The placement of the spinner",
|
|
57
|
-
options: ["start", "end"],
|
|
58
|
-
defaultValue: "start",
|
|
59
|
-
}),
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
name: "Button Group",
|
|
64
|
-
tag: "ButtonGroup",
|
|
65
|
-
description:
|
|
66
|
-
"Used to group buttons whose actions are related, with an option to flush them together.",
|
|
67
|
-
...SHARED_SEED_DATA,
|
|
68
|
-
allowChildren: true,
|
|
69
|
-
props: {
|
|
70
|
-
direction: createTextEnumProp({
|
|
71
|
-
label: "Direction",
|
|
72
|
-
description: "The direction of the button group",
|
|
73
|
-
options: ["row", "column"],
|
|
74
|
-
defaultValue: "row",
|
|
75
|
-
}),
|
|
76
|
-
isAttached: createBoolProp({
|
|
77
|
-
label: "Attached",
|
|
78
|
-
description: "If true, the buttons will be attached",
|
|
79
|
-
}),
|
|
80
|
-
},
|
|
81
|
-
},
|
|
82
|
-
];
|
|
83
|
-
*/
|
|
84
|
-
"use strict";/
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SHARED_SEED_DATA = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBDataDisplay,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
-
layout: {},
|
|
13
|
-
triggers: {}
|
|
14
|
-
};
|
|
15
|
-
const SEED_DATA = [{
|
|
16
|
-
name: "Badge",
|
|
17
|
-
tag: "Badge",
|
|
18
|
-
doc_link: "https://docs.nativebase.io/badge",
|
|
19
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
|
|
20
|
-
description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
|
|
21
|
-
...SHARED_SEED_DATA,
|
|
22
|
-
props: {
|
|
23
|
-
/* */
|
|
24
|
-
leftIcon: (0, _types.createIconProp)({
|
|
25
|
-
label: "Left Icon",
|
|
26
|
-
description: "The left icon element to use in the button."
|
|
27
|
-
}),
|
|
28
|
-
rightIcon: (0, _types.createIconProp)({
|
|
29
|
-
label: "Right Icon",
|
|
30
|
-
description: "The right icon element to use in the button."
|
|
31
|
-
}),
|
|
32
|
-
startIcon: (0, _types.createIconProp)({
|
|
33
|
-
label: "Start Icon",
|
|
34
|
-
description: "The start icon element to use in the button."
|
|
35
|
-
}),
|
|
36
|
-
endIcon: (0, _types.createIconProp)({
|
|
37
|
-
label: "End Icon",
|
|
38
|
-
description: "The end icon element to use in the button."
|
|
39
|
-
})
|
|
40
|
-
}
|
|
41
|
-
}, {
|
|
42
|
-
name: "Divider",
|
|
43
|
-
tag: "Divider",
|
|
44
|
-
doc_link: "https://docs.nativebase.io/divider",
|
|
45
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
|
|
46
|
-
description: "Divider can visually separate content in a given list or group.",
|
|
47
|
-
...SHARED_SEED_DATA,
|
|
48
|
-
props: {
|
|
49
|
-
orientation: (0, _types.createTextEnumProp)({
|
|
50
|
-
label: "Orientation",
|
|
51
|
-
description: "The orientation of the divider",
|
|
52
|
-
options: ["horizontal", "vertical"]
|
|
53
|
-
}),
|
|
54
|
-
thickness: (0, _types.createStaticNumberProp)({
|
|
55
|
-
label: "Thickness",
|
|
56
|
-
description: "The thickness of the divider",
|
|
57
|
-
defaultValue: 1
|
|
58
|
-
})
|
|
59
|
-
}
|
|
60
|
-
}];
|
|
61
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SHARED_SEED_DATA = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBFeedback,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
-
layout: {},
|
|
13
|
-
triggers: {}
|
|
14
|
-
};
|
|
15
|
-
const SEED_DATA = [{
|
|
16
|
-
name: "Alert",
|
|
17
|
-
tag: "Alert",
|
|
18
|
-
description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
|
|
19
|
-
...SHARED_SEED_DATA,
|
|
20
|
-
props: {
|
|
21
|
-
status: (0, _types.createTextEnumProp)({
|
|
22
|
-
label: "Status",
|
|
23
|
-
description: "The status of the alert",
|
|
24
|
-
options: ["success", "warning", "error", "info"],
|
|
25
|
-
defaultValue: "info"
|
|
26
|
-
}),
|
|
27
|
-
variant: (0, _types.createTextEnumProp)({
|
|
28
|
-
label: "Variant",
|
|
29
|
-
description: "The variant of the alert style to use.",
|
|
30
|
-
options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
|
|
31
|
-
defaultValue: "subtle"
|
|
32
|
-
})
|
|
33
|
-
}
|
|
34
|
-
}, {
|
|
35
|
-
name: "Alert Icon",
|
|
36
|
-
tag: "Alert.Icon",
|
|
37
|
-
description: "The visual icon for the alert that changes based on the status prop.",
|
|
38
|
-
...SHARED_SEED_DATA,
|
|
39
|
-
props: {
|
|
40
|
-
icon: (0, _types.createIconProp)({
|
|
41
|
-
label: "Icon",
|
|
42
|
-
description: "The icon to display"
|
|
43
|
-
})
|
|
44
|
-
}
|
|
45
|
-
}, {
|
|
46
|
-
name: "Progress",
|
|
47
|
-
tag: "Progress",
|
|
48
|
-
description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
|
|
49
|
-
...SHARED_SEED_DATA,
|
|
50
|
-
props: {
|
|
51
|
-
value: (0, _types.createNumberProp)({
|
|
52
|
-
label: "Value",
|
|
53
|
-
description: "The value of the progress bar",
|
|
54
|
-
defaultValue: 0,
|
|
55
|
-
min: 0,
|
|
56
|
-
max: 100
|
|
57
|
-
}),
|
|
58
|
-
min: (0, _types.createNumberProp)({
|
|
59
|
-
label: "Min",
|
|
60
|
-
description: "The minimum value of the progress bar",
|
|
61
|
-
defaultValue: 0,
|
|
62
|
-
min: 0,
|
|
63
|
-
max: 100
|
|
64
|
-
}),
|
|
65
|
-
max: (0, _types.createNumberProp)({
|
|
66
|
-
label: "Max",
|
|
67
|
-
description: "The maximum value of the progress bar",
|
|
68
|
-
defaultValue: 100,
|
|
69
|
-
min: 0,
|
|
70
|
-
max: 100
|
|
71
|
-
})
|
|
72
|
-
}
|
|
73
|
-
}, {}];
|
|
74
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const NB_LAYOUT_PROPS = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBLayout,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
doc_link: "https://www.npmjs.com/package/@expo/html-elements",
|
|
12
|
-
code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
|
|
13
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
14
|
-
allowChildren: true,
|
|
15
|
-
layout: {},
|
|
16
|
-
triggers: {}
|
|
17
|
-
};
|
|
18
|
-
const SEED_DATA = [{
|
|
19
|
-
name: "Aspect Ratio",
|
|
20
|
-
tag: "AspectRatio",
|
|
21
|
-
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
22
|
-
...NB_LAYOUT_PROPS,
|
|
23
|
-
props: {
|
|
24
|
-
ratio: (0, _types.createTextEnumProp)({
|
|
25
|
-
label: "Ratio",
|
|
26
|
-
description: "The aspect ratio of the container",
|
|
27
|
-
options: ["1 / 1", "4 / 3", "3 / 2", "16 / 9", "2 / 1", "3 / 4", "2 / 3", "9 / 16", "1 / 2"],
|
|
28
|
-
defaultValue: "4 / 3"
|
|
29
|
-
})
|
|
30
|
-
}
|
|
31
|
-
}, {
|
|
32
|
-
name: "Box",
|
|
33
|
-
tag: "Box",
|
|
34
|
-
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
35
|
-
...NB_LAYOUT_PROPS
|
|
36
|
-
}, {
|
|
37
|
-
name: "Center",
|
|
38
|
-
tag: "Center",
|
|
39
|
-
description: "Centers its child",
|
|
40
|
-
...NB_LAYOUT_PROPS
|
|
41
|
-
}, {
|
|
42
|
-
name: "Square",
|
|
43
|
-
tag: "Square",
|
|
44
|
-
description: "Centers its child inside a square",
|
|
45
|
-
...NB_LAYOUT_PROPS
|
|
46
|
-
}, {
|
|
47
|
-
name: "Circle",
|
|
48
|
-
tag: "Circle",
|
|
49
|
-
description: "Centers its child inside a circle",
|
|
50
|
-
...NB_LAYOUT_PROPS
|
|
51
|
-
}, {
|
|
52
|
-
name: "Column",
|
|
53
|
-
tag: "Column",
|
|
54
|
-
description: "Column aligns items vertically",
|
|
55
|
-
...NB_LAYOUT_PROPS
|
|
56
|
-
}, {
|
|
57
|
-
name: "Container",
|
|
58
|
-
tag: "Container",
|
|
59
|
-
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
60
|
-
...NB_LAYOUT_PROPS
|
|
61
|
-
}, {
|
|
62
|
-
name: "Flex",
|
|
63
|
-
tag: "Flex",
|
|
64
|
-
description: "A Box with Flexbox properties. ",
|
|
65
|
-
...NB_LAYOUT_PROPS
|
|
66
|
-
}, {
|
|
67
|
-
name: "Spacer",
|
|
68
|
-
tag: "Spacer",
|
|
69
|
-
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
70
|
-
...NB_LAYOUT_PROPS
|
|
71
|
-
}, {
|
|
72
|
-
name: "Row",
|
|
73
|
-
tag: "Row",
|
|
74
|
-
description: "Column aligns items horizontally",
|
|
75
|
-
...NB_LAYOUT_PROPS,
|
|
76
|
-
props: {}
|
|
77
|
-
}, {
|
|
78
|
-
name: "Stack",
|
|
79
|
-
tag: "Stack",
|
|
80
|
-
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
81
|
-
...NB_LAYOUT_PROPS,
|
|
82
|
-
props: {
|
|
83
|
-
direction: (0, _types.createTextEnumProp)({
|
|
84
|
-
label: "Direction",
|
|
85
|
-
description: "The direction of the Stack",
|
|
86
|
-
options: ["row", "column"],
|
|
87
|
-
defaultValue: "column"
|
|
88
|
-
}),
|
|
89
|
-
reversed: (0, _types.createBoolProp)({
|
|
90
|
-
label: "Reversed",
|
|
91
|
-
description: "Determines whether to reverse the direction of items."
|
|
92
|
-
}),
|
|
93
|
-
isDisabled: (0, _types.createBoolProp)({
|
|
94
|
-
label: "Disabled",
|
|
95
|
-
description: "If true, the Stack will be disabled."
|
|
96
|
-
}),
|
|
97
|
-
isInvalid: (0, _types.createBoolProp)({
|
|
98
|
-
label: "Invalid",
|
|
99
|
-
description: "If true, the Stack will be invalid."
|
|
100
|
-
})
|
|
101
|
-
}
|
|
102
|
-
}, {
|
|
103
|
-
name: "ZStack",
|
|
104
|
-
tag: "ZStack",
|
|
105
|
-
description: "ZStack aligns items to the z-axis.",
|
|
106
|
-
...NB_LAYOUT_PROPS,
|
|
107
|
-
props: {
|
|
108
|
-
reversed: (0, _types.createBoolProp)({
|
|
109
|
-
label: "Reversed",
|
|
110
|
-
description: "Determines whether to reverse the direction of items."
|
|
111
|
-
})
|
|
112
|
-
}
|
|
113
|
-
}];
|
|
114
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const NB_MEDIA_PROPS = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBLayout,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
doc_link: "https://www.npmjs.com/package/@expo/html-elements",
|
|
12
|
-
code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
|
|
13
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
14
|
-
layout: {},
|
|
15
|
-
triggers: {}
|
|
16
|
-
};
|
|
17
|
-
const AVATAR_PROPS = {
|
|
18
|
-
props: {
|
|
19
|
-
source: (0, _types.createImageProp)(),
|
|
20
|
-
size: (0, _types.createTextEnumProp)({
|
|
21
|
-
label: "Size",
|
|
22
|
-
description: "The size of the avatar.",
|
|
23
|
-
options: ["xs", "sm", "md", "lg", "xl", "2xl"]
|
|
24
|
-
}),
|
|
25
|
-
wrapperRef: (0, _types.createTextProp)({
|
|
26
|
-
label: "Reference",
|
|
27
|
-
description: "Reference to be attached to the Avatar wrapper.",
|
|
28
|
-
defaultValue: "User Avatar"
|
|
29
|
-
})
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
const SEED_DATA = [{
|
|
33
|
-
name: "Avatar",
|
|
34
|
-
tag: "Avatar",
|
|
35
|
-
description: "An image that represents the user",
|
|
36
|
-
...NB_MEDIA_PROPS,
|
|
37
|
-
...AVATAR_PROPS
|
|
38
|
-
}, {
|
|
39
|
-
name: "Avatar Badge",
|
|
40
|
-
tag: "AvatarBadge",
|
|
41
|
-
description: "A wrapper that displays its content on the bottom right corner of the avatar.",
|
|
42
|
-
...NB_MEDIA_PROPS
|
|
43
|
-
}, {
|
|
44
|
-
name: "Avatar Group",
|
|
45
|
-
tag: "AvatarGroup",
|
|
46
|
-
description: "A wrapper to stack multiple avatars together",
|
|
47
|
-
...NB_MEDIA_PROPS
|
|
48
|
-
}];
|
|
49
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SHARED_SEED_DATA = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBMenu,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
12
|
-
layout: {},
|
|
13
|
-
allowChildren: true
|
|
14
|
-
};
|
|
15
|
-
const SEED_DATA = [{
|
|
16
|
-
name: "Menu",
|
|
17
|
-
tag: "Menu",
|
|
18
|
-
description: "Menu generates a dropdown menu along with the menu button design pattern.",
|
|
19
|
-
...SHARED_SEED_DATA,
|
|
20
|
-
triggers: [_types.Triggers.OnOpen, _types.Triggers.OnClose],
|
|
21
|
-
props: {
|
|
22
|
-
onOpen: (0, _types.createActionProp)(),
|
|
23
|
-
onClose: (0, _types.createActionProp)(),
|
|
24
|
-
closeOnSelect: (0, _types.createStaticBoolProp)({
|
|
25
|
-
label: "Close on Select",
|
|
26
|
-
description: "Close the menu when an item is selected",
|
|
27
|
-
defaultValue: true
|
|
28
|
-
}),
|
|
29
|
-
defaultIsOpen: (0, _types.createStaticBoolProp)({
|
|
30
|
-
label: "Default Is Open",
|
|
31
|
-
description: "Whether the menu is open by default",
|
|
32
|
-
defaultValue: false
|
|
33
|
-
}),
|
|
34
|
-
placement: (0, _types.createTextEnumProp)({
|
|
35
|
-
label: "Placement",
|
|
36
|
-
description: "The placement of the menu",
|
|
37
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
38
|
-
defaultValue: "bottom left"
|
|
39
|
-
}),
|
|
40
|
-
offset: (0, _types.createStaticNumberProp)({
|
|
41
|
-
label: "Offset",
|
|
42
|
-
description: "The distance applied along the main axis between the trigger and the menu."
|
|
43
|
-
}),
|
|
44
|
-
crossOffset: (0, _types.createStaticNumberProp)({
|
|
45
|
-
label: "Cross Offset",
|
|
46
|
-
description: "The distance applied along the cross axis between the trigger and the menu."
|
|
47
|
-
}),
|
|
48
|
-
shouldFlip: (0, _types.createStaticBoolProp)({
|
|
49
|
-
label: "Should Flip",
|
|
50
|
-
description: "Whether popover should flip when it reaches the edge of the screen.",
|
|
51
|
-
defaultValue: true
|
|
52
|
-
})
|
|
53
|
-
}
|
|
54
|
-
}, {
|
|
55
|
-
name: "Menu Item",
|
|
56
|
-
tag: "Menu.Item",
|
|
57
|
-
description: "An individual item in the menu.",
|
|
58
|
-
...SHARED_SEED_DATA,
|
|
59
|
-
props: {
|
|
60
|
-
isDisabled: (0, _types.createDisabledProp)(),
|
|
61
|
-
textValue: (0, _types.createTextProp)({
|
|
62
|
-
label: "Text Value",
|
|
63
|
-
description: "The text value available for the typeahead menu feature."
|
|
64
|
-
})
|
|
65
|
-
}
|
|
66
|
-
}, {
|
|
67
|
-
name: "Menu Group",
|
|
68
|
-
tag: "Menu.Group",
|
|
69
|
-
description: "A wrapper to group related menu items.",
|
|
70
|
-
...SHARED_SEED_DATA,
|
|
71
|
-
props: {
|
|
72
|
-
title: (0, _types.createTextProp)({
|
|
73
|
-
label: "Title",
|
|
74
|
-
description: "The title of the menu group."
|
|
75
|
-
})
|
|
76
|
-
}
|
|
77
|
-
}, {
|
|
78
|
-
name: "Menu Option Group",
|
|
79
|
-
tag: "Menu.OptionGroup",
|
|
80
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
81
|
-
...SHARED_SEED_DATA,
|
|
82
|
-
triggers: [_types.Triggers.OnChange],
|
|
83
|
-
props: {
|
|
84
|
-
type: (0, _types.createTextEnumProp)({
|
|
85
|
-
label: "Type",
|
|
86
|
-
description: "The type of the menu option group.",
|
|
87
|
-
options: ["checkbox", "radio"],
|
|
88
|
-
defaultValue: "checkbox"
|
|
89
|
-
}),
|
|
90
|
-
onChange: (0, _types.createActionProp)()
|
|
91
|
-
}
|
|
92
|
-
}, {
|
|
93
|
-
name: "Menu Item Option",
|
|
94
|
-
tag: "Menu.ItemOption",
|
|
95
|
-
description: "The checkable menu item to be used with Menu Option Group.",
|
|
96
|
-
...SHARED_SEED_DATA,
|
|
97
|
-
props: {
|
|
98
|
-
isDisabled: (0, _types.createDisabledProp)(),
|
|
99
|
-
textValue: (0, _types.createTextProp)({
|
|
100
|
-
label: "Text Value",
|
|
101
|
-
description: "The text value available for the typeahead menu feature."
|
|
102
|
-
})
|
|
103
|
-
}
|
|
104
|
-
}, {
|
|
105
|
-
name: "Menu Trigger",
|
|
106
|
-
tag: "Menu.Trigger",
|
|
107
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
108
|
-
...SHARED_SEED_DATA,
|
|
109
|
-
props: {}
|
|
110
|
-
}];
|
|
111
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SHARED_SEED_DATA = {
|
|
9
|
-
category: _types.COMPONENT_TYPES.NBModal,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects]
|
|
12
|
-
};
|
|
13
|
-
const SEED_DATA = [{
|
|
14
|
-
name: "Modal",
|
|
15
|
-
tag: "Modal",
|
|
16
|
-
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.",
|
|
17
|
-
...SHARED_SEED_DATA,
|
|
18
|
-
layout: {},
|
|
19
|
-
triggers: [_types.Triggers.OnClose, _types.Triggers.OnOpen],
|
|
20
|
-
props: {
|
|
21
|
-
isOpen: (0, _types.createBoolProp)({
|
|
22
|
-
label: "Is Open",
|
|
23
|
-
description: "If true, the modal will open. Useful for controllable state behavior."
|
|
24
|
-
}),
|
|
25
|
-
defaultIsOpen: (0, _types.createStaticBoolProp)({
|
|
26
|
-
label: "Default Is Open",
|
|
27
|
-
description: "If true, the modal will be opened by default."
|
|
28
|
-
}),
|
|
29
|
-
avoidKeyboard: (0, _types.createStaticBoolProp)({
|
|
30
|
-
label: "Avoid Keyboard",
|
|
31
|
-
description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
|
|
32
|
-
defaultValue: false
|
|
33
|
-
}),
|
|
34
|
-
closeOnOverlayClick: (0, _types.createStaticBoolProp)({
|
|
35
|
-
label: "Close on Overlay Click",
|
|
36
|
-
description: "If true, the modal will close when the overlay is clicked.",
|
|
37
|
-
defaultValue: true
|
|
38
|
-
}),
|
|
39
|
-
isKeyboardDismissable: (0, _types.createStaticBoolProp)({
|
|
40
|
-
label: "Is Keyboard Dismissable",
|
|
41
|
-
description: "If true, the modal will close when the keyboard is dismissed.",
|
|
42
|
-
defaultValue: true
|
|
43
|
-
}),
|
|
44
|
-
backdropVisible: (0, _types.createStaticBoolProp)({
|
|
45
|
-
label: "Backdrop Visible",
|
|
46
|
-
description: "If true, the backdrop element is visible.",
|
|
47
|
-
defaultValue: true
|
|
48
|
-
}),
|
|
49
|
-
animationPreset: (0, _types.createTextEnumProp)({
|
|
50
|
-
label: "Animation Preset",
|
|
51
|
-
description: "The animation preset to use for the modal.",
|
|
52
|
-
options: ["slide", "fade", "none"],
|
|
53
|
-
defaultValue: "fade"
|
|
54
|
-
}),
|
|
55
|
-
useRNModal: (0, _types.createStaticBoolProp)({
|
|
56
|
-
label: "Use RN Modal",
|
|
57
|
-
description: "If true, the modal will use the RN Modal component."
|
|
58
|
-
}),
|
|
59
|
-
onOpen: (0, _types.createActionProp)(),
|
|
60
|
-
onClose: (0, _types.createActionProp)()
|
|
61
|
-
}
|
|
62
|
-
}, {
|
|
63
|
-
name: "Modal Content",
|
|
64
|
-
tag: "Modal.Content",
|
|
65
|
-
description: "The container for the modal dialog's content.",
|
|
66
|
-
...SHARED_SEED_DATA,
|
|
67
|
-
props: {}
|
|
68
|
-
}, {
|
|
69
|
-
name: "Modal Header",
|
|
70
|
-
tag: "Modal.Header",
|
|
71
|
-
description: "The header that labels the modal dialog.",
|
|
72
|
-
...SHARED_SEED_DATA,
|
|
73
|
-
props: {}
|
|
74
|
-
}, {
|
|
75
|
-
name: "Modal Footer",
|
|
76
|
-
tag: "Modal.Footer",
|
|
77
|
-
description: "The footer that houses the modal actions.",
|
|
78
|
-
...SHARED_SEED_DATA,
|
|
79
|
-
props: {}
|
|
80
|
-
}, {
|
|
81
|
-
name: "Modal Body",
|
|
82
|
-
tag: "Modal.Body",
|
|
83
|
-
description: "A wrapper that houses the modal's main content",
|
|
84
|
-
...SHARED_SEED_DATA,
|
|
85
|
-
props: {}
|
|
86
|
-
}, {
|
|
87
|
-
name: "Modal Close Button",
|
|
88
|
-
tag: "Modal.CloseButton",
|
|
89
|
-
description: "The button that closes the modal.",
|
|
90
|
-
...SHARED_SEED_DATA,
|
|
91
|
-
props: {}
|
|
92
|
-
}];
|
|
93
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SEED_DATA = void 0;
|
|
7
|
-
var _types = require("@draftbit/types");
|
|
8
|
-
const SEED_DATA = [{
|
|
9
|
-
name: "FAB",
|
|
10
|
-
tag: "Fab",
|
|
11
|
-
description: "A floating action button (FAB) is a circular icon button that hovers over content to execute a primary action in the application.",
|
|
12
|
-
category: _types.COMPONENT_TYPES.NBForms,
|
|
13
|
-
packageName: "native-base",
|
|
14
|
-
doc_link: "https://www.npmjs.com/package/@expo/html-elements",
|
|
15
|
-
code_link: "https://github.com/expo/expo/tree/master/packages/html-elements",
|
|
16
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
17
|
-
layout: {},
|
|
18
|
-
triggers: {},
|
|
19
|
-
props: {
|
|
20
|
-
placement: (0, _types.createTextEnumProp)({
|
|
21
|
-
label: "Placement",
|
|
22
|
-
description: "The placement of the Fab relative to the device.",
|
|
23
|
-
options: ["bottom-right", "top-right", "top-left", "bottom-left"],
|
|
24
|
-
defaultValue: "bottom-right"
|
|
25
|
-
}),
|
|
26
|
-
label: (0, _types.createTextProp)({
|
|
27
|
-
label: "Label",
|
|
28
|
-
description: "The Text to be displayed in Fab."
|
|
29
|
-
}),
|
|
30
|
-
icon: (0, _types.createIconProp)({
|
|
31
|
-
label: "Icon",
|
|
32
|
-
description: "Icon to be displayed in Fab. "
|
|
33
|
-
})
|
|
34
|
-
}
|
|
35
|
-
}, {
|
|
36
|
-
name: "Tooltip",
|
|
37
|
-
tag: "Tooltip",
|
|
38
|
-
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.",
|
|
39
|
-
category: _types.COMPONENT_TYPES.NBOther,
|
|
40
|
-
packageName: "native-base",
|
|
41
|
-
allowChildren: true,
|
|
42
|
-
stylesPanelSections: [_types.StylesPanelSections.LayoutFlexItems, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.LayoutContent, _types.StylesPanelSections.Background, _types.StylesPanelSections.Size, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Position, _types.StylesPanelSections.Borders, _types.StylesPanelSections.Effects],
|
|
43
|
-
layout: {},
|
|
44
|
-
triggers: [_types.Triggers.OnOpen, _types.Triggers.OnClose],
|
|
45
|
-
props: {
|
|
46
|
-
label: (0, _types.createTextProp)({
|
|
47
|
-
label: "Label",
|
|
48
|
-
description: "The Text to be displayed in Tooltip."
|
|
49
|
-
}),
|
|
50
|
-
isOpen: (0, _types.createBoolProp)({
|
|
51
|
-
label: "Is Open",
|
|
52
|
-
description: "Whether the tooltip is open or not."
|
|
53
|
-
}),
|
|
54
|
-
isDisabled: (0, _types.createDisabledProp)(),
|
|
55
|
-
defaultIsOpen: (0, _types.createStaticBoolProp)({
|
|
56
|
-
label: "Default Is Open",
|
|
57
|
-
description: "Whether the tooltip is open by default",
|
|
58
|
-
defaultValue: false
|
|
59
|
-
}),
|
|
60
|
-
onOpen: (0, _types.createActionProp)(),
|
|
61
|
-
onClose: (0, _types.createActionProp)(),
|
|
62
|
-
openDelay: (0, _types.createStaticNumberProp)({
|
|
63
|
-
label: "Open Delay",
|
|
64
|
-
description: "Delay in ms before tooltip opens",
|
|
65
|
-
defaultValue: 0
|
|
66
|
-
}),
|
|
67
|
-
closeDelay: (0, _types.createStaticNumberProp)({
|
|
68
|
-
label: "Close Delay",
|
|
69
|
-
description: "Delay in ms before tooltip closes",
|
|
70
|
-
defaultValue: 0
|
|
71
|
-
}),
|
|
72
|
-
placement: (0, _types.createTextEnumProp)({
|
|
73
|
-
label: "Placement",
|
|
74
|
-
description: "The placement of the menu",
|
|
75
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
76
|
-
defaultValue: "bottom"
|
|
77
|
-
}),
|
|
78
|
-
arrowSize: (0, _types.createStaticNumberProp)({
|
|
79
|
-
label: "Arrow Size",
|
|
80
|
-
description: "The size of the arrow",
|
|
81
|
-
defaultValue: 12
|
|
82
|
-
}),
|
|
83
|
-
hasArrow: (0, _types.createStaticBoolProp)({
|
|
84
|
-
label: "Has Arrow",
|
|
85
|
-
description: "Whether the tooltip has an arrow",
|
|
86
|
-
defaultValue: false
|
|
87
|
-
}),
|
|
88
|
-
offset: (0, _types.createStaticNumberProp)({
|
|
89
|
-
label: "Offset",
|
|
90
|
-
description: "The distance between the triggere and the tooltip."
|
|
91
|
-
})
|
|
92
|
-
}
|
|
93
|
-
}];
|
|
94
|
-
exports.SEED_DATA = SEED_DATA;
|