@draftbit/core 46.2.4-0e692a.5 → 46.2.4-25c40a.5

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 (78) hide show
  1. package/lib/commonjs/components/Banner.js +24 -4
  2. package/lib/commonjs/components/Config.js +1 -1
  3. package/lib/commonjs/components/DeprecatedCardWrapper.js +17 -2
  4. package/lib/commonjs/components/Picker/PickerComponent.android.js +24 -5
  5. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +11 -2
  6. package/lib/commonjs/components/{Svg.js → SVG.js} +7 -6
  7. package/lib/commonjs/components/Table/index.js +55 -0
  8. package/lib/commonjs/components/Table/table.js +35 -0
  9. package/lib/commonjs/components/Table/tableCell.js +50 -0
  10. package/lib/commonjs/components/Table/tableHeader.js +41 -0
  11. package/lib/commonjs/components/Table/tablePaginator.js +17 -0
  12. package/lib/commonjs/components/Table/tableRow.js +47 -0
  13. package/lib/commonjs/components/Table/tableTitle.js +60 -0
  14. package/lib/commonjs/components/Touchable.js +16 -2
  15. package/lib/commonjs/constants.js +1 -1
  16. package/lib/commonjs/index.js +45 -7
  17. package/lib/commonjs/mappings/{Svg.js → SVG.js} +0 -1
  18. package/lib/commonjs/mappings/StarRating.js +6 -2
  19. package/lib/commonjs/mappings/table.js +103 -0
  20. package/lib/commonjs/utilities.js +2 -2
  21. package/lib/module/components/Config.js +1 -1
  22. package/lib/module/components/Portal/PortalManager.js +20 -12
  23. package/lib/module/components/{Svg.js → SVG.js} +7 -6
  24. package/lib/module/components/Table/index.js +6 -0
  25. package/lib/module/components/Table/table.js +23 -0
  26. package/lib/module/components/Table/tableCell.js +37 -0
  27. package/lib/module/components/Table/tableHeader.js +25 -0
  28. package/lib/module/components/Table/tablePaginator.js +6 -0
  29. package/lib/module/components/Table/tableRow.js +33 -0
  30. package/lib/module/components/Table/tableTitle.js +47 -0
  31. package/lib/module/index.js +2 -1
  32. package/lib/module/mappings/SVG.js +14 -0
  33. package/lib/module/mappings/table.js +94 -0
  34. package/lib/module/utilities.js +3 -3
  35. package/lib/typescript/src/components/SVG.d.ts +8 -0
  36. package/lib/typescript/src/components/Table/index.d.ts +6 -0
  37. package/lib/typescript/src/components/Table/table.d.ts +8 -0
  38. package/lib/typescript/src/components/Table/tableCell.d.ts +10 -0
  39. package/lib/typescript/src/components/Table/tableHeader.d.ts +12 -0
  40. package/lib/typescript/src/components/Table/tablePaginator.d.ts +3 -0
  41. package/lib/typescript/src/components/Table/tableRow.d.ts +12 -0
  42. package/lib/typescript/src/components/Table/tableTitle.d.ts +12 -0
  43. package/lib/typescript/src/index.d.ts +2 -1
  44. package/lib/typescript/src/mappings/{Svg.d.ts → SVG.d.ts} +0 -1
  45. package/lib/typescript/src/mappings/table.d.ts +153 -0
  46. package/lib/typescript/src/utilities.d.ts +3 -3
  47. package/package.json +4 -4
  48. package/src/components/Config.js +1 -1
  49. package/src/components/Config.ts +1 -1
  50. package/src/components/{Svg.js → SVG.js} +6 -5
  51. package/src/components/SVG.tsx +35 -0
  52. package/src/components/Table/index.js +6 -0
  53. package/src/components/Table/index.tsx +6 -0
  54. package/src/components/Table/table.js +10 -0
  55. package/src/components/Table/table.tsx +22 -0
  56. package/src/components/Table/tableCell.js +21 -0
  57. package/src/components/Table/tableCell.tsx +44 -0
  58. package/src/components/Table/tableHeader.js +11 -0
  59. package/src/components/Table/tableHeader.tsx +28 -0
  60. package/src/components/Table/tablePaginator.js +5 -0
  61. package/src/components/Table/tablePaginator.tsx +10 -0
  62. package/src/components/Table/tableRow.js +16 -0
  63. package/src/components/Table/tableRow.tsx +31 -0
  64. package/src/components/Table/tableTitle.js +28 -0
  65. package/src/components/Table/tableTitle.tsx +58 -0
  66. package/src/index.js +2 -1
  67. package/src/index.tsx +10 -1
  68. package/src/mappings/SVG.js +14 -0
  69. package/src/mappings/SVG.ts +15 -0
  70. package/src/mappings/table.js +137 -0
  71. package/src/mappings/table.ts +145 -0
  72. package/src/utilities.js +5 -2
  73. package/src/utilities.ts +13 -2
  74. package/lib/module/mappings/Svg.js +0 -15
  75. package/lib/typescript/src/components/Svg.d.ts +0 -7
  76. package/src/components/Svg.tsx +0 -35
  77. package/src/mappings/Svg.js +0 -20
  78. package/src/mappings/Svg.ts +0 -25
