@draftbit/core 46.4.3-c292ad.2 → 46.4.4-3bb5e5.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/Accordion/AccordionItem.js +5 -25
- package/lib/commonjs/components/Button.js +11 -32
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +6 -24
- package/lib/commonjs/components/Container.js +17 -5
- package/lib/commonjs/components/Layout.js +19 -40
- package/lib/commonjs/components/Portal/PortalManager.js +11 -19
- package/lib/commonjs/components/ProgressBar.js +7 -23
- package/lib/commonjs/components/RadioButton/RadioButton.js +3 -14
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +3 -16
- package/lib/commonjs/components/StepIndicator.js +16 -34
- package/lib/commonjs/components/Table/Table.js +50 -0
- package/lib/commonjs/components/Table/TableCell.js +50 -0
- package/lib/commonjs/components/Table/TableHeader.js +41 -0
- package/lib/commonjs/components/Table/TablePaginator.js +17 -0
- package/lib/commonjs/components/Table/TableRow.js +47 -0
- package/lib/commonjs/components/Table/TableTitle.js +60 -0
- package/lib/commonjs/components/Table/index.js +55 -0
- package/lib/commonjs/components/Text.js +11 -37
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +38 -0
- package/lib/commonjs/mappings/Table.js +103 -0
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/Table/Table.js +23 -0
- package/lib/module/components/Table/TableCell.js +37 -0
- package/lib/module/components/Table/TableHeader.js +27 -0
- package/lib/module/components/Table/TablePaginator.js +6 -0
- package/lib/module/components/Table/TableRow.js +33 -0
- package/lib/module/components/Table/TableTitle.js +47 -0
- package/lib/module/components/Table/index.js +6 -0
- package/lib/module/index.js +1 -0
- package/lib/module/mappings/Table.js +94 -0
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/components/Table/Table.d.ts +8 -0
- package/lib/typescript/src/components/Table/TableCell.d.ts +10 -0
- package/lib/typescript/src/components/Table/TableHeader.d.ts +12 -0
- package/lib/typescript/src/components/Table/TablePaginator.d.ts +3 -0
- package/lib/typescript/src/components/Table/TableRow.d.ts +12 -0
- package/lib/typescript/src/components/Table/TableTitle.d.ts +12 -0
- package/lib/typescript/src/components/Table/index.d.ts +6 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/mappings/Table.d.ts +153 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -3
- package/src/components/Table/Table.js +10 -0
- package/src/components/Table/Table.tsx +22 -0
- package/src/components/Table/TableCell.js +21 -0
- package/src/components/Table/TableCell.tsx +44 -0
- package/src/components/Table/TableHeader.js +11 -0
- package/src/components/Table/TableHeader.tsx +28 -0
- package/src/components/Table/TablePaginator.js +5 -0
- package/src/components/Table/TablePaginator.tsx +10 -0
- package/src/components/Table/TableRow.js +16 -0
- package/src/components/Table/TableRow.tsx +31 -0
- package/src/components/Table/TableTitle.js +28 -0
- package/src/components/Table/TableTitle.tsx +58 -0
- package/src/components/Table/index.js +6 -0
- package/src/components/Table/index.tsx +6 -0
- package/src/index.js +1 -0
- package/src/index.tsx +9 -0
- package/src/mappings/Table.js +137 -0
- package/src/mappings/Table.ts +145 -0
- package/src/utilities.js +5 -2
- package/src/utilities.ts +13 -2
|
@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
+
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); }
|
|
25
|
+
|
|
24
26
|
const AccordionItem = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
|
|
|
35
37
|
textStyles,
|
|
36
38
|
viewStyles
|
|
37
39
|
} = (0, _utilities.extractStyles)(style);
|
|
38
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
39
|
-
style: [styles.container, viewStyles]
|
|
40
|
-
|
|
41
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
40
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
41
|
+
style: [styles.container, viewStyles]
|
|
42
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
42
43
|
style: styles.row
|
|
43
44
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
44
45
|
name: icon,
|
|
@@ -73,25 +74,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
73
74
|
|
|
74
75
|
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
75
76
|
|
|
76
|
-
exports.default = _default;StyleSheet.create({
|
|
77
|
-
container: {
|
|
78
|
-
padding: 8
|
|
79
|
-
},
|
|
80
|
-
row: {
|
|
81
|
-
flexDirection: "row",
|
|
82
|
-
alignItems: "center",
|
|
83
|
-
paddingLeft: 8
|
|
84
|
-
},
|
|
85
|
-
item: {
|
|
86
|
-
marginVertical: 6,
|
|
87
|
-
paddingLeft: 8
|
|
88
|
-
},
|
|
89
|
-
content: {
|
|
90
|
-
flex: 1,
|
|
91
|
-
justifyContent: "center"
|
|
92
|
-
}
|
|
93
|
-
});
|
|
94
|
-
|
|
95
|
-
var _default = (0, _theming.withTheme)(AccordionItem);
|
|
96
|
-
|
|
97
77
|
exports.default = _default;
|
|
@@ -15,6 +15,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
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
17
|
|
|
18
|
+
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); }
|
|
19
|
+
|
|
18
20
|
const CONSTANTS = {
|
|
19
21
|
baseHeight: 42,
|
|
20
22
|
borderRadius: 4,
|
|
@@ -71,7 +73,7 @@ function Base(_ref) {
|
|
|
71
73
|
buttonStyles.justifyContent = "flex-end";
|
|
72
74
|
}
|
|
73
75
|
|
|
74
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
76
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
|
|
75
77
|
onPress: onPress,
|
|
76
78
|
disabled: disabled || loading,
|
|
77
79
|
style: _ref2 => {
|
|
@@ -81,9 +83,8 @@ function Base(_ref) {
|
|
|
81
83
|
return [styles.base, {
|
|
82
84
|
opacity: pressed || disabled ? 0.75 : 1
|
|
83
85
|
}, buttonStyles];
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
}, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
86
|
+
}
|
|
87
|
+
}, props), loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
|
|
87
88
|
size: "small",
|
|
88
89
|
color: color,
|
|
89
90
|
style: styles.loading
|
|
@@ -103,14 +104,13 @@ const Solid = _ref3 => {
|
|
|
103
104
|
theme,
|
|
104
105
|
...props
|
|
105
106
|
} = _ref3;
|
|
106
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
107
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
107
108
|
style: [{
|
|
108
109
|
color: "#FFF",
|
|
109
110
|
borderRadius: theme.roundness,
|
|
110
111
|
backgroundColor: theme.colors.primary
|
|
111
|
-
}, style]
|
|
112
|
-
|
|
113
|
-
});
|
|
112
|
+
}, style]
|
|
113
|
+
}, props));
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
const ButtonSolid = (0, _theming.withTheme)(Solid);
|
|
@@ -124,14 +124,13 @@ const Outline = _ref4 => {
|
|
|
124
124
|
theme,
|
|
125
125
|
...props
|
|
126
126
|
} = _ref4;
|
|
127
|
-
return /*#__PURE__*/React.createElement(Base, {
|
|
127
|
+
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
128
128
|
style: [styles.outline, {
|
|
129
129
|
borderRadius: theme.roundness,
|
|
130
130
|
borderColor: theme.colors.primary,
|
|
131
131
|
color: theme.colors.primary
|
|
132
|
-
}, style]
|
|
133
|
-
|
|
134
|
-
});
|
|
132
|
+
}, style]
|
|
133
|
+
}, props));
|
|
135
134
|
};
|
|
136
135
|
|
|
137
136
|
const ButtonOutline = (0, _theming.withTheme)(Outline);
|
|
@@ -179,24 +178,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
179
178
|
}
|
|
180
179
|
})
|
|
181
180
|
}
|
|
182
|
-
});nsparent",
|
|
183
|
-
padding: 0,
|
|
184
|
-
minHeight: undefined
|
|
185
|
-
},
|
|
186
|
-
loading: {
|
|
187
|
-
marginRight: 6
|
|
188
|
-
},
|
|
189
|
-
icon: { ..._reactNative.Platform.select({
|
|
190
|
-
web: {
|
|
191
|
-
marginTop: 1,
|
|
192
|
-
marginRight: 4,
|
|
193
|
-
alignSelf: "center"
|
|
194
|
-
},
|
|
195
|
-
default: {
|
|
196
|
-
marginBottom: 2,
|
|
197
|
-
marginRight: 4,
|
|
198
|
-
alignSelf: "center"
|
|
199
|
-
}
|
|
200
|
-
})
|
|
201
|
-
}
|
|
202
181
|
});
|
|
@@ -25,7 +25,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
25
25
|
|
|
26
26
|
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; }
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
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); }
|
|
29
|
+
|
|
30
|
+
let Direction;
|
|
29
31
|
exports.Direction = Direction;
|
|
30
32
|
|
|
31
33
|
(function (Direction) {
|
|
@@ -89,14 +91,13 @@ const CheckboxGroupRow = _ref => {
|
|
|
89
91
|
textStyles,
|
|
90
92
|
viewStyles
|
|
91
93
|
} = (0, _utilities.extractStyles)(style);
|
|
92
|
-
return /*#__PURE__*/React.createElement(_Touchable.default, {
|
|
94
|
+
return /*#__PURE__*/React.createElement(_Touchable.default, _extends({
|
|
93
95
|
onPress: handlePress,
|
|
94
96
|
style: [styles.mainParent, {
|
|
95
97
|
flexDirection: direction
|
|
96
98
|
}, viewStyles],
|
|
97
|
-
disabled: disabled
|
|
98
|
-
|
|
99
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
99
|
+
disabled: disabled
|
|
100
|
+
}, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
100
101
|
style: [styles.label, {
|
|
101
102
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
102
103
|
}, labelContainerStyle]
|
|
@@ -136,24 +137,5 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
136
137
|
}
|
|
137
138
|
});
|
|
138
139
|
|
|
139
|
-
var _default = CheckboxGroupRow;
|
|
140
|
-
exports.default = _default;center",
|
|
141
|
-
justifyContent: "space-around",
|
|
142
|
-
paddingStart: 20,
|
|
143
|
-
minHeight: 50,
|
|
144
|
-
paddingEnd: 20,
|
|
145
|
-
display: "flex",
|
|
146
|
-
..._reactNative.Platform.select({
|
|
147
|
-
web: {
|
|
148
|
-
cursor: "pointer",
|
|
149
|
-
userSelect: "none"
|
|
150
|
-
}
|
|
151
|
-
})
|
|
152
|
-
},
|
|
153
|
-
label: {
|
|
154
|
-
flex: 3
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
|
|
158
140
|
var _default = CheckboxGroupRow;
|
|
159
141
|
exports.default = _default;
|
|
@@ -19,8 +19,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
19
19
|
|
|
20
20
|
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; }
|
|
21
21
|
|
|
22
|
-
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); }
|
|
23
|
-
|
|
24
22
|
const Container = _ref => {
|
|
25
23
|
let {
|
|
26
24
|
useThemeGutterPadding,
|
|
@@ -82,9 +80,10 @@ const Container = _ref => {
|
|
|
82
80
|
};
|
|
83
81
|
const Wrap = elevation ? _Elevation.default : _reactNative.View;
|
|
84
82
|
if (elevation) containerStyle.elevation = elevation;
|
|
85
|
-
return /*#__PURE__*/React.createElement(Wrap,
|
|
86
|
-
style: [containerStyle, style]
|
|
87
|
-
|
|
83
|
+
return /*#__PURE__*/React.createElement(Wrap, {
|
|
84
|
+
style: [containerStyle, style],
|
|
85
|
+
...rest
|
|
86
|
+
}, backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
|
|
88
87
|
source: typeof backgroundImage === "string" ? {
|
|
89
88
|
uri: backgroundImage
|
|
90
89
|
} : backgroundImage,
|
|
@@ -101,4 +100,17 @@ const Container = _ref => {
|
|
|
101
100
|
|
|
102
101
|
var _default = (0, _theming.withTheme)(Container);
|
|
103
102
|
|
|
103
|
+
exports.default = _default;izeMode: backgroundImageResizeMode,
|
|
104
|
+
style: {
|
|
105
|
+
flex: 1
|
|
106
|
+
}
|
|
107
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
|
+
style: innerStyle
|
|
109
|
+
}, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
110
|
+
style: innerStyle
|
|
111
|
+
}, children));
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
var _default = (0, _theming.withTheme)(Container);
|
|
115
|
+
|
|
104
116
|
exports.default = _default;
|
|
@@ -18,6 +18,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
18
18
|
|
|
19
19
|
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; }
|
|
20
20
|
|
|
21
|
+
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); }
|
|
22
|
+
|
|
21
23
|
function Center(_ref) {
|
|
22
24
|
let {
|
|
23
25
|
width = 240,
|
|
@@ -27,16 +29,15 @@ function Center(_ref) {
|
|
|
27
29
|
style,
|
|
28
30
|
...rest
|
|
29
31
|
} = _ref;
|
|
30
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
32
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
31
33
|
style: [{
|
|
32
34
|
justifyContent: "center",
|
|
33
35
|
alignItems: "center",
|
|
34
36
|
width,
|
|
35
37
|
height,
|
|
36
38
|
backgroundColor: bgColor
|
|
37
|
-
}, style]
|
|
38
|
-
|
|
39
|
-
}, children);
|
|
39
|
+
}, style]
|
|
40
|
+
}, rest), children);
|
|
40
41
|
}
|
|
41
42
|
|
|
42
43
|
function Circle(_ref2) {
|
|
@@ -48,7 +49,7 @@ function Circle(_ref2) {
|
|
|
48
49
|
...rest
|
|
49
50
|
} = _ref2;
|
|
50
51
|
const borderRadius = 1000;
|
|
51
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
52
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
52
53
|
width: size,
|
|
53
54
|
height: size,
|
|
54
55
|
bgColor: bgColor,
|
|
@@ -56,9 +57,8 @@ function Circle(_ref2) {
|
|
|
56
57
|
backgroundColor: bgColor,
|
|
57
58
|
borderRadius,
|
|
58
59
|
overflow: "hidden"
|
|
59
|
-
}]
|
|
60
|
-
|
|
61
|
-
}, children);
|
|
60
|
+
}]
|
|
61
|
+
}, rest), children);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
function Square(_ref3) {
|
|
@@ -69,13 +69,12 @@ function Square(_ref3) {
|
|
|
69
69
|
style,
|
|
70
70
|
...rest
|
|
71
71
|
} = _ref3;
|
|
72
|
-
return /*#__PURE__*/React.createElement(Center, {
|
|
72
|
+
return /*#__PURE__*/React.createElement(Center, _extends({
|
|
73
73
|
style: style,
|
|
74
74
|
width: size,
|
|
75
75
|
height: size,
|
|
76
|
-
bgColor: bgColor
|
|
77
|
-
|
|
78
|
-
}, children);
|
|
76
|
+
bgColor: bgColor
|
|
77
|
+
}, rest), children);
|
|
79
78
|
}
|
|
80
79
|
|
|
81
80
|
function Row(_ref4) {
|
|
@@ -86,14 +85,14 @@ function Row(_ref4) {
|
|
|
86
85
|
style,
|
|
87
86
|
...rest
|
|
88
87
|
} = _ref4;
|
|
89
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
90
|
-
style: [style,
|
|
88
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
89
|
+
style: [style, // style goes first b/c we can't override these
|
|
90
|
+
{
|
|
91
91
|
alignItems,
|
|
92
92
|
flexDirection: "row",
|
|
93
93
|
justifyContent: justifyContent
|
|
94
|
-
}]
|
|
95
|
-
|
|
96
|
-
}, children);
|
|
94
|
+
}]
|
|
95
|
+
}, rest), children);
|
|
97
96
|
}
|
|
98
97
|
|
|
99
98
|
function Spacer(_ref5) {
|
|
@@ -106,37 +105,17 @@ function Spacer(_ref5) {
|
|
|
106
105
|
style,
|
|
107
106
|
...rest
|
|
108
107
|
} = _ref5;
|
|
109
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
108
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
110
109
|
style: [style, {
|
|
111
110
|
paddingRight: right,
|
|
112
111
|
paddingTop: top,
|
|
113
112
|
paddingLeft: left,
|
|
114
113
|
paddingBottom: bottom
|
|
115
|
-
}]
|
|
116
|
-
|
|
117
|
-
}, children);
|
|
114
|
+
}]
|
|
115
|
+
}, rest), children);
|
|
118
116
|
}
|
|
119
117
|
|
|
120
118
|
function Stack(_ref6) {
|
|
121
|
-
let {
|
|
122
|
-
children,
|
|
123
|
-
justifyContent = "flex-start",
|
|
124
|
-
alignItems = "flex-start",
|
|
125
|
-
style,
|
|
126
|
-
...rest
|
|
127
|
-
} = _ref6;
|
|
128
|
-
return (
|
|
129
|
-
/*#__PURE__*/
|
|
130
|
-
// style must go first since we don't want justifyContent, alignItems overridden
|
|
131
|
-
React.createElement(_reactNative.View, {
|
|
132
|
-
style: [style, {
|
|
133
|
-
justifyContent,
|
|
134
|
-
alignItems
|
|
135
|
-
}],
|
|
136
|
-
...rest
|
|
137
|
-
}, children)
|
|
138
|
-
);
|
|
139
|
-
}ck(_ref6) {
|
|
140
119
|
let {
|
|
141
120
|
children,
|
|
142
121
|
justifyContent = "flex-start",
|
|
@@ -13,26 +13,29 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
15
|
|
|
16
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
|
|
16
18
|
/**
|
|
17
19
|
* Portal host is the component which actually renders all Portals.
|
|
18
20
|
*/
|
|
19
21
|
class PortalManager extends React.PureComponent {
|
|
20
22
|
constructor() {
|
|
21
23
|
super(...arguments);
|
|
22
|
-
|
|
24
|
+
|
|
25
|
+
_defineProperty(this, "state", {
|
|
23
26
|
portals: []
|
|
24
|
-
};
|
|
27
|
+
});
|
|
25
28
|
|
|
26
|
-
this
|
|
29
|
+
_defineProperty(this, "mount", (key, children) => {
|
|
27
30
|
this.setState(state => ({
|
|
28
31
|
portals: [...state.portals, {
|
|
29
32
|
key,
|
|
30
33
|
children
|
|
31
34
|
}]
|
|
32
35
|
}));
|
|
33
|
-
};
|
|
36
|
+
});
|
|
34
37
|
|
|
35
|
-
this
|
|
38
|
+
_defineProperty(this, "update", (key, children) => this.setState(state => ({
|
|
36
39
|
portals: state.portals.map(item => {
|
|
37
40
|
if (item.key === key) {
|
|
38
41
|
return { ...item,
|
|
@@ -42,11 +45,11 @@ class PortalManager extends React.PureComponent {
|
|
|
42
45
|
|
|
43
46
|
return item;
|
|
44
47
|
})
|
|
45
|
-
}));
|
|
48
|
+
})));
|
|
46
49
|
|
|
47
|
-
this
|
|
50
|
+
_defineProperty(this, "unmount", key => this.setState(state => ({
|
|
48
51
|
portals: state.portals.filter(item => item.key !== key)
|
|
49
|
-
}));
|
|
52
|
+
})));
|
|
50
53
|
}
|
|
51
54
|
|
|
52
55
|
render() {
|
|
@@ -68,15 +71,4 @@ class PortalManager extends React.PureComponent {
|
|
|
68
71
|
|
|
69
72
|
}
|
|
70
73
|
|
|
71
|
-
exports.default = PortalManager;le: false
|
|
72
|
-
/* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */
|
|
73
|
-
,
|
|
74
|
-
pointerEvents: "box-none",
|
|
75
|
-
style: _reactNative.StyleSheet.absoluteFill
|
|
76
|
-
}, children);
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
|
|
82
74
|
exports.default = PortalManager;
|
|
@@ -13,6 +13,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
13
|
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
15
|
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
|
|
16
20
|
const INDETERMINATE_WIDTH_FACTOR = 0.3;
|
|
17
21
|
const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
|
|
18
22
|
|
|
@@ -20,7 +24,7 @@ class ProgressBar extends _react.Component {
|
|
|
20
24
|
constructor(props) {
|
|
21
25
|
super(props);
|
|
22
26
|
|
|
23
|
-
this
|
|
27
|
+
_defineProperty(this, "handleLayout", event => {
|
|
24
28
|
const {
|
|
25
29
|
width = 150,
|
|
26
30
|
onLayout
|
|
@@ -35,7 +39,7 @@ class ProgressBar extends _react.Component {
|
|
|
35
39
|
if (onLayout) {
|
|
36
40
|
onLayout(event);
|
|
37
41
|
}
|
|
38
|
-
};
|
|
42
|
+
});
|
|
39
43
|
|
|
40
44
|
const {
|
|
41
45
|
progress: progressP = 0,
|
|
@@ -89,6 +93,7 @@ class ProgressBar extends _react.Component {
|
|
|
89
93
|
_reactNative.Animated[animationType](this.state.progress, { ...animationConfig,
|
|
90
94
|
toValue: progress,
|
|
91
95
|
velocity: 0,
|
|
96
|
+
//adjust this value if animation fails - velocity is required
|
|
92
97
|
useNativeDriver
|
|
93
98
|
}).start();
|
|
94
99
|
} else {
|
|
@@ -160,27 +165,6 @@ class ProgressBar extends _react.Component {
|
|
|
160
165
|
})
|
|
161
166
|
}]
|
|
162
167
|
};
|
|
163
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
164
|
-
style: [containerStyle, style],
|
|
165
|
-
onLayout: this.handleLayout,
|
|
166
|
-
...restProps
|
|
167
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
168
|
-
style: progressStyle
|
|
169
|
-
}), children);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
exports.default = ProgressBar;h / (_reactNative.I18nManager.isRTL ? 2 : -2), 0]
|
|
175
|
-
})
|
|
176
|
-
}, {
|
|
177
|
-
// Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278
|
|
178
|
-
scaleX: this.state.progress.interpolate({
|
|
179
|
-
inputRange: [0, 1],
|
|
180
|
-
outputRange: [0.0001, 1]
|
|
181
|
-
})
|
|
182
|
-
}]
|
|
183
|
-
};
|
|
184
168
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
|
|
185
169
|
style: [containerStyle, style],
|
|
186
170
|
onLayout: this.handleLayout
|
|
@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
21
21
|
|
|
22
22
|
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; }
|
|
23
23
|
|
|
24
|
+
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); }
|
|
25
|
+
|
|
24
26
|
const RadioButton = _ref => {
|
|
25
27
|
let {
|
|
26
28
|
Icon,
|
|
@@ -49,20 +51,7 @@ const RadioButton = _ref => {
|
|
|
49
51
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realValue);
|
|
50
52
|
};
|
|
51
53
|
|
|
52
|
-
return /*#__PURE__*/React.createElement(_IconButton.default, {
|
|
53
|
-
Icon: Icon,
|
|
54
|
-
icon: isSelected ? selectedIcon : unselectedIcon,
|
|
55
|
-
color: isSelected ? color : unselectedColor,
|
|
56
|
-
disabled: disabled,
|
|
57
|
-
onPress: handlePress,
|
|
58
|
-
size: size,
|
|
59
|
-
style: style,
|
|
60
|
-
...rest
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var _default = RadioButton;
|
|
65
|
-
exports.default = _default;turn /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
54
|
+
return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
66
55
|
Icon: Icon,
|
|
67
56
|
icon: isSelected ? selectedIcon : unselectedIcon,
|
|
68
57
|
color: isSelected ? color : unselectedColor,
|
|
@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
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
19
|
|
|
20
|
+
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); }
|
|
21
|
+
|
|
20
22
|
const {
|
|
21
23
|
Provider
|
|
22
24
|
} = _context.radioButtonGroupContext;
|
|
@@ -61,24 +63,9 @@ const RadioButtonGroup = _ref => {
|
|
|
61
63
|
});
|
|
62
64
|
}
|
|
63
65
|
|
|
64
|
-
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
66
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
|
|
65
67
|
style: [{
|
|
66
68
|
minHeight: 40
|
|
67
|
-
}, style],
|
|
68
|
-
...rest
|
|
69
|
-
}, /*#__PURE__*/React.createElement(Provider, {
|
|
70
|
-
value: {
|
|
71
|
-
value: internalValue,
|
|
72
|
-
onValueChange: handleValueChange,
|
|
73
|
-
direction
|
|
74
|
-
}
|
|
75
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
76
|
-
style: _containerStyle
|
|
77
|
-
}, children)));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
var _default = RadioButtonGroup;
|
|
81
|
-
exports.default = _default;0
|
|
82
69
|
}, style]
|
|
83
70
|
}, rest), /*#__PURE__*/React.createElement(Provider, {
|
|
84
71
|
value: {
|