@draftbit/core 46.2.4-17908.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/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/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 +38 -8
- 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/Portal/PortalManager.js +20 -12
- 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 -2
- package/lib/module/mappings/table.js +94 -0
- package/lib/module/utilities.js +3 -3
- 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 +1 -1
- package/lib/typescript/src/mappings/table.d.ts +153 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -5
- 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 +1 -1
- package/src/index.tsx +9 -1
- 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/commonjs/components/Youtube.js +0 -73
- package/lib/commonjs/mappings/Youtube.js +0 -42
- package/lib/module/components/Youtube.js +0 -59
- package/lib/module/mappings/Youtube.js +0 -33
- package/lib/typescript/src/components/Youtube.d.ts +0 -44
- package/lib/typescript/src/mappings/Youtube.d.ts +0 -36
- package/src/components/Youtube.js +0 -38
- package/src/components/Youtube.tsx +0 -66
- package/src/mappings/Youtube.js +0 -33
- package/src/mappings/Youtube.ts +0 -39
|
@@ -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;
|
|
@@ -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));
|
|
@@ -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
|
@@ -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 () {
|
|
@@ -393,12 +429,6 @@ Object.defineProperty(exports, "Touchable", {
|
|
|
393
429
|
return _Touchable.default;
|
|
394
430
|
}
|
|
395
431
|
});
|
|
396
|
-
Object.defineProperty(exports, "Youtube", {
|
|
397
|
-
enumerable: true,
|
|
398
|
-
get: function () {
|
|
399
|
-
return _Youtube.default;
|
|
400
|
-
}
|
|
401
|
-
});
|
|
402
432
|
Object.defineProperty(exports, "injectIcon", {
|
|
403
433
|
enumerable: true,
|
|
404
434
|
get: function () {
|
|
@@ -482,6 +512,8 @@ var _Layout = require("./components/Layout");
|
|
|
482
512
|
|
|
483
513
|
var _index = require("./components/RadioButton/index");
|
|
484
514
|
|
|
515
|
+
var _Table = require("./components/Table");
|
|
516
|
+
|
|
485
517
|
var _DeprecatedButton = _interopRequireDefault(require("./components/DeprecatedButton"));
|
|
486
518
|
|
|
487
519
|
var _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
@@ -518,8 +550,6 @@ var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
|
518
550
|
|
|
519
551
|
var _useAuthState = require("./components/useAuthState");
|
|
520
552
|
|
|
521
|
-
var _Youtube = _interopRequireDefault(require("./components/Youtube"));
|
|
522
|
-
|
|
523
553
|
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); }
|
|
524
554
|
|
|
525
555
|
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; }
|
|
@@ -25,9 +25,7 @@ const SEED_DATA = {
|
|
|
25
25
|
}),
|
|
26
26
|
fieldName: (0, _types.createFieldNameProp)({
|
|
27
27
|
defaultValue: "ratingValue",
|
|
28
|
-
// this is the name of the variable declared on the screen in Draftbit
|
|
29
28
|
handlerPropName: "onPress",
|
|
30
|
-
// the change handler prop in this component
|
|
31
29
|
valuePropName: "rating" // the value prop in this component
|
|
32
30
|
|
|
33
31
|
}),
|
|
@@ -52,4 +50,10 @@ const SEED_DATA = {
|
|
|
52
50
|
})
|
|
53
51
|
}
|
|
54
52
|
};
|
|
53
|
+
exports.SEED_DATA = SEED_DATA;pes.createColorProp)({
|
|
54
|
+
label: "Inactive Color",
|
|
55
|
+
defaultValue: "divider"
|
|
56
|
+
})
|
|
57
|
+
}
|
|
58
|
+
};
|
|
55
59
|
exports.SEED_DATA = SEED_DATA;
|