@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.
Files changed (119) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +23 -4
  2. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  3. package/lib/commonjs/components/AvatarEdit.js +4 -15
  4. package/lib/commonjs/components/Banner.js +4 -23
  5. package/lib/commonjs/components/Button.js +10 -33
  6. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  7. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  8. package/lib/commonjs/components/CircleImage.js +15 -1
  9. package/lib/commonjs/components/DeprecatedCardWrapper.js +15 -1
  10. package/lib/commonjs/components/Divider.js +1 -14
  11. package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
  12. package/lib/commonjs/components/Layout.js +19 -40
  13. package/lib/commonjs/components/NumberInput.js +3 -12
  14. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  15. package/lib/commonjs/components/Picker/PickerComponent.web.js +20 -3
  16. package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
  17. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  18. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  19. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
  20. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  21. package/lib/commonjs/components/ScreenContainer.js +6 -24
  22. package/lib/commonjs/components/Shadow.js +2 -15
  23. package/lib/commonjs/components/Slider.js +4 -21
  24. package/lib/commonjs/components/StarRating.js +4 -23
  25. package/lib/commonjs/components/StepIndicator.js +18 -57
  26. package/lib/commonjs/components/Surface.js +2 -14
  27. package/lib/commonjs/components/TabView/TabView.js +7 -13
  28. package/lib/commonjs/components/Table/Table.js +123 -0
  29. package/lib/commonjs/components/Table/TableCell.js +49 -0
  30. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  31. package/lib/commonjs/components/Table/TableRow.js +61 -0
  32. package/lib/commonjs/components/Table/index.js +27 -0
  33. package/lib/commonjs/components/Text.js +4 -50
  34. package/lib/commonjs/components/TextField.js +28 -76
  35. package/lib/commonjs/components/ToggleButton.js +2 -15
  36. package/lib/commonjs/components/Touchable.js +2 -15
  37. package/lib/commonjs/index.js +19 -28
  38. package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
  39. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  40. package/lib/commonjs/mappings/StarRating.js +6 -2
  41. package/lib/commonjs/mappings/Table.js +140 -0
  42. package/lib/commonjs/styles/overlay.js +3 -1
  43. package/lib/commonjs/utilities.js +2 -1
  44. package/lib/module/components/Table/Table.js +114 -0
  45. package/lib/module/components/Table/TableCell.js +41 -0
  46. package/lib/module/components/Table/TableCommon.js +21 -0
  47. package/lib/module/components/Table/TableRow.js +53 -0
  48. package/lib/module/components/Table/index.js +3 -0
  49. package/lib/module/index.js +1 -4
  50. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  51. package/lib/module/mappings/Table.js +133 -0
  52. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  53. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  54. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  55. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  56. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  57. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  58. package/lib/typescript/src/components/{RowBodyIcon.d.ts → Table/TableRow.d.ts} +7 -9
  59. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  60. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  61. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  62. package/lib/typescript/src/index.d.ts +1 -4
  63. package/lib/typescript/src/index.d.ts.map +1 -1
  64. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  65. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  66. package/lib/typescript/src/mappings/Table.d.ts +337 -0
  67. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  68. package/package.json +3 -3
  69. package/src/components/Table/Table.js +93 -0
  70. package/src/components/Table/Table.tsx +176 -0
  71. package/src/components/Table/TableCell.js +31 -0
  72. package/src/components/Table/TableCell.tsx +63 -0
  73. package/src/components/Table/TableCommon.js +12 -0
  74. package/src/components/Table/TableCommon.ts +40 -0
  75. package/src/components/Table/TableRow.js +37 -0
  76. package/src/components/Table/TableRow.tsx +77 -0
  77. package/src/components/Table/index.js +3 -0
  78. package/src/components/Table/index.tsx +3 -0
  79. package/src/index.js +1 -4
  80. package/src/index.tsx +2 -4
  81. package/src/mappings/NativeBase/Layout.js +124 -0
  82. package/src/mappings/NativeBase/Layout.ts +145 -0
  83. package/src/mappings/Table.js +150 -0
  84. package/src/mappings/Table.ts +170 -0
  85. package/lib/commonjs/components/Container.js +0 -104
  86. package/lib/commonjs/components/Row.js +0 -73
  87. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  88. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  89. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  90. package/lib/commonjs/mappings/Container.js +0 -37
  91. package/lib/module/components/Container.js +0 -83
  92. package/lib/module/components/Row.js +0 -63
  93. package/lib/module/components/RowBodyIcon.js +0 -35
  94. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  95. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  96. package/lib/module/mappings/Container.js +0 -30
  97. package/lib/typescript/src/components/Container.d.ts +0 -21
  98. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  99. package/lib/typescript/src/components/Row.d.ts +0 -21
  100. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  101. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  102. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  103. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  104. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  105. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  106. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  107. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  108. package/src/components/Container.js +0 -43
  109. package/src/components/Container.tsx +0 -116
  110. package/src/components/Row.js +0 -48
  111. package/src/components/Row.tsx +0 -108
  112. package/src/components/RowBodyIcon.js +0 -8
  113. package/src/components/RowBodyIcon.tsx +0 -47
  114. package/src/components/RowHeadlineImageCaption.js +0 -12
  115. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  116. package/src/components/RowHeadlineImageIcon.js +0 -14
  117. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  118. package/src/mappings/Container.js +0 -30
  119. 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
- // @ts-nocheck
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.renderProgressBarBackground = () => {
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.renderProgressBar = () => {
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.renderStepIndicator = () => {
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.renderStepLabels = () => {
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.renderStep = position => {
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.getStepStatus = stepPosition => {
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.onCurrentPositionChanged = position => {
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
- /* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
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 (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
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
- class Text extends React.Component {
13
- constructor() {
14
- super(...arguments);
15
- this.state = {
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);