@draftbit/core 46.10.3-e89832.2 → 46.10.3-f6ea70.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 +23 -4
- package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
- package/lib/commonjs/components/AvatarEdit.js +4 -15
- package/lib/commonjs/components/Banner.js +4 -23
- package/lib/commonjs/components/Button.js +10 -33
- package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
- package/lib/commonjs/components/CircleImage.js +15 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +15 -1
- package/lib/commonjs/components/Divider.js +1 -14
- package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
- package/lib/commonjs/components/Layout.js +19 -40
- package/lib/commonjs/components/NumberInput.js +3 -12
- package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
- package/lib/commonjs/components/Picker/PickerComponent.web.js +20 -3
- package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
- package/lib/commonjs/components/Portal/PortalManager.js +8 -34
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
- package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
- package/lib/commonjs/components/ScreenContainer.js +6 -24
- package/lib/commonjs/components/Shadow.js +2 -15
- package/lib/commonjs/components/Slider.js +4 -21
- package/lib/commonjs/components/StarRating.js +4 -23
- package/lib/commonjs/components/StepIndicator.js +18 -57
- package/lib/commonjs/components/Surface.js +2 -14
- package/lib/commonjs/components/TabView/TabView.js +7 -13
- package/lib/commonjs/components/Table/Table.js +123 -0
- package/lib/commonjs/components/Table/TableCell.js +49 -0
- package/lib/commonjs/components/Table/TableCommon.js +30 -0
- package/lib/commonjs/components/Table/TableRow.js +61 -0
- package/lib/commonjs/components/Table/index.js +27 -0
- package/lib/commonjs/components/Text.js +4 -50
- package/lib/commonjs/components/TextField.js +28 -76
- package/lib/commonjs/components/ToggleButton.js +2 -15
- package/lib/commonjs/components/Touchable.js +2 -15
- package/lib/commonjs/index.js +19 -28
- package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
- package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
- package/lib/commonjs/mappings/StarRating.js +6 -2
- package/lib/commonjs/mappings/Table.js +140 -0
- package/lib/commonjs/styles/overlay.js +3 -1
- package/lib/commonjs/utilities.js +2 -1
- package/lib/module/components/Table/Table.js +114 -0
- package/lib/module/components/Table/TableCell.js +41 -0
- package/lib/module/components/Table/TableCommon.js +21 -0
- package/lib/module/components/Table/TableRow.js +53 -0
- package/lib/module/components/Table/index.js +3 -0
- package/lib/module/index.js +1 -4
- package/lib/module/mappings/NativeBase/Layout.js +101 -0
- package/lib/module/mappings/Table.js +133 -0
- package/lib/typescript/src/components/Table/Table.d.ts +19 -0
- package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
- package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
- package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
- package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
- package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
- package/lib/typescript/src/components/{RowBodyIcon.d.ts → Table/TableRow.d.ts} +7 -9
- package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
- package/lib/typescript/src/components/Table/index.d.ts +4 -0
- package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -4
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
- package/lib/typescript/src/mappings/Table.d.ts +337 -0
- package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/components/Table/Table.js +93 -0
- package/src/components/Table/Table.tsx +176 -0
- package/src/components/Table/TableCell.js +31 -0
- package/src/components/Table/TableCell.tsx +63 -0
- package/src/components/Table/TableCommon.js +12 -0
- package/src/components/Table/TableCommon.ts +40 -0
- package/src/components/Table/TableRow.js +37 -0
- package/src/components/Table/TableRow.tsx +77 -0
- package/src/components/Table/index.js +3 -0
- package/src/components/Table/index.tsx +3 -0
- package/src/index.js +1 -4
- package/src/index.tsx +2 -4
- package/src/mappings/NativeBase/Layout.js +124 -0
- package/src/mappings/NativeBase/Layout.ts +145 -0
- package/src/mappings/Table.js +150 -0
- package/src/mappings/Table.ts +170 -0
- package/lib/commonjs/components/Container.js +0 -104
- package/lib/commonjs/components/Row.js +0 -73
- package/lib/commonjs/components/RowBodyIcon.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
- package/lib/commonjs/mappings/Container.js +0 -37
- package/lib/module/components/Container.js +0 -83
- package/lib/module/components/Row.js +0 -63
- package/lib/module/components/RowBodyIcon.js +0 -35
- package/lib/module/components/RowHeadlineImageCaption.js +0 -35
- package/lib/module/components/RowHeadlineImageIcon.js +0 -41
- package/lib/module/mappings/Container.js +0 -30
- package/lib/typescript/src/components/Container.d.ts +0 -21
- package/lib/typescript/src/components/Container.d.ts.map +0 -1
- package/lib/typescript/src/components/Row.d.ts +0 -21
- package/lib/typescript/src/components/Row.d.ts.map +0 -1
- package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
- package/lib/typescript/src/mappings/Container.d.ts +0 -55
- package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
- package/src/components/Container.js +0 -43
- package/src/components/Container.tsx +0 -116
- package/src/components/Row.js +0 -48
- package/src/components/Row.tsx +0 -108
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowBodyIcon.tsx +0 -47
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageCaption.tsx +0 -49
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/RowHeadlineImageIcon.tsx +0 -61
- package/src/mappings/Container.js +0 -30
- package/src/mappings/Container.ts +0 -41
|
@@ -8,8 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
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); }
|
|
10
10
|
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; }
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
13
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
14
|
const STEP_STATUS = {
|
|
14
15
|
CURRENT: "current",
|
|
15
16
|
FINISHED: "finished",
|
|
@@ -18,7 +19,7 @@ const STEP_STATUS = {
|
|
|
18
19
|
class StepIndicator extends _react.Component {
|
|
19
20
|
constructor(props) {
|
|
20
21
|
super(props);
|
|
21
|
-
this
|
|
22
|
+
_defineProperty(this, "renderProgressBarBackground", () => {
|
|
22
23
|
const {
|
|
23
24
|
stepCount,
|
|
24
25
|
direction
|
|
@@ -61,8 +62,8 @@ class StepIndicator extends _react.Component {
|
|
|
61
62
|
},
|
|
62
63
|
style: progressBarBackgroundStyle
|
|
63
64
|
});
|
|
64
|
-
};
|
|
65
|
-
this
|
|
65
|
+
});
|
|
66
|
+
_defineProperty(this, "renderProgressBar", () => {
|
|
66
67
|
const {
|
|
67
68
|
stepCount,
|
|
68
69
|
direction
|
|
@@ -92,8 +93,8 @@ class StepIndicator extends _react.Component {
|
|
|
92
93
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
93
94
|
style: progressBarStyle
|
|
94
95
|
});
|
|
95
|
-
};
|
|
96
|
-
this
|
|
96
|
+
});
|
|
97
|
+
_defineProperty(this, "renderStepIndicator", () => {
|
|
97
98
|
let steps = [];
|
|
98
99
|
const {
|
|
99
100
|
stepCount,
|
|
@@ -124,8 +125,8 @@ class StepIndicator extends _react.Component {
|
|
|
124
125
|
height: this.state.customStyles.currentStepIndicatorSize
|
|
125
126
|
}]
|
|
126
127
|
}, steps);
|
|
127
|
-
};
|
|
128
|
-
this
|
|
128
|
+
});
|
|
129
|
+
_defineProperty(this, "renderStepLabels", () => {
|
|
129
130
|
const {
|
|
130
131
|
labels,
|
|
131
132
|
direction,
|
|
@@ -167,8 +168,8 @@ class StepIndicator extends _react.Component {
|
|
|
167
168
|
alignItems: this.state.customStyles.labelAlign
|
|
168
169
|
}]
|
|
169
170
|
}, labelViews);
|
|
170
|
-
};
|
|
171
|
-
this
|
|
171
|
+
});
|
|
172
|
+
_defineProperty(this, "renderStep", position => {
|
|
172
173
|
const {
|
|
173
174
|
renderStepIndicator
|
|
174
175
|
} = this.props;
|
|
@@ -235,8 +236,8 @@ class StepIndicator extends _react.Component {
|
|
|
235
236
|
}) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
|
|
236
237
|
style: indicatorLabelStyle
|
|
237
238
|
}, "".concat(position + 1)));
|
|
238
|
-
};
|
|
239
|
-
this
|
|
239
|
+
});
|
|
240
|
+
_defineProperty(this, "getStepStatus", stepPosition => {
|
|
240
241
|
const {
|
|
241
242
|
currentPosition
|
|
242
243
|
} = this.props;
|
|
@@ -247,8 +248,8 @@ class StepIndicator extends _react.Component {
|
|
|
247
248
|
} else {
|
|
248
249
|
return STEP_STATUS.UNFINISHED;
|
|
249
250
|
}
|
|
250
|
-
};
|
|
251
|
-
this
|
|
251
|
+
});
|
|
252
|
+
_defineProperty(this, "onCurrentPositionChanged", position => {
|
|
252
253
|
let {
|
|
253
254
|
stepCount
|
|
254
255
|
} = this.props;
|
|
@@ -268,7 +269,7 @@ class StepIndicator extends _react.Component {
|
|
|
268
269
|
toValue: this.state.customStyles.currentStepIndicatorSize / 2,
|
|
269
270
|
duration: 100
|
|
270
271
|
})])]).start();
|
|
271
|
-
};
|
|
272
|
+
});
|
|
272
273
|
const defaultStyles = {
|
|
273
274
|
stepIndicatorSize: 30,
|
|
274
275
|
currentStepIndicatorSize: 40,
|
|
@@ -334,6 +335,7 @@ class StepIndicator extends _react.Component {
|
|
|
334
335
|
// ),
|
|
335
336
|
// }));
|
|
336
337
|
// }
|
|
338
|
+
|
|
337
339
|
if (prevProps.currentPosition !== this.props.currentPosition) {
|
|
338
340
|
this.onCurrentPositionChanged(this.props.currentPosition);
|
|
339
341
|
}
|
|
@@ -375,47 +377,6 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
375
377
|
justifyContent: "center"
|
|
376
378
|
}
|
|
377
379
|
});
|
|
378
|
-
StepIndicator.defaultProps = {
|
|
379
|
-
currentPosition: 0,
|
|
380
|
-
stepCount: 5,
|
|
381
|
-
customStyles: {},
|
|
382
|
-
direction: "horizontal"
|
|
383
|
-
};exports.default = StepIndicator;
|
|
384
|
-
const styles = _reactNative.StyleSheet.create({
|
|
385
|
-
container: {
|
|
386
|
-
backgroundColor: "transparent"
|
|
387
|
-
},
|
|
388
|
-
stepIndicatorContainer: {
|
|
389
|
-
flexDirection: "row",
|
|
390
|
-
alignItems: "center",
|
|
391
|
-
justifyContent: "space-around",
|
|
392
|
-
backgroundColor: "transparent"
|
|
393
|
-
},
|
|
394
|
-
stepLabelsContainer: {
|
|
395
|
-
justifyContent: "space-around"
|
|
396
|
-
},
|
|
397
|
-
step: {
|
|
398
|
-
alignItems: "center",
|
|
399
|
-
justifyContent: "center",
|
|
400
|
-
zIndex: 2
|
|
401
|
-
},
|
|
402
|
-
stepContainer: {
|
|
403
|
-
flex: 1,
|
|
404
|
-
flexDirection: "row",
|
|
405
|
-
alignItems: "center",
|
|
406
|
-
justifyContent: "center"
|
|
407
|
-
},
|
|
408
|
-
stepLabel: {
|
|
409
|
-
fontSize: 12,
|
|
410
|
-
textAlign: "center",
|
|
411
|
-
fontWeight: "500"
|
|
412
|
-
},
|
|
413
|
-
stepLabelItem: {
|
|
414
|
-
flex: 1,
|
|
415
|
-
alignItems: "center",
|
|
416
|
-
justifyContent: "center"
|
|
417
|
-
}
|
|
418
|
-
});
|
|
419
380
|
StepIndicator.defaultProps = {
|
|
420
381
|
currentPosition: 0,
|
|
421
382
|
stepCount: 5,
|
|
@@ -12,8 +12,7 @@ var _theming = require("../theming");
|
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
|
|
16
|
-
|
|
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); }
|
|
17
16
|
const Surface = _ref => {
|
|
18
17
|
let {
|
|
19
18
|
elevation: propElevation,
|
|
@@ -43,18 +42,7 @@ const Surface = _ref => {
|
|
|
43
42
|
return colors.surface;
|
|
44
43
|
}
|
|
45
44
|
};
|
|
46
|
-
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
|
|
47
|
-
...rest,
|
|
48
|
-
style: [{
|
|
49
|
-
backgroundColor: getBackgroundColor(),
|
|
50
|
-
elevation,
|
|
51
|
-
...evalationStyles,
|
|
52
|
-
...restStyle
|
|
53
|
-
}]
|
|
54
|
-
}, children);
|
|
55
|
-
};
|
|
56
|
-
var _default = (0, _theming.withTheme)(Surface);
|
|
57
|
-
exports.default = _default;xtends({}, rest, {
|
|
45
|
+
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
|
|
58
46
|
style: [{
|
|
59
47
|
backgroundColor: getBackgroundColor(),
|
|
60
48
|
elevation,
|
|
@@ -10,6 +10,7 @@ var _theming = require("../../theming");
|
|
|
10
10
|
var _utilities = require("../../utilities");
|
|
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); }
|
|
13
14
|
const TabViewComponent = _ref => {
|
|
14
15
|
let {
|
|
15
16
|
Icon,
|
|
@@ -35,11 +36,13 @@ const TabViewComponent = _ref => {
|
|
|
35
36
|
textStyles,
|
|
36
37
|
viewStyles
|
|
37
38
|
} = (0, _utilities.extractStyles)(style);
|
|
39
|
+
|
|
38
40
|
//Check type of child using props
|
|
39
41
|
//Regular '.type' cannot work because Draftbit strips the type in Draft view
|
|
40
42
|
const instanceOfTabViewItemProps = object => {
|
|
41
43
|
return "title" in object;
|
|
42
44
|
};
|
|
45
|
+
|
|
43
46
|
//Populate routes and scenes based on children
|
|
44
47
|
React.useEffect(() => {
|
|
45
48
|
const newRoutes = [];
|
|
@@ -65,8 +68,7 @@ const TabViewComponent = _ref => {
|
|
|
65
68
|
}
|
|
66
69
|
};
|
|
67
70
|
const renderTabBar = props => {
|
|
68
|
-
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, {
|
|
69
|
-
...props,
|
|
71
|
+
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, _extends({}, props, {
|
|
70
72
|
activeColor: activeColor || theme.colors.primary,
|
|
71
73
|
inactiveColor: inactiveColor || theme.colors.divider,
|
|
72
74
|
pressColor: pressColor || theme.colors.primary,
|
|
@@ -80,7 +82,7 @@ const TabViewComponent = _ref => {
|
|
|
80
82
|
route,
|
|
81
83
|
color
|
|
82
84
|
} = _ref2;
|
|
83
|
-
return
|
|
85
|
+
return route !== null && route !== void 0 && route.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
84
86
|
name: route.icon,
|
|
85
87
|
color: color,
|
|
86
88
|
size: 16
|
|
@@ -89,8 +91,9 @@ const TabViewComponent = _ref => {
|
|
|
89
91
|
style: {
|
|
90
92
|
backgroundColor: tabsBackgroundColor || theme.colors.background
|
|
91
93
|
}
|
|
92
|
-
});
|
|
94
|
+
}));
|
|
93
95
|
};
|
|
96
|
+
|
|
94
97
|
//Cannot render TabView without at least one tab
|
|
95
98
|
if (!routes.length) {
|
|
96
99
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
@@ -110,13 +113,4 @@ const TabViewComponent = _ref => {
|
|
|
110
113
|
});
|
|
111
114
|
};
|
|
112
115
|
var _default = (0, _theming.withTheme)(TabViewComponent);
|
|
113
|
-
exports.default = _default; renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
|
|
114
|
-
renderTabBar: renderTabBar,
|
|
115
|
-
onIndexChange: indexChangeHandler,
|
|
116
|
-
tabBarPosition: tabBarPosition,
|
|
117
|
-
keyboardDismissMode: keyboardDismissMode,
|
|
118
|
-
swipeEnabled: swipeEnabled
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
var _default = (0, _theming.withTheme)(TabViewComponent);
|
|
122
116
|
exports.default = _default;
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _theming = require("../../theming");
|
|
10
|
+
var _TableCommon = require("./TableCommon");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
const Table = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
theme,
|
|
15
|
+
borderWidth = 1,
|
|
16
|
+
borderColor = theme.colors.divider,
|
|
17
|
+
borderStyle = "solid",
|
|
18
|
+
drawTopBorder = true,
|
|
19
|
+
drawBottomBorder = false,
|
|
20
|
+
drawStartBorder = false,
|
|
21
|
+
drawEndBorder = false,
|
|
22
|
+
cellVerticalPadding = 10,
|
|
23
|
+
cellHorizontalPadding = 10,
|
|
24
|
+
data,
|
|
25
|
+
keyExtractor,
|
|
26
|
+
renderItem,
|
|
27
|
+
children: childrenProp,
|
|
28
|
+
style,
|
|
29
|
+
...rest
|
|
30
|
+
} = _ref;
|
|
31
|
+
//Both 'renderItem' and 'data' are optional to allow direct children. But if one is included, both need to be included
|
|
32
|
+
if (data && !renderItem || renderItem && !data) {
|
|
33
|
+
throw new Error("'renderItem' and 'data' need to both be provided to render from 'data'. Either remove them entirley or include both");
|
|
34
|
+
}
|
|
35
|
+
if (data && renderItem && childrenProp) {
|
|
36
|
+
console.warn("'children' of Table ignored due to usage of 'data' and 'renderItem'");
|
|
37
|
+
}
|
|
38
|
+
const isTableHeader = _react.default.useCallback(object => {
|
|
39
|
+
return object.isTableHeader;
|
|
40
|
+
}, []);
|
|
41
|
+
const isRenderItem = data && renderItem;
|
|
42
|
+
|
|
43
|
+
//Uses 'renderItem' and 'data' to create an array of children
|
|
44
|
+
const dataAsChildren = _react.default.useMemo(() => {
|
|
45
|
+
if (!isRenderItem) return [];
|
|
46
|
+
return data.map((item, index) => {
|
|
47
|
+
const component = renderItem({
|
|
48
|
+
item,
|
|
49
|
+
index
|
|
50
|
+
});
|
|
51
|
+
if (!component) {
|
|
52
|
+
return null;
|
|
53
|
+
}
|
|
54
|
+
const key = keyExtractor ? keyExtractor(item, index) : index.toString();
|
|
55
|
+
return /*#__PURE__*/_react.default.cloneElement(component, {
|
|
56
|
+
key
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
}, [data, renderItem, keyExtractor, isRenderItem]);
|
|
60
|
+
const children = isRenderItem ? dataAsChildren : _react.default.Children.toArray(childrenProp);
|
|
61
|
+
const validChildren = _react.default.useMemo(() => children.filter(item => /*#__PURE__*/_react.default.isValidElement(item)), [children]);
|
|
62
|
+
const childrenWithoutHeader = _react.default.useMemo(() => {
|
|
63
|
+
const flattenedWithoutNestedHeaders = validChildren.map(item => {
|
|
64
|
+
const nestedChildren = _react.default.Children.toArray(item.props.children);
|
|
65
|
+
//Header can be nested in React.Fragment when in renderItem
|
|
66
|
+
const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
|
|
67
|
+
if (nestedHeaders !== null && nestedHeaders !== void 0 && nestedHeaders.length) {
|
|
68
|
+
//New element excluding header children
|
|
69
|
+
return /*#__PURE__*/_react.default.cloneElement(item, {
|
|
70
|
+
children: nestedChildren.filter(child => !isTableHeader(child.props))
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
return item;
|
|
74
|
+
});
|
|
75
|
+
return flattenedWithoutNestedHeaders.filter(item => !isTableHeader(item.props));
|
|
76
|
+
}, [validChildren, isTableHeader]);
|
|
77
|
+
const header = _react.default.useMemo(() => {
|
|
78
|
+
const flattenedPossibleHeaders = validChildren.map(item => {
|
|
79
|
+
const nestedChildren = _react.default.Children.toArray(item.props.children);
|
|
80
|
+
//Header can be nested in React.Fragment when in renderItem
|
|
81
|
+
const nestedHeaders = nestedChildren.filter(child => isTableHeader(child.props));
|
|
82
|
+
if (nestedHeaders !== null && nestedHeaders !== void 0 && nestedHeaders.length) {
|
|
83
|
+
return nestedHeaders[0];
|
|
84
|
+
}
|
|
85
|
+
return item;
|
|
86
|
+
});
|
|
87
|
+
const allHeaders = flattenedPossibleHeaders.filter(item => isTableHeader(item.props));
|
|
88
|
+
if (allHeaders.length) {
|
|
89
|
+
return allHeaders[0]; //Only 1 header taken
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
return null;
|
|
93
|
+
}, [validChildren, isTableHeader]);
|
|
94
|
+
const contextValue = {
|
|
95
|
+
borderColor,
|
|
96
|
+
borderStyle,
|
|
97
|
+
borderWidth,
|
|
98
|
+
cellHorizontalPadding,
|
|
99
|
+
cellVerticalPadding
|
|
100
|
+
};
|
|
101
|
+
const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
|
|
102
|
+
borderColor,
|
|
103
|
+
borderWidth,
|
|
104
|
+
borderStyle,
|
|
105
|
+
drawTopBorder,
|
|
106
|
+
drawBottomBorder,
|
|
107
|
+
drawStartBorder,
|
|
108
|
+
drawEndBorder
|
|
109
|
+
});
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
|
|
111
|
+
value: contextValue
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
113
|
+
style: [styles.container, borderViewStyle, style]
|
|
114
|
+
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, header), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, rest, childrenWithoutHeader)));
|
|
115
|
+
};
|
|
116
|
+
const styles = _reactNative.StyleSheet.create({
|
|
117
|
+
container: {
|
|
118
|
+
flex: 1
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
var _default = (0, _theming.withTheme)(Table);
|
|
122
|
+
exports.default = _default;
|
|
123
|
+
exports.default = _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _TableCommon = require("./TableCommon");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const TableCell = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
borderWidth,
|
|
14
|
+
borderColor,
|
|
15
|
+
borderStyle,
|
|
16
|
+
drawTopBorder = false,
|
|
17
|
+
drawBottomBorder = false,
|
|
18
|
+
drawStartBorder = false,
|
|
19
|
+
drawEndBorder = true,
|
|
20
|
+
cellVerticalPadding,
|
|
21
|
+
cellHorizontalPadding,
|
|
22
|
+
children,
|
|
23
|
+
style
|
|
24
|
+
} = _ref;
|
|
25
|
+
const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
|
|
26
|
+
const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
|
|
27
|
+
borderColor: borderColor || parentContextValue.borderColor,
|
|
28
|
+
borderWidth: borderWidth || parentContextValue.borderWidth,
|
|
29
|
+
borderStyle: borderStyle || parentContextValue.borderStyle,
|
|
30
|
+
drawTopBorder,
|
|
31
|
+
drawBottomBorder,
|
|
32
|
+
drawStartBorder,
|
|
33
|
+
drawEndBorder
|
|
34
|
+
});
|
|
35
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
36
|
+
style: [styles.cellContainer, borderViewStyle, {
|
|
37
|
+
paddingVertical: cellVerticalPadding || parentContextValue.cellVerticalPadding,
|
|
38
|
+
paddingHorizontal: cellHorizontalPadding || parentContextValue.cellHorizontalPadding
|
|
39
|
+
}, style]
|
|
40
|
+
}, children);
|
|
41
|
+
};
|
|
42
|
+
const styles = _reactNative.StyleSheet.create({
|
|
43
|
+
cellContainer: {
|
|
44
|
+
flex: 1,
|
|
45
|
+
flexDirection: "row"
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
var _default = TableCell;
|
|
49
|
+
exports.default = _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TableStyleContext = void 0;
|
|
7
|
+
exports.generateBorderStyles = generateBorderStyles;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const TableStyleContext = /*#__PURE__*/_react.default.createContext({});
|
|
11
|
+
exports.TableStyleContext = TableStyleContext;
|
|
12
|
+
function generateBorderStyles(_ref) {
|
|
13
|
+
let {
|
|
14
|
+
borderColor,
|
|
15
|
+
borderWidth,
|
|
16
|
+
borderStyle,
|
|
17
|
+
drawTopBorder,
|
|
18
|
+
drawBottomBorder,
|
|
19
|
+
drawStartBorder,
|
|
20
|
+
drawEndBorder
|
|
21
|
+
} = _ref;
|
|
22
|
+
return {
|
|
23
|
+
borderColor,
|
|
24
|
+
borderStyle,
|
|
25
|
+
borderTopWidth: drawTopBorder ? borderWidth : 0,
|
|
26
|
+
borderBottomWidth: drawBottomBorder ? borderWidth : 0,
|
|
27
|
+
borderStartWidth: drawStartBorder ? borderWidth : 0,
|
|
28
|
+
borderEndWidth: drawEndBorder ? borderWidth : 0
|
|
29
|
+
};
|
|
30
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _TableCommon = require("./TableCommon");
|
|
10
|
+
var _theming = require("../../theming");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
const TableRow = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
borderWidth,
|
|
15
|
+
borderColor,
|
|
16
|
+
borderStyle,
|
|
17
|
+
drawTopBorder = false,
|
|
18
|
+
drawBottomBorder = true,
|
|
19
|
+
drawStartBorder = true,
|
|
20
|
+
drawEndBorder = false,
|
|
21
|
+
cellVerticalPadding,
|
|
22
|
+
cellHorizontalPadding,
|
|
23
|
+
isTableHeader = false,
|
|
24
|
+
children,
|
|
25
|
+
style,
|
|
26
|
+
theme
|
|
27
|
+
} = _ref;
|
|
28
|
+
const parentContextValue = _react.default.useContext(_TableCommon.TableStyleContext);
|
|
29
|
+
|
|
30
|
+
//Create context to use and pass to children based on own props or fall back to parent provided context
|
|
31
|
+
const contextValue = {
|
|
32
|
+
borderColor: borderColor || parentContextValue.borderColor,
|
|
33
|
+
borderStyle: borderStyle || parentContextValue.borderStyle,
|
|
34
|
+
borderWidth: borderWidth || parentContextValue.borderWidth,
|
|
35
|
+
cellHorizontalPadding: cellHorizontalPadding || parentContextValue.cellHorizontalPadding,
|
|
36
|
+
cellVerticalPadding: cellVerticalPadding || parentContextValue.cellVerticalPadding
|
|
37
|
+
};
|
|
38
|
+
const borderViewStyle = (0, _TableCommon.generateBorderStyles)({
|
|
39
|
+
borderColor: contextValue.borderColor,
|
|
40
|
+
borderWidth: contextValue.borderWidth,
|
|
41
|
+
borderStyle: contextValue.borderStyle,
|
|
42
|
+
drawTopBorder,
|
|
43
|
+
drawBottomBorder,
|
|
44
|
+
drawStartBorder,
|
|
45
|
+
drawEndBorder
|
|
46
|
+
});
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_TableCommon.TableStyleContext.Provider, {
|
|
48
|
+
value: contextValue
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
50
|
+
style: [borderViewStyle, isTableHeader ? {
|
|
51
|
+
backgroundColor: theme.colors.primary
|
|
52
|
+
} : {}, style, styles.cellsContainer]
|
|
53
|
+
}, children));
|
|
54
|
+
};
|
|
55
|
+
const styles = _reactNative.StyleSheet.create({
|
|
56
|
+
cellsContainer: {
|
|
57
|
+
flexDirection: "row"
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
var _default = (0, _theming.withTheme)(TableRow);
|
|
61
|
+
exports.default = _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Table", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Table.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "TableCell", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _TableCell.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "TableRow", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _TableRow.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _Table = _interopRequireDefault(require("./Table"));
|
|
25
|
+
var _TableRow = _interopRequireDefault(require("./TableRow"));
|
|
26
|
+
var _TableCell = _interopRequireDefault(require("./TableCell"));
|
|
27
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -9,56 +9,10 @@ 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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
nativeProps: {}
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
setNativeProps(args) {
|
|
20
|
-
this.state.nativeProps = args || {};
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
const {
|
|
24
|
-
style,
|
|
25
|
-
...rest
|
|
26
|
-
} = this.props;
|
|
27
|
-
const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
|
|
28
|
-
return /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
29
|
-
...rest,
|
|
30
|
-
...this.state.nativeProps,
|
|
31
|
-
ref: c => {
|
|
32
|
-
this._root = c;
|
|
33
|
-
},
|
|
34
|
-
style: [{
|
|
35
|
-
textAlign: "left",
|
|
36
|
-
writingDirection
|
|
37
|
-
}, style]
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
const BaseLink = _ref => {
|
|
42
|
-
let {
|
|
43
|
-
style,
|
|
44
|
-
theme,
|
|
45
|
-
title,
|
|
46
|
-
...props
|
|
47
|
-
} = _ref;
|
|
48
|
-
return /*#__PURE__*/React.createElement(Text, {
|
|
49
|
-
hitSlop: 8,
|
|
50
|
-
style: [{
|
|
51
|
-
color: theme.colors.primary
|
|
52
|
-
}, style],
|
|
53
|
-
theme: theme,
|
|
54
|
-
...props
|
|
55
|
-
}, title);
|
|
56
|
-
};
|
|
57
|
-
exports.BaseLink = BaseLink;
|
|
58
|
-
const Link = (0, _theming.withTheme)(BaseLink);
|
|
59
|
-
exports.Link = Link;
|
|
60
|
-
var _default = (0, _theming.withTheme)(Text);
|
|
61
|
-
exports.default = _default;tring : Number)(input); }
|
|
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
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
62
16
|
class Text extends React.Component {
|
|
63
17
|
constructor() {
|
|
64
18
|
super(...arguments);
|