@draftbit/core 46.9.1-fe76aa.2 → 46.9.1
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/Accordion/AccordionItem.js +4 -23
- package/lib/commonjs/components/DeprecatedFAB.js +3 -21
- package/lib/commonjs/components/Justification.js +1 -5
- package/lib/commonjs/components/ResizeMode.js +1 -5
- package/lib/commonjs/mappings/ActionSheet.js +1 -1
- package/lib/commonjs/mappings/ActionSheetCancel.js +1 -1
- package/lib/commonjs/mappings/ActionSheetItem.js +1 -1
- package/lib/commonjs/mappings/MapCallout.js +1 -1
- package/lib/commonjs/mappings/MapMarker.js +1 -1
- package/lib/module/components/Justification.js +0 -1
- package/lib/module/components/ResizeMode.js +0 -1
- package/lib/module/mappings/ActionSheet.js +1 -1
- package/lib/module/mappings/ActionSheetCancel.js +1 -1
- package/lib/module/mappings/ActionSheetItem.js +1 -1
- package/lib/module/mappings/MapCallout.js +2 -2
- package/lib/module/mappings/MapMarker.js +2 -2
- package/lib/typescript/src/mappings/ActionSheet.d.ts.map +1 -1
- package/lib/typescript/src/mappings/ActionSheetCancel.d.ts.map +1 -1
- package/lib/typescript/src/mappings/ActionSheetItem.d.ts.map +1 -1
- package/lib/typescript/src/mappings/MapCallout.d.ts.map +1 -1
- package/lib/typescript/src/mappings/MapMarker.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/mappings/ActionSheet.ts +1 -4
- package/src/mappings/ActionSheetCancel.ts +1 -4
- package/src/mappings/ActionSheetItem.ts +1 -4
- package/src/mappings/MapCallout.ts +2 -6
- package/src/mappings/MapMarker.ts +2 -6
- 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/Checkbox/Checkbox.js +0 -62
- package/src/components/Checkbox/CheckboxGroup.js +0 -21
- package/src/components/Checkbox/CheckboxGroupRow.js +0 -76
- package/src/components/Checkbox/CheckboxRow.js +0 -77
- 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 -382
- 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/DeckSwiper/DeckSwiper.js +0 -65
- package/src/components/DeckSwiper/DeckSwiperCard.js +0 -21
- package/src/components/DeckSwiper/index.js +0 -2
- package/src/components/DeprecatedButton.js +0 -83
- package/src/components/DeprecatedCardWrapper.js +0 -18
- package/src/components/DeprecatedFAB.js +0 -114
- 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/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/Markdown.js +0 -10
- package/src/components/NumberInput.js +0 -49
- package/src/components/Picker/Picker.js +0 -266
- 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/Pressable.js +0 -12
- 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 -35
- package/src/components/Shadow.js +0 -16
- 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/TabView/TabView.js +0 -54
- package/src/components/TabView/TabViewItem.js +0 -11
- package/src/components/TabView/index.js +0 -2
- 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 -49
- package/src/interfaces/Icon.js +0 -8
- package/src/mappings/Accordion.js +0 -50
- package/src/mappings/AccordionItem.js +0 -17
- package/src/mappings/ActionSheet.js +0 -17
- package/src/mappings/ActionSheetCancel.js +0 -23
- package/src/mappings/ActionSheetItem.js +0 -27
- 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 -116
- 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 -182
- package/src/mappings/DeckSwiper.js +0 -48
- package/src/mappings/DeckSwiperCard.js +0 -16
- 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 -113
- package/src/mappings/FlatList.js +0 -51
- 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 -33
- 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 -82
- package/src/mappings/MapCallout.js +0 -26
- package/src/mappings/MapMarker.js +0 -52
- package/src/mappings/MapView.js +0 -142
- package/src/mappings/Markdown.js +0 -25
- package/src/mappings/Modal.js +0 -42
- package/src/mappings/NumberInput.js +0 -254
- package/src/mappings/Picker.js +0 -153
- 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 -37
- package/src/mappings/Shadow.js +0 -95
- 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 -71
- package/src/mappings/SwiperItem.js +0 -9
- package/src/mappings/Switch.js +0 -81
- package/src/mappings/TabView.js +0 -75
- package/src/mappings/TabViewItem.js +0 -30
- package/src/mappings/Text.js +0 -251
- package/src/mappings/TextArea.js +0 -283
- package/src/mappings/TextField.js +0 -400
- package/src/mappings/TextInput.js +0 -402
- package/src/mappings/ToggleButton.js +0 -50
- package/src/mappings/Touchable.js +0 -67
- 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
|
@@ -12,6 +12,7 @@ var _theming = require("../../theming");
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
16
|
const AccordionItem = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
Icon,
|
|
@@ -26,10 +27,9 @@ const AccordionItem = _ref => {
|
|
|
26
27
|
textStyles,
|
|
27
28
|
viewStyles
|
|
28
29
|
} = (0, _utilities.extractStyles)(style);
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
30
|
-
style: [styles.container, viewStyles]
|
|
31
|
-
|
|
32
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
30
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
31
|
+
style: [styles.container, viewStyles]
|
|
32
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
33
33
|
style: styles.row
|
|
34
34
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
35
35
|
name: icon,
|
|
@@ -61,23 +61,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
64
|
-
exports.default = _default;.StyleSheet.create({
|
|
65
|
-
container: {
|
|
66
|
-
padding: 8
|
|
67
|
-
},
|
|
68
|
-
row: {
|
|
69
|
-
flexDirection: "row",
|
|
70
|
-
alignItems: "center",
|
|
71
|
-
paddingLeft: 8
|
|
72
|
-
},
|
|
73
|
-
item: {
|
|
74
|
-
marginVertical: 6,
|
|
75
|
-
paddingLeft: 8
|
|
76
|
-
},
|
|
77
|
-
content: {
|
|
78
|
-
flex: 1,
|
|
79
|
-
justifyContent: "center"
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
83
64
|
exports.default = _default;
|
|
@@ -14,6 +14,7 @@ var _theming = require("../theming");
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
18
|
const FAB = _ref => {
|
|
18
19
|
let {
|
|
19
20
|
Icon,
|
|
@@ -105,8 +106,7 @@ const FAB = _ref => {
|
|
|
105
106
|
style: [{
|
|
106
107
|
elevation
|
|
107
108
|
}, style]
|
|
108
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
109
|
-
...rest,
|
|
109
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
|
|
110
110
|
onPress: onPress,
|
|
111
111
|
accessibilityState: {
|
|
112
112
|
disabled
|
|
@@ -114,7 +114,7 @@ const FAB = _ref => {
|
|
|
114
114
|
accessibilityRole: "button",
|
|
115
115
|
disabled: disabled || loading,
|
|
116
116
|
style: buttonStyles
|
|
117
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
117
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
118
118
|
style: styles.content
|
|
119
119
|
}, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
120
120
|
style: iconStyle
|
|
@@ -154,22 +154,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
var _default = (0, _theming.withTheme)(FAB);
|
|
157
|
-
exports.default = _default;ow",
|
|
158
|
-
alignItems: "center",
|
|
159
|
-
justifyContent: "center"
|
|
160
|
-
},
|
|
161
|
-
icon: {
|
|
162
|
-
alignItems: "center",
|
|
163
|
-
justifyContent: "center",
|
|
164
|
-
width: _Config.default.buttonIconSize
|
|
165
|
-
},
|
|
166
|
-
fixed: {
|
|
167
|
-
left: 0,
|
|
168
|
-
right: 0,
|
|
169
|
-
bottom: 0,
|
|
170
|
-
height: 64,
|
|
171
|
-
borderRadius: 0
|
|
172
|
-
}
|
|
173
|
-
});
|
|
174
|
-
var _default = (0, _theming.withTheme)(FAB);
|
|
175
157
|
exports.default = _default;
|
|
@@ -10,7 +10,7 @@ const SEED_DATA = {
|
|
|
10
10
|
tag: "ActionSheet",
|
|
11
11
|
description: "Action Sheet container",
|
|
12
12
|
category: _types.COMPONENT_TYPES.actionsheet,
|
|
13
|
-
stylesPanelSections: [_types.StylesPanelSections.
|
|
13
|
+
stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
|
|
14
14
|
props: {
|
|
15
15
|
visible: (0, _types.createStaticBoolProp)({
|
|
16
16
|
group: _types.GROUPS.data,
|
|
@@ -9,7 +9,7 @@ const SEED_DATA = {
|
|
|
9
9
|
name: "Action Sheet Cancel",
|
|
10
10
|
tag: "ActionSheetCancel",
|
|
11
11
|
description: "Action Sheet cancel",
|
|
12
|
-
stylesPanelSections: [_types.StylesPanelSections.
|
|
12
|
+
stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
|
|
13
13
|
category: _types.COMPONENT_TYPES.actionsheet,
|
|
14
14
|
triggers: [_types.Triggers.OnPress],
|
|
15
15
|
props: {
|
|
@@ -10,7 +10,7 @@ const SEED_DATA = {
|
|
|
10
10
|
tag: "ActionSheetItem",
|
|
11
11
|
description: "Action Sheet item",
|
|
12
12
|
category: _types.COMPONENT_TYPES.actionsheet,
|
|
13
|
-
stylesPanelSections: [_types.StylesPanelSections.
|
|
13
|
+
stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins],
|
|
14
14
|
triggers: [_types.Triggers.OnPress],
|
|
15
15
|
layout: {
|
|
16
16
|
textAlign: "center"
|
|
@@ -9,7 +9,7 @@ const SEED_DATA = {
|
|
|
9
9
|
name: "Map Callout",
|
|
10
10
|
tag: "MapCallout",
|
|
11
11
|
packageName: "@draftbit/maps",
|
|
12
|
-
stylesPanelSections:
|
|
12
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
13
13
|
description: "An info window to display on top of a marker when it is clicked",
|
|
14
14
|
category: _types.COMPONENT_TYPES.map,
|
|
15
15
|
triggers: [_types.Triggers.OnPress],
|
|
@@ -11,7 +11,7 @@ const SEED_DATA = {
|
|
|
11
11
|
packageName: "@draftbit/maps",
|
|
12
12
|
description: "A marker to show inside map view",
|
|
13
13
|
category: _types.COMPONENT_TYPES.map,
|
|
14
|
-
stylesPanelSections:
|
|
14
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
15
15
|
layout: {},
|
|
16
16
|
props: {
|
|
17
17
|
latitude: (0, _types.createNumberProp)({
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -4,7 +4,7 @@ export const SEED_DATA = {
|
|
|
4
4
|
tag: "ActionSheet",
|
|
5
5
|
description: "Action Sheet container",
|
|
6
6
|
category: COMPONENT_TYPES.actionsheet,
|
|
7
|
-
stylesPanelSections: [StylesPanelSections.
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
8
8
|
props: {
|
|
9
9
|
visible: createStaticBoolProp({
|
|
10
10
|
group: GROUPS.data,
|
|
@@ -3,7 +3,7 @@ export const SEED_DATA = {
|
|
|
3
3
|
name: "Action Sheet Cancel",
|
|
4
4
|
tag: "ActionSheetCancel",
|
|
5
5
|
description: "Action Sheet cancel",
|
|
6
|
-
stylesPanelSections: [StylesPanelSections.
|
|
6
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
7
7
|
category: COMPONENT_TYPES.actionsheet,
|
|
8
8
|
triggers: [Triggers.OnPress],
|
|
9
9
|
props: {
|
|
@@ -4,7 +4,7 @@ export const SEED_DATA = {
|
|
|
4
4
|
tag: "ActionSheetItem",
|
|
5
5
|
description: "Action Sheet item",
|
|
6
6
|
category: COMPONENT_TYPES.actionsheet,
|
|
7
|
-
stylesPanelSections: [StylesPanelSections.
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
8
8
|
triggers: [Triggers.OnPress],
|
|
9
9
|
layout: {
|
|
10
10
|
textAlign: "center"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers,
|
|
1
|
+
import { COMPONENT_TYPES, createActionProp, createBoolProp, GROUPS, Triggers, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Map Callout",
|
|
4
4
|
tag: "MapCallout",
|
|
5
5
|
packageName: "@draftbit/maps",
|
|
6
|
-
stylesPanelSections:
|
|
6
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
7
7
|
description: "An info window to display on top of a marker when it is clicked",
|
|
8
8
|
category: COMPONENT_TYPES.map,
|
|
9
9
|
triggers: [Triggers.OnPress],
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS,
|
|
1
|
+
import { COMPONENT_TYPES, createBoolProp, createColorProp, createNumberProp, createTextProp, GROUPS, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Map Marker",
|
|
4
4
|
tag: "MapMarker",
|
|
5
5
|
packageName: "@draftbit/maps",
|
|
6
6
|
description: "A marker to show inside map view",
|
|
7
7
|
category: COMPONENT_TYPES.map,
|
|
8
|
-
stylesPanelSections:
|
|
8
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
9
9
|
layout: {},
|
|
10
10
|
props: {
|
|
11
11
|
latitude: createNumberProp({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheet.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAYrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetCancel.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/mappings/ActionSheetItem.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MapCallout.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapCallout.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MapMarker.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapMarker.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.9.1
|
|
3
|
+
"version": "46.9.1",
|
|
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": "
|
|
44
|
+
"@draftbit/types": "~46.9.0",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -96,5 +96,5 @@
|
|
|
96
96
|
]
|
|
97
97
|
]
|
|
98
98
|
},
|
|
99
|
-
"gitHead": "
|
|
99
|
+
"gitHead": "47a79020bf300ba2f8abf34bc4a48a5b15b190eb"
|
|
100
100
|
}
|
|
@@ -10,10 +10,7 @@ export const SEED_DATA = {
|
|
|
10
10
|
tag: "ActionSheet",
|
|
11
11
|
description: "Action Sheet container",
|
|
12
12
|
category: COMPONENT_TYPES.actionsheet,
|
|
13
|
-
stylesPanelSections: [
|
|
14
|
-
StylesPanelSections.Margins,
|
|
15
|
-
StylesPanelSections.Effects,
|
|
16
|
-
],
|
|
13
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
17
14
|
props: {
|
|
18
15
|
visible: createStaticBoolProp({
|
|
19
16
|
group: GROUPS.data,
|
|
@@ -12,10 +12,7 @@ export const SEED_DATA = {
|
|
|
12
12
|
name: "Action Sheet Cancel",
|
|
13
13
|
tag: "ActionSheetCancel",
|
|
14
14
|
description: "Action Sheet cancel",
|
|
15
|
-
stylesPanelSections: [
|
|
16
|
-
StylesPanelSections.Margins,
|
|
17
|
-
StylesPanelSections.Effects,
|
|
18
|
-
],
|
|
15
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
19
16
|
category: COMPONENT_TYPES.actionsheet,
|
|
20
17
|
triggers: [Triggers.OnPress],
|
|
21
18
|
props: {
|
|
@@ -13,10 +13,7 @@ export const SEED_DATA = {
|
|
|
13
13
|
tag: "ActionSheetItem",
|
|
14
14
|
description: "Action Sheet item",
|
|
15
15
|
category: COMPONENT_TYPES.actionsheet,
|
|
16
|
-
stylesPanelSections: [
|
|
17
|
-
StylesPanelSections.Margins,
|
|
18
|
-
StylesPanelSections.Effects,
|
|
19
|
-
],
|
|
16
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins],
|
|
20
17
|
triggers: [Triggers.OnPress],
|
|
21
18
|
layout: {
|
|
22
19
|
textAlign: "center",
|
|
@@ -4,18 +4,14 @@ import {
|
|
|
4
4
|
createBoolProp,
|
|
5
5
|
GROUPS,
|
|
6
6
|
Triggers,
|
|
7
|
-
|
|
7
|
+
CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
8
8
|
} from "@draftbit/types";
|
|
9
9
|
|
|
10
10
|
export const SEED_DATA = {
|
|
11
11
|
name: "Map Callout",
|
|
12
12
|
tag: "MapCallout",
|
|
13
13
|
packageName: "@draftbit/maps",
|
|
14
|
-
stylesPanelSections:
|
|
15
|
-
StylesPanelSections.Size,
|
|
16
|
-
StylesPanelSections.Margins,
|
|
17
|
-
StylesPanelSections.Effects,
|
|
18
|
-
],
|
|
14
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
19
15
|
description:
|
|
20
16
|
"An info window to display on top of a marker when it is clicked",
|
|
21
17
|
category: COMPONENT_TYPES.map,
|
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
createNumberProp,
|
|
6
6
|
createTextProp,
|
|
7
7
|
GROUPS,
|
|
8
|
-
|
|
8
|
+
CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
9
9
|
} from "@draftbit/types";
|
|
10
10
|
|
|
11
11
|
export const SEED_DATA = {
|
|
@@ -14,11 +14,7 @@ export const SEED_DATA = {
|
|
|
14
14
|
packageName: "@draftbit/maps",
|
|
15
15
|
description: "A marker to show inside map view",
|
|
16
16
|
category: COMPONENT_TYPES.map,
|
|
17
|
-
stylesPanelSections:
|
|
18
|
-
StylesPanelSections.Size,
|
|
19
|
-
StylesPanelSections.Margins,
|
|
20
|
-
StylesPanelSections.Effects,
|
|
21
|
-
],
|
|
17
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
22
18
|
layout: {},
|
|
23
19
|
props: {
|
|
24
20
|
latitude: createNumberProp({
|
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 === null || child === void 0 ? void 0 : 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;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Animated, Easing, } from "react-native";
|
|
3
|
-
import CircularProgress from "./CircularProgress";
|
|
4
|
-
const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
|
|
5
|
-
const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
|
|
6
|
-
const [fillAnimation] = React.useState(new Animated.Value(prefill));
|
|
7
|
-
const animate = React.useCallback((toVal = -1, dur, ease) => {
|
|
8
|
-
const toValue = toVal >= 0 ? toVal : fill;
|
|
9
|
-
const dura = dur || duration;
|
|
10
|
-
const eas = ease || easing;
|
|
11
|
-
const useNative = useNativeDriver;
|
|
12
|
-
const anim = Animated.timing(fillAnimation, {
|
|
13
|
-
useNativeDriver: useNative,
|
|
14
|
-
toValue,
|
|
15
|
-
easing: eas,
|
|
16
|
-
duration: dura,
|
|
17
|
-
});
|
|
18
|
-
anim.start(onAnimationComplete);
|
|
19
|
-
return anim;
|
|
20
|
-
}, [
|
|
21
|
-
duration,
|
|
22
|
-
easing,
|
|
23
|
-
fill,
|
|
24
|
-
useNativeDriver,
|
|
25
|
-
fillAnimation,
|
|
26
|
-
onAnimationComplete,
|
|
27
|
-
]);
|
|
28
|
-
const animateColor = () => {
|
|
29
|
-
if (!tintColorSecondary) {
|
|
30
|
-
return tintColor;
|
|
31
|
-
}
|
|
32
|
-
const tintAnimation = fillAnimation.interpolate({
|
|
33
|
-
inputRange: [0, 100],
|
|
34
|
-
outputRange: [tintColor, tintColorSecondary],
|
|
35
|
-
});
|
|
36
|
-
return tintAnimation;
|
|
37
|
-
};
|
|
38
|
-
React.useEffect(() => {
|
|
39
|
-
animate();
|
|
40
|
-
}, [fill, animate]);
|
|
41
|
-
return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
|
|
42
|
-
};
|
|
43
|
-
export default AnimatedCircularProgress;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, StyleSheet, } from "react-native";
|
|
3
|
-
const AspectRatio = (props) => {
|
|
4
|
-
const [layout, setLayout] = React.useState(null);
|
|
5
|
-
const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
|
|
6
|
-
const style = [inputStyle, { aspectRatio }];
|
|
7
|
-
if (layout) {
|
|
8
|
-
const { width = 0, height = 0 } = layout;
|
|
9
|
-
if (width === 0) {
|
|
10
|
-
style.push({ width: height * (1 / aspectRatio), height });
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
style.push({ width, height: width * (1 / aspectRatio) });
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
|
|
17
|
-
};
|
|
18
|
-
export default AspectRatio;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import Touchable from "./Touchable";
|
|
4
|
-
import CircleImage from "./CircleImage";
|
|
5
|
-
import { withTheme } from "../theming";
|
|
6
|
-
const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
|
|
7
|
-
const colorStyles = {
|
|
8
|
-
editBackgroundColor: theme.colors.primary,
|
|
9
|
-
editIconColor: theme.colors.surface,
|
|
10
|
-
editBorderColor: theme.colors.surface,
|
|
11
|
-
};
|
|
12
|
-
const dimensions = {
|
|
13
|
-
width: size,
|
|
14
|
-
height: size,
|
|
15
|
-
};
|
|
16
|
-
return (React.createElement(View, { style: [style, dimensions], ...rest },
|
|
17
|
-
React.createElement(Touchable, { onPress: onPress },
|
|
18
|
-
React.createElement(CircleImage, { source: image, size: size }),
|
|
19
|
-
React.createElement(View, { style: {
|
|
20
|
-
position: "absolute",
|
|
21
|
-
top: -3,
|
|
22
|
-
right: -3,
|
|
23
|
-
borderColor: colorStyles.editBorderColor,
|
|
24
|
-
backgroundColor: colorStyles.editBackgroundColor,
|
|
25
|
-
borderRadius: size * (3 / 16),
|
|
26
|
-
padding: size * (3 / 32),
|
|
27
|
-
} },
|
|
28
|
-
React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
|
|
29
|
-
};
|
|
30
|
-
export default withTheme(AvatarEdit);
|