@draftbit/core 43.5.1-e9e03e.0 → 43.6.0-alpha.4
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/DeprecatedCardWrapper.js +2 -14
- package/lib/commonjs/components/DeprecatedCardWrapper.js.map +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js +4 -20
- package/lib/commonjs/components/DeprecatedFAB.js.map +1 -1
- package/lib/commonjs/components/Justification.js +0 -3
- package/lib/commonjs/components/ResizeMode.js +0 -3
- package/lib/commonjs/mappings/MapCallout.js +2 -1
- package/lib/commonjs/mappings/MapCallout.js.map +1 -1
- package/lib/commonjs/mappings/MapMarker.js +2 -1
- package/lib/commonjs/mappings/MapMarker.js.map +1 -1
- package/lib/commonjs/mappings/MapView.js +128 -0
- package/lib/commonjs/mappings/MapView.js.map +1 -0
- package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
- package/lib/commonjs/mappings/RowBodyIcon.js.map +1 -1
- package/lib/module/components/Justification.js +1 -1
- package/lib/module/components/ResizeMode.js +1 -1
- package/lib/module/components/RowHeadlineImageCaption.js.map +1 -1
- package/lib/module/interfaces/Icon.js.map +1 -1
- package/lib/module/mappings/MapCallout.js +2 -1
- package/lib/module/mappings/MapCallout.js.map +1 -1
- package/lib/module/mappings/MapMarker.js +2 -1
- package/lib/module/mappings/MapMarker.js.map +1 -1
- package/lib/module/mappings/MapView.js +119 -0
- package/lib/module/mappings/MapView.js.map +1 -0
- package/lib/typescript/src/mappings/MapCallout.d.ts +1 -0
- package/lib/typescript/src/mappings/MapMarker.d.ts +1 -0
- package/lib/typescript/src/mappings/MapView.d.ts +159 -0
- package/package.json +3 -3
- package/src/mappings/MapCallout.ts +2 -1
- package/src/mappings/MapMarker.ts +2 -1
- package/src/mappings/MapView.ts +135 -0
- 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 -112
- 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 -66
- 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 -78
- package/src/components/Config.js +0 -63
- package/src/components/Container.js +0 -44
- package/src/components/DatePicker/DatePicker.js +0 -368
- 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 -56
- package/src/components/Picker/PickerComponent.android.js +0 -68
- package/src/components/Picker/PickerComponent.ios.js +0 -78
- package/src/components/Picker/PickerComponent.web.js +0 -69
- package/src/components/Picker/PickerTypes.js +0 -1
- package/src/components/Portal/Portal.js +0 -35
- package/src/components/Portal/PortalConsumer.js +0 -28
- package/src/components/Portal/PortalHost.js +0 -105
- package/src/components/Portal/PortalManager.js +0 -29
- 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/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 -39
- package/src/components/Surface.js +0 -32
- package/src/components/Swiper/Swiper.js +0 -18
- 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 -28
- package/src/components/TextField.js +0 -420
- 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 -51
- 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 -22
- package/src/mappings/ActivityIndicator.js +0 -53
- package/src/mappings/AudioPlayer.js +0 -20
- package/src/mappings/AvatarEdit.js +0 -37
- package/src/mappings/Banner.js +0 -32
- package/src/mappings/BlurView.js +0 -41
- package/src/mappings/Button.js +0 -56
- package/src/mappings/Card.js +0 -52
- package/src/mappings/CardBlock.js +0 -122
- package/src/mappings/CardContainer.js +0 -102
- package/src/mappings/CardContainerRating.js +0 -124
- package/src/mappings/CardContainerShortImage.js +0 -118
- package/src/mappings/CardInline.js +0 -51
- package/src/mappings/Carousel.js +0 -18
- package/src/mappings/Checkbox.js +0 -45
- package/src/mappings/CheckboxGroup.js +0 -25
- package/src/mappings/CheckboxRow.js +0 -56
- package/src/mappings/CircleImage.js +0 -24
- package/src/mappings/Container.js +0 -29
- package/src/mappings/CustomCode.js +0 -8
- package/src/mappings/DatePicker.js +0 -146
- package/src/mappings/Divider.js +0 -26
- package/src/mappings/FAB.js +0 -36
- package/src/mappings/Fetch.js +0 -12
- package/src/mappings/FieldSearchBarFull.js +0 -49
- package/src/mappings/FlatList.js +0 -19
- package/src/mappings/HeaderLarge.js +0 -28
- package/src/mappings/HeaderMedium.js +0 -54
- package/src/mappings/HeaderOverline.js +0 -54
- package/src/mappings/Icon.js +0 -25
- package/src/mappings/IconButton.js +0 -30
- package/src/mappings/Image.js +0 -15
- package/src/mappings/ImageBackground.js +0 -28
- package/src/mappings/KeyboardAvoidingView.js +0 -40
- package/src/mappings/KeyboardAwareScrollView.js +0 -43
- package/src/mappings/Layout.js +0 -195
- package/src/mappings/LinearGradient.js +0 -77
- package/src/mappings/MapCallout.js +0 -19
- package/src/mappings/MapMarker.js +0 -46
- package/src/mappings/Modal.js +0 -41
- package/src/mappings/Picker.js +0 -137
- package/src/mappings/ProgressBar.js +0 -100
- package/src/mappings/ProgressCircle.js +0 -108
- package/src/mappings/ProgressIndicator.js +0 -180
- package/src/mappings/RadioButton.js +0 -50
- package/src/mappings/RadioButtonGroup.js +0 -16
- package/src/mappings/RadioButtonRow.js +0 -37
- package/src/mappings/RowBodyIcon.js +0 -75
- package/src/mappings/RowHeadlineImageCaption.js +0 -167
- package/src/mappings/RowHeadlineImageIcon.js +0 -99
- package/src/mappings/SafeAreaView.js +0 -33
- package/src/mappings/ScrollView.js +0 -30
- package/src/mappings/Slider.js +0 -59
- package/src/mappings/StarRating.js +0 -42
- package/src/mappings/Stepper.js +0 -28
- package/src/mappings/Surface.js +0 -13
- package/src/mappings/Swiper.js +0 -60
- package/src/mappings/SwiperItem.js +0 -8
- package/src/mappings/Switch.js +0 -75
- package/src/mappings/Text.js +0 -227
- package/src/mappings/TextArea.js +0 -52
- package/src/mappings/TextField.js +0 -158
- package/src/mappings/TextInput.js +0 -208
- package/src/mappings/ToggleButton.js +0 -45
- package/src/mappings/Touchable.js +0 -12
- package/src/mappings/Video.js +0 -74
- package/src/mappings/View.js +0 -206
- package/src/mappings/WebView.js +0 -18
- 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 -54
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, GROUPS, FORM_TYPES, PROP_TYPES } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Map View",
|
|
4
|
+
tag: "MapView",
|
|
5
|
+
packageName: "@draftbit/maps",
|
|
6
|
+
description: "A map view",
|
|
7
|
+
category: COMPONENT_TYPES.media,
|
|
8
|
+
layout: {
|
|
9
|
+
height: "100%",
|
|
10
|
+
width: "100%"
|
|
11
|
+
},
|
|
12
|
+
props: {
|
|
13
|
+
provider: {
|
|
14
|
+
formType: FORM_TYPES.flatArray,
|
|
15
|
+
propType: PROP_TYPES.STRING,
|
|
16
|
+
editable: true,
|
|
17
|
+
group: GROUPS.basic,
|
|
18
|
+
label: "Provider",
|
|
19
|
+
description: "The maps provider",
|
|
20
|
+
required: false,
|
|
21
|
+
defaultValue: null,
|
|
22
|
+
options: ["google"]
|
|
23
|
+
},
|
|
24
|
+
latitude: createNumberProp({
|
|
25
|
+
label: "Initial Latitude",
|
|
26
|
+
description: "The longitude for the map's initial region",
|
|
27
|
+
required: false,
|
|
28
|
+
precision: 6,
|
|
29
|
+
min: -90,
|
|
30
|
+
max: 90,
|
|
31
|
+
defaultValue: 37.40241
|
|
32
|
+
}),
|
|
33
|
+
longitude: createNumberProp({
|
|
34
|
+
label: "Initial Longitude",
|
|
35
|
+
description: "The longitude for the map's initial region",
|
|
36
|
+
required: false,
|
|
37
|
+
precision: 6,
|
|
38
|
+
min: -180,
|
|
39
|
+
max: 180,
|
|
40
|
+
defaultValue: -122.12125
|
|
41
|
+
}),
|
|
42
|
+
latitudeDelta: createNumberProp({
|
|
43
|
+
label: "Init Latitude Delta",
|
|
44
|
+
description: "The latitude delta for the map's initial region",
|
|
45
|
+
required: false,
|
|
46
|
+
precision: 4,
|
|
47
|
+
defaultValue: 1
|
|
48
|
+
}),
|
|
49
|
+
longitudeDelta: createNumberProp({
|
|
50
|
+
label: "Init Longitude Delta",
|
|
51
|
+
description: "The longitude delta for the map's initial region",
|
|
52
|
+
required: false,
|
|
53
|
+
precision: 4,
|
|
54
|
+
defaultValue: 1
|
|
55
|
+
}),
|
|
56
|
+
zoom: createNumberProp({
|
|
57
|
+
label: "Initial Zoom (Web)",
|
|
58
|
+
description: "The initial zoom of the map",
|
|
59
|
+
required: true,
|
|
60
|
+
precision: 0,
|
|
61
|
+
step: 1,
|
|
62
|
+
defaultValue: 8
|
|
63
|
+
}),
|
|
64
|
+
mapType: {
|
|
65
|
+
label: "Map Type",
|
|
66
|
+
description: "The type of map to show",
|
|
67
|
+
group: GROUPS.basic,
|
|
68
|
+
formType: FORM_TYPES.flatArray,
|
|
69
|
+
propType: PROP_TYPES.STRING,
|
|
70
|
+
required: false,
|
|
71
|
+
defaultValue: null,
|
|
72
|
+
options: ["standard", "satellite", "hybrid", "terrain", "none", "mutedStandard"]
|
|
73
|
+
},
|
|
74
|
+
zoomEnabled: createBoolProp({
|
|
75
|
+
label: "Zoom Enabled",
|
|
76
|
+
description: "Whether zooming is enabled (native only)",
|
|
77
|
+
group: GROUPS.basic,
|
|
78
|
+
required: false,
|
|
79
|
+
defaultValue: true
|
|
80
|
+
}),
|
|
81
|
+
showsCompass: createBoolProp({
|
|
82
|
+
label: "Shows Compass",
|
|
83
|
+
description: "Whether compass is shown",
|
|
84
|
+
group: GROUPS.basic,
|
|
85
|
+
required: false,
|
|
86
|
+
defaultValue: false
|
|
87
|
+
}),
|
|
88
|
+
rotateEnabled: createBoolProp({
|
|
89
|
+
label: "Rotate Enabled",
|
|
90
|
+
description: "Whether rotating the map is enabled",
|
|
91
|
+
group: GROUPS.basic,
|
|
92
|
+
required: false,
|
|
93
|
+
defaultValue: true
|
|
94
|
+
}),
|
|
95
|
+
scrollEnabled: createBoolProp({
|
|
96
|
+
label: "Scroll Enabled",
|
|
97
|
+
description: "Whether scrolling the map view is enabled",
|
|
98
|
+
group: GROUPS.basic,
|
|
99
|
+
required: false,
|
|
100
|
+
defaultValue: true
|
|
101
|
+
}),
|
|
102
|
+
loadingEnabled: createBoolProp({
|
|
103
|
+
label: "Loading Enabled",
|
|
104
|
+
description: "If true a loading indicator will show while the map is loading",
|
|
105
|
+
group: GROUPS.basic,
|
|
106
|
+
required: false,
|
|
107
|
+
defaultValue: true
|
|
108
|
+
}),
|
|
109
|
+
loadingIndicatorColor: createColorProp({
|
|
110
|
+
label: "Loading Indicator Color",
|
|
111
|
+
description: "Color of the loading indicator"
|
|
112
|
+
}),
|
|
113
|
+
loadingBackgroundColor: createColorProp({
|
|
114
|
+
label: "Loading Background Color",
|
|
115
|
+
description: "Color of the background to show while the map is loading"
|
|
116
|
+
})
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=MapView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["MapView.ts"],"names":["COMPONENT_TYPES","createBoolProp","createColorProp","createNumberProp","GROUPS","FORM_TYPES","PROP_TYPES","SEED_DATA","name","tag","packageName","description","category","media","layout","height","width","props","provider","formType","flatArray","propType","STRING","editable","group","basic","label","required","defaultValue","options","latitude","precision","min","max","longitude","latitudeDelta","longitudeDelta","zoom","step","mapType","zoomEnabled","showsCompass","rotateEnabled","scrollEnabled","loadingEnabled","loadingIndicatorColor","loadingBackgroundColor"],"mappings":"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","sourcesContent":["import {\n COMPONENT_TYPES,\n createBoolProp,\n createColorProp,\n createNumberProp,\n GROUPS,\n FORM_TYPES,\n PROP_TYPES,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n name: \"Map View\",\n tag: \"MapView\",\n packageName: \"@draftbit/maps\",\n description: \"A map view\",\n category: COMPONENT_TYPES.media,\n layout: {\n height: \"100%\",\n width: \"100%\",\n },\n props: {\n provider: {\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n editable: true,\n group: GROUPS.basic,\n label: \"Provider\",\n description: \"The maps provider\",\n required: false,\n defaultValue: null,\n options: [\"google\"],\n },\n latitude: createNumberProp({\n label: \"Initial Latitude\",\n description: \"The longitude for the map's initial region\",\n required: false,\n precision: 6,\n min: -90,\n max: 90,\n defaultValue: 37.40241,\n }),\n longitude: createNumberProp({\n label: \"Initial Longitude\",\n description: \"The longitude for the map's initial region\",\n required: false,\n precision: 6,\n min: -180,\n max: 180,\n defaultValue: -122.12125,\n }),\n latitudeDelta: createNumberProp({\n label: \"Init Latitude Delta\",\n description: \"The latitude delta for the map's initial region\",\n required: false,\n precision: 4,\n defaultValue: 1,\n }),\n longitudeDelta: createNumberProp({\n label: \"Init Longitude Delta\",\n description: \"The longitude delta for the map's initial region\",\n required: false,\n precision: 4,\n defaultValue: 1,\n }),\n zoom: createNumberProp({\n label: \"Initial Zoom (Web)\",\n description: \"The initial zoom of the map\",\n required: true,\n precision: 0,\n step: 1,\n defaultValue: 8,\n }),\n mapType: {\n label: \"Map Type\",\n description: \"The type of map to show\",\n group: GROUPS.basic,\n formType: FORM_TYPES.flatArray,\n propType: PROP_TYPES.STRING,\n required: false,\n defaultValue: null,\n options: [\n \"standard\",\n \"satellite\",\n \"hybrid\",\n \"terrain\",\n \"none\",\n \"mutedStandard\",\n ],\n },\n zoomEnabled: createBoolProp({\n label: \"Zoom Enabled\",\n description: \"Whether zooming is enabled (native only)\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n showsCompass: createBoolProp({\n label: \"Shows Compass\",\n description: \"Whether compass is shown\",\n group: GROUPS.basic,\n required: false,\n defaultValue: false,\n }),\n rotateEnabled: createBoolProp({\n label: \"Rotate Enabled\",\n description: \"Whether rotating the map is enabled\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n scrollEnabled: createBoolProp({\n label: \"Scroll Enabled\",\n description: \"Whether scrolling the map view is enabled\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n loadingEnabled: createBoolProp({\n label: \"Loading Enabled\",\n description:\n \"If true a loading indicator will show while the map is loading\",\n group: GROUPS.basic,\n required: false,\n defaultValue: true,\n }),\n loadingIndicatorColor: createColorProp({\n label: \"Loading Indicator Color\",\n description: \"Color of the loading indicator\",\n }),\n loadingBackgroundColor: createColorProp({\n label: \"Loading Background Color\",\n description: \"Color of the background to show while the map is loading\",\n }),\n },\n};\n"]}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
export declare const SEED_DATA: {
|
|
2
|
+
name: string;
|
|
3
|
+
tag: string;
|
|
4
|
+
packageName: string;
|
|
5
|
+
description: string;
|
|
6
|
+
category: string;
|
|
7
|
+
layout: {
|
|
8
|
+
height: string;
|
|
9
|
+
width: string;
|
|
10
|
+
};
|
|
11
|
+
props: {
|
|
12
|
+
provider: {
|
|
13
|
+
formType: string;
|
|
14
|
+
propType: string;
|
|
15
|
+
editable: boolean;
|
|
16
|
+
group: string;
|
|
17
|
+
label: string;
|
|
18
|
+
description: string;
|
|
19
|
+
required: boolean;
|
|
20
|
+
defaultValue: null;
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
latitude: {
|
|
24
|
+
label: string;
|
|
25
|
+
description: string;
|
|
26
|
+
formType: string;
|
|
27
|
+
propType: string;
|
|
28
|
+
group: string;
|
|
29
|
+
defaultValue: null;
|
|
30
|
+
editable: boolean;
|
|
31
|
+
required: boolean;
|
|
32
|
+
step: number;
|
|
33
|
+
};
|
|
34
|
+
longitude: {
|
|
35
|
+
label: string;
|
|
36
|
+
description: string;
|
|
37
|
+
formType: string;
|
|
38
|
+
propType: string;
|
|
39
|
+
group: string;
|
|
40
|
+
defaultValue: null;
|
|
41
|
+
editable: boolean;
|
|
42
|
+
required: boolean;
|
|
43
|
+
step: number;
|
|
44
|
+
};
|
|
45
|
+
latitudeDelta: {
|
|
46
|
+
label: string;
|
|
47
|
+
description: string;
|
|
48
|
+
formType: string;
|
|
49
|
+
propType: string;
|
|
50
|
+
group: string;
|
|
51
|
+
defaultValue: null;
|
|
52
|
+
editable: boolean;
|
|
53
|
+
required: boolean;
|
|
54
|
+
step: number;
|
|
55
|
+
};
|
|
56
|
+
longitudeDelta: {
|
|
57
|
+
label: string;
|
|
58
|
+
description: string;
|
|
59
|
+
formType: string;
|
|
60
|
+
propType: string;
|
|
61
|
+
group: string;
|
|
62
|
+
defaultValue: null;
|
|
63
|
+
editable: boolean;
|
|
64
|
+
required: boolean;
|
|
65
|
+
step: number;
|
|
66
|
+
};
|
|
67
|
+
zoom: {
|
|
68
|
+
label: string;
|
|
69
|
+
description: string;
|
|
70
|
+
formType: string;
|
|
71
|
+
propType: string;
|
|
72
|
+
group: string;
|
|
73
|
+
defaultValue: null;
|
|
74
|
+
editable: boolean;
|
|
75
|
+
required: boolean;
|
|
76
|
+
step: number;
|
|
77
|
+
};
|
|
78
|
+
mapType: {
|
|
79
|
+
label: string;
|
|
80
|
+
description: string;
|
|
81
|
+
group: string;
|
|
82
|
+
formType: string;
|
|
83
|
+
propType: string;
|
|
84
|
+
required: boolean;
|
|
85
|
+
defaultValue: null;
|
|
86
|
+
options: string[];
|
|
87
|
+
};
|
|
88
|
+
zoomEnabled: {
|
|
89
|
+
label: string;
|
|
90
|
+
description: string;
|
|
91
|
+
formType: string;
|
|
92
|
+
propType: string;
|
|
93
|
+
defaultValue: boolean;
|
|
94
|
+
editable: boolean;
|
|
95
|
+
required: boolean;
|
|
96
|
+
group: string;
|
|
97
|
+
};
|
|
98
|
+
showsCompass: {
|
|
99
|
+
label: string;
|
|
100
|
+
description: string;
|
|
101
|
+
formType: string;
|
|
102
|
+
propType: string;
|
|
103
|
+
defaultValue: boolean;
|
|
104
|
+
editable: boolean;
|
|
105
|
+
required: boolean;
|
|
106
|
+
group: string;
|
|
107
|
+
};
|
|
108
|
+
rotateEnabled: {
|
|
109
|
+
label: string;
|
|
110
|
+
description: string;
|
|
111
|
+
formType: string;
|
|
112
|
+
propType: string;
|
|
113
|
+
defaultValue: boolean;
|
|
114
|
+
editable: boolean;
|
|
115
|
+
required: boolean;
|
|
116
|
+
group: string;
|
|
117
|
+
};
|
|
118
|
+
scrollEnabled: {
|
|
119
|
+
label: string;
|
|
120
|
+
description: string;
|
|
121
|
+
formType: string;
|
|
122
|
+
propType: string;
|
|
123
|
+
defaultValue: boolean;
|
|
124
|
+
editable: boolean;
|
|
125
|
+
required: boolean;
|
|
126
|
+
group: string;
|
|
127
|
+
};
|
|
128
|
+
loadingEnabled: {
|
|
129
|
+
label: string;
|
|
130
|
+
description: string;
|
|
131
|
+
formType: string;
|
|
132
|
+
propType: string;
|
|
133
|
+
defaultValue: boolean;
|
|
134
|
+
editable: boolean;
|
|
135
|
+
required: boolean;
|
|
136
|
+
group: string;
|
|
137
|
+
};
|
|
138
|
+
loadingIndicatorColor: {
|
|
139
|
+
group: string;
|
|
140
|
+
label: string;
|
|
141
|
+
description: string;
|
|
142
|
+
editable: boolean;
|
|
143
|
+
required: boolean;
|
|
144
|
+
defaultValue: null;
|
|
145
|
+
formType: string;
|
|
146
|
+
propType: string;
|
|
147
|
+
};
|
|
148
|
+
loadingBackgroundColor: {
|
|
149
|
+
group: string;
|
|
150
|
+
label: string;
|
|
151
|
+
description: string;
|
|
152
|
+
editable: boolean;
|
|
153
|
+
required: boolean;
|
|
154
|
+
defaultValue: null;
|
|
155
|
+
formType: string;
|
|
156
|
+
propType: string;
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "43.
|
|
3
|
+
"version": "43.6.0-alpha.4",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^43.4
|
|
44
|
+
"@draftbit/types": "^43.6.0-alpha.4",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.1.7",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
]
|
|
81
81
|
]
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "2231d6e6a17112eef021c3e290474a970a909668"
|
|
84
84
|
}
|
|
@@ -8,9 +8,10 @@ import {
|
|
|
8
8
|
export const SEED_DATA = {
|
|
9
9
|
name: "Map Callout",
|
|
10
10
|
tag: "MapCallout",
|
|
11
|
+
packageName: "@draftbit/maps",
|
|
11
12
|
description:
|
|
12
13
|
"An info window to display on top of a marker when it is clicked",
|
|
13
|
-
category: COMPONENT_TYPES.
|
|
14
|
+
category: COMPONENT_TYPES.media,
|
|
14
15
|
layout: {},
|
|
15
16
|
props: {
|
|
16
17
|
onPress: createActionProp({
|
|
@@ -10,8 +10,9 @@ import {
|
|
|
10
10
|
export const SEED_DATA = {
|
|
11
11
|
name: "Map Marker",
|
|
12
12
|
tag: "MapMarker",
|
|
13
|
+
packageName: "@draftbit/maps",
|
|
13
14
|
description: "A marker to show inside map view",
|
|
14
|
-
category: COMPONENT_TYPES.
|
|
15
|
+
category: COMPONENT_TYPES.media,
|
|
15
16
|
layout: {},
|
|
16
17
|
props: {
|
|
17
18
|
latitude: createNumberProp({
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import {
|
|
2
|
+
COMPONENT_TYPES,
|
|
3
|
+
createBoolProp,
|
|
4
|
+
createColorProp,
|
|
5
|
+
createNumberProp,
|
|
6
|
+
GROUPS,
|
|
7
|
+
FORM_TYPES,
|
|
8
|
+
PROP_TYPES,
|
|
9
|
+
} from "@draftbit/types";
|
|
10
|
+
|
|
11
|
+
export const SEED_DATA = {
|
|
12
|
+
name: "Map View",
|
|
13
|
+
tag: "MapView",
|
|
14
|
+
packageName: "@draftbit/maps",
|
|
15
|
+
description: "A map view",
|
|
16
|
+
category: COMPONENT_TYPES.media,
|
|
17
|
+
layout: {
|
|
18
|
+
height: "100%",
|
|
19
|
+
width: "100%",
|
|
20
|
+
},
|
|
21
|
+
props: {
|
|
22
|
+
provider: {
|
|
23
|
+
formType: FORM_TYPES.flatArray,
|
|
24
|
+
propType: PROP_TYPES.STRING,
|
|
25
|
+
editable: true,
|
|
26
|
+
group: GROUPS.basic,
|
|
27
|
+
label: "Provider",
|
|
28
|
+
description: "The maps provider",
|
|
29
|
+
required: false,
|
|
30
|
+
defaultValue: null,
|
|
31
|
+
options: ["google"],
|
|
32
|
+
},
|
|
33
|
+
latitude: createNumberProp({
|
|
34
|
+
label: "Initial Latitude",
|
|
35
|
+
description: "The longitude for the map's initial region",
|
|
36
|
+
required: false,
|
|
37
|
+
precision: 6,
|
|
38
|
+
min: -90,
|
|
39
|
+
max: 90,
|
|
40
|
+
defaultValue: 37.40241,
|
|
41
|
+
}),
|
|
42
|
+
longitude: createNumberProp({
|
|
43
|
+
label: "Initial Longitude",
|
|
44
|
+
description: "The longitude for the map's initial region",
|
|
45
|
+
required: false,
|
|
46
|
+
precision: 6,
|
|
47
|
+
min: -180,
|
|
48
|
+
max: 180,
|
|
49
|
+
defaultValue: -122.12125,
|
|
50
|
+
}),
|
|
51
|
+
latitudeDelta: createNumberProp({
|
|
52
|
+
label: "Init Latitude Delta",
|
|
53
|
+
description: "The latitude delta for the map's initial region",
|
|
54
|
+
required: false,
|
|
55
|
+
precision: 4,
|
|
56
|
+
defaultValue: 1,
|
|
57
|
+
}),
|
|
58
|
+
longitudeDelta: createNumberProp({
|
|
59
|
+
label: "Init Longitude Delta",
|
|
60
|
+
description: "The longitude delta for the map's initial region",
|
|
61
|
+
required: false,
|
|
62
|
+
precision: 4,
|
|
63
|
+
defaultValue: 1,
|
|
64
|
+
}),
|
|
65
|
+
zoom: createNumberProp({
|
|
66
|
+
label: "Initial Zoom (Web)",
|
|
67
|
+
description: "The initial zoom of the map",
|
|
68
|
+
required: true,
|
|
69
|
+
precision: 0,
|
|
70
|
+
step: 1,
|
|
71
|
+
defaultValue: 8,
|
|
72
|
+
}),
|
|
73
|
+
mapType: {
|
|
74
|
+
label: "Map Type",
|
|
75
|
+
description: "The type of map to show",
|
|
76
|
+
group: GROUPS.basic,
|
|
77
|
+
formType: FORM_TYPES.flatArray,
|
|
78
|
+
propType: PROP_TYPES.STRING,
|
|
79
|
+
required: false,
|
|
80
|
+
defaultValue: null,
|
|
81
|
+
options: [
|
|
82
|
+
"standard",
|
|
83
|
+
"satellite",
|
|
84
|
+
"hybrid",
|
|
85
|
+
"terrain",
|
|
86
|
+
"none",
|
|
87
|
+
"mutedStandard",
|
|
88
|
+
],
|
|
89
|
+
},
|
|
90
|
+
zoomEnabled: createBoolProp({
|
|
91
|
+
label: "Zoom Enabled",
|
|
92
|
+
description: "Whether zooming is enabled (native only)",
|
|
93
|
+
group: GROUPS.basic,
|
|
94
|
+
required: false,
|
|
95
|
+
defaultValue: true,
|
|
96
|
+
}),
|
|
97
|
+
showsCompass: createBoolProp({
|
|
98
|
+
label: "Shows Compass",
|
|
99
|
+
description: "Whether compass is shown",
|
|
100
|
+
group: GROUPS.basic,
|
|
101
|
+
required: false,
|
|
102
|
+
defaultValue: false,
|
|
103
|
+
}),
|
|
104
|
+
rotateEnabled: createBoolProp({
|
|
105
|
+
label: "Rotate Enabled",
|
|
106
|
+
description: "Whether rotating the map is enabled",
|
|
107
|
+
group: GROUPS.basic,
|
|
108
|
+
required: false,
|
|
109
|
+
defaultValue: true,
|
|
110
|
+
}),
|
|
111
|
+
scrollEnabled: createBoolProp({
|
|
112
|
+
label: "Scroll Enabled",
|
|
113
|
+
description: "Whether scrolling the map view is enabled",
|
|
114
|
+
group: GROUPS.basic,
|
|
115
|
+
required: false,
|
|
116
|
+
defaultValue: true,
|
|
117
|
+
}),
|
|
118
|
+
loadingEnabled: createBoolProp({
|
|
119
|
+
label: "Loading Enabled",
|
|
120
|
+
description:
|
|
121
|
+
"If true a loading indicator will show while the map is loading",
|
|
122
|
+
group: GROUPS.basic,
|
|
123
|
+
required: false,
|
|
124
|
+
defaultValue: true,
|
|
125
|
+
}),
|
|
126
|
+
loadingIndicatorColor: createColorProp({
|
|
127
|
+
label: "Loading Indicator Color",
|
|
128
|
+
description: "Color of the loading indicator",
|
|
129
|
+
}),
|
|
130
|
+
loadingBackgroundColor: createColorProp({
|
|
131
|
+
label: "Loading Background Color",
|
|
132
|
+
description: "Color of the background to show while the map is loading",
|
|
133
|
+
}),
|
|
134
|
+
},
|
|
135
|
+
};
|
package/src/Provider.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ThemeProvider } from "./theming";
|
|
3
|
-
import PortalHost from "./components/Portal/PortalHost";
|
|
4
|
-
export default class Provider extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
return (React.createElement(PortalHost, null,
|
|
7
|
-
React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
|
|
8
|
-
}
|
|
9
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { View, StyleSheet, Pressable, } from "react-native";
|
|
3
|
-
import Text from "../Text";
|
|
4
|
-
import { withTheme } from "../../theming";
|
|
5
|
-
import { extractStyles } from "../../utilities";
|
|
6
|
-
const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
|
|
7
|
-
const [expanded, setExpanded] = React.useState(expandedProp);
|
|
8
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
9
|
-
const expandedColor = openColor || theme.colors.primary;
|
|
10
|
-
const collapsedColor = closedColor || theme.colors.primary;
|
|
11
|
-
const labelColor = expanded ? expandedColor : collapsedColor;
|
|
12
|
-
const caretColor = caretColorProp || labelColor;
|
|
13
|
-
const handlePressAction = () => {
|
|
14
|
-
setExpanded(!expanded);
|
|
15
|
-
};
|
|
16
|
-
return (React.createElement(React.Fragment, null,
|
|
17
|
-
React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
|
|
18
|
-
icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
|
|
19
|
-
React.createElement(View, { style: styles.content },
|
|
20
|
-
React.createElement(Text, { selectable: false, style: [
|
|
21
|
-
textStyles,
|
|
22
|
-
{
|
|
23
|
-
color: labelColor,
|
|
24
|
-
},
|
|
25
|
-
] }, label)),
|
|
26
|
-
React.createElement(Icon, { name: expanded
|
|
27
|
-
? "MaterialIcons/keyboard-arrow-up"
|
|
28
|
-
: "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
|
|
29
|
-
expanded ? children : null));
|
|
30
|
-
};
|
|
31
|
-
const styles = StyleSheet.create({
|
|
32
|
-
row: {
|
|
33
|
-
flexDirection: "row",
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
},
|
|
36
|
-
content: {
|
|
37
|
-
flex: 1,
|
|
38
|
-
justifyContent: "center",
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
marginRight: 8,
|
|
42
|
-
},
|
|
43
|
-
});
|
|
44
|
-
export default withTheme(AccordionGroup);
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Pressable, StyleSheet, View, } from "react-native";
|
|
3
|
-
import Text from "../Text";
|
|
4
|
-
import { extractStyles } from "../../utilities";
|
|
5
|
-
import { withTheme } from "../../theming";
|
|
6
|
-
const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
|
|
7
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
8
|
-
return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
|
|
9
|
-
React.createElement(View, { style: styles.row },
|
|
10
|
-
icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
|
|
11
|
-
React.createElement(View, { style: [styles.item, styles.content] },
|
|
12
|
-
React.createElement(Text, { selectable: false, style: textStyles }, label)))));
|
|
13
|
-
};
|
|
14
|
-
const styles = StyleSheet.create({
|
|
15
|
-
container: {
|
|
16
|
-
padding: 8,
|
|
17
|
-
},
|
|
18
|
-
row: {
|
|
19
|
-
flexDirection: "row",
|
|
20
|
-
alignItems: "center",
|
|
21
|
-
paddingLeft: 8,
|
|
22
|
-
},
|
|
23
|
-
item: {
|
|
24
|
-
marginVertical: 6,
|
|
25
|
-
paddingLeft: 8,
|
|
26
|
-
},
|
|
27
|
-
content: {
|
|
28
|
-
flex: 1,
|
|
29
|
-
justifyContent: "center",
|
|
30
|
-
},
|
|
31
|
-
});
|
|
32
|
-
export default withTheme(AccordionItem);
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, StyleSheet } from "react-native";
|
|
3
|
-
import Portal from "../Portal/Portal";
|
|
4
|
-
import Touchable from "../Touchable";
|
|
5
|
-
import ActionSheetCancel from "./ActionSheetCancel";
|
|
6
|
-
const ActionSheet = ({ visible = false, onClose, children }) => {
|
|
7
|
-
return visible ? (React.createElement(Portal, null,
|
|
8
|
-
React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
|
|
9
|
-
React.createElement(View, { style: styles.overlay }),
|
|
10
|
-
React.createElement(View, { style: styles.groupWrapper },
|
|
11
|
-
React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child?.type !== ActionSheetCancel)),
|
|
12
|
-
React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
|
|
13
|
-
};
|
|
14
|
-
const styles = StyleSheet.create({
|
|
15
|
-
wrapper: {
|
|
16
|
-
flex: 1,
|
|
17
|
-
display: "flex",
|
|
18
|
-
flexDirection: "column",
|
|
19
|
-
},
|
|
20
|
-
overlay: {
|
|
21
|
-
position: "absolute",
|
|
22
|
-
top: 0,
|
|
23
|
-
left: 0,
|
|
24
|
-
right: 0,
|
|
25
|
-
bottom: 0,
|
|
26
|
-
backgroundColor: "#000000",
|
|
27
|
-
opacity: 0.3,
|
|
28
|
-
},
|
|
29
|
-
groupWrapper: {
|
|
30
|
-
flex: 1,
|
|
31
|
-
flexDirection: "column",
|
|
32
|
-
justifyContent: "flex-end",
|
|
33
|
-
display: "flex",
|
|
34
|
-
marginBottom: 25,
|
|
35
|
-
},
|
|
36
|
-
group: {
|
|
37
|
-
display: "flex",
|
|
38
|
-
flexDirection: "column",
|
|
39
|
-
borderRadius: 10,
|
|
40
|
-
marginHorizontal: 7,
|
|
41
|
-
marginVertical: 2.5,
|
|
42
|
-
overflow: "hidden",
|
|
43
|
-
},
|
|
44
|
-
});
|
|
45
|
-
export default ActionSheet;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import ActionSheetItem from "./ActionSheetItem";
|
|
3
|
-
const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
|
|
4
|
-
return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
|
|
5
|
-
};
|
|
6
|
-
export default ActionSheetCancel;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Text, StyleSheet, TouchableOpacity, } from "react-native";
|
|
3
|
-
import { extractStyles } from "../../utilities";
|
|
4
|
-
const ActionSheetItem = ({ label, style, color, onPress }) => {
|
|
5
|
-
const { textStyles, viewStyles } = extractStyles(style);
|
|
6
|
-
return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
|
|
7
|
-
React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
|
|
8
|
-
};
|
|
9
|
-
const styles = StyleSheet.create({
|
|
10
|
-
wrapper: {
|
|
11
|
-
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
12
|
-
borderBottomColor: "#CCCCCC",
|
|
13
|
-
backgroundColor: "#F1F1F1",
|
|
14
|
-
minHeight: 50,
|
|
15
|
-
overflow: "hidden",
|
|
16
|
-
display: "flex",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
},
|
|
19
|
-
label: {
|
|
20
|
-
fontSize: 16,
|
|
21
|
-
textAlign: "center",
|
|
22
|
-
color: "#0A84FF",
|
|
23
|
-
fontWeight: "500",
|
|
24
|
-
overflow: "hidden",
|
|
25
|
-
paddingHorizontal: 20,
|
|
26
|
-
paddingVertical: 10,
|
|
27
|
-
alignSelf: "center",
|
|
28
|
-
},
|
|
29
|
-
});
|
|
30
|
-
export default ActionSheetItem;
|