@draftbit/core 46.6.5-8b9fed.2 → 46.6.6
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/CardBlock.js +13 -4
- package/lib/commonjs/components/CardContainerRating.js +13 -4
- package/lib/commonjs/components/Checkbox/Checkbox.js +22 -4
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
- package/lib/commonjs/components/Container.js +15 -4
- package/lib/commonjs/components/DatePicker/DatePicker.js +26 -13
- package/lib/commonjs/components/DeprecatedFAB.js +21 -3
- package/lib/commonjs/components/Divider.js +14 -1
- package/lib/commonjs/components/FAB.js +18 -4
- package/lib/commonjs/components/FormRow.js +16 -2
- package/lib/commonjs/components/IconButton.js +19 -4
- package/lib/commonjs/components/Image.js +17 -2
- package/lib/commonjs/components/Layout.js +40 -19
- package/lib/commonjs/components/Picker/Picker.js +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.web.js +19 -4
- package/lib/commonjs/components/Portal/PortalHost.js +44 -15
- package/lib/commonjs/components/Portal/PortalManager.js +34 -8
- package/lib/commonjs/components/Pressable.js +15 -2
- package/lib/commonjs/components/ProgressBar.js +37 -7
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +9 -1
- package/lib/commonjs/components/ScreenContainer.js +20 -4
- package/lib/commonjs/components/StepIndicator.js +57 -18
- package/lib/commonjs/components/Surface.js +14 -2
- package/lib/commonjs/components/Switch.js +19 -10
- package/lib/commonjs/components/TextField.js +76 -28
- package/lib/commonjs/components/ToggleButton.js +15 -2
- package/lib/commonjs/components/Touchable.js +15 -2
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
- package/lib/commonjs/utilities.js +1 -2
- package/lib/module/components/Accordion/AccordionItem.js +25 -4
- package/lib/module/components/AnimatedCircularProgress.js +13 -1
- package/lib/module/components/AspectRatio.js +18 -1
- package/lib/module/components/AvatarEdit.js +15 -4
- package/lib/module/components/CardContainerRating.js +14 -4
- package/lib/module/components/CardContainerShortImage.js +18 -4
- package/lib/module/components/Checkbox/Checkbox.js +25 -4
- package/lib/module/components/Checkbox/CheckboxGroup.js +16 -2
- package/lib/module/components/CircleImage.js +16 -1
- package/lib/module/components/CircularProgress.js +28 -8
- package/lib/module/components/Container.js +17 -4
- package/lib/module/components/DatePicker/DatePicker.js +27 -13
- package/lib/module/components/DeprecatedCardWrapper.js +18 -1
- package/lib/module/components/DeprecatedFAB.js +23 -3
- package/lib/module/components/Elevation.js +14 -2
- package/lib/module/components/FAB.js +22 -4
- package/lib/module/components/FieldSearchBarFull.js +1 -2
- package/lib/module/components/IconButton.js +21 -4
- package/lib/module/components/Picker/Picker.js +1 -1
- package/lib/module/components/Picker/PickerComponent.web.js +19 -4
- package/lib/module/components/Portal/Portal.js +28 -3
- package/lib/module/components/Portal/PortalHost.js +45 -15
- package/lib/module/components/Portal/PortalManager.js +33 -7
- package/lib/module/components/ProgressBar.js +39 -7
- package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +10 -1
- package/lib/module/components/RadioButton/context.js +1 -1
- package/lib/module/components/StarRating.js +24 -4
- package/lib/module/components/Stepper.js +1 -4
- package/lib/module/components/Surface.js +15 -1
- package/lib/module/components/TextField.js +78 -28
- package/lib/module/components/ToggleButton.js +16 -2
- package/lib/module/components/Touchable.js +15 -2
- package/lib/module/constants.js +1 -0
- package/lib/module/mappings/StarRating.js +7 -2
- package/lib/module/utilities.js +1 -2
- package/package.json +3 -3
|
@@ -12,7 +12,6 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
12
12
|
var _theming = require("../theming");
|
|
13
13
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
15
|
const CardBlock = _ref => {
|
|
17
16
|
let {
|
|
18
17
|
image = _Config.default.cardImageUrl,
|
|
@@ -49,11 +48,12 @@ const CardBlock = _ref => {
|
|
|
49
48
|
const rightDescriptionStyles = [typography.subtitle2, {
|
|
50
49
|
color: colors.light
|
|
51
50
|
}];
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default,
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
53
52
|
style: style,
|
|
54
53
|
onPress: onPress,
|
|
55
|
-
numColumns: numColumns
|
|
56
|
-
|
|
54
|
+
numColumns: numColumns,
|
|
55
|
+
...rest
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
57
57
|
style: {
|
|
58
58
|
backgroundColor: colors.background
|
|
59
59
|
}
|
|
@@ -103,4 +103,13 @@ const CardBlock = _ref => {
|
|
|
103
103
|
}, rightDescription) : null) : null));
|
|
104
104
|
};
|
|
105
105
|
var _default = (0, _theming.withTheme)(CardBlock);
|
|
106
|
+
exports.default = _default;yle: [typography.body2, {
|
|
107
|
+
color: colors.medium
|
|
108
|
+
}]
|
|
109
|
+
}, leftDescription), rightDescription ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
110
|
+
numberOfLines: 1,
|
|
111
|
+
style: rightDescriptionStyles
|
|
112
|
+
}, rightDescription) : null) : null));
|
|
113
|
+
};
|
|
114
|
+
var _default = (0, _theming.withTheme)(CardBlock);
|
|
106
115
|
exports.default = _default;
|
|
@@ -14,7 +14,6 @@ var _StarRating = _interopRequireDefault(require("./StarRating"));
|
|
|
14
14
|
var _theming = require("../theming");
|
|
15
15
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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); }
|
|
18
17
|
const ICON_CONTAINER_SIZE = _Config.default.cardIconSize * 2;
|
|
19
18
|
const ICON_CONTAINER_PADDING = _Config.default.cardIconSize / 2 - 1;
|
|
20
19
|
const CardContainerRating = _ref => {
|
|
@@ -49,11 +48,12 @@ const CardContainerRating = _ref => {
|
|
|
49
48
|
rightDescriptionStyle = typography.caption;
|
|
50
49
|
break;
|
|
51
50
|
}
|
|
52
|
-
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default,
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_DeprecatedCardWrapper.default, {
|
|
53
52
|
style: style,
|
|
54
53
|
onPress: onPress,
|
|
55
|
-
numColumns: numColumns
|
|
56
|
-
|
|
54
|
+
numColumns: numColumns,
|
|
55
|
+
...rest
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_Elevation.default, {
|
|
57
57
|
style: {
|
|
58
58
|
elevation,
|
|
59
59
|
borderRadius: roundness
|
|
@@ -130,4 +130,13 @@ const CardContainerRating = _ref => {
|
|
|
130
130
|
})) : null)));
|
|
131
131
|
};
|
|
132
132
|
var _default = (0, _theming.withTheme)(CardContainerRating);
|
|
133
|
+
exports.default = _default;lor.default)(colors.strong).alpha(_Config.default.cardIconBackgroundOpacity).rgb().string()
|
|
134
|
+
}
|
|
135
|
+
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
136
|
+
name: icon,
|
|
137
|
+
size: _Config.default.cardIconSize,
|
|
138
|
+
color: colors.surface
|
|
139
|
+
})) : null)));
|
|
140
|
+
};
|
|
141
|
+
var _default = (0, _theming.withTheme)(CardContainerRating);
|
|
133
142
|
exports.default = _default;
|
|
@@ -10,7 +10,6 @@ var _theming = require("../../theming");
|
|
|
10
10
|
var _hooks = require("../../hooks");
|
|
11
11
|
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); }
|
|
12
12
|
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; }
|
|
13
|
-
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); }
|
|
14
13
|
const Checkbox = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
Icon,
|
|
@@ -34,7 +33,6 @@ const Checkbox = _ref => {
|
|
|
34
33
|
setInternalValue(status);
|
|
35
34
|
}
|
|
36
35
|
}, [status]);
|
|
37
|
-
|
|
38
36
|
// This special logic is to handle weird APIs like Airtable that return
|
|
39
37
|
// true or undefined for a boolean
|
|
40
38
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
@@ -58,7 +56,8 @@ const Checkbox = _ref => {
|
|
|
58
56
|
onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
|
|
59
57
|
}
|
|
60
58
|
};
|
|
61
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
59
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
60
|
+
...rest,
|
|
62
61
|
onPress: handlePress,
|
|
63
62
|
disabled: disabled,
|
|
64
63
|
accessibilityState: {
|
|
@@ -70,7 +69,7 @@ const Checkbox = _ref => {
|
|
|
70
69
|
width: size,
|
|
71
70
|
height: size
|
|
72
71
|
}]
|
|
73
|
-
}
|
|
72
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
74
73
|
style: styles.icon,
|
|
75
74
|
name: internalValue ? checkedIcon : uncheckedIcon,
|
|
76
75
|
size: size,
|
|
@@ -104,4 +103,23 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
104
103
|
}
|
|
105
104
|
});
|
|
106
105
|
var _default = Checkbox;
|
|
106
|
+
exports.default = _default; styles = _reactNative.StyleSheet.create({
|
|
107
|
+
container: {
|
|
108
|
+
borderRadius: 18
|
|
109
|
+
},
|
|
110
|
+
fillContainer: {
|
|
111
|
+
alignItems: "center",
|
|
112
|
+
justifyContent: "center"
|
|
113
|
+
},
|
|
114
|
+
icon: {
|
|
115
|
+
alignSelf: "center"
|
|
116
|
+
},
|
|
117
|
+
fill: {
|
|
118
|
+
borderRadius: 5,
|
|
119
|
+
width: 30,
|
|
120
|
+
height: 30,
|
|
121
|
+
alignSelf: "center"
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
var _default = Checkbox;
|
|
107
125
|
exports.default = _default;
|
|
@@ -13,8 +13,7 @@ var _utilities = require("../../utilities");
|
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
|
|
17
|
-
let Direction;
|
|
16
|
+
var Direction;
|
|
18
17
|
exports.Direction = Direction;
|
|
19
18
|
(function (Direction) {
|
|
20
19
|
Direction["Row"] = "row";
|
|
@@ -72,13 +71,14 @@ const CheckboxGroupRow = _ref => {
|
|
|
72
71
|
textStyles,
|
|
73
72
|
viewStyles
|
|
74
73
|
} = (0, _utilities.extractStyles)(style);
|
|
75
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
74
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
76
75
|
onPress: handlePress,
|
|
77
76
|
style: [styles.mainParent, {
|
|
78
77
|
flexDirection: direction
|
|
79
78
|
}, viewStyles],
|
|
80
|
-
disabled: disabled
|
|
81
|
-
|
|
79
|
+
disabled: disabled,
|
|
80
|
+
...rest
|
|
81
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
82
82
|
style: [styles.label, {
|
|
83
83
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
84
84
|
}, labelContainerStyle]
|
|
@@ -117,4 +117,22 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
119
|
var _default = CheckboxGroupRow;
|
|
120
|
+
exports.default = _default;center",
|
|
121
|
+
justifyContent: "space-around",
|
|
122
|
+
paddingStart: 20,
|
|
123
|
+
minHeight: 50,
|
|
124
|
+
paddingEnd: 20,
|
|
125
|
+
display: "flex",
|
|
126
|
+
..._reactNative.Platform.select({
|
|
127
|
+
web: {
|
|
128
|
+
cursor: "pointer",
|
|
129
|
+
userSelect: "none"
|
|
130
|
+
}
|
|
131
|
+
})
|
|
132
|
+
},
|
|
133
|
+
label: {
|
|
134
|
+
flex: 3
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
var _default = CheckboxGroupRow;
|
|
120
138
|
exports.default = _default;
|
|
@@ -14,8 +14,7 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
|
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
|
-
|
|
18
|
-
let Direction;
|
|
17
|
+
var Direction;
|
|
19
18
|
exports.Direction = Direction;
|
|
20
19
|
(function (Direction) {
|
|
21
20
|
Direction["Row"] = "row";
|
|
@@ -58,7 +57,6 @@ const CheckboxRow = _ref => {
|
|
|
58
57
|
setInternalValue(status);
|
|
59
58
|
}
|
|
60
59
|
}, [status]);
|
|
61
|
-
|
|
62
60
|
// This special logic is to handle weird APIs like Airtable that return
|
|
63
61
|
// true or undefined for a boolean
|
|
64
62
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
@@ -82,13 +80,14 @@ const CheckboxRow = _ref => {
|
|
|
82
80
|
textStyles,
|
|
83
81
|
viewStyles
|
|
84
82
|
} = (0, _utilities.extractStyles)(style);
|
|
85
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
83
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
86
84
|
onPress: handlePress,
|
|
87
85
|
style: [viewStyles, styles.mainParent, {
|
|
88
86
|
flexDirection: direction
|
|
89
87
|
}],
|
|
90
|
-
disabled: disabled
|
|
91
|
-
|
|
88
|
+
disabled: disabled,
|
|
89
|
+
...rest
|
|
90
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
92
91
|
style: [styles.label, {
|
|
93
92
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
94
93
|
}, labelContainerStyle]
|
|
@@ -125,4 +124,22 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
125
124
|
}
|
|
126
125
|
});
|
|
127
126
|
var _default = CheckboxRow;
|
|
127
|
+
exports.default = _default;ems: "center",
|
|
128
|
+
justifyContent: "space-around",
|
|
129
|
+
paddingStart: 20,
|
|
130
|
+
minHeight: 50,
|
|
131
|
+
paddingEnd: 20,
|
|
132
|
+
display: "flex",
|
|
133
|
+
..._reactNative.Platform.select({
|
|
134
|
+
web: {
|
|
135
|
+
cursor: "pointer",
|
|
136
|
+
userSelect: "none"
|
|
137
|
+
}
|
|
138
|
+
})
|
|
139
|
+
},
|
|
140
|
+
label: {
|
|
141
|
+
flex: 3
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
var _default = CheckboxRow;
|
|
128
145
|
exports.default = _default;
|
|
@@ -11,7 +11,6 @@ var _Elevation = _interopRequireDefault(require("./Elevation"));
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
14
|
-
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
14
|
const Container = _ref => {
|
|
16
15
|
let {
|
|
17
16
|
useThemeGutterPadding,
|
|
@@ -73,9 +72,10 @@ const Container = _ref => {
|
|
|
73
72
|
};
|
|
74
73
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
75
74
|
if (elevation) containerStyle.elevation = elevation;
|
|
76
|
-
return /*#__PURE__*/React.createElement(Wrap,
|
|
77
|
-
style: [containerStyle, style]
|
|
78
|
-
|
|
75
|
+
return /*#__PURE__*/React.createElement(Wrap, {
|
|
76
|
+
style: [containerStyle, style],
|
|
77
|
+
...rest
|
|
78
|
+
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
79
79
|
source: typeof backgroundImage === "string" ? {
|
|
80
80
|
uri: backgroundImage
|
|
81
81
|
} : backgroundImage,
|
|
@@ -90,4 +90,15 @@ const Container = _ref => {
|
|
|
90
90
|
}, children));
|
|
91
91
|
};
|
|
92
92
|
var _default = (0, _theming.withTheme)(Container);
|
|
93
|
+
exports.default = _default;sizeMode: backgroundImageResizeMode,
|
|
94
|
+
style: {
|
|
95
|
+
flex: 1
|
|
96
|
+
}
|
|
97
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
98
|
+
style: innerStyle
|
|
99
|
+
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
|
+
style: innerStyle
|
|
101
|
+
}, children));
|
|
102
|
+
};
|
|
103
|
+
var _default = (0, _theming.withTheme)(Container);
|
|
93
104
|
exports.default = _default;
|
|
@@ -16,7 +16,6 @@ var _utilities = require("../../utilities");
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
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); }
|
|
18
18
|
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; }
|
|
19
|
-
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); }
|
|
20
19
|
const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
|
|
21
20
|
const FOCUS_ANIMATION_DURATION = 150;
|
|
22
21
|
const BLUR_ANIMATION_DURATION = 180;
|
|
@@ -91,24 +90,20 @@ const DatePicker = _ref => {
|
|
|
91
90
|
focused ? _handleBlur() : _handleFocus();
|
|
92
91
|
};
|
|
93
92
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
94
|
-
|
|
95
93
|
// const _restoreLabel = () =>
|
|
96
94
|
// Animated.timing(labeled, {
|
|
97
95
|
// toValue: 1,
|
|
98
96
|
// duration: FOCUS_ANIMATION_DURATION,
|
|
99
97
|
// useNativeDriver: true,
|
|
100
98
|
// }).start();
|
|
101
|
-
|
|
102
99
|
// const _minmizeLabel = () =>
|
|
103
100
|
// Animated.timing(labeled, {
|
|
104
101
|
// toValue: 0,
|
|
105
102
|
// duration: BLUR_ANIMATION_DURATION,
|
|
106
103
|
// useNativeDriver: true,
|
|
107
104
|
// }).start();
|
|
108
|
-
|
|
109
105
|
// const _showPlaceholder = () =>
|
|
110
106
|
// setTimeout(() => setPlaceholder1(placeholder || ""), 50);
|
|
111
|
-
|
|
112
107
|
const _hidePlaceholder = () => {
|
|
113
108
|
setPlaceholder1("");
|
|
114
109
|
};
|
|
@@ -251,9 +246,7 @@ const DatePicker = _ref => {
|
|
|
251
246
|
const inputStyles = [styles.input, inputStyle, type === "solid" ? {
|
|
252
247
|
marginHorizontal: 12
|
|
253
248
|
} : {}];
|
|
254
|
-
|
|
255
249
|
// const render = (props) => <NativeTextInput {...props} />;
|
|
256
|
-
|
|
257
250
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
258
251
|
style: [styles.container, style]
|
|
259
252
|
}, /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
@@ -263,9 +256,10 @@ const DatePicker = _ref => {
|
|
|
263
256
|
pointerEvents: "none"
|
|
264
257
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
265
258
|
style: [styles.container, style]
|
|
266
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon,
|
|
259
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
260
|
+
...leftIconProps,
|
|
267
261
|
style: leftIconStyle
|
|
268
|
-
})
|
|
262
|
+
}) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
269
263
|
style: [containerStyle, style ? {
|
|
270
264
|
height: style.height
|
|
271
265
|
} : {}, viewStyles]
|
|
@@ -314,12 +308,13 @@ const DatePicker = _ref => {
|
|
|
314
308
|
opacity: hasActiveOutline ? labeled : 1
|
|
315
309
|
}],
|
|
316
310
|
numberOfLines: 1
|
|
317
|
-
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon,
|
|
311
|
+
}, label)) : null, leftIconName && leftIconMode === "inset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
312
|
+
...leftIconProps,
|
|
318
313
|
style: {
|
|
319
314
|
...leftIconStyle,
|
|
320
315
|
marginLeft: type === "solid" ? 16 : 0
|
|
321
316
|
}
|
|
322
|
-
})
|
|
317
|
+
}) : null, /*#__PURE__*/React.createElement(_reactNative.TextInput, {
|
|
323
318
|
value: formatDate(),
|
|
324
319
|
placeholder: label ? placeholder1 : placeholder,
|
|
325
320
|
editable: !disabled,
|
|
@@ -328,8 +323,9 @@ const DatePicker = _ref => {
|
|
|
328
323
|
onFocus: _handleFocus,
|
|
329
324
|
onBlur: _handleBlur,
|
|
330
325
|
underlineColorAndroid: "transparent",
|
|
331
|
-
style: [inputStyles, textStyles]
|
|
332
|
-
|
|
326
|
+
style: [inputStyles, textStyles],
|
|
327
|
+
...props
|
|
328
|
+
})), rightIconName ? /*#__PURE__*/React.createElement(Icon, {
|
|
333
329
|
name: rightIconName,
|
|
334
330
|
size: ICON_SIZE,
|
|
335
331
|
color: colors.light,
|
|
@@ -401,4 +397,21 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
401
397
|
}
|
|
402
398
|
});
|
|
403
399
|
var _default = (0, _theming.withTheme)(DatePicker);
|
|
400
|
+
exports.default = _default; margin: 0,
|
|
401
|
+
textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
|
|
402
|
+
},
|
|
403
|
+
placeholder: {
|
|
404
|
+
position: "absolute",
|
|
405
|
+
left: 0
|
|
406
|
+
},
|
|
407
|
+
pickerContainer: {
|
|
408
|
+
flexDirection: "column",
|
|
409
|
+
width: "100%",
|
|
410
|
+
zIndex: 100
|
|
411
|
+
},
|
|
412
|
+
closeButton: {
|
|
413
|
+
alignSelf: "flex-end"
|
|
414
|
+
}
|
|
415
|
+
});
|
|
416
|
+
var _default = (0, _theming.withTheme)(DatePicker);
|
|
404
417
|
exports.default = _default;
|
|
@@ -14,7 +14,6 @@ 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); }
|
|
18
17
|
const FAB = _ref => {
|
|
19
18
|
let {
|
|
20
19
|
Icon,
|
|
@@ -106,7 +105,8 @@ const FAB = _ref => {
|
|
|
106
105
|
style: [{
|
|
107
106
|
elevation
|
|
108
107
|
}, style]
|
|
109
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
108
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
109
|
+
...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
|
-
}
|
|
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,4 +154,22 @@ 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);
|
|
157
175
|
exports.default = _default;
|
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _theming = require("../theming");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
-
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); }
|
|
13
12
|
const Divider = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
style,
|
|
@@ -19,6 +18,20 @@ const Divider = _ref => {
|
|
|
19
18
|
},
|
|
20
19
|
...rest
|
|
21
20
|
} = _ref;
|
|
21
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
22
|
+
style: [{
|
|
23
|
+
backgroundColor: color || colors.divider,
|
|
24
|
+
height: _reactNative.StyleSheet.hairlineWidth
|
|
25
|
+
}, style],
|
|
26
|
+
...rest
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
var _default = (0, _theming.withTheme)(Divider);
|
|
30
|
+
exports.default = _default;eme: {
|
|
31
|
+
colors
|
|
32
|
+
},
|
|
33
|
+
...rest
|
|
34
|
+
} = _ref;
|
|
22
35
|
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
23
36
|
style: [{
|
|
24
37
|
backgroundColor: color || colors.divider,
|
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _theming = require("../theming");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
-
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); }
|
|
13
12
|
const FAB = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
onPress,
|
|
@@ -33,7 +32,7 @@ const FAB = _ref => {
|
|
|
33
32
|
borderRadius: size / 2,
|
|
34
33
|
overflow: "hidden"
|
|
35
34
|
}, style]
|
|
36
|
-
}, /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
35
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
37
36
|
onPress: onPress,
|
|
38
37
|
disabled: loading || disabled,
|
|
39
38
|
android_ripple: {
|
|
@@ -51,8 +50,9 @@ const FAB = _ref => {
|
|
|
51
50
|
borderRadius: size / 2,
|
|
52
51
|
backgroundColor
|
|
53
52
|
}];
|
|
54
|
-
}
|
|
55
|
-
|
|
53
|
+
},
|
|
54
|
+
...props
|
|
55
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
56
56
|
style: size > 50 ? {
|
|
57
57
|
marginTop: 2,
|
|
58
58
|
marginLeft: 2
|
|
@@ -79,4 +79,18 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
79
79
|
}
|
|
80
80
|
});
|
|
81
81
|
var _default = (0, _theming.withTheme)(FAB);
|
|
82
|
+
exports.default = _default; styles = _reactNative.StyleSheet.create({
|
|
83
|
+
button: {
|
|
84
|
+
backgroundColor: "#5a45ff",
|
|
85
|
+
justifyContent: "center",
|
|
86
|
+
alignItems: "center",
|
|
87
|
+
..._reactNative.Platform.select({
|
|
88
|
+
web: {
|
|
89
|
+
cursor: "pointer",
|
|
90
|
+
userSelect: "none"
|
|
91
|
+
}
|
|
92
|
+
})
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
var _default = (0, _theming.withTheme)(FAB);
|
|
82
96
|
exports.default = _default;
|
|
@@ -11,7 +11,6 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
|
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
14
|
-
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
14
|
function FormRow(_ref) {
|
|
16
15
|
let {
|
|
17
16
|
disabled,
|
|
@@ -26,11 +25,26 @@ function FormRow(_ref) {
|
|
|
26
25
|
textStyles,
|
|
27
26
|
viewStyles
|
|
28
27
|
} = (0, _utilities.extractStyles)(style);
|
|
29
|
-
return /*#__PURE__*/React.createElement(_Touchable.default,
|
|
28
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
30
29
|
disabled: disabled,
|
|
31
30
|
onPress: onPress,
|
|
32
31
|
style: [styles.row, {
|
|
33
32
|
flexDirection: direction
|
|
33
|
+
}, viewStyles],
|
|
34
|
+
...rest
|
|
35
|
+
}, /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
36
|
+
style: textStyles
|
|
37
|
+
}, label), children);
|
|
38
|
+
}
|
|
39
|
+
const styles = _reactNative.StyleSheet.create({
|
|
40
|
+
row: {
|
|
41
|
+
marginLeft: 8,
|
|
42
|
+
marginRight: 8,
|
|
43
|
+
flexDirection: "row",
|
|
44
|
+
justifyContent: "space-between",
|
|
45
|
+
alignItems: "center"
|
|
46
|
+
}
|
|
47
|
+
});rection: direction
|
|
34
48
|
}, viewStyles]
|
|
35
49
|
}, rest), /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
36
50
|
style: textStyles
|
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _theming = require("../theming");
|
|
10
10
|
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); }
|
|
11
11
|
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; }
|
|
12
|
-
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); }
|
|
13
12
|
const IconButton = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
Icon,
|
|
@@ -24,7 +23,7 @@ const IconButton = _ref => {
|
|
|
24
23
|
...props
|
|
25
24
|
} = _ref;
|
|
26
25
|
const iconColor = customColor || theme.colors.primary;
|
|
27
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
26
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
28
27
|
onPress: onPress,
|
|
29
28
|
disabled: disabled || loading,
|
|
30
29
|
style: _ref2 => {
|
|
@@ -38,8 +37,9 @@ const IconButton = _ref => {
|
|
|
38
37
|
alignItems: "center",
|
|
39
38
|
justifyContent: "center"
|
|
40
39
|
}, style];
|
|
41
|
-
}
|
|
42
|
-
|
|
40
|
+
},
|
|
41
|
+
...props
|
|
42
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, null, icon && !loading ? /*#__PURE__*/React.createElement(Icon, {
|
|
43
43
|
name: icon,
|
|
44
44
|
size: size - 2,
|
|
45
45
|
color: iconColor
|
|
@@ -61,4 +61,19 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
61
61
|
}
|
|
62
62
|
});
|
|
63
63
|
var _default = (0, _theming.withTheme)(IconButton);
|
|
64
|
+
exports.default = _default; }) : null));
|
|
65
|
+
};
|
|
66
|
+
const styles = _reactNative.StyleSheet.create({
|
|
67
|
+
container: {
|
|
68
|
+
alignItems: "center",
|
|
69
|
+
justifyContent: "center",
|
|
70
|
+
..._reactNative.Platform.select({
|
|
71
|
+
web: {
|
|
72
|
+
cursor: "pointer",
|
|
73
|
+
userSelect: "none"
|
|
74
|
+
}
|
|
75
|
+
})
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
var _default = (0, _theming.withTheme)(IconButton);
|
|
64
79
|
exports.default = _default;
|
|
@@ -9,7 +9,8 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
10
10
|
var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
12
|
+
/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
|
|
13
|
+
|
|
13
14
|
const generateDimensions = _ref => {
|
|
14
15
|
let {
|
|
15
16
|
aspectRatio,
|
|
@@ -62,13 +63,27 @@ const Image = _ref2 => {
|
|
|
62
63
|
height,
|
|
63
64
|
aspectRatio
|
|
64
65
|
}]
|
|
65
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image,
|
|
66
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
67
|
+
...props,
|
|
66
68
|
source: imageSource,
|
|
67
69
|
resizeMode: resizeMode,
|
|
68
70
|
style: [style, {
|
|
69
71
|
height: "100%",
|
|
70
72
|
width: "100%"
|
|
71
73
|
}]
|
|
74
|
+
}));
|
|
75
|
+
}
|
|
76
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
77
|
+
...props,
|
|
78
|
+
source: source,
|
|
79
|
+
resizeMode: resizeMode,
|
|
80
|
+
style: style
|
|
81
|
+
});
|
|
82
|
+
};
|
|
83
|
+
var _default = Image;
|
|
84
|
+
exports.default = _default; "100%",
|
|
85
|
+
width: "100%"
|
|
86
|
+
}]
|
|
72
87
|
})));
|
|
73
88
|
}
|
|
74
89
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
|