@@ -21,8 +21,6 @@ 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
-
26
24
  const ELEVATION = 1;
27
25
  const DEFAULT_MAX_WIDTH = 960;
28
26
 
@@ -94,9 +92,9 @@ const Banner = _ref => {
94
92
 
95
93
  const translateY = _reactNative.Animated.multiply(_reactNative.Animated.add(position, -1), layout.height);
96
94
 
97
- return /*#__PURE__*/React.createElement(_Surface.default, _extends({}, rest, {
95
+ return /*#__PURE__*/React.createElement(_Surface.default, { ...rest,
98
96
  style: [styles.container, (0, _shadow.default)(ELEVATION), style]
99
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
97
+ }, /*#__PURE__*/React.createElement(_reactNative.View, {
100
98
  style: [styles.wrapper, contentStyle]
101
99
  }, /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
102
100
  style: {
@@ -178,4 +176,26 @@ const styles = _reactNative.StyleSheet.create({
178
176
 
179
177
  var _default = (0, _theming.withTheme)(Banner);
180
178
 
179
+ exports.default = _default;ow",
180
+ justifyContent: "flex-start",
181
+ marginHorizontal: 8,
182
+ marginTop: 16,
183
+ marginBottom: 0
184
+ },
185
+ icon: {
186
+ margin: 8
187
+ },
188
+ message: {
189
+ flex: 1,
190
+ margin: 8
191
+ },
192
+ actions: {
193
+ flexDirection: "row",
194
+ justifyContent: "flex-end",
195
+ margin: 8
196
+ }
197
+ });
198
+
199
+ var _default = (0, _theming.withTheme)(Banner);
200
+
181
201
  exports.default = _default;
@@ -62,7 +62,7 @@ var _default = {
62
62
  width: size.width,
63
63
  height: size.height
64
64
  }, "image-placeholder_1"),
65
- placeholderSvgURL: "https://static.draftbit.com/images/placeholder-image.svg",
65
+ placeholderSvgURL: "https://static.draftbit.com/images/placeholder-svg.svg",
66
66
  squareImageUrl: buildImageUrl({
67
67
  width: 100,
68
68
  height: 100
@@ -13,8 +13,6 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
16
  const getWidth = numColumns => {
19
17
  switch (numColumns) {
20
18
  case 1:
@@ -37,6 +35,23 @@ const Card = _ref => {
37
35
  ...rest
38
36
  } = _ref;
39
37
  const width = getWidth(numColumns);
38
+ return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
39
+ disabled: !onPress,
40
+ onPress: onPress,
41
+ style: [style, {
42
+ width
43
+ }],
44
+ ...rest
45
+ }, children);
46
+ };
47
+
48
+ var _default = (0, _theming.withTheme)(Card);
49
+
50
+ exports.default = _default;,
51
+ style,
52
+ ...rest
53
+ } = _ref;
54
+ const width = getWidth(numColumns);
40
55
  return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
41
56
  disabled: !onPress,
42
57
  onPress: onPress,
@@ -27,11 +27,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
27
27
 
28
28
  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; }
29
29
 
30
- 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); }
31
-
32
30
  const Picker = _ref => {
33
- var _options$find$label, _options$find;
34
-
35
31
  let {
36
32
  style,
37
33
  options,
@@ -41,6 +37,9 @@ const Picker = _ref => {
41
37
  onValueChange: onValueChangeOverride = () => {},
42
38
  ...props
43
39
  } = _ref;
40
+
41
+ var _a, _b;
42
+
44
43
  const {
45
44
  viewStyles: {
46
45
  borderRadius,
@@ -87,7 +86,7 @@ const Picker = _ref => {
87
86
  };
88
87
 
89
88
  const stylesWithoutMargin = style && (0, _lodash.default)(_reactNative.StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
90
- const selectedLabel = selectedValue && ((_options$find$label = (_options$find = options.find(o => o.value === selectedValue)) === null || _options$find === void 0 ? void 0 : _options$find.label) !== null && _options$find$label !== void 0 ? _options$find$label : selectedValue);
89
+ const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
91
90
  return /*#__PURE__*/React.createElement(_Touchable.default, {
92
91
  disabled: disabled,
93
92
  onPress: toggleFocus,
@@ -111,6 +110,26 @@ const Picker = _ref => {
111
110
  key: o.value
112
111
  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
113
112
  pointerEvents: "none"
113
+ }, /*#__PURE__*/React.createElement(_TextField.default, { ...props,
114
+ value: selectedLabel,
115
+ placeholder: placeholder,
116
+ // @ts-ignore
117
+ ref: textField,
118
+ disabled: disabled,
119
+ // @ts-expect-error
120
+ style: stylesWithoutMargin
121
+ }))));
122
+ };
123
+
124
+ const styles = _reactNative.StyleSheet.create({
125
+ container: {
126
+ alignSelf: "stretch"
127
+ }
128
+ });
129
+
130
+ var _default = (0, _theming.withTheme)(Picker);
131
+
132
+ exports.default = _default; pointerEvents: "none"
114
133
  }, /*#__PURE__*/React.createElement(_TextField.default, _extends({}, props, {
115
134
  value: selectedLabel,
116
135
  placeholder: placeholder // @ts-ignore
@@ -17,8 +17,6 @@ var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
-
22
20
  const RadioButtonFieldGroup = _ref => {
23
21
  let {
24
22
  label,
@@ -35,6 +33,17 @@ const RadioButtonFieldGroup = _ref => {
35
33
  fontSize: theme.typography.headline4.fontSize,
36
34
  color: theme.typography.headline4.color
37
35
  }, labelStyle]
36
+ }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, {
37
+ theme: theme,
38
+ ...rest
39
+ }, children));
40
+ };
41
+
42
+ var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
43
+
44
+ exports.default = _default; fontSize: theme.typography.headline4.fontSize,
45
+ color: theme.typography.headline4.color
46
+ }, labelStyle]
38
47
  }, label), /*#__PURE__*/_react.default.createElement(_RadioButtonGroup.default, _extends({
39
48
  theme: theme
40
49
  }, rest), children));
