@draftbit/core 46.10.3-7db6c9.2 → 46.10.3-872bd2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +23 -5
  2. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  3. package/lib/commonjs/components/Checkbox/context.js +1 -1
  4. package/lib/commonjs/components/Table/Table.js +123 -0
  5. package/lib/commonjs/components/Table/TableCell.js +49 -0
  6. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  7. package/lib/commonjs/components/Table/TableRow.js +61 -0
  8. package/lib/commonjs/components/Table/index.js +27 -0
  9. package/lib/commonjs/constants.js +1 -1
  10. package/lib/commonjs/index.js +19 -7
  11. package/lib/commonjs/mappings/NativeBase/Layout.js +2 -11
  12. package/lib/commonjs/mappings/Table.js +140 -0
  13. package/lib/module/components/Table/Table.js +114 -0
  14. package/lib/module/components/Table/TableCell.js +41 -0
  15. package/lib/module/components/Table/TableCommon.js +21 -0
  16. package/lib/module/components/Table/TableRow.js +53 -0
  17. package/lib/module/components/Table/index.js +3 -0
  18. package/lib/module/index.js +1 -1
  19. package/lib/module/mappings/NativeBase/Layout.js +3 -12
  20. package/lib/module/mappings/Table.js +133 -0
  21. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  22. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  23. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  24. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  25. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  26. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  27. package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts} +7 -8
  28. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  29. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  30. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  31. package/lib/typescript/src/index.d.ts +1 -1
  32. package/lib/typescript/src/index.d.ts.map +1 -1
  33. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +4 -27
  34. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -1
  35. package/lib/typescript/src/mappings/Table.d.ts +337 -0
  36. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  37. package/package.json +3 -3
  38. package/src/components/Table/Table.js +93 -0
  39. package/src/components/Table/Table.tsx +176 -0
  40. package/src/components/Table/TableCell.js +31 -0
  41. package/src/components/Table/TableCell.tsx +63 -0
  42. package/src/components/Table/TableCommon.js +12 -0
  43. package/src/components/Table/TableCommon.ts +40 -0
  44. package/src/components/Table/TableRow.js +37 -0
  45. package/src/components/Table/TableRow.tsx +77 -0
  46. package/src/components/Table/index.js +3 -0
  47. package/src/components/Table/index.tsx +3 -0
  48. package/src/index.js +1 -1
  49. package/src/index.tsx +2 -1
  50. package/src/mappings/NativeBase/Layout.js +9 -11
  51. package/src/mappings/NativeBase/Layout.ts +8 -11
  52. package/src/mappings/Table.js +150 -0
  53. package/src/mappings/Table.ts +170 -0
  54. package/lib/commonjs/components/Container.js +0 -93
  55. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  56. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  57. package/lib/module/components/Container.js +0 -83
  58. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  59. package/lib/module/components/DeprecatedFAB.js +0 -147
  60. package/lib/typescript/src/components/Container.d.ts +0 -21
  61. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  62. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  63. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  64. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  65. package/src/components/Container.js +0 -43
  66. package/src/components/Container.tsx +0 -116
  67. package/src/components/DeprecatedCardWrapper.js +0 -18
  68. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  69. package/src/components/DeprecatedFAB.js +0 -114
  70. package/src/components/DeprecatedFAB.tsx +0 -231
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _reactNative = require("react-native");
9
- var _theming = require("../theming");
10
- var _Elevation = _interopRequireDefault(require("./Elevation"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
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
- const Container = _ref => {
16
- let {
17
- useThemeGutterPadding,
18
- borderColor,
19
- borderWidth,
20
- backgroundColor,
21
- backgroundImage,
22
- backgroundImageResizeMode,
23
- elevation,
24
- style,
25
- children,
26
- theme,
27
- // eslint-disable-line @typescript-eslint/no-unused-vars
28
- ...rest
29
- } = _ref;
30
- const {
31
- flex,
32
- flexGrow,
33
- flexWrap,
34
- flexBasis,
35
- flexShrink,
36
- flexDirection,
37
- alignContent,
38
- justifyContent,
39
- alignItems,
40
- padding,
41
- paddingTop,
42
- paddingBottom,
43
- paddingLeft,
44
- paddingRight,
45
- paddingVertical,
46
- paddingHorizontal,
47
- ...styleProp
48
- } = _reactNative.StyleSheet.flatten(style) || {};
49
- const containerStyle = {
50
- backgroundColor,
51
- borderColor,
52
- borderWidth,
53
- width: "100%",
54
- ...styleProp
55
- };
56
- const innerStyle = {
57
- flex,
58
- flexGrow,
59
- flexWrap,
60
- flexBasis,
61
- flexShrink,
62
- flexDirection,
63
- alignContent,
64
- justifyContent,
65
- alignItems,
66
- padding,
67
- paddingTop,
68
- paddingBottom,
69
- paddingLeft,
70
- paddingRight,
71
- paddingVertical,
72
- paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
73
- };
74
- const Wrap = elevation ? _Elevation.default : _reactNative.View;
75
- if (elevation) containerStyle.elevation = elevation;
76
- return /*#__PURE__*/React.createElement(Wrap, _extends({
77
- style: [containerStyle, style]
78
- }, rest), backgroundImage ? /*#__PURE__*/React.createElement(_reactNative.ImageBackground, {
79
- source: typeof backgroundImage === "string" ? {
80
- uri: backgroundImage
81
- } : backgroundImage,
82
- resizeMode: backgroundImageResizeMode,
83
- style: {
84
- flex: 1
85
- }
86
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
87
- style: innerStyle
88
- }, children)) : /*#__PURE__*/React.createElement(_reactNative.View, {
89
- style: innerStyle
90
- }, children));
91
- };
92
- var _default = (0, _theming.withTheme)(Container);
93
- exports.default = _default;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _theming = require("../theming");
9
- var _Touchable = _interopRequireDefault(require("./Touchable"));
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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); }
12
- const getWidth = numColumns => {
13
- switch (numColumns) {
14
- case 1:
15
- return "33%";
16
- case 2:
17
- return "50%";
18
- default:
19
- return "100%";
20
- }
21
- };
22
- const Card = _ref => {
23
- let {
24
- numColumns = 3,
25
- children,
26
- onPress,
27
- style,
28
- ...rest
29
- } = _ref;
30
- const width = getWidth(numColumns);
31
- return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
32
- disabled: !onPress,
33
- onPress: onPress,
34
- style: [style, {
35
- width
36
- }]
37
- }, rest), children);
38
- };
39
- var _default = (0, _theming.withTheme)(Card);
40
- exports.default = _default;
@@ -1,157 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var React = _interopRequireWildcard(require("react"));
8
- var _reactNative = require("react-native");
9
- var _color = _interopRequireDefault(require("color"));
10
- var _Config = _interopRequireDefault(require("./Config"));
11
- var _Text = _interopRequireDefault(require("./Text"));
12
- var _Elevation = _interopRequireDefault(require("./Elevation"));
13
- var _theming = require("../theming");
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- 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); }
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
- 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); }
18
- const FAB = _ref => {
19
- let {
20
- Icon,
21
- icon,
22
- disabled = false,
23
- type = "solid",
24
- loading = false,
25
- color: colorOverride,
26
- label,
27
- onPress,
28
- elevation = 0,
29
- style,
30
- theme: {
31
- colors,
32
- disabledOpacity,
33
- roundness,
34
- typography
35
- },
36
- ...rest
37
- } = _ref;
38
- let backgroundColor, borderColor, textColor, borderWidth;
39
- const buttonColor = colorOverride || colors.primary;
40
- if (type === "standard" || type === "extended" || type === "fixed") {
41
- backgroundColor = buttonColor;
42
- if (disabled) {
43
- textColor = (0, _color.default)(colors.surface).alpha(disabledOpacity).rgb().string();
44
- } else {
45
- textColor = colors.surface;
46
- }
47
- } else {
48
- backgroundColor = "transparent";
49
- if (disabled) {
50
- textColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
51
- } else {
52
- textColor = buttonColor;
53
- }
54
- }
55
- if (type === "outline") {
56
- if (disabled) {
57
- borderColor = (0, _color.default)(buttonColor).alpha(disabledOpacity).rgb().string();
58
- } else {
59
- borderColor = buttonColor;
60
- }
61
- borderWidth = _reactNative.StyleSheet.hairlineWidth;
62
- } else {
63
- borderColor = "transparent";
64
- borderWidth = 0;
65
- }
66
- const buttonStyle = {
67
- backgroundColor,
68
- borderColor,
69
- borderWidth,
70
- borderRadius: roundness,
71
- alignItems: "center",
72
- justifyContent: "center"
73
- };
74
- const buttonStyles = [styles.button, buttonStyle];
75
- const contentStyle = [styles.content];
76
- const textStyle = {
77
- textAlign: "center",
78
- color: textColor
79
- };
80
- const iconStyle = [styles.icon, {
81
- width: _Config.default.buttonIconSize
82
- }];
83
- if (type === "standard" || type === "outline") {
84
- buttonStyle.width = _Config.default.FABSize;
85
- buttonStyle.height = _Config.default.FABSize;
86
- buttonStyle.borderRadius = _Config.default.FABBorderRadius;
87
- contentStyle.push({
88
- width: _Config.default.FABSize,
89
- height: _Config.default.FABSize
90
- });
91
- }
92
- if (type === "extended" || type === "fixed") {
93
- iconStyle.push({
94
- marginLeft: 16,
95
- marginRight: -8
96
- });
97
- textStyle.margin = 16;
98
- }
99
- if (type === "fixed") {
100
- buttonStyles.push({
101
- height: _Config.default.FABFixedHeight,
102
- alignSelf: "stretch"
103
- });
104
- }
105
- return /*#__PURE__*/React.createElement(_Elevation.default, {
106
- style: [{
107
- elevation
108
- }, style]
109
- }, /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({}, rest, {
110
- onPress: onPress,
111
- accessibilityState: {
112
- disabled
113
- },
114
- accessibilityRole: "button",
115
- disabled: disabled || loading,
116
- style: buttonStyles
117
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
118
- style: styles.content
119
- }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
120
- style: iconStyle
121
- }, /*#__PURE__*/React.createElement(Icon, {
122
- name: icon,
123
- size: _Config.default.buttonIconSize,
124
- color: textColor
125
- })) : null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
126
- size: "small",
127
- color: textColor,
128
- style: iconStyle
129
- }) : null, label ? /*#__PURE__*/React.createElement(_Text.default, {
130
- numberOfLines: 1,
131
- style: [textStyle, typography.button]
132
- }, label) : null)));
133
- };
134
- const styles = _reactNative.StyleSheet.create({
135
- button: {
136
- borderStyle: "solid"
137
- },
138
- content: {
139
- flexDirection: "row",
140
- alignItems: "center",
141
- justifyContent: "center"
142
- },
143
- icon: {
144
- alignItems: "center",
145
- justifyContent: "center",
146
- width: _Config.default.buttonIconSize
147
- },
148
- fixed: {
149
- left: 0,
150
- right: 0,
151
- bottom: 0,
152
- height: 64,
153
- borderRadius: 0
154
- }
155
- });
156
- var _default = (0, _theming.withTheme)(FAB);
157
- exports.default = _default;
@@ -1,83 +0,0 @@
1
- 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); }
2
- import * as React from "react";
3
- import { View, ImageBackground, StyleSheet } from "react-native";
4
- import { withTheme } from "../theming";
5
- import Elevation from "./Elevation";
6
- const Container = _ref => {
7
- let {
8
- useThemeGutterPadding,
9
- borderColor,
10
- borderWidth,
11
- backgroundColor,
12
- backgroundImage,
13
- backgroundImageResizeMode,
14
- elevation,
15
- style,
16
- children,
17
- theme,
18
- // eslint-disable-line @typescript-eslint/no-unused-vars
19
- ...rest
20
- } = _ref;
21
- const {
22
- flex,
23
- flexGrow,
24
- flexWrap,
25
- flexBasis,
26
- flexShrink,
27
- flexDirection,
28
- alignContent,
29
- justifyContent,
30
- alignItems,
31
- padding,
32
- paddingTop,
33
- paddingBottom,
34
- paddingLeft,
35
- paddingRight,
36
- paddingVertical,
37
- paddingHorizontal,
38
- ...styleProp
39
- } = StyleSheet.flatten(style) || {};
40
- const containerStyle = {
41
- backgroundColor,
42
- borderColor,
43
- borderWidth,
44
- width: "100%",
45
- ...styleProp
46
- };
47
- const innerStyle = {
48
- flex,
49
- flexGrow,
50
- flexWrap,
51
- flexBasis,
52
- flexShrink,
53
- flexDirection,
54
- alignContent,
55
- justifyContent,
56
- alignItems,
57
- padding,
58
- paddingTop,
59
- paddingBottom,
60
- paddingLeft,
61
- paddingRight,
62
- paddingVertical,
63
- paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0
64
- };
65
- const Wrap = elevation ? Elevation : View;
66
- if (elevation) containerStyle.elevation = elevation;
67
- return /*#__PURE__*/React.createElement(Wrap, _extends({
68
- style: [containerStyle, style]
69
- }, rest), backgroundImage ? /*#__PURE__*/React.createElement(ImageBackground, {
70
- source: typeof backgroundImage === "string" ? {
71
- uri: backgroundImage
72
- } : backgroundImage,
73
- resizeMode: backgroundImageResizeMode,
74
- style: {
75
- flex: 1
76
- }
77
- }, /*#__PURE__*/React.createElement(View, {
78
- style: innerStyle
79
- }, children)) : /*#__PURE__*/React.createElement(View, {
80
- style: innerStyle
81
- }, children));
82
- };
83
- export default withTheme(Container);
@@ -1,32 +0,0 @@
1
- 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); }
2
- import React from "react";
3
- import { withTheme } from "../theming";
4
- import Touchable from "./Touchable";
5
- const getWidth = numColumns => {
6
- switch (numColumns) {
7
- case 1:
8
- return "33%";
9
- case 2:
10
- return "50%";
11
- default:
12
- return "100%";
13
- }
14
- };
15
- const Card = _ref => {
16
- let {
17
- numColumns = 3,
18
- children,
19
- onPress,
20
- style,
21
- ...rest
22
- } = _ref;
23
- const width = getWidth(numColumns);
24
- return /*#__PURE__*/React.createElement(Touchable, _extends({
25
- disabled: !onPress,
26
- onPress: onPress,
27
- style: [style, {
28
- width
29
- }]
30
- }, rest), children);
31
- };
32
- export default withTheme(Card);
@@ -1,147 +0,0 @@
1
- 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); }
2
- import * as React from "react";
3
- import { ActivityIndicator, View, StyleSheet, Pressable } from "react-native";
4
- import color from "color";
5
- import Config from "./Config";
6
- import Text from "./Text";
7
- import Elevation from "./Elevation";
8
- import { withTheme } from "../theming";
9
- const FAB = _ref => {
10
- let {
11
- Icon,
12
- icon,
13
- disabled = false,
14
- type = "solid",
15
- loading = false,
16
- color: colorOverride,
17
- label,
18
- onPress,
19
- elevation = 0,
20
- style,
21
- theme: {
22
- colors,
23
- disabledOpacity,
24
- roundness,
25
- typography
26
- },
27
- ...rest
28
- } = _ref;
29
- let backgroundColor, borderColor, textColor, borderWidth;
30
- const buttonColor = colorOverride || colors.primary;
31
- if (type === "standard" || type === "extended" || type === "fixed") {
32
- backgroundColor = buttonColor;
33
- if (disabled) {
34
- textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
35
- } else {
36
- textColor = colors.surface;
37
- }
38
- } else {
39
- backgroundColor = "transparent";
40
- if (disabled) {
41
- textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
42
- } else {
43
- textColor = buttonColor;
44
- }
45
- }
46
- if (type === "outline") {
47
- if (disabled) {
48
- borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
49
- } else {
50
- borderColor = buttonColor;
51
- }
52
- borderWidth = StyleSheet.hairlineWidth;
53
- } else {
54
- borderColor = "transparent";
55
- borderWidth = 0;
56
- }
57
- const buttonStyle = {
58
- backgroundColor,
59
- borderColor,
60
- borderWidth,
61
- borderRadius: roundness,
62
- alignItems: "center",
63
- justifyContent: "center"
64
- };
65
- const buttonStyles = [styles.button, buttonStyle];
66
- const contentStyle = [styles.content];
67
- const textStyle = {
68
- textAlign: "center",
69
- color: textColor
70
- };
71
- const iconStyle = [styles.icon, {
72
- width: Config.buttonIconSize
73
- }];
74
- if (type === "standard" || type === "outline") {
75
- buttonStyle.width = Config.FABSize;
76
- buttonStyle.height = Config.FABSize;
77
- buttonStyle.borderRadius = Config.FABBorderRadius;
78
- contentStyle.push({
79
- width: Config.FABSize,
80
- height: Config.FABSize
81
- });
82
- }
83
- if (type === "extended" || type === "fixed") {
84
- iconStyle.push({
85
- marginLeft: 16,
86
- marginRight: -8
87
- });
88
- textStyle.margin = 16;
89
- }
90
- if (type === "fixed") {
91
- buttonStyles.push({
92
- height: Config.FABFixedHeight,
93
- alignSelf: "stretch"
94
- });
95
- }
96
- return /*#__PURE__*/React.createElement(Elevation, {
97
- style: [{
98
- elevation
99
- }, style]
100
- }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
101
- onPress: onPress,
102
- accessibilityState: {
103
- disabled
104
- },
105
- accessibilityRole: "button",
106
- disabled: disabled || loading,
107
- style: buttonStyles
108
- }), /*#__PURE__*/React.createElement(View, {
109
- style: styles.content
110
- }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
111
- style: iconStyle
112
- }, /*#__PURE__*/React.createElement(Icon, {
113
- name: icon,
114
- size: Config.buttonIconSize,
115
- color: textColor
116
- })) : null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
117
- size: "small",
118
- color: textColor,
119
- style: iconStyle
120
- }) : null, label ? /*#__PURE__*/React.createElement(Text, {
121
- numberOfLines: 1,
122
- style: [textStyle, typography.button]
123
- }, label) : null)));
124
- };
125
- const styles = StyleSheet.create({
126
- button: {
127
- borderStyle: "solid"
128
- },
129
- content: {
130
- flexDirection: "row",
131
- alignItems: "center",
132
- justifyContent: "center"
133
- },
134
- icon: {
135
- alignItems: "center",
136
- justifyContent: "center",
137
- width: Config.buttonIconSize
138
- },
139
- fixed: {
140
- left: 0,
141
- right: 0,
142
- bottom: 0,
143
- height: 64,
144
- borderRadius: 0
145
- }
146
- });
147
- export default withTheme(FAB);
@@ -1,21 +0,0 @@
1
- import * as React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import { ResizeModeType } from "./ResizeMode";
5
- declare type Props = {
6
- theme: Theme;
7
- useThemeGutterPadding: boolean;
8
- borderColor: string;
9
- borderWidth: number;
10
- backgroundColor: string;
11
- backgroundImage?: string | ImageSourcePropType;
12
- backgroundImageResizeMode?: ResizeModeType;
13
- elevation?: number;
14
- style?: StyleProp<ViewStyle>;
15
- children?: React.ReactNode;
16
- };
17
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
18
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
19
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
20
- export default _default;
21
- //# sourceMappingURL=Container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,mBAAmB,EACnB,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;IACb,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IAC/C,yBAAyB,CAAC,EAAE,cAAc,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;;;AAyFF,wBAAoC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeprecatedCardWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedCardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAiCF,wBAA+B"}
@@ -1,56 +0,0 @@
1
- import * as React from "react";
2
- import { StyleProp, ViewStyle, PressableProps } from "react-native";
3
- import type { Theme } from "../styles/DefaultTheme";
4
- import type { IconSlot } from "../interfaces/Icon";
5
- /**
6
- * A floating action button represents the primary action in an application.
7
- *
8
- * <div class="screenshots">
9
- * <img src="screenshots/fab-1.png" />
10
- * <img src="screenshots/fab-2.png" />
11
- * </div>
12
- *
13
- * ## Usage
14
- * ```js
15
- * import * as React from 'react';
16
- * import { StyleSheet } from 'react-native';
17
- * import { FAB } from '@draftbit/ui';
18
- *
19
- * const MyComponent = () => (
20
- * <FAB
21
- * style={styles.fab}
22
- * type="outline"
23
- * icon="add"
24
- * onPress={() => console.log('Pressed')}
25
- * />
26
- * );
27
- *
28
- * const styles = StyleSheet.create({
29
- * fab: {
30
- * position: 'absolute',
31
- * margin: 16,
32
- * right: 0,
33
- * bottom: 0,
34
- * },
35
- * })
36
- *
37
- * export default MyComponent;
38
- * ```
39
- */
40
- declare type Props = {
41
- disabled?: boolean;
42
- type?: "solid" | "extended" | "outline" | "fixed" | "standard";
43
- loading?: boolean;
44
- icon?: string;
45
- color?: string;
46
- label?: string;
47
- onPress: () => void;
48
- elevation?: number;
49
- theme: Theme;
50
- style?: StyleProp<ViewStyle>;
51
- } & PressableProps & IconSlot;
52
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
53
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
54
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
55
- export default _default;
56
- //# sourceMappingURL=DeprecatedFAB.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeprecatedFAB.d.ts","sourceRoot":"","sources":["../../../../src/components/DeprecatedFAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAGT,cAAc,EACf,MAAM,cAAc,CAAC;AAOtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AAkKX,wBAA8B"}
@@ -1,43 +0,0 @@
1
- import * as React from "react";
2
- import { View, ImageBackground, StyleSheet, } from "react-native";
3
- import { withTheme } from "../theming";
4
- import Elevation from "./Elevation";
5
- const Container = ({ useThemeGutterPadding, borderColor, borderWidth, backgroundColor, backgroundImage, backgroundImageResizeMode, elevation, style, children, theme, // eslint-disable-line @typescript-eslint/no-unused-vars
6
- ...rest }) => {
7
- const { flex, flexGrow, flexWrap, flexBasis, flexShrink, flexDirection, alignContent, justifyContent, alignItems, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, paddingVertical, paddingHorizontal, ...styleProp } = StyleSheet.flatten(style) || {};
8
- const containerStyle = {
9
- backgroundColor,
10
- borderColor,
11
- borderWidth,
12
- width: "100%",
13
- ...styleProp,
14
- };
15
- const innerStyle = {
16
- flex,
17
- flexGrow,
18
- flexWrap,
19
- flexBasis,
20
- flexShrink,
21
- flexDirection,
22
- alignContent,
23
- justifyContent,
24
- alignItems,
25
- padding,
26
- paddingTop,
27
- paddingBottom,
28
- paddingLeft,
29
- paddingRight,
30
- paddingVertical,
31
- paddingHorizontal: paddingHorizontal || useThemeGutterPadding ? 16 : 0,
32
- };
33
- const Wrap = elevation ? Elevation : View;
34
- if (elevation)
35
- containerStyle.elevation = elevation;
36
- return (React.createElement(Wrap, { style: [containerStyle, style], ...rest }, backgroundImage ? (React.createElement(ImageBackground, { source: typeof backgroundImage === "string"
37
- ? { uri: backgroundImage }
38
- : backgroundImage, resizeMode: backgroundImageResizeMode, style: {
39
- flex: 1,
40
- } },
41
- React.createElement(View, { style: innerStyle }, children))) : (React.createElement(View, { style: innerStyle }, children))));
42
- };
43
- export default withTheme(Container);