@draftbit/core 47.0.0-alpha.0 → 47.0.0-df8093.2
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/Banner.js +168 -0
- package/lib/commonjs/components/Banner.js.map +1 -0
- package/lib/commonjs/components/Stepper.js +1 -0
- package/lib/commonjs/index.js +14 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/View.js.map +1 -1
- package/lib/commonjs/mappings/WebView.js.map +1 -1
- package/lib/module/components/Banner.js +158 -0
- package/lib/module/components/Banner.js.map +1 -0
- package/lib/module/components/Stepper.js +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/components/Banner.d.ts +23 -0
- package/lib/typescript/src/components/Banner.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/Provider.js +9 -0
- package/src/components/Accordion/AccordionGroup.js +44 -0
- package/src/components/Accordion/AccordionItem.js +32 -0
- package/src/components/Accordion/index.js +2 -0
- package/src/components/ActionSheet/ActionSheet.js +45 -0
- package/src/components/ActionSheet/ActionSheetCancel.js +6 -0
- package/src/components/ActionSheet/ActionSheetItem.js +30 -0
- package/src/components/ActionSheet/index.js +3 -0
- package/src/components/Banner.js +109 -0
- package/src/components/Banner.tsx +204 -0
- package/src/components/Button.js +114 -0
- package/src/components/Checkbox/Checkbox.js +63 -0
- package/src/components/Checkbox/CheckboxGroup.js +21 -0
- package/src/components/Checkbox/CheckboxGroupRow.js +77 -0
- package/src/components/Checkbox/CheckboxRow.js +78 -0
- package/src/components/Checkbox/context.js +14 -0
- package/src/components/Checkbox/index.js +3 -0
- package/src/components/Config.js +64 -0
- package/src/components/DatePicker/DatePicker.js +368 -0
- package/src/components/DatePicker/DatePickerComponent.js +13 -0
- package/src/components/DatePicker/DatePickerComponent.web.js +30 -0
- package/src/components/DatePicker/DatePickerComponentType.js +1 -0
- package/src/components/DeprecatedButton.js +95 -0
- package/src/components/Elevation.js +20 -0
- package/src/components/FormRow.js +19 -0
- package/src/components/IconButton.js +35 -0
- package/src/components/Layout.js +50 -0
- package/src/components/NumberInput.js +49 -0
- package/src/components/Picker/Picker.js +267 -0
- package/src/components/Picker/PickerComponent.android.js +69 -0
- package/src/components/Picker/PickerComponent.ios.js +79 -0
- package/src/components/Picker/PickerComponent.web.js +70 -0
- package/src/components/Picker/PickerTypes.js +1 -0
- package/src/components/Portal/Portal.js +35 -0
- package/src/components/Portal/PortalConsumer.js +27 -0
- package/src/components/Portal/PortalHost.js +107 -0
- package/src/components/Portal/PortalManager.js +32 -0
- package/src/components/RadioButton/RadioButton.js +17 -0
- package/src/components/RadioButton/RadioButtonFieldGroup.js +17 -0
- package/src/components/RadioButton/RadioButtonGroup.js +43 -0
- package/src/components/RadioButton/RadioButtonRow.js +76 -0
- package/src/components/RadioButton/context.js +14 -0
- package/src/components/RadioButton/index.js +4 -0
- package/src/components/SVG.js +13 -0
- package/src/components/ScreenContainer.js +34 -0
- package/src/components/Slider.js +63 -0
- package/src/components/StarRating.js +50 -0
- package/src/components/Stepper.js +39 -0
- package/src/components/Surface.js +32 -0
- package/src/components/Swiper/Swiper.js +29 -0
- package/src/components/Swiper/SwiperItem.js +9 -0
- package/src/components/Swiper/index.js +2 -0
- package/src/components/Switch.js +56 -0
- package/src/components/Text.js +33 -0
- package/src/components/TextField.js +428 -0
- package/src/components/Touchable.js +12 -0
- package/src/components/Touchable.web.js +2 -0
- package/src/constants.js +10 -0
- package/src/hooks.js +12 -0
- package/src/index.js +35 -0
- package/src/index.tsx +2 -0
- package/src/interfaces/Icon.js +8 -0
- package/src/mappings/Accordion.js +41 -0
- package/src/mappings/AccordionItem.js +16 -0
- package/src/mappings/ActionSheet.js +13 -0
- package/src/mappings/ActionSheetCancel.js +19 -0
- package/src/mappings/ActionSheetItem.js +23 -0
- package/src/mappings/ActivityIndicator.js +58 -0
- package/src/mappings/AudioPlayer.js +20 -0
- package/src/mappings/BlurView.js +42 -0
- package/src/mappings/Button.js +87 -0
- package/src/mappings/Checkbox.js +46 -0
- package/src/mappings/CheckboxGroup.js +26 -0
- package/src/mappings/CheckboxRow.js +61 -0
- package/src/mappings/CustomCode.js +8 -0
- package/src/mappings/DatePicker.js +157 -0
- package/src/mappings/Fetch.js +13 -0
- package/src/mappings/FlashList.js +33 -0
- package/src/mappings/FlatList.js +24 -0
- package/src/mappings/Icon.js +32 -0
- package/src/mappings/IconButton.js +35 -0
- package/src/mappings/Image.js +35 -0
- package/src/mappings/ImageBackground.js +29 -0
- package/src/mappings/KeyboardAvoidingView.js +41 -0
- package/src/mappings/KeyboardAwareScrollView.js +50 -0
- package/src/mappings/Layout.js +200 -0
- package/src/mappings/LinearGradient.js +77 -0
- package/src/mappings/MapCallout.js +21 -0
- package/src/mappings/MapMarker.js +47 -0
- package/src/mappings/MapView.js +139 -0
- package/src/mappings/Modal.js +42 -0
- package/src/mappings/NumberInput.js +254 -0
- package/src/mappings/Picker.js +148 -0
- package/src/mappings/RadioButton.js +51 -0
- package/src/mappings/RadioButtonGroup.js +17 -0
- package/src/mappings/RadioButtonRow.js +42 -0
- package/src/mappings/SVG.js +20 -0
- package/src/mappings/SafeAreaView.js +33 -0
- package/src/mappings/ScrollView.js +31 -0
- package/src/mappings/Slider.js +60 -0
- package/src/mappings/StarRating.js +43 -0
- package/src/mappings/Stepper.js +29 -0
- package/src/mappings/Surface.js +14 -0
- package/src/mappings/Swiper.js +60 -0
- package/src/mappings/SwiperItem.js +8 -0
- package/src/mappings/Switch.js +81 -0
- package/src/mappings/Text.js +251 -0
- package/src/mappings/TextArea.js +263 -0
- package/src/mappings/TextField.js +381 -0
- package/src/mappings/TextInput.js +391 -0
- package/src/mappings/Touchable.js +17 -0
- package/src/mappings/Video.js +81 -0
- package/src/mappings/View.js +207 -0
- package/src/mappings/WebView.js +88 -0
- package/src/styles/DarkTheme.js +26 -0
- package/src/styles/DefaultTheme.js +111 -0
- package/src/styles/fonts.js +62 -0
- package/src/styles/overlay.js +60 -0
- package/src/styles/shadow.js +51 -0
- package/src/theming.js +3 -0
- package/src/utilities.js +102 -0
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _Surface = _interopRequireDefault(require("./Surface"));
|
|
10
|
+
var _shadow = _interopRequireDefault(require("../styles/shadow"));
|
|
11
|
+
var _theming = require("../theming");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
+
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); }
|
|
16
|
+
const ELEVATION = 1;
|
|
17
|
+
const DEFAULT_MAX_WIDTH = 960;
|
|
18
|
+
const Banner = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
initiallyVisible = true,
|
|
21
|
+
dismissable = true,
|
|
22
|
+
icon,
|
|
23
|
+
buttonColor,
|
|
24
|
+
content,
|
|
25
|
+
contentStyle,
|
|
26
|
+
style,
|
|
27
|
+
theme,
|
|
28
|
+
Icon,
|
|
29
|
+
...rest
|
|
30
|
+
} = _ref;
|
|
31
|
+
const [visible, setVisible] = React.useState(initiallyVisible);
|
|
32
|
+
React.useEffect(() => {
|
|
33
|
+
if (initiallyVisible) {
|
|
34
|
+
setVisible(true);
|
|
35
|
+
}
|
|
36
|
+
}, [initiallyVisible]);
|
|
37
|
+
const {
|
|
38
|
+
current: position
|
|
39
|
+
} = React.useRef(new _reactNative.Animated.Value(visible ? 1 : 0));
|
|
40
|
+
const [layout, setLayout] = React.useState({
|
|
41
|
+
height: 0,
|
|
42
|
+
measured: false
|
|
43
|
+
});
|
|
44
|
+
React.useEffect(() => {
|
|
45
|
+
if (visible) {
|
|
46
|
+
// show
|
|
47
|
+
_reactNative.Animated.timing(position, {
|
|
48
|
+
duration: 250,
|
|
49
|
+
toValue: 1,
|
|
50
|
+
useNativeDriver: false
|
|
51
|
+
}).start();
|
|
52
|
+
} else {
|
|
53
|
+
// hide
|
|
54
|
+
_reactNative.Animated.timing(position, {
|
|
55
|
+
duration: 200,
|
|
56
|
+
toValue: 0,
|
|
57
|
+
useNativeDriver: false
|
|
58
|
+
}).start();
|
|
59
|
+
}
|
|
60
|
+
}, [visible, position]);
|
|
61
|
+
const handleLayout = _ref2 => {
|
|
62
|
+
let {
|
|
63
|
+
nativeEvent
|
|
64
|
+
} = _ref2;
|
|
65
|
+
const {
|
|
66
|
+
height
|
|
67
|
+
} = nativeEvent.layout;
|
|
68
|
+
setLayout({
|
|
69
|
+
height,
|
|
70
|
+
measured: true
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
// The banner animation has 2 parts:
|
|
75
|
+
// 1. Blank spacer element which animates its height to move the content
|
|
76
|
+
// 2. Actual banner which animates its translateY
|
|
77
|
+
// In initial render, we position everything normally and measure the height of the banner
|
|
78
|
+
// Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
|
|
79
|
+
// We need this because we need to move the content below as if banner's height was being animated
|
|
80
|
+
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
81
|
+
const height = _reactNative.Animated.multiply(position, layout.height);
|
|
82
|
+
const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
|
|
83
|
+
return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
|
|
84
|
+
style: [styles.container, (0, _shadow.default)(ELEVATION), style]
|
|
85
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
86
|
+
style: [styles.wrapper, contentStyle]
|
|
87
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
88
|
+
style: {
|
|
89
|
+
height
|
|
90
|
+
}
|
|
91
|
+
}), /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
92
|
+
onLayout: handleLayout,
|
|
93
|
+
style: [layout.measured || !visible ?
|
|
94
|
+
// If we have measured banner's height or it's invisible,
|
|
95
|
+
// Position it absolutely, the layout will be taken care of the spacer
|
|
96
|
+
[styles.absolute, {
|
|
97
|
+
transform: [{
|
|
98
|
+
translateY
|
|
99
|
+
}]
|
|
100
|
+
}] :
|
|
101
|
+
// Otherwise position it normally
|
|
102
|
+
null, !layout.measured && !visible ?
|
|
103
|
+
// If we haven't measured banner's height yet and it's invisible,
|
|
104
|
+
// hide it with opacity: 0 so user doesn't see it
|
|
105
|
+
{
|
|
106
|
+
opacity: 0
|
|
107
|
+
} : null]
|
|
108
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
109
|
+
style: [styles.content, {
|
|
110
|
+
marginBottom: dismissable ? 0 : 16
|
|
111
|
+
}]
|
|
112
|
+
}, icon ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
113
|
+
style: styles.icon
|
|
114
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
115
|
+
name: icon,
|
|
116
|
+
size: 40
|
|
117
|
+
})) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
118
|
+
style: [styles.message, {
|
|
119
|
+
color: theme.colors.text
|
|
120
|
+
}],
|
|
121
|
+
accessibilityLiveRegion: visible ? "polite" : "none",
|
|
122
|
+
accessibilityRole: "alert"
|
|
123
|
+
}, content)), dismissable ? /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
124
|
+
style: styles.actions
|
|
125
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Button, {
|
|
126
|
+
color: buttonColor || theme.colors.primary,
|
|
127
|
+
title: "Close",
|
|
128
|
+
onPress: () => setVisible(false)
|
|
129
|
+
})) : null)));
|
|
130
|
+
};
|
|
131
|
+
const styles = _reactNative.StyleSheet.create({
|
|
132
|
+
container: {
|
|
133
|
+
elevation: ELEVATION
|
|
134
|
+
},
|
|
135
|
+
wrapper: {
|
|
136
|
+
overflow: "hidden",
|
|
137
|
+
alignSelf: "center",
|
|
138
|
+
width: "100%",
|
|
139
|
+
maxWidth: DEFAULT_MAX_WIDTH
|
|
140
|
+
},
|
|
141
|
+
absolute: {
|
|
142
|
+
position: "absolute",
|
|
143
|
+
top: 0,
|
|
144
|
+
width: "100%"
|
|
145
|
+
},
|
|
146
|
+
content: {
|
|
147
|
+
flexDirection: "row",
|
|
148
|
+
justifyContent: "flex-start",
|
|
149
|
+
marginHorizontal: 8,
|
|
150
|
+
marginTop: 16,
|
|
151
|
+
marginBottom: 0
|
|
152
|
+
},
|
|
153
|
+
icon: {
|
|
154
|
+
margin: 8
|
|
155
|
+
},
|
|
156
|
+
message: {
|
|
157
|
+
flex: 1,
|
|
158
|
+
margin: 8
|
|
159
|
+
},
|
|
160
|
+
actions: {
|
|
161
|
+
flexDirection: "row",
|
|
162
|
+
justifyContent: "flex-end",
|
|
163
|
+
margin: 8
|
|
164
|
+
}
|
|
165
|
+
});
|
|
166
|
+
var _default = (0, _theming.withTheme)(Banner);
|
|
167
|
+
exports.default = _default;
|
|
168
|
+
//# sourceMappingURL=Banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","shadow","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex","withTheme"],"sourceRoot":"../../src","sources":["Banner.tsx"],"mappings":"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"}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -33,6 +33,12 @@ Object.defineProperty(exports, "ActionSheetItem", {
|
|
|
33
33
|
return _ActionSheet.ActionSheetItem;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "Banner", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _Banner.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
36
42
|
Object.defineProperty(exports, "Button", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function () {
|
|
@@ -189,6 +195,12 @@ Object.defineProperty(exports, "Stepper", {
|
|
|
189
195
|
return _Stepper.default;
|
|
190
196
|
}
|
|
191
197
|
});
|
|
198
|
+
Object.defineProperty(exports, "Surface", {
|
|
199
|
+
enumerable: true,
|
|
200
|
+
get: function () {
|
|
201
|
+
return _Surface.default;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
192
204
|
Object.defineProperty(exports, "Swiper", {
|
|
193
205
|
enumerable: true,
|
|
194
206
|
get: function () {
|
|
@@ -248,6 +260,7 @@ var _theming = require("./theming");
|
|
|
248
260
|
var _Provider = _interopRequireDefault(require("./Provider"));
|
|
249
261
|
var _DefaultTheme = _interopRequireDefault(require("./styles/DefaultTheme"));
|
|
250
262
|
var _ScreenContainer = _interopRequireDefault(require("./components/ScreenContainer"));
|
|
263
|
+
var _Banner = _interopRequireDefault(require("./components/Banner"));
|
|
251
264
|
var _Button = require("./components/Button");
|
|
252
265
|
var _Text = require("./components/Text");
|
|
253
266
|
var _IconButton = _interopRequireDefault(require("./components/IconButton"));
|
|
@@ -266,6 +279,7 @@ var _SVG = _interopRequireDefault(require("./components/SVG"));
|
|
|
266
279
|
var _Layout = require("./components/Layout");
|
|
267
280
|
var _Swiper = require("./components/Swiper");
|
|
268
281
|
var _Accordion = require("./components/Accordion");
|
|
282
|
+
var _Surface = _interopRequireDefault(require("./components/Surface"));
|
|
269
283
|
var _ActionSheet = require("./components/ActionSheet");
|
|
270
284
|
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); }
|
|
271
285
|
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; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAGA;AACA;AAGA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;AACA;AAMA;AACA;AACA;AACA;AAGA;AAGA;AAUA;AAGA;AACA;AAGA;AAIkC;AAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","accessible","group","GROUPS","accessibility","label","editable","required","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","accessibilityLabel","string","STRING","accessibilityHint","accessibilityRole","options","flatArray","accessibilityElementsHidden","accessibilityIgnoresInvertColors","accessibilityLiveRegion","importantForAccessibility","hitSlop","advanced","position","OBJECT","pointerEvents","removeClippedSubviews","collapsable","needsOffscreenAlphaCompositing","renderToHardwareTextureAndroid","shouldRasterizeIOS"],"sourceRoot":"../../src","sources":["View.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","stylesPanelSections","CONTAINER_COMPONENT_STYLES_SECTIONS","props","accessible","group","GROUPS","accessibility","label","editable","required","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","defaultValue","accessibilityLabel","string","STRING","accessibilityHint","accessibilityRole","options","flatArray","accessibilityElementsHidden","accessibilityIgnoresInvertColors","accessibilityLiveRegion","importantForAccessibility","hitSlop","advanced","position","OBJECT","pointerEvents","removeClippedSubviews","collapsable","needsOffscreenAlphaCompositing","renderToHardwareTextureAndroid","shouldRasterizeIOS"],"sourceRoot":"../../src","sources":["View.js"],"mappings":";;;;;;AAAA;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,MAAM;EACZC,GAAG,EAAE,MAAM;EACXC,WAAW,EAAE,wBAAwB;EACrCC,QAAQ,EAAEC,sBAAe,CAACC,KAAK;EAC/BC,mBAAmB,EAAEC,0CAAmC;EACxDC,KAAK,EAAE;IACHC,UAAU,EAAE;MACRC,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,YAAY;MAClBa,KAAK,EAAE,YAAY;MACnBX,WAAW,EAAE,wHAAwH;MACrIY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDC,kBAAkB,EAAE;MAChBb,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,oBAAoB;MAC1Ba,KAAK,EAAE,oBAAoB;MAC3BX,WAAW,EAAE,2NAA2N;MACxOc,QAAQ,EAAEC,iBAAU,CAACO,MAAM;MAC3BL,QAAQ,EAAEC,iBAAU,CAACK,MAAM;MAC3BX,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfO,YAAY,EAAE;IAClB,CAAC;IACDI,iBAAiB,EAAE;MACfhB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,mBAAmB;MACzBa,KAAK,EAAE,mBAAmB;MAC1BX,WAAW,EAAE,oLAAoL;MACjMY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACO,MAAM;MAC3BL,QAAQ,EAAEC,iBAAU,CAACK,MAAM;MAC3BH,YAAY,EAAE;IAClB,CAAC;IACDK,iBAAiB,EAAE;MACfjB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,mBAAmB;MACzBa,KAAK,EAAE,mBAAmB;MAC1BX,WAAW,EAAE,mnEAAmnE;MAChoE0B,OAAO,EAAE,CACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,EACb,MAAM,EACN,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,OAAO,EACP,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,CACZ;MACDd,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACY,SAAS;MAC9BV,QAAQ,EAAEC,iBAAU,CAACK,MAAM;MAC3BH,YAAY,EAAE;IAClB,CAAC;IACDQ,2BAA2B,EAAE;MACzBpB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,6BAA6B;MACnCa,KAAK,EAAE,6BAA6B;MACpCX,WAAW,EAAE,kLAAkL;MAC/LY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDS,gCAAgC,EAAE;MAC9BrB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,kCAAkC;MACxCa,KAAK,EAAE,kCAAkC;MACzCX,WAAW,EAAE,+OAA+O;MAC5PY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDU,uBAAuB,EAAE;MACrBtB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,yBAAyB;MAC/Ba,KAAK,EAAE,yBAAyB;MAChCX,WAAW,EAAE,qcAAqc;MACld0B,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC;MACxCd,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACY,SAAS;MAC9BV,QAAQ,EAAEC,iBAAU,CAACK,MAAM;MAC3BH,YAAY,EAAE;IAClB,CAAC;IACDW,yBAAyB,EAAE;MACvBvB,KAAK,EAAEC,aAAM,CAACC,aAAa;MAC3BZ,IAAI,EAAE,2BAA2B;MACjCa,KAAK,EAAE,2BAA2B;MAClCS,YAAY,EAAE,IAAI;MAClBpB,WAAW,EAAE,qkBAAqkB;MACllB0B,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC;MACrDd,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACY,SAAS;MAC9BV,QAAQ,EAAEC,iBAAU,CAACK;IACzB,CAAC;IACDS,OAAO,EAAE;MACLxB,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,SAAS;MACfa,KAAK,EAAE,SAAS;MAChBX,WAAW,EAAE,seAAse;MACnfY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACmB,QAAQ;MAC7BjB,QAAQ,EAAEC,iBAAU,CAACiB,MAAM;MAC3Bf,YAAY,EAAE;IAClB,CAAC;IACDgB,aAAa,EAAE;MACX5B,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,eAAe;MACrBa,KAAK,EAAE,eAAe;MACtBX,WAAW,EAAE,67BAA67B;MAC18B0B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC;MACjDd,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACY,SAAS;MAC9BV,QAAQ,EAAEC,iBAAU,CAACK,MAAM;MAC3BH,YAAY,EAAE;IAClB,CAAC;IACDiB,qBAAqB,EAAE;MACnB7B,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,uBAAuB;MAC7Ba,KAAK,EAAE,uBAAuB;MAC9BX,WAAW,EAAE,8XAA8X;MAC3YY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDkB,WAAW,EAAE;MACT9B,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,aAAa;MACnBa,KAAK,EAAE,aAAa;MACpBX,WAAW,EAAE,sRAAsR;MACnSY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDmB,8BAA8B,EAAE;MAC5B/B,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,gCAAgC;MACtCa,KAAK,EAAE,gCAAgC;MACvCX,WAAW,EAAE,2nCAA2nC;MACxoCY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDoB,8BAA8B,EAAE;MAC5BhC,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,gCAAgC;MACtCa,KAAK,EAAE,gCAAgC;MACvCX,WAAW,EAAE,+hBAA+hB;MAC5iBY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB,CAAC;IACDqB,kBAAkB,EAAE;MAChBjC,KAAK,EAAEC,aAAM,CAACwB,QAAQ;MACtBnC,IAAI,EAAE,oBAAoB;MAC1Ba,KAAK,EAAE,oBAAoB;MAC3BX,WAAW,EAAE,4eAA4e;MACzfY,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE,KAAK;MACfC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,QAAQ,EAAEC,iBAAU,CAACC,OAAO;MAC5BC,YAAY,EAAE;IAClB;EACJ;AACJ,CAAC;AAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","utility","stylesPanelSections","StylesPanelSections","Size","Margins","Borders","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label","javaScriptEnabled","group","GROUPS","advanced","javaScriptCanOpenWindowsAutomatically","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","mediaPlaybackRequiresUserAction","startInLoadingState","allowFileAccessFromFileURLs","allowUniversalAccessFromFileURLs","cacheEnabled","incognito","userAgent","createTextProp","applicationNameForUserAgent"],"sourceRoot":"../../src","sources":["WebView.
|
|
1
|
+
{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","utility","stylesPanelSections","StylesPanelSections","Size","Margins","Borders","layout","flex","props","source","createSourceProp","defaultValue","optimizeVideoChat","createStaticBoolProp","label","javaScriptEnabled","group","GROUPS","advanced","javaScriptCanOpenWindowsAutomatically","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","mediaPlaybackRequiresUserAction","startInLoadingState","allowFileAccessFromFileURLs","allowUniversalAccessFromFileURLs","cacheEnabled","incognito","userAgent","createTextProp","applicationNameForUserAgent"],"sourceRoot":"../../src","sources":["WebView.js"],"mappings":"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"}
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Button, Text, View, StyleSheet, Animated } from "react-native";
|
|
4
|
+
import Surface from "./Surface";
|
|
5
|
+
import shadow from "../styles/shadow";
|
|
6
|
+
import { withTheme } from "../theming";
|
|
7
|
+
const ELEVATION = 1;
|
|
8
|
+
const DEFAULT_MAX_WIDTH = 960;
|
|
9
|
+
const Banner = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
initiallyVisible = true,
|
|
12
|
+
dismissable = true,
|
|
13
|
+
icon,
|
|
14
|
+
buttonColor,
|
|
15
|
+
content,
|
|
16
|
+
contentStyle,
|
|
17
|
+
style,
|
|
18
|
+
theme,
|
|
19
|
+
Icon,
|
|
20
|
+
...rest
|
|
21
|
+
} = _ref;
|
|
22
|
+
const [visible, setVisible] = React.useState(initiallyVisible);
|
|
23
|
+
React.useEffect(() => {
|
|
24
|
+
if (initiallyVisible) {
|
|
25
|
+
setVisible(true);
|
|
26
|
+
}
|
|
27
|
+
}, [initiallyVisible]);
|
|
28
|
+
const {
|
|
29
|
+
current: position
|
|
30
|
+
} = React.useRef(new Animated.Value(visible ? 1 : 0));
|
|
31
|
+
const [layout, setLayout] = React.useState({
|
|
32
|
+
height: 0,
|
|
33
|
+
measured: false
|
|
34
|
+
});
|
|
35
|
+
React.useEffect(() => {
|
|
36
|
+
if (visible) {
|
|
37
|
+
// show
|
|
38
|
+
Animated.timing(position, {
|
|
39
|
+
duration: 250,
|
|
40
|
+
toValue: 1,
|
|
41
|
+
useNativeDriver: false
|
|
42
|
+
}).start();
|
|
43
|
+
} else {
|
|
44
|
+
// hide
|
|
45
|
+
Animated.timing(position, {
|
|
46
|
+
duration: 200,
|
|
47
|
+
toValue: 0,
|
|
48
|
+
useNativeDriver: false
|
|
49
|
+
}).start();
|
|
50
|
+
}
|
|
51
|
+
}, [visible, position]);
|
|
52
|
+
const handleLayout = _ref2 => {
|
|
53
|
+
let {
|
|
54
|
+
nativeEvent
|
|
55
|
+
} = _ref2;
|
|
56
|
+
const {
|
|
57
|
+
height
|
|
58
|
+
} = nativeEvent.layout;
|
|
59
|
+
setLayout({
|
|
60
|
+
height,
|
|
61
|
+
measured: true
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
// The banner animation has 2 parts:
|
|
66
|
+
// 1. Blank spacer element which animates its height to move the content
|
|
67
|
+
// 2. Actual banner which animates its translateY
|
|
68
|
+
// In initial render, we position everything normally and measure the height of the banner
|
|
69
|
+
// Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
|
|
70
|
+
// We need this because we need to move the content below as if banner's height was being animated
|
|
71
|
+
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
72
|
+
const height = Animated.multiply(position, layout.height);
|
|
73
|
+
const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
|
|
74
|
+
return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
|
|
75
|
+
style: [styles.container, shadow(ELEVATION), style]
|
|
76
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
77
|
+
style: [styles.wrapper, contentStyle]
|
|
78
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
79
|
+
style: {
|
|
80
|
+
height
|
|
81
|
+
}
|
|
82
|
+
}), /*#__PURE__*/React.createElement(Animated.View, {
|
|
83
|
+
onLayout: handleLayout,
|
|
84
|
+
style: [layout.measured || !visible ?
|
|
85
|
+
// If we have measured banner's height or it's invisible,
|
|
86
|
+
// Position it absolutely, the layout will be taken care of the spacer
|
|
87
|
+
[styles.absolute, {
|
|
88
|
+
transform: [{
|
|
89
|
+
translateY
|
|
90
|
+
}]
|
|
91
|
+
}] :
|
|
92
|
+
// Otherwise position it normally
|
|
93
|
+
null, !layout.measured && !visible ?
|
|
94
|
+
// If we haven't measured banner's height yet and it's invisible,
|
|
95
|
+
// hide it with opacity: 0 so user doesn't see it
|
|
96
|
+
{
|
|
97
|
+
opacity: 0
|
|
98
|
+
} : null]
|
|
99
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
100
|
+
style: [styles.content, {
|
|
101
|
+
marginBottom: dismissable ? 0 : 16
|
|
102
|
+
}]
|
|
103
|
+
}, icon ? /*#__PURE__*/React.createElement(View, {
|
|
104
|
+
style: styles.icon
|
|
105
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
106
|
+
name: icon,
|
|
107
|
+
size: 40
|
|
108
|
+
})) : null, /*#__PURE__*/React.createElement(Text, {
|
|
109
|
+
style: [styles.message, {
|
|
110
|
+
color: theme.colors.text
|
|
111
|
+
}],
|
|
112
|
+
accessibilityLiveRegion: visible ? "polite" : "none",
|
|
113
|
+
accessibilityRole: "alert"
|
|
114
|
+
}, content)), dismissable ? /*#__PURE__*/React.createElement(View, {
|
|
115
|
+
style: styles.actions
|
|
116
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
117
|
+
color: buttonColor || theme.colors.primary,
|
|
118
|
+
title: "Close",
|
|
119
|
+
onPress: () => setVisible(false)
|
|
120
|
+
})) : null)));
|
|
121
|
+
};
|
|
122
|
+
const styles = StyleSheet.create({
|
|
123
|
+
container: {
|
|
124
|
+
elevation: ELEVATION
|
|
125
|
+
},
|
|
126
|
+
wrapper: {
|
|
127
|
+
overflow: "hidden",
|
|
128
|
+
alignSelf: "center",
|
|
129
|
+
width: "100%",
|
|
130
|
+
maxWidth: DEFAULT_MAX_WIDTH
|
|
131
|
+
},
|
|
132
|
+
absolute: {
|
|
133
|
+
position: "absolute",
|
|
134
|
+
top: 0,
|
|
135
|
+
width: "100%"
|
|
136
|
+
},
|
|
137
|
+
content: {
|
|
138
|
+
flexDirection: "row",
|
|
139
|
+
justifyContent: "flex-start",
|
|
140
|
+
marginHorizontal: 8,
|
|
141
|
+
marginTop: 16,
|
|
142
|
+
marginBottom: 0
|
|
143
|
+
},
|
|
144
|
+
icon: {
|
|
145
|
+
margin: 8
|
|
146
|
+
},
|
|
147
|
+
message: {
|
|
148
|
+
flex: 1,
|
|
149
|
+
margin: 8
|
|
150
|
+
},
|
|
151
|
+
actions: {
|
|
152
|
+
flexDirection: "row",
|
|
153
|
+
justifyContent: "flex-end",
|
|
154
|
+
margin: 8
|
|
155
|
+
}
|
|
156
|
+
});
|
|
157
|
+
export default withTheme(Banner);
|
|
158
|
+
//# sourceMappingURL=Banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Button","Text","View","StyleSheet","Animated","Surface","shadow","withTheme","ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","useState","useEffect","current","position","useRef","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"sourceRoot":"../../src","sources":["Banner.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,MAAM,EACNC,IAAI,EACJC,IAAI,EAEJC,UAAU,EAEVC,QAAQ,QACH,cAAc;AACrB,OAAOC,OAAO,MAAM,WAAW;AAE/B,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,SAAS,QAAQ,YAAY;AAGtC,MAAMC,SAAS,GAAG,CAAC;AACnB,MAAMC,iBAAiB,GAAG,GAAG;AA4B7B,MAAMC,MAAgD,GAAG,QAWnD;EAAA,IAXoD;IACxDC,gBAAgB,GAAG,IAAI;IACvBC,WAAW,GAAG,IAAI;IAClBC,IAAI;IACJC,WAAW;IACXC,OAAO;IACPC,YAAY;IACZC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJ,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACZ,gBAAgB,CAAC;EAE9DZ,KAAK,CAACyB,SAAS,CAAC,MAAM;IACpB,IAAIb,gBAAgB,EAAE;MACpBW,UAAU,CAAC,IAAI,CAAC;IAClB;EACF,CAAC,EAAE,CAACX,gBAAgB,CAAC,CAAC;EAEtB,MAAM;IAAEc,OAAO,EAAEC;EAAS,CAAC,GAAG3B,KAAK,CAAC4B,MAAM,CACxC,IAAIvB,QAAQ,CAACwB,KAAK,CAACP,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CACpC;EACD,MAAM,CAACQ,MAAM,EAAEC,SAAS,CAAC,GAAG/B,KAAK,CAACwB,QAAQ,CAGvC;IACDQ,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEFjC,KAAK,CAACyB,SAAS,CAAC,MAAM;IACpB,IAAIH,OAAO,EAAE;MACX;MACAjB,QAAQ,CAAC6B,MAAM,CAACP,QAAQ,EAAE;QACxBQ,QAAQ,EAAE,GAAG;QACbC,OAAO,EAAE,CAAC;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ,CAAC,MAAM;MACL;MACAjC,QAAQ,CAAC6B,MAAM,CAACP,QAAQ,EAAE;QACxBQ,QAAQ,EAAE,GAAG;QACbC,OAAO,EAAE,CAAC;QACVC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,EAAE;IACZ;EACF,CAAC,EAAE,CAAChB,OAAO,EAAEK,QAAQ,CAAC,CAAC;EAEvB,MAAMY,YAAY,GAAG,SAAkC;IAAA,IAAjC;MAAEC;IAAyB,CAAC;IAChD,MAAM;MAAER;IAAO,CAAC,GAAGQ,WAAW,CAACV,MAAM;IACrCC,SAAS,CAAC;MAAEC,MAAM;MAAEC,QAAQ,EAAE;IAAK,CAAC,CAAC;EACvC,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMD,MAAM,GAAG3B,QAAQ,CAACoC,QAAQ,CAACd,QAAQ,EAAEG,MAAM,CAACE,MAAM,CAAC;EAEzD,MAAMU,UAAU,GAAGrC,QAAQ,CAACoC,QAAQ,CAClCpC,QAAQ,CAACsC,GAAG,CAAChB,QAAQ,EAAE,CAAC,CAAC,CAAC,EAC1BG,MAAM,CAACE,MAAM,CACd;EAED,oBACE,oBAAC,OAAO,eACFX,IAAI;IACR,KAAK,EAAE,CAACuB,MAAM,CAACC,SAAS,EAAEtC,MAAM,CAACE,SAAS,CAAC,EAAeS,KAAK;EAAE,iBAEjE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC0B,MAAM,CAACE,OAAO,EAAE7B,YAAY;EAAE,gBAC1C,oBAAC,QAAQ,CAAC,IAAI;IAAC,KAAK,EAAE;MAAEe;IAAO;EAAE,EAAG,eACpC,oBAAC,QAAQ,CAAC,IAAI;IACZ,QAAQ,EAAEO,YAAa;IACvB,KAAK,EAAE,CACLT,MAAM,CAACG,QAAQ,IAAI,CAACX,OAAO;IACvB;IACA;IACA,CAACsB,MAAM,CAACG,QAAQ,EAAE;MAAEC,SAAS,EAAE,CAAC;QAAEN;MAAW,CAAC;IAAE,CAAC,CAAC;IAClD;IACA,IAAI,EACR,CAACZ,MAAM,CAACG,QAAQ,IAAI,CAACX,OAAO;IACxB;IACA;IACA;MAAE2B,OAAO,EAAE;IAAE,CAAC,GACd,IAAI;EACR,gBAEF,oBAAC,IAAI;IACH,KAAK,EAAE,CAACL,MAAM,CAAC5B,OAAO,EAAE;MAAEkC,YAAY,EAAErC,WAAW,GAAG,CAAC,GAAG;IAAG,CAAC;EAAE,GAE/DC,IAAI,gBACH,oBAAC,IAAI;IAAC,KAAK,EAAE8B,MAAM,CAAC9B;EAAK,gBACvB,oBAAC,IAAI;IAAC,IAAI,EAAEA,IAAK;IAAC,IAAI,EAAE;EAAG,EAAG,CACzB,GACL,IAAI,eACR,oBAAC,IAAI;IACH,KAAK,EAAE,CAAC8B,MAAM,CAACO,OAAO,EAAE;MAAEC,KAAK,EAAEjC,KAAK,CAACkC,MAAM,CAACC;IAAK,CAAC,CAAE;IACtD,uBAAuB,EAAEhC,OAAO,GAAG,QAAQ,GAAG,MAAO;IACrD,iBAAiB,EAAC;EAAO,GAExBN,OAAO,CACH,CACF,EACNH,WAAW,gBACV,oBAAC,IAAI;IAAC,KAAK,EAAE+B,MAAM,CAACW;EAAQ,gBAC1B,oBAAC,MAAM;IACL,KAAK,EAAExC,WAAW,IAAII,KAAK,CAACkC,MAAM,CAACG,OAAQ;IAC3C,KAAK,EAAC,OAAO;IACb,OAAO,EAAE,MAAMjC,UAAU,CAAC,KAAK;EAAE,EACjC,CACG,GACL,IAAI,CACM,CACX,CACC;AAEd,CAAC;AAED,MAAMqB,MAAM,GAAGxC,UAAU,CAACqD,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,SAAS,EAAEjD;EACb,CAAC;EACDqC,OAAO,EAAE;IACPa,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAEpD;EACZ,CAAC;EACDqC,QAAQ,EAAE;IACRpB,QAAQ,EAAE,UAAU;IACpBoC,GAAG,EAAE,CAAC;IACNF,KAAK,EAAE;EACT,CAAC;EACD7C,OAAO,EAAE;IACPgD,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,gBAAgB,EAAE,CAAC;IACnBC,SAAS,EAAE,EAAE;IACbjB,YAAY,EAAE;EAChB,CAAC;EACDpC,IAAI,EAAE;IACJsD,MAAM,EAAE;EACV,CAAC;EACDjB,OAAO,EAAE;IACPkB,IAAI,EAAE,CAAC;IACPD,MAAM,EAAE;EACV,CAAC;EACDb,OAAO,EAAE;IACPS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BG,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAe5D,SAAS,CAACG,MAAM,CAAC"}
|
package/lib/module/index.js
CHANGED
|
@@ -5,6 +5,7 @@ export { default as DefaultTheme } from "./styles/DefaultTheme";
|
|
|
5
5
|
|
|
6
6
|
// BASIC
|
|
7
7
|
export { default as ScreenContainer } from "./components/ScreenContainer";
|
|
8
|
+
export { default as Banner } from "./components/Banner";
|
|
8
9
|
|
|
9
10
|
// BUTTONS
|
|
10
11
|
export { Button } from "./components/Button";
|
|
@@ -37,6 +38,7 @@ export { Swiper, SwiperItem } from "./components/Swiper";
|
|
|
37
38
|
|
|
38
39
|
// CONTAINERS
|
|
39
40
|
export { AccordionGroup, AccordionItem } from "./components/Accordion";
|
|
41
|
+
export { default as Surface } from "./components/Surface";
|
|
40
42
|
|
|
41
43
|
// ACTIONSHEET
|
|
42
44
|
export { ActionSheet, ActionSheetItem, ActionSheetCancel } from "./components/ActionSheet";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","ScreenContainer","Button","Link","IconButton","Touchable","DatePicker","NumberInput","TextField","Picker","Checkbox","CheckboxGroup","CheckboxRow","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Slider","Stepper","StarRating","Switch","SwitchRow","SVG","Center","Circle","Square","Row","Stack","Spacer","Swiper","SwiperItem","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,SAAS,EAAEC,aAAa,QAAQ,WAAW;AACpD,SAASC,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,YAAY,QAAQ,uBAAuB;;AAE/D;AACA,SAASF,OAAO,IAAIG,eAAe,QAAQ,8BAA8B;;
|
|
1
|
+
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","ScreenContainer","Banner","Button","Link","IconButton","Touchable","DatePicker","NumberInput","TextField","Picker","Checkbox","CheckboxGroup","CheckboxRow","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Slider","Stepper","StarRating","Switch","SwitchRow","SVG","Center","Circle","Square","Row","Stack","Spacer","Swiper","SwiperItem","AccordionGroup","AccordionItem","Surface","ActionSheet","ActionSheetItem","ActionSheetCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,SAAS,EAAEC,aAAa,QAAQ,WAAW;AACpD,SAASC,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,YAAY,QAAQ,uBAAuB;;AAE/D;AACA,SAASF,OAAO,IAAIG,eAAe,QAAQ,8BAA8B;AACzE,SAASH,OAAO,IAAII,MAAM,QAAQ,qBAAqB;;AAEvD;AACA,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASN,OAAO,IAAIO,UAAU,QAAQ,yBAAyB;AAC/D,SAASP,OAAO,IAAIQ,SAAS,QAAQ,wBAAwB;;AAE7D;AACA,SAASR,OAAO,IAAIS,UAAU,QAAQ,oCAAoC;AAC1E,SAAST,OAAO,IAAIU,WAAW,QAAQ,0BAA0B;AACjE,SAASV,OAAO,IAAIW,SAAS,QAAQ,wBAAwB;AAC7D,SAASX,OAAO,IAAIY,MAAM,QAAQ,4BAA4B;;AAE9D;AACA,SAASC,QAAQ,EAAEC,aAAa,EAAEC,WAAW,QAAQ,uBAAuB;AAC5E,SACEC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,qBAAqB,QAChB,gCAAgC;AACvC,SAASnB,OAAO,IAAIoB,MAAM,QAAQ,qBAAqB;AACvD,SAASpB,OAAO,IAAIqB,OAAO,QAAQ,sBAAsB;AACzD,SAASrB,OAAO,IAAIsB,UAAU,QAAQ,yBAAyB;AAC/D,SAAStB,OAAO,IAAIuB,MAAM,EAAEC,SAAS,QAAQ,qBAAqB;;AAElE;AACA,SAASxB,OAAO,IAAIyB,GAAG,QAAQ,kBAAkB;;AAEjD;AACA,SACEC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,MAAM,QACD,qBAAqB;;AAE5B;AACA,SAASC,MAAM,EAAEC,UAAU,QAAQ,qBAAqB;;AAExD;AACA,SAASC,cAAc,EAAEC,aAAa,QAAQ,wBAAwB;AACtE,SAASnC,OAAO,IAAIoC,OAAO,QAAQ,sBAAsB;;AAEzD;AACA,SACEC,WAAW,EACXC,eAAe,EACfC,iBAAiB,QACZ,0BAA0B"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { View, ViewStyle, StyleProp } from "react-native";
|
|
3
|
+
import type { IconSlot } from "../interfaces/Icon";
|
|
4
|
+
import type { Theme } from "../styles/DefaultTheme";
|
|
5
|
+
type Props = {
|
|
6
|
+
initiallyVisible: boolean;
|
|
7
|
+
dismissable: boolean;
|
|
8
|
+
buttonColor?: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
contentStyle?: StyleProp<ViewStyle>;
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
ref?: React.RefObject<View>;
|
|
14
|
+
/**
|
|
15
|
+
* @optional
|
|
16
|
+
*/
|
|
17
|
+
theme: Theme;
|
|
18
|
+
} & IconSlot;
|
|
19
|
+
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
|
|
20
|
+
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
21
|
+
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
|
|
22
|
+
export default _default;
|
|
23
|
+
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,IAAI,EACJ,SAAS,EAET,SAAS,EAEV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,KAAK,GAAG;IACX,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Kb,wBAAiC"}
|
|
@@ -3,6 +3,7 @@ export { withTheme, ThemeProvider } from "./theming";
|
|
|
3
3
|
export { default as Provider } from "./Provider";
|
|
4
4
|
export { default as DefaultTheme } from "./styles/DefaultTheme";
|
|
5
5
|
export { default as ScreenContainer } from "./components/ScreenContainer";
|
|
6
|
+
export { default as Banner } from "./components/Banner";
|
|
6
7
|
export { Button } from "./components/Button";
|
|
7
8
|
export { Link } from "./components/Text";
|
|
8
9
|
export { default as IconButton } from "./components/IconButton";
|
|
@@ -21,5 +22,6 @@ export { default as SVG } from "./components/SVG";
|
|
|
21
22
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
22
23
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
23
24
|
export { AccordionGroup, AccordionItem } from "./components/Accordion";
|
|
25
|
+
export { default as Surface } from "./components/Surface";
|
|
24
26
|
export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
|
|
25
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,EACH,KAAK,EACL,MAAM,GACP,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "47.0.0-
|
|
3
|
+
"version": "47.0.0-df8093.2+df80933",
|
|
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": "^47.0.0-
|
|
44
|
+
"@draftbit/types": "^47.0.0-df8093.2+df80933",
|
|
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",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "df809334ba571c94bb7920788ef6b660fca2bd06"
|
|
85
85
|
}
|
package/src/Provider.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
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);
|