@@ -19,30 +19,31 @@ 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
- const Svg = _ref => {
22
+ const SVG = _ref => {
23
23
  let {
24
- source = _Config.default.placeholderSvgURL,
24
+ source,
25
25
  style
26
26
  } = _ref;
27
+ let svgSource = source === null || source === undefined ? _Config.default.placeholderSvgURL : source;
27
28
  return /*#__PURE__*/React.createElement(React.Fragment, null, _reactNative.Platform.OS === "ios" && /*#__PURE__*/React.createElement(_reactNative.View, {
28
29
  style: style
29
30
  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
30
31
  width: "100%",
31
32
  height: "100%",
32
- uri: source
33
+ uri: svgSource
33
34
  })), _reactNative.Platform.OS === "android" && /*#__PURE__*/React.createElement(_reactNative.View, {
34
35
  style: style
35
36
  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgUri, {
36
37
  width: "100%",
37
38
  height: "100%",
38
- uri: source
39
+ uri: svgSource
39
40
  })), _reactNative.Platform.OS === "web" && /*#__PURE__*/React.createElement(_reactNative.Image, {
40
41
  style: style,
41
42
  source: {
42
- uri: source
43
+ uri: svgSource
43
44
  }
44
45
  }));
45
46
  };
46
47
 
47
- var _default = Svg;
48
+ var _default = SVG;
48
49
  exports.default = _default;
