@draftbit/core 46.4.4-808a01.2 → 46.4.4-885019.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Accordion/AccordionItem.js +25 -5
- package/lib/commonjs/components/AnimatedCircularProgress.js +2 -12
- package/lib/commonjs/components/AspectRatio.js +2 -19
- package/lib/commonjs/components/AvatarEdit.js +5 -17
- package/lib/commonjs/components/Button.js +11 -32
- package/lib/commonjs/components/CardBlock.js +5 -15
- package/lib/commonjs/components/CardContainer.js +5 -15
- package/lib/commonjs/components/CardContainerRating.js +5 -15
- package/lib/commonjs/components/CardContainerShortImage.js +5 -17
- package/lib/commonjs/components/Carousel.js +10 -34
- package/lib/commonjs/components/Checkbox/CheckboxRow.js +6 -24
- package/lib/commonjs/components/CircleImage.js +2 -16
- package/lib/commonjs/components/CircularProgress.js +7 -15
- package/lib/commonjs/components/DeprecatedButton.js +22 -4
- package/lib/commonjs/components/DeprecatedCardWrapper.js +2 -17
- package/lib/commonjs/components/DeprecatedFAB.js +4 -22
- package/lib/commonjs/components/Divider.js +2 -16
- package/lib/commonjs/components/FAB.js +5 -20
- package/lib/commonjs/components/FormRow.js +3 -17
- package/lib/commonjs/components/IconButton.js +5 -22
- package/lib/commonjs/components/Layout.js +19 -40
- package/lib/commonjs/components/NumberInput.js +2 -13
- package/lib/commonjs/components/Picker/PickerComponent.android.js +24 -5
- package/lib/commonjs/components/Picker/PickerComponent.web.js +5 -24
- package/lib/commonjs/components/Portal/PortalConsumer.js +8 -10
- package/lib/commonjs/components/Portal/PortalHost.js +15 -27
- package/lib/commonjs/components/Portal/PortalManager.js +11 -19
- package/lib/commonjs/components/ProgressBar.js +7 -23
- package/lib/commonjs/components/RadioButton/RadioButton.js +3 -14
- package/lib/commonjs/components/RadioButton/RadioButtonRow.js +6 -24
- package/lib/commonjs/components/ScreenContainer.js +5 -23
- package/lib/commonjs/components/Slider.js +5 -24
- package/lib/commonjs/components/StarRating.js +5 -25
- package/lib/commonjs/components/StepIndicator.js +16 -34
- package/lib/commonjs/components/Surface.js +3 -14
- 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/Table/index.js +55 -0
- package/lib/commonjs/components/Text.js +11 -37
- package/lib/commonjs/components/TextField.js +30 -63
- package/lib/commonjs/components/ToggleButton.js +3 -18
- package/lib/commonjs/components/Touchable.js +2 -16
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +38 -0
- package/lib/commonjs/mappings/AudioPlayer.js +2 -32
- 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/Checkbox/context.js +1 -1
- 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 +27 -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/components/Table/index.js +6 -0
- package/lib/module/index.js +1 -0
- package/lib/module/mappings/AudioPlayer.js +3 -33
- package/lib/module/mappings/Table.js +94 -0
- package/lib/module/utilities.js +3 -3
- 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/components/Table/index.d.ts +6 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/mappings/AudioPlayer.d.ts +1 -62
- package/lib/typescript/src/mappings/Table.d.ts +153 -0
- package/lib/typescript/src/utilities.d.ts +3 -3
- package/package.json +3 -3
- 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/components/Table/index.js +6 -0
- package/src/components/Table/index.tsx +6 -0
- package/src/index.js +1 -0
- package/src/index.tsx +9 -0
- package/src/mappings/AudioPlayer.js +2 -39
- package/src/mappings/AudioPlayer.ts +1 -41
- 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
|
@@ -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;
|
|
@@ -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 }; }
|
|
@@ -15,7 +15,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
15
15
|
|
|
16
16
|
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; }
|
|
17
17
|
|
|
18
|
+
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); }
|
|
19
|
+
|
|
20
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
|
|
18
22
|
class Text extends React.Component {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
|
|
26
|
+
_defineProperty(this, "_root", void 0);
|
|
27
|
+
}
|
|
28
|
+
|
|
19
29
|
setNativeProps(args) {
|
|
20
30
|
return this._root && this._root.setNativeProps(args);
|
|
21
31
|
}
|
|
@@ -26,43 +36,7 @@ class Text extends React.Component {
|
|
|
26
36
|
...rest
|
|
27
37
|
} = this.props;
|
|
28
38
|
const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
|
|
29
|
-
return /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
30
|
-
ref: c => {
|
|
31
|
-
this._root = c;
|
|
32
|
-
},
|
|
33
|
-
style: [{
|
|
34
|
-
textAlign: "left",
|
|
35
|
-
writingDirection
|
|
36
|
-
}, style]
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
const BaseLink = _ref => {
|
|
43
|
-
let {
|
|
44
|
-
style,
|
|
45
|
-
theme,
|
|
46
|
-
title,
|
|
47
|
-
...props
|
|
48
|
-
} = _ref;
|
|
49
|
-
return /*#__PURE__*/React.createElement(Text, {
|
|
50
|
-
hitSlop: 8,
|
|
51
|
-
style: [{
|
|
52
|
-
color: theme.colors.primary
|
|
53
|
-
}, style],
|
|
54
|
-
theme: theme,
|
|
55
|
-
...props
|
|
56
|
-
}, title);
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
exports.BaseLink = BaseLink;
|
|
60
|
-
const Link = (0, _theming.withTheme)(BaseLink);
|
|
61
|
-
exports.Link = Link;
|
|
62
|
-
|
|
63
|
-
var _default = (0, _theming.withTheme)(Text);
|
|
64
|
-
|
|
65
|
-
exports.default = _default;/React.createElement(_reactNative.Text, _extends({}, rest, {
|
|
39
|
+
return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
|
|
66
40
|
ref: c => {
|
|
67
41
|
this._root = c;
|
|
68
42
|
},
|
|
@@ -17,6 +17,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
17
|
|
|
18
18
|
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; }
|
|
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
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
+
|
|
20
24
|
const AnimatedText = _reactNative.Animated.createAnimatedComponent(_reactNative.Text);
|
|
21
25
|
|
|
22
26
|
const FOCUS_ANIMATION_DURATION = 150;
|
|
@@ -26,7 +30,8 @@ const ICON_SIZE = 24;
|
|
|
26
30
|
class TextField extends React.Component {
|
|
27
31
|
constructor() {
|
|
28
32
|
super(...arguments);
|
|
29
|
-
|
|
33
|
+
|
|
34
|
+
_defineProperty(this, "state", {
|
|
30
35
|
labeled: new _reactNative.Animated.Value(this.props.value || this.props.error ? 0 : 1),
|
|
31
36
|
focused: false,
|
|
32
37
|
placeholder: this.props.error ? this.props.placeholder : "",
|
|
@@ -34,35 +39,36 @@ class TextField extends React.Component {
|
|
|
34
39
|
measured: false,
|
|
35
40
|
width: 0
|
|
36
41
|
}
|
|
37
|
-
};
|
|
38
|
-
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
_defineProperty(this, "_timer", setTimeout(() => {}, 0));
|
|
39
45
|
|
|
40
|
-
this
|
|
46
|
+
_defineProperty(this, "_showPlaceholder", () => {
|
|
41
47
|
clearTimeout(this._timer); // Set the placeholder in a delay to offset the label animation
|
|
42
48
|
// If we show it immediately, they'll overlap and look ugly
|
|
43
49
|
|
|
44
50
|
this._timer = setTimeout(() => this.setState({
|
|
45
51
|
placeholder: this.props.placeholder
|
|
46
52
|
}), 50);
|
|
47
|
-
};
|
|
53
|
+
});
|
|
48
54
|
|
|
49
|
-
this
|
|
55
|
+
_defineProperty(this, "_hidePlaceholder", () => this.setState({
|
|
50
56
|
placeholder: ""
|
|
51
|
-
});
|
|
57
|
+
}));
|
|
52
58
|
|
|
53
|
-
this
|
|
59
|
+
_defineProperty(this, "_restoreLabel", () => _reactNative.Animated.timing(this.state.labeled, {
|
|
54
60
|
toValue: 1,
|
|
55
61
|
duration: FOCUS_ANIMATION_DURATION,
|
|
56
62
|
useNativeDriver: true
|
|
57
|
-
}).start();
|
|
63
|
+
}).start());
|
|
58
64
|
|
|
59
|
-
this
|
|
65
|
+
_defineProperty(this, "_minmizeLabel", () => _reactNative.Animated.timing(this.state.labeled, {
|
|
60
66
|
toValue: 0,
|
|
61
67
|
duration: BLUR_ANIMATION_DURATION,
|
|
62
68
|
useNativeDriver: true
|
|
63
|
-
}).start();
|
|
69
|
+
}).start());
|
|
64
70
|
|
|
65
|
-
this
|
|
71
|
+
_defineProperty(this, "_handleFocus", () => {
|
|
66
72
|
if (this.props.disabled) {
|
|
67
73
|
return;
|
|
68
74
|
}
|
|
@@ -70,9 +76,9 @@ class TextField extends React.Component {
|
|
|
70
76
|
this.setState({
|
|
71
77
|
focused: true
|
|
72
78
|
});
|
|
73
|
-
};
|
|
79
|
+
});
|
|
74
80
|
|
|
75
|
-
this
|
|
81
|
+
_defineProperty(this, "_handleBlur", () => {
|
|
76
82
|
if (this.props.disabled) {
|
|
77
83
|
return;
|
|
78
84
|
}
|
|
@@ -80,9 +86,9 @@ class TextField extends React.Component {
|
|
|
80
86
|
this.setState({
|
|
81
87
|
focused: false
|
|
82
88
|
});
|
|
83
|
-
};
|
|
89
|
+
});
|
|
84
90
|
|
|
85
|
-
this
|
|
91
|
+
_defineProperty(this, "_handleChangeText", value => {
|
|
86
92
|
if (this.props.disabled) {
|
|
87
93
|
return;
|
|
88
94
|
}
|
|
@@ -98,9 +104,9 @@ class TextField extends React.Component {
|
|
|
98
104
|
});
|
|
99
105
|
this.props.onChangeText && this.props.onChangeText(value.nativeEvent.text);
|
|
100
106
|
}
|
|
101
|
-
};
|
|
107
|
+
});
|
|
102
108
|
|
|
103
|
-
this
|
|
109
|
+
_defineProperty(this, "_root", undefined);
|
|
104
110
|
}
|
|
105
111
|
|
|
106
112
|
static getDerivedStateFromProps(nextProps, prevState) {
|
|
@@ -151,11 +157,10 @@ class TextField extends React.Component {
|
|
|
151
157
|
focused: !prevState.focused
|
|
152
158
|
}));
|
|
153
159
|
}
|
|
160
|
+
|
|
154
161
|
/**
|
|
155
162
|
* @internal
|
|
156
163
|
*/
|
|
157
|
-
|
|
158
|
-
|
|
159
164
|
setNativeProps(args) {
|
|
160
165
|
return this._root && this._root.setNativeProps(args);
|
|
161
166
|
}
|
|
@@ -198,8 +203,7 @@ class TextField extends React.Component {
|
|
|
198
203
|
roundness,
|
|
199
204
|
disabledOpacity
|
|
200
205
|
},
|
|
201
|
-
render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput,
|
|
202
|
-
}),
|
|
206
|
+
render = props => /*#__PURE__*/React.createElement(_reactNative.TextInput, props),
|
|
203
207
|
...rest
|
|
204
208
|
} = this.props;
|
|
205
209
|
const MINIMIZED_LABEL_Y_OFFSET = -(typography.caption.lineHeight + 4);
|
|
@@ -353,9 +357,9 @@ class TextField extends React.Component {
|
|
|
353
357
|
|
|
354
358
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
355
359
|
style: [styles.container, styleProp]
|
|
356
|
-
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, {
|
|
360
|
+
}, leftIconName && leftIconMode === "outset" ? /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
357
361
|
style: leftIconStyle
|
|
358
|
-
}) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
362
|
+
})) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
359
363
|
style: (0, _utilities.applyStyles)([containerStyle], {
|
|
360
364
|
height: style === null || style === void 0 ? void 0 : style.height,
|
|
361
365
|
backgroundColor: bgColor,
|
|
@@ -422,9 +426,9 @@ class TextField extends React.Component {
|
|
|
422
426
|
style: {
|
|
423
427
|
justifyContent: type === "solid" ? "center" : undefined
|
|
424
428
|
}
|
|
425
|
-
}, /*#__PURE__*/React.createElement(Icon, {
|
|
429
|
+
}, /*#__PURE__*/React.createElement(Icon, _extends({}, leftIconProps, {
|
|
426
430
|
style: leftIconStyle
|
|
427
|
-
})) : null, render({
|
|
431
|
+
}))) : null, render({
|
|
428
432
|
ref: c => {
|
|
429
433
|
this._root = c;
|
|
430
434
|
},
|
|
@@ -465,43 +469,6 @@ var _default = (0, _theming.withTheme)(TextField);
|
|
|
465
469
|
|
|
466
470
|
exports.default = _default;
|
|
467
471
|
|
|
468
|
-
const styles = _reactNative.StyleSheet.create({
|
|
469
|
-
container: {
|
|
470
|
-
alignSelf: "stretch"
|
|
471
|
-
},
|
|
472
|
-
placeholder: {
|
|
473
|
-
position: "absolute",
|
|
474
|
-
left: 0
|
|
475
|
-
},
|
|
476
|
-
underline: {
|
|
477
|
-
position: "absolute",
|
|
478
|
-
left: 0,
|
|
479
|
-
right: 0,
|
|
480
|
-
bottom: 0,
|
|
481
|
-
height: 2
|
|
482
|
-
},
|
|
483
|
-
input: {
|
|
484
|
-
flexGrow: 1,
|
|
485
|
-
justifyContent: "center",
|
|
486
|
-
textAlignVertical: "center",
|
|
487
|
-
margin: 0,
|
|
488
|
-
textAlign: _reactNative.I18nManager.isRTL ? "right" : "left"
|
|
489
|
-
}
|
|
490
|
-
});? /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
491
|
-
style: [{
|
|
492
|
-
color: error ? colors.error : colors.light,
|
|
493
|
-
marginTop: 8,
|
|
494
|
-
marginLeft: assistiveTextLeftMargin
|
|
495
|
-
}]
|
|
496
|
-
}, assistiveText) : null);
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
var _default = (0, _theming.withTheme)(TextField);
|
|
502
|
-
|
|
503
|
-
exports.default = _default;
|
|
504
|
-
|
|
505
472
|
const styles = _reactNative.StyleSheet.create({
|
|
506
473
|
container: {
|
|
507
474
|
alignSelf: "stretch"
|
|
@@ -19,6 +19,8 @@ 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
|
+
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); }
|
|
23
|
+
|
|
22
24
|
const ToggleButton = _ref => {
|
|
23
25
|
let {
|
|
24
26
|
Icon,
|
|
@@ -56,7 +58,7 @@ const ToggleButton = _ref => {
|
|
|
56
58
|
onPress(!internalValue);
|
|
57
59
|
};
|
|
58
60
|
|
|
59
|
-
return /*#__PURE__*/React.createElement(_IconButton.default, {
|
|
61
|
+
return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
|
|
60
62
|
Icon: Icon,
|
|
61
63
|
icon: icon,
|
|
62
64
|
size: iconSize,
|
|
@@ -68,23 +70,6 @@ const ToggleButton = _ref => {
|
|
|
68
70
|
height,
|
|
69
71
|
backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
|
|
70
72
|
borderColor: colors[borderColor]
|
|
71
|
-
}, style],
|
|
72
|
-
...rest
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
|
|
76
|
-
const styles = _reactNative.StyleSheet.create({
|
|
77
|
-
mainContainer: {
|
|
78
|
-
borderWidth: 1
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
|
|
82
|
-
var _default = (0, _theming.withTheme)(ToggleButton);
|
|
83
|
-
|
|
84
|
-
exports.default = _default;th,
|
|
85
|
-
height,
|
|
86
|
-
backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
|
|
87
|
-
borderColor: colors[borderColor]
|
|
88
73
|
}, style]
|
|
89
74
|
}, rest));
|
|
90
75
|
};
|
|
@@ -11,6 +11,8 @@ 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
|
+
|
|
14
16
|
function Touchable(_ref) {
|
|
15
17
|
let {
|
|
16
18
|
children,
|
|
@@ -19,22 +21,6 @@ function Touchable(_ref) {
|
|
|
19
21
|
style,
|
|
20
22
|
...props
|
|
21
23
|
} = _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;
|
|
38
24
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, _extends({
|
|
39
25
|
onPress: onPress,
|
|
40
26
|
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 () {
|
|
@@ -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 _CardBlock = _interopRequireDefault(require("./components/CardBlock"));
|
|
480
518
|
|
|
481
519
|
var _CardContainer = _interopRequireDefault(require("./components/CardContainer"));
|