@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,99 +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.NBPopover,
|
|
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: "Popover",
|
|
17
|
-
tag: "Popover",
|
|
18
|
-
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.",
|
|
19
|
-
...SHARED_SEED_DATA,
|
|
20
|
-
allowChildren: true,
|
|
21
|
-
props: {
|
|
22
|
-
isOpen: (0, _types.createBoolProp)({
|
|
23
|
-
label: "Is Open",
|
|
24
|
-
description: "If true, the popover is open. Useful for controlling the open state."
|
|
25
|
-
}),
|
|
26
|
-
defaultIsOpen: (0, _types.createStaticBoolProp)({
|
|
27
|
-
label: "Default Is Open",
|
|
28
|
-
description: "If true, the popover will be opened by default."
|
|
29
|
-
}),
|
|
30
|
-
trapFocus: (0, _types.createStaticBoolProp)({
|
|
31
|
-
label: "Trap Focus",
|
|
32
|
-
description: "Whether popover should trap focus."
|
|
33
|
-
}),
|
|
34
|
-
shouldFlip: (0, _types.createStaticBoolProp)({
|
|
35
|
-
label: "Should Flip",
|
|
36
|
-
description: "Whether popover should flip when it reaches the edge of the screen.",
|
|
37
|
-
defaultValue: true
|
|
38
|
-
}),
|
|
39
|
-
shouldOverlapWithTrigger: (0, _types.createStaticBoolProp)({
|
|
40
|
-
label: "Should Overlap With Trigger",
|
|
41
|
-
description: "Whether popover should overlap with trigger.",
|
|
42
|
-
defaultValue: false
|
|
43
|
-
}),
|
|
44
|
-
isKeyboardDismissable: (0, _types.createStaticBoolProp)({
|
|
45
|
-
label: "Is Keyboard Dismissable",
|
|
46
|
-
description: "If true, the popover will close when the keyboard is dismissed.",
|
|
47
|
-
defaultValue: true
|
|
48
|
-
}),
|
|
49
|
-
placement: (0, _types.createTextEnumProp)({
|
|
50
|
-
label: "Placement",
|
|
51
|
-
description: "The placement of the popover",
|
|
52
|
-
options: ["bottom", "top", "left", "right", "top left", "top right", "bottom left", "bottom right", "right bottom", "right top", "left bottom", "left top"],
|
|
53
|
-
defaultValue: "bottom left"
|
|
54
|
-
}),
|
|
55
|
-
useRNModal: (0, _types.createStaticBoolProp)({
|
|
56
|
-
label: "Use RN Modal",
|
|
57
|
-
description: "If true, the popover will use the RN Modal component."
|
|
58
|
-
}),
|
|
59
|
-
onOpen: (0, _types.createActionProp)(),
|
|
60
|
-
onClose: (0, _types.createActionProp)()
|
|
61
|
-
}
|
|
62
|
-
}, {
|
|
63
|
-
name: "Popover Arrow",
|
|
64
|
-
tag: "Popover.Arrow",
|
|
65
|
-
description: "The popover arrow.",
|
|
66
|
-
...SHARED_SEED_DATA,
|
|
67
|
-
props: {}
|
|
68
|
-
}, {
|
|
69
|
-
name: "Popover Body",
|
|
70
|
-
tag: "Popover.Body",
|
|
71
|
-
description: "The body of the popover.",
|
|
72
|
-
...SHARED_SEED_DATA,
|
|
73
|
-
props: {}
|
|
74
|
-
}, {
|
|
75
|
-
name: "Popover Content",
|
|
76
|
-
tag: "Popover.Content",
|
|
77
|
-
description: "The popover itself.",
|
|
78
|
-
...SHARED_SEED_DATA,
|
|
79
|
-
props: {}
|
|
80
|
-
}, {
|
|
81
|
-
name: "Popover Close Button",
|
|
82
|
-
tag: "Popover.CloseButton",
|
|
83
|
-
description: "The button that closes the popover.",
|
|
84
|
-
...SHARED_SEED_DATA,
|
|
85
|
-
props: {}
|
|
86
|
-
}, {
|
|
87
|
-
name: "Popover Header",
|
|
88
|
-
tag: "Popover.Header",
|
|
89
|
-
description: "The header of the popover.",
|
|
90
|
-
...SHARED_SEED_DATA,
|
|
91
|
-
props: {}
|
|
92
|
-
}, {
|
|
93
|
-
name: "Popover Trigger",
|
|
94
|
-
tag: "Popover.Trigger",
|
|
95
|
-
description: "Used to wrap the reference (or trigger) element.",
|
|
96
|
-
...SHARED_SEED_DATA,
|
|
97
|
-
props: {}
|
|
98
|
-
}];
|
|
99
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,65 +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.NBForms,
|
|
10
|
-
packageName: "native-base",
|
|
11
|
-
doc_link: "https://docs.nativebase.io/select",
|
|
12
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/primitives/Select",
|
|
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
|
-
allowChildren: true
|
|
16
|
-
};
|
|
17
|
-
const SEED_DATA = [{
|
|
18
|
-
name: "Select",
|
|
19
|
-
tag: "Select",
|
|
20
|
-
description: "Select creates a dropdown list of items with the selected item in closed view.",
|
|
21
|
-
...SHARED_SEED_DATA,
|
|
22
|
-
triggers: [_types.Triggers.OnOpen, _types.Triggers.OnClose],
|
|
23
|
-
props: {
|
|
24
|
-
onOpen: (0, _types.createActionProp)(),
|
|
25
|
-
onClose: (0, _types.createActionProp)(),
|
|
26
|
-
placeholder: (0, _types.createTextProp)({
|
|
27
|
-
label: "Placeholder",
|
|
28
|
-
defaultValue: "Select an option"
|
|
29
|
-
}),
|
|
30
|
-
color: (0, _types.createColorProp)(),
|
|
31
|
-
placeholderTextColor: (0, _types.createColorProp)(),
|
|
32
|
-
isDisabled: (0, _types.createDisabledProp)(),
|
|
33
|
-
isHovered: (0, _types.createBoolProp)({
|
|
34
|
-
label: "Hovered?",
|
|
35
|
-
description: "Whether the select is hovered"
|
|
36
|
-
}),
|
|
37
|
-
isFocused: (0, _types.createBoolProp)({
|
|
38
|
-
label: "Focused?",
|
|
39
|
-
description: "Whether the select is hovered"
|
|
40
|
-
}),
|
|
41
|
-
isFocusVisible: (0, _types.createBoolProp)({
|
|
42
|
-
label: "Focus Visible?",
|
|
43
|
-
description: "WIf true, the focus ring of select will be visible."
|
|
44
|
-
}),
|
|
45
|
-
dropdownIcon: (0, _types.createIconProp)(),
|
|
46
|
-
dropdownOpenIcon: (0, _types.createIconProp)(),
|
|
47
|
-
dropdownCloseIcon: (0, _types.createIconProp)()
|
|
48
|
-
}
|
|
49
|
-
}, {
|
|
50
|
-
name: "Select Item",
|
|
51
|
-
tag: "Select.Item",
|
|
52
|
-
description: "An individual item in the menu.",
|
|
53
|
-
...SHARED_SEED_DATA,
|
|
54
|
-
props: {
|
|
55
|
-
label: (0, _types.createTextProp)({
|
|
56
|
-
label: "Label",
|
|
57
|
-
description: "The label of the item"
|
|
58
|
-
}),
|
|
59
|
-
value: (0, _types.createTextProp)({
|
|
60
|
-
label: "Value",
|
|
61
|
-
description: "The value of the item"
|
|
62
|
-
})
|
|
63
|
-
}
|
|
64
|
-
}];
|
|
65
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,81 +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.NBForms,
|
|
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: "Slider",
|
|
17
|
-
tag: "Slider",
|
|
18
|
-
description: "The Slider allows users to select options from a given range of values.",
|
|
19
|
-
...SHARED_SEED_DATA,
|
|
20
|
-
triggers: [_types.Triggers.OnChange, _types.Triggers.OnChangeEnd],
|
|
21
|
-
props: {
|
|
22
|
-
onChange: (0, _types.createActionProp)(),
|
|
23
|
-
onChangeEnd: (0, _types.createActionProp)(),
|
|
24
|
-
defaultValue: (0, _types.createNumberProp)(),
|
|
25
|
-
thumbSize: (0, _types.createStaticNumberProp)({
|
|
26
|
-
label: "Thumb Size",
|
|
27
|
-
description: "The size of the slider thumb"
|
|
28
|
-
}),
|
|
29
|
-
sliderTrackHeight: (0, _types.createStaticNumberProp)({
|
|
30
|
-
label: "Slider Track Height",
|
|
31
|
-
description: "The height of the slider track"
|
|
32
|
-
}),
|
|
33
|
-
minValue: (0, _types.createStaticNumberProp)({
|
|
34
|
-
label: "Min Value"
|
|
35
|
-
}),
|
|
36
|
-
maxValue: (0, _types.createStaticNumberProp)({
|
|
37
|
-
label: "Max Value"
|
|
38
|
-
}),
|
|
39
|
-
step: (0, _types.createStaticNumberProp)({
|
|
40
|
-
label: "Step"
|
|
41
|
-
}),
|
|
42
|
-
isReadOnly: (0, _types.createBoolProp)({
|
|
43
|
-
label: "Read Only",
|
|
44
|
-
description: "Whether the slider is read only",
|
|
45
|
-
defaultValue: false
|
|
46
|
-
}),
|
|
47
|
-
isReversed: (0, _types.createStaticBoolProp)({
|
|
48
|
-
label: "Reversed",
|
|
49
|
-
description: "If true, the value will be incremented or decremented in reverse.",
|
|
50
|
-
defaultValue: false
|
|
51
|
-
}),
|
|
52
|
-
orientation: (0, _types.createTextEnumProp)({
|
|
53
|
-
label: "Orientation",
|
|
54
|
-
description: "The orientation of the Slider.",
|
|
55
|
-
options: ["horizontal", "vertical"],
|
|
56
|
-
defaultValue: "horizontal"
|
|
57
|
-
}),
|
|
58
|
-
isDisabled: (0, _types.createDisabledProp)(),
|
|
59
|
-
accessibilityLabel: (0, _types.createAccessibilityLabelProp)()
|
|
60
|
-
}
|
|
61
|
-
}, {
|
|
62
|
-
name: "Slider Track",
|
|
63
|
-
tag: "Menu.Item",
|
|
64
|
-
description: "An individual item in the menu.",
|
|
65
|
-
...SHARED_SEED_DATA,
|
|
66
|
-
props: {}
|
|
67
|
-
}, {
|
|
68
|
-
name: "Slider Filled Track",
|
|
69
|
-
tag: "Menu.Group",
|
|
70
|
-
description: "A wrapper to group related menu items.",
|
|
71
|
-
...SHARED_SEED_DATA,
|
|
72
|
-
props: {}
|
|
73
|
-
}, {
|
|
74
|
-
name: "Slider Thumb",
|
|
75
|
-
tag: "Menu.OptionGroup",
|
|
76
|
-
description: "A wrapper for checkable menu items (radio and checkbox).",
|
|
77
|
-
...SHARED_SEED_DATA,
|
|
78
|
-
triggers: [_types.Triggers.OnChange],
|
|
79
|
-
props: {}
|
|
80
|
-
}];
|
|
81
|
-
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, Triggers, createBoolProp, createStaticBoolProp, createTextEnumProp, createActionProp, createStaticNumberProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBAlert,
|
|
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
|
-
};
|
|
8
|
-
export const SEED_DATA = [{
|
|
9
|
-
name: "Alert Dialog",
|
|
10
|
-
tag: "AlertDialog",
|
|
11
|
-
description: "AlertDialog is used when a user needs to be interrupted with a mandatory confirmation or call-to-action. AlertDialog composes Modal so you can use all its props.",
|
|
12
|
-
...SHARED_SEED_DATA,
|
|
13
|
-
triggers: [Triggers.OnClose],
|
|
14
|
-
props: {
|
|
15
|
-
/* https://github.com/GeekyAnts/NativeBase/blob/master/src/components/composites/AlertDialog/types.tsx */
|
|
16
|
-
isOpen: createBoolProp({
|
|
17
|
-
label: "Is Open",
|
|
18
|
-
description: "If true, the modal will open. Useful for controllable state behavior."
|
|
19
|
-
}),
|
|
20
|
-
defaultIsOpen: createStaticBoolProp({
|
|
21
|
-
label: "Default Is Open",
|
|
22
|
-
description: "If true, the modal will be opened by default."
|
|
23
|
-
}),
|
|
24
|
-
size: createStaticNumberProp({
|
|
25
|
-
label: "Size",
|
|
26
|
-
description: "The size of the AlertDialog"
|
|
27
|
-
}),
|
|
28
|
-
avoidKeyboard: createStaticBoolProp({
|
|
29
|
-
label: "Avoid Keyboard",
|
|
30
|
-
description: "If true and the keyboard is opened, the modal will move up equivalent to the keyboard height.",
|
|
31
|
-
defaultValue: false
|
|
32
|
-
}),
|
|
33
|
-
closeOnOverlayClick: createStaticBoolProp({
|
|
34
|
-
label: "Close on Overlay Click",
|
|
35
|
-
description: "If true, the modal will close when the overlay is clicked.",
|
|
36
|
-
defaultValue: true
|
|
37
|
-
}),
|
|
38
|
-
isKeyboardDismissable: createStaticBoolProp({
|
|
39
|
-
label: "Is Keyboard Dismissable",
|
|
40
|
-
description: "If true, the modal will close when the keyboard is dismissed.",
|
|
41
|
-
defaultValue: true
|
|
42
|
-
}),
|
|
43
|
-
overlayVisible: createStaticBoolProp({
|
|
44
|
-
label: "Overlay Visible",
|
|
45
|
-
description: "If true, the overlay element is visible.",
|
|
46
|
-
defaultValue: true
|
|
47
|
-
}),
|
|
48
|
-
backdropVisible: createStaticBoolProp({
|
|
49
|
-
label: "Backdrop Visible",
|
|
50
|
-
description: "If true, the backdrop element is visible.",
|
|
51
|
-
defaultValue: true
|
|
52
|
-
}),
|
|
53
|
-
animationPreset: createTextEnumProp({
|
|
54
|
-
label: "Animation Preset",
|
|
55
|
-
description: "The animation preset to use for the modal.",
|
|
56
|
-
options: ["slide", "fade", "none"],
|
|
57
|
-
defaultValue: "fade"
|
|
58
|
-
}),
|
|
59
|
-
useRNModal: createStaticBoolProp({
|
|
60
|
-
label: "Use RN Modal",
|
|
61
|
-
description: "If true, the modal will use the RN Modal component."
|
|
62
|
-
}),
|
|
63
|
-
onClose: createActionProp()
|
|
64
|
-
}
|
|
65
|
-
}, {
|
|
66
|
-
name: "Alert Header",
|
|
67
|
-
tag: "AlertDialog.Header",
|
|
68
|
-
description: "Contains the title announced by screen readers.",
|
|
69
|
-
...SHARED_SEED_DATA,
|
|
70
|
-
props: {}
|
|
71
|
-
}, {
|
|
72
|
-
name: "Alert Body",
|
|
73
|
-
tag: "AlertDialog.Body",
|
|
74
|
-
description: "Contains the description announced by screen readers.",
|
|
75
|
-
...SHARED_SEED_DATA,
|
|
76
|
-
props: {}
|
|
77
|
-
}, {
|
|
78
|
-
name: "Alert Footer",
|
|
79
|
-
tag: "AlertDialog.Footer",
|
|
80
|
-
description: "Contains the actions of the dialog.",
|
|
81
|
-
...SHARED_SEED_DATA,
|
|
82
|
-
props: {}
|
|
83
|
-
}, {
|
|
84
|
-
name: "Alert Content",
|
|
85
|
-
tag: "AlertDialog.Content",
|
|
86
|
-
description: "The wrapper for the alert dialog's content.",
|
|
87
|
-
...SHARED_SEED_DATA,
|
|
88
|
-
props: {}
|
|
89
|
-
}, {
|
|
90
|
-
name: "Alert Close Button",
|
|
91
|
-
tag: "AlertDialog.CloseButton",
|
|
92
|
-
description: "The button that closes the dialog",
|
|
93
|
-
...SHARED_SEED_DATA,
|
|
94
|
-
props: {}
|
|
95
|
-
}];
|
|
@@ -1,86 +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
|
-
},
|
|
85
|
-
];
|
|
86
|
-
*/
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createIconProp, createStaticNumberProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBDataDisplay,
|
|
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: "Badge",
|
|
11
|
-
tag: "Badge",
|
|
12
|
-
doc_link: "https://docs.nativebase.io/badge",
|
|
13
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Badge",
|
|
14
|
-
description: "Badges allow the highlighting of an item’s status. This provides quick recognition.",
|
|
15
|
-
...SHARED_SEED_DATA,
|
|
16
|
-
props: {
|
|
17
|
-
/* */
|
|
18
|
-
leftIcon: createIconProp({
|
|
19
|
-
label: "Left Icon",
|
|
20
|
-
description: "The left icon element to use in the button."
|
|
21
|
-
}),
|
|
22
|
-
rightIcon: createIconProp({
|
|
23
|
-
label: "Right Icon",
|
|
24
|
-
description: "The right icon element to use in the button."
|
|
25
|
-
}),
|
|
26
|
-
startIcon: createIconProp({
|
|
27
|
-
label: "Start Icon",
|
|
28
|
-
description: "The start icon element to use in the button."
|
|
29
|
-
}),
|
|
30
|
-
endIcon: createIconProp({
|
|
31
|
-
label: "End Icon",
|
|
32
|
-
description: "The end icon element to use in the button."
|
|
33
|
-
})
|
|
34
|
-
}
|
|
35
|
-
}, {
|
|
36
|
-
name: "Divider",
|
|
37
|
-
tag: "Divider",
|
|
38
|
-
doc_link: "https://docs.nativebase.io/divider",
|
|
39
|
-
code_link: "https://github.com/GeekyAnts/NativeBase/tree/master/src/components/composites/Divider",
|
|
40
|
-
description: "Divider can visually separate content in a given list or group.",
|
|
41
|
-
...SHARED_SEED_DATA,
|
|
42
|
-
props: {
|
|
43
|
-
orientation: createTextEnumProp({
|
|
44
|
-
label: "Orientation",
|
|
45
|
-
description: "The orientation of the divider",
|
|
46
|
-
options: ["horizontal", "vertical"]
|
|
47
|
-
}),
|
|
48
|
-
thickness: createStaticNumberProp({
|
|
49
|
-
label: "Thickness",
|
|
50
|
-
description: "The thickness of the divider",
|
|
51
|
-
defaultValue: 1
|
|
52
|
-
})
|
|
53
|
-
}
|
|
54
|
-
}];
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createNumberProp, createIconProp } from "@draftbit/types";
|
|
2
|
-
const SHARED_SEED_DATA = {
|
|
3
|
-
category: COMPONENT_TYPES.NBFeedback,
|
|
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: "Alert",
|
|
11
|
-
tag: "Alert",
|
|
12
|
-
description: "Wrapper component. Alerts convey a state that can influence a system, feature, or page.",
|
|
13
|
-
...SHARED_SEED_DATA,
|
|
14
|
-
props: {
|
|
15
|
-
status: createTextEnumProp({
|
|
16
|
-
label: "Status",
|
|
17
|
-
description: "The status of the alert",
|
|
18
|
-
options: ["success", "warning", "error", "info"],
|
|
19
|
-
defaultValue: "info"
|
|
20
|
-
}),
|
|
21
|
-
variant: createTextEnumProp({
|
|
22
|
-
label: "Variant",
|
|
23
|
-
description: "The variant of the alert style to use.",
|
|
24
|
-
options: ["subtle", "solid", "outline", "left-accent", "top-accent", "outline-light"],
|
|
25
|
-
defaultValue: "subtle"
|
|
26
|
-
})
|
|
27
|
-
}
|
|
28
|
-
}, {
|
|
29
|
-
name: "Alert Icon",
|
|
30
|
-
tag: "Alert.Icon",
|
|
31
|
-
description: "The visual icon for the alert that changes based on the status prop.",
|
|
32
|
-
...SHARED_SEED_DATA,
|
|
33
|
-
props: {
|
|
34
|
-
icon: createIconProp({
|
|
35
|
-
label: "Icon",
|
|
36
|
-
description: "The icon to display"
|
|
37
|
-
})
|
|
38
|
-
}
|
|
39
|
-
}, {
|
|
40
|
-
name: "Progress",
|
|
41
|
-
tag: "Progress",
|
|
42
|
-
description: "Progress helps show the progress status for a time-consuming task that consists of several steps.",
|
|
43
|
-
...SHARED_SEED_DATA,
|
|
44
|
-
props: {
|
|
45
|
-
value: createNumberProp({
|
|
46
|
-
label: "Value",
|
|
47
|
-
description: "The value of the progress bar",
|
|
48
|
-
defaultValue: 0,
|
|
49
|
-
min: 0,
|
|
50
|
-
max: 100
|
|
51
|
-
}),
|
|
52
|
-
min: createNumberProp({
|
|
53
|
-
label: "Min",
|
|
54
|
-
description: "The minimum value of the progress bar",
|
|
55
|
-
defaultValue: 0,
|
|
56
|
-
min: 0,
|
|
57
|
-
max: 100
|
|
58
|
-
}),
|
|
59
|
-
max: createNumberProp({
|
|
60
|
-
label: "Max",
|
|
61
|
-
description: "The maximum value of the progress bar",
|
|
62
|
-
defaultValue: 100,
|
|
63
|
-
min: 0,
|
|
64
|
-
max: 100
|
|
65
|
-
})
|
|
66
|
-
}
|
|
67
|
-
}, {}];
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, StylesPanelSections, createTextEnumProp, createBoolProp } from "@draftbit/types";
|
|
2
|
-
const NB_LAYOUT_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
|
-
allowChildren: true,
|
|
9
|
-
layout: {},
|
|
10
|
-
triggers: {}
|
|
11
|
-
};
|
|
12
|
-
export const SEED_DATA = [{
|
|
13
|
-
name: "Aspect Ratio",
|
|
14
|
-
tag: "AspectRatio",
|
|
15
|
-
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
16
|
-
...NB_LAYOUT_PROPS,
|
|
17
|
-
props: {
|
|
18
|
-
ratio: createTextEnumProp({
|
|
19
|
-
label: "Ratio",
|
|
20
|
-
description: "The aspect ratio of the container",
|
|
21
|
-
options: ["1 / 1", "4 / 3", "3 / 2", "16 / 9", "2 / 1", "3 / 4", "2 / 3", "9 / 16", "1 / 2"],
|
|
22
|
-
defaultValue: "4 / 3"
|
|
23
|
-
})
|
|
24
|
-
}
|
|
25
|
-
}, {
|
|
26
|
-
name: "Box",
|
|
27
|
-
tag: "Box",
|
|
28
|
-
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
29
|
-
...NB_LAYOUT_PROPS
|
|
30
|
-
}, {
|
|
31
|
-
name: "Center",
|
|
32
|
-
tag: "Center",
|
|
33
|
-
description: "Centers its child",
|
|
34
|
-
...NB_LAYOUT_PROPS
|
|
35
|
-
}, {
|
|
36
|
-
name: "Square",
|
|
37
|
-
tag: "Square",
|
|
38
|
-
description: "Centers its child inside a square",
|
|
39
|
-
...NB_LAYOUT_PROPS
|
|
40
|
-
}, {
|
|
41
|
-
name: "Circle",
|
|
42
|
-
tag: "Circle",
|
|
43
|
-
description: "Centers its child inside a circle",
|
|
44
|
-
...NB_LAYOUT_PROPS
|
|
45
|
-
}, {
|
|
46
|
-
name: "Column",
|
|
47
|
-
tag: "Column",
|
|
48
|
-
description: "Column aligns items vertically",
|
|
49
|
-
...NB_LAYOUT_PROPS
|
|
50
|
-
}, {
|
|
51
|
-
name: "Container",
|
|
52
|
-
tag: "Container",
|
|
53
|
-
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
54
|
-
...NB_LAYOUT_PROPS
|
|
55
|
-
}, {
|
|
56
|
-
name: "Flex",
|
|
57
|
-
tag: "Flex",
|
|
58
|
-
description: "A Box with Flexbox properties. ",
|
|
59
|
-
...NB_LAYOUT_PROPS
|
|
60
|
-
}, {
|
|
61
|
-
name: "Spacer",
|
|
62
|
-
tag: "Spacer",
|
|
63
|
-
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
64
|
-
...NB_LAYOUT_PROPS
|
|
65
|
-
}, {
|
|
66
|
-
name: "Row",
|
|
67
|
-
tag: "Row",
|
|
68
|
-
description: "Column aligns items horizontally",
|
|
69
|
-
...NB_LAYOUT_PROPS,
|
|
70
|
-
props: {}
|
|
71
|
-
}, {
|
|
72
|
-
name: "Stack",
|
|
73
|
-
tag: "Stack",
|
|
74
|
-
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
75
|
-
...NB_LAYOUT_PROPS,
|
|
76
|
-
props: {
|
|
77
|
-
direction: createTextEnumProp({
|
|
78
|
-
label: "Direction",
|
|
79
|
-
description: "The direction of the Stack",
|
|
80
|
-
options: ["row", "column"],
|
|
81
|
-
defaultValue: "column"
|
|
82
|
-
}),
|
|
83
|
-
reversed: createBoolProp({
|
|
84
|
-
label: "Reversed",
|
|
85
|
-
description: "Determines whether to reverse the direction of items."
|
|
86
|
-
}),
|
|
87
|
-
isDisabled: createBoolProp({
|
|
88
|
-
label: "Disabled",
|
|
89
|
-
description: "If true, the Stack will be disabled."
|
|
90
|
-
}),
|
|
91
|
-
isInvalid: createBoolProp({
|
|
92
|
-
label: "Invalid",
|
|
93
|
-
description: "If true, the Stack will be invalid."
|
|
94
|
-
})
|
|
95
|
-
}
|
|
96
|
-
}, {
|
|
97
|
-
name: "ZStack",
|
|
98
|
-
tag: "ZStack",
|
|
99
|
-
description: "ZStack aligns items to the z-axis.",
|
|
100
|
-
...NB_LAYOUT_PROPS,
|
|
101
|
-
props: {
|
|
102
|
-
reversed: createBoolProp({
|
|
103
|
-
label: "Reversed",
|
|
104
|
-
description: "Determines whether to reverse the direction of items."
|
|
105
|
-
})
|
|
106
|
-
}
|
|
107
|
-
}];
|