@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.
- package/lib/commonjs/components/Banner.js +24 -4
- package/lib/commonjs/components/Config.js +1 -1
- package/lib/commonjs/components/DeprecatedCardWrapper.js +17 -2
- package/lib/commonjs/components/Picker/PickerComponent.android.js +24 -5
- package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +11 -2
- package/lib/commonjs/components/{Svg.js → SVG.js} +7 -6
- package/lib/commonjs/components/Table/index.js +55 -0
- package/lib/commonjs/components/Table/table.js +35 -0
- package/lib/commonjs/components/Table/tableCell.js +50 -0
- package/lib/commonjs/components/Table/tableHeader.js +41 -0
- package/lib/commonjs/components/Table/tablePaginator.js +17 -0
- package/lib/commonjs/components/Table/tableRow.js +47 -0
- package/lib/commonjs/components/Table/tableTitle.js +60 -0
- package/lib/commonjs/components/Touchable.js +16 -2
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +45 -7
- package/lib/commonjs/mappings/{Svg.js → SVG.js} +0 -1
- package/lib/commonjs/mappings/StarRating.js +6 -2
- package/lib/commonjs/mappings/table.js +103 -0
- package/lib/commonjs/utilities.js +2 -2
- package/lib/module/components/Config.js +1 -1
- package/lib/module/components/Portal/PortalManager.js +20 -12
- package/lib/module/components/{Svg.js → SVG.js} +7 -6
- package/lib/module/components/Table/index.js +6 -0
- package/lib/module/components/Table/table.js +23 -0
- package/lib/module/components/Table/tableCell.js +37 -0
- package/lib/module/components/Table/tableHeader.js +25 -0
- package/lib/module/components/Table/tablePaginator.js +6 -0
- package/lib/module/components/Table/tableRow.js +33 -0
- package/lib/module/components/Table/tableTitle.js +47 -0
- package/lib/module/index.js +2 -1
- package/lib/module/mappings/SVG.js +14 -0
- package/lib/module/mappings/table.js +94 -0
- package/lib/module/utilities.js +3 -3
- package/lib/typescript/src/components/SVG.d.ts +8 -0
- package/lib/typescript/src/components/Table/index.d.ts +6 -0
- package/lib/typescript/src/components/Table/table.d.ts +8 -0
- package/lib/typescript/src/components/Table/tableCell.d.ts +10 -0
- package/lib/typescript/src/components/Table/tableHeader.d.ts +12 -0
- package/lib/typescript/src/components/Table/tablePaginator.d.ts +3 -0
- package/lib/typescript/src/components/Table/tableRow.d.ts +12 -0
- package/lib/typescript/src/components/Table/tableTitle.d.ts +12 -0
- package/lib/typescript/src/index.d.ts +2 -1
- package/lib/typescript/src/mappings/{Svg.d.ts → SVG.d.ts} +0 -1
- package/lib/typescript/src/mappings/table.d.ts +153 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +4 -4
- package/src/components/Config.js +1 -1
- package/src/components/Config.ts +1 -1
- package/src/components/{Svg.js → SVG.js} +6 -5
- package/src/components/SVG.tsx +35 -0
- package/src/components/Table/index.js +6 -0
- package/src/components/Table/index.tsx +6 -0
- package/src/components/Table/table.js +10 -0
- package/src/components/Table/table.tsx +22 -0
- package/src/components/Table/tableCell.js +21 -0
- package/src/components/Table/tableCell.tsx +44 -0
- package/src/components/Table/tableHeader.js +11 -0
- package/src/components/Table/tableHeader.tsx +28 -0
- package/src/components/Table/tablePaginator.js +5 -0
- package/src/components/Table/tablePaginator.tsx +10 -0
- package/src/components/Table/tableRow.js +16 -0
- package/src/components/Table/tableRow.tsx +31 -0
- package/src/components/Table/tableTitle.js +28 -0
- package/src/components/Table/tableTitle.tsx +58 -0
- package/src/index.js +2 -1
- package/src/index.tsx +10 -1
- package/src/mappings/SVG.js +14 -0
- package/src/mappings/SVG.ts +15 -0
- package/src/mappings/table.js +137 -0
- package/src/mappings/table.ts +145 -0
- package/src/utilities.js +5 -2
- package/src/utilities.ts +13 -2
- package/lib/module/mappings/Svg.js +0 -15
- package/lib/typescript/src/components/Svg.d.ts +0 -7
- package/src/components/Svg.tsx +0 -35
- package/src/mappings/Svg.js +0 -20
- 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,
|
|
95
|
+
return /*#__PURE__*/React.createElement(_Surface.default, { ...rest,
|
|
98
96
|
style: [styles.container, (0, _shadow.default)(ELEVATION), style]
|
|
99
|
-
}
|
|
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-
|
|
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 && ((
|
|
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
|
|
22
|
+
const SVG = _ref => {
|
|
23
23
|
let {
|
|
24
|
-
source
|
|
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:
|
|
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:
|
|
39
|
+
uri: svgSource
|
|
39
40
|
})), _reactNative.Platform.OS === "web" && /*#__PURE__*/React.createElement(_reactNative.Image, {
|
|
40
41
|
style: style,
|
|
41
42
|
source: {
|
|
42
|
-
uri:
|
|
43
|
+
uri: svgSource
|
|
43
44
|
}
|
|
44
45
|
}));
|
|
45
46
|
};
|
|
46
47
|
|
|
47
|
-
var _default =
|
|
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;
|
package/lib/commonjs/index.js
CHANGED
|
@@ -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
|
|
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
|
}
|