@@ -0,0 +1,55 @@
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, "TableHeader", {
19
+ enumerable: true,
20
+ get: function () {
21
+ return _tableHeader.default;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "TablePaginator", {
25
+ enumerable: true,
26
+ get: function () {
27
+ return _tablePaginator.default;
28
+ }
29
+ });
30
+ Object.defineProperty(exports, "TableRow", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _tableRow.default;
34
+ }
35
+ });
36
+ Object.defineProperty(exports, "TableTitle", {
37
+ enumerable: true,
38
+ get: function () {
39
+ return _tableTitle.default;
40
+ }
41
+ });
42
+
43
+ var _table = _interopRequireDefault(require("./table"));
44
+
45
+ var _tableHeader = _interopRequireDefault(require("./tableHeader"));
46
+
47
+ var _tablePaginator = _interopRequireDefault(require("./tablePaginator"));
48
+
49
+ var _tableRow = _interopRequireDefault(require("./tableRow"));
50
+
51
+ var _tableCell = _interopRequireDefault(require("./tableCell"));
52
+
53
+ var _tableTitle = _interopRequireDefault(require("./tableTitle"));
54
+
55
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
+
16
+ const Table = _ref => {
17
+ let {
18
+ children,
19
+ style,
20
+ ...rest
21
+ } = _ref;
22
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
23
+ style: [styles.wrapper, style]
24
+ }), children);
25
+ };
26
+
27
+ const styles = _reactNative.StyleSheet.create({
28
+ wrapper: {
29
+ display: "flex",
30
+ flexDirection: "column"
31
+ }
32
+ });
33
+
34
+ var _default = Table;
35
+ exports.default = _default;
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ var _utilities = require("../../utilities");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ const TableCell = _ref => {
19
+ let {
20
+ children,
21
+ style,
22
+ numeric,
23
+ value,
24
+ ...rest
25
+ } = _ref;
26
+ const {
27
+ textStyles,
28
+ viewStyles
29
+ } = (0, _utilities.extractStyles)(style);
30
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
31
+ style: [styles.wrapper, numeric && styles.right, viewStyles]
32
+ }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
33
+ numberOfLines: 1,
34
+ style: textStyles
35
+ }, children, value));
36
+ };
37
+
38
+ const styles = _reactNative.StyleSheet.create({
39
+ wrapper: {
40
+ flex: 1,
41
+ display: "flex",
42
+ flexDirection: "row"
43
+ },
44
+ right: {
45
+ justifyContent: "flex-end"
46
+ }
47
+ });
48
+
49
+ var _default = TableCell;
50
+ exports.default = _default;
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ var _theming = require("../../theming");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ const TableHeader = _ref => {
19
+ let {
20
+ children,
21
+ style,
22
+ theme,
23
+ ...rest
24
+ } = _ref;
25
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
26
+ style: [styles.wrapper, {
27
+ borderBottomColor: theme.colors.medium
28
+ }, style]
29
+ }), children);
30
+ };
31
+
32
+ const styles = _reactNative.StyleSheet.create({
33
+ wrapper: {
34
+ display: "flex",
35
+ flexDirection: "row"
36
+ }
37
+ });
38
+
39
+ var _default = (0, _theming.withTheme)(TableHeader);
40
+
41
+ exports.default = _default;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ const TablePaginator = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Table Paginator"));
15
+
16
+ var _default = TablePaginator;
17
+ exports.default = _default;
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ var _theming = require("../../theming");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ const TableRow = _ref => {
19
+ let {
20
+ children,
21
+ style,
22
+ theme,
23
+ ...rest
24
+ } = _ref;
25
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
26
+ style: [styles.container, {
27
+ borderBottomColor: theme.colors.light
28
+ }, style]
29
+ }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
30
+ style: styles.content
31
+ }, children));
32
+ };
33
+
34
+ const styles = _reactNative.StyleSheet.create({
35
+ container: {
36
+ display: "flex",
37
+ flexDirection: "row"
38
+ },
39
+ content: {
40
+ flex: 1,
41
+ flexDirection: "row"
42
+ }
43
+ });
44
+
45
+ var _default = (0, _theming.withTheme)(TableRow);
46
+
47
+ exports.default = _default;
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _reactNative = require("react-native");
11
+
12
+ var _utilities = require("../../utilities");
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
+ const TableTitle = _ref => {
19
+ let {
20
+ children,
21
+ style,
22
+ numeric = false,
23
+ isAscending = false,
24
+ numberOfLines = 1,
25
+ title,
26
+ ...rest
27
+ } = _ref;
28
+ const {
29
+ textStyles,
30
+ viewStyles
31
+ } = (0, _utilities.extractStyles)(style);
32
+ return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
33
+ style: [styles.wrapper, numeric && styles.right, viewStyles]
34
+ }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
35
+ style: [isAscending ? styles.sorted : {
36
+ color: "gray"
37
+ }, textStyles],
38
+ numberOfLines: numberOfLines
39
+ }, children, title));
40
+ };
41
+
42
+ const styles = _reactNative.StyleSheet.create({
43
+ wrapper: {
44
+ flex: 1,
45
+ display: "flex",
46
+ flexDirection: "row"
47
+ },
48
+ right: {
49
+ justifyContent: "flex-end"
50
+ },
51
+ sorted: {// marginLeft: 8,
52
+ },
53
+ icon: {
54
+ height: 24,
55
+ justifyContent: "center"
56
+ }
57
+ });
58
+
59
+ var _default = TableTitle;
60
+ exports.default = _default;
@@ -11,8 +11,6 @@ var _reactNative = require("react-native");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
-
16
14
  function Touchable(_ref) {
17
15
  let {
18
16
  children,
@@ -21,6 +19,22 @@ function Touchable(_ref) {
21
19
  style,
22
20
  ...props
23
21
  } = _ref;
22
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
23
+ onPress: onPress,
24
+ disabled: disabled,
25
+ hitSlop: 8,
26
+ style: _ref2 => {
27
+ let {
28
+ pressed
29
+ } = _ref2;
30
+ return [{
31
+ opacity: pressed || disabled ? 0.75 : 1
32
+ }, style];
33
+ },
34
+ ...props
35
+ }, children);
36
+ }rops
37
+ } = _ref;
24
38
  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
25
39
  onPress: onPress,
26
40
  disabled: disabled,
@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
16
16
  ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
17
17
  });
18
18
 
19
- exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
19
+ exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;
@@ -291,6 +291,12 @@ Object.defineProperty(exports, "RowHeadlineImageIcon", {
291
291
  return _RowHeadlineImageIcon.default;
292
292
  }
293
293
  });
294
+ Object.defineProperty(exports, "SVG", {
295
+ enumerable: true,
296
+ get: function () {
297
+ return _SVG.default;
298
+ }
299
+ });
294
300
  Object.defineProperty(exports, "ScreenContainer", {
295
301
  enumerable: true,
296
302
  get: function () {
@@ -339,12 +345,6 @@ Object.defineProperty(exports, "Surface", {
339
345
  return _Surface.default;
340
346
  }
341
347
  });
342
- Object.defineProperty(exports, "Svg", {
343
- enumerable: true,
344
- get: function () {
345
- return _Svg.default;
346
- }
347
- });
348
348
  Object.defineProperty(exports, "Swiper", {
349
349
  enumerable: true,
350
350
  get: function () {
@@ -369,6 +369,42 @@ Object.defineProperty(exports, "SwitchRow", {
369
369
  return _Switch.SwitchRow;
370
370
  }
371
371
  });
372
+ Object.defineProperty(exports, "Table", {
373
+ enumerable: true,
374
+ get: function () {
375
+ return _Table.Table;
376
+ }
377
+ });
378
+ Object.defineProperty(exports, "TableCell", {
379
+ enumerable: true,
380
+ get: function () {
381
+ return _Table.TableCell;
382
+ }
383
+ });
384
+ Object.defineProperty(exports, "TableHeader", {
385
+ enumerable: true,
386
+ get: function () {
387
+ return _Table.TableHeader;
388
+ }
389
+ });
390
+ Object.defineProperty(exports, "TablePaginator", {
391
+ enumerable: true,
392
+ get: function () {
393
+ return _Table.TablePaginator;
394
+ }
395
+ });
396
+ Object.defineProperty(exports, "TableRow", {
397
+ enumerable: true,
398
+ get: function () {
399
+ return _Table.TableRow;
400
+ }
401
+ });
402
+ Object.defineProperty(exports, "TableTitle", {
403
+ enumerable: true,
404
+ get: function () {
405
+ return _Table.TableTitle;
406
+ }
407
+ });
372
408
  Object.defineProperty(exports, "TextField", {
373
409
  enumerable: true,
374
410
  get: function () {
@@ -448,7 +484,7 @@ var _IconButton = _interopRequireDefault(require("./components/IconButton"));
448
484
 
449
485
  var _Image = _interopRequireDefault(require("./components/Image"));
450
486
 
451
- var _Svg = _interopRequireDefault(require("./components/Svg"));
487
+ var _SVG = _interopRequireDefault(require("./components/SVG"));
452
488
 
453
489
  var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
454
490
 
@@ -476,6 +512,8 @@ var _Layout = require("./components/Layout");
476
512
 
477
513
  var _index = require("./components/RadioButton/index");
478
514
 
515
+ var _Table = require("./components/Table");
516
+
479
517
  var _DeprecatedButton = _interopRequireDefault(require("./components/DeprecatedButton"));
480
518
 
481
519
  var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
@@ -16,7 +16,6 @@ const SEED_DATA = {
16
16
  width: 100,
17
17
  height: 100
18
18
  },
19
- stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
20
19
  props: {
21
20
  source: (0, _types.createSvgProp)()
22
21
  }