@draftbit/core 46.10.3-e89832.2 → 46.10.3-fb35c9.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 (175) hide show
  1. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  2. package/lib/commonjs/components/AvatarEdit.js +4 -15
  3. package/lib/commonjs/components/Banner.js +4 -23
  4. package/lib/commonjs/components/Button.js +10 -33
  5. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  6. package/lib/commonjs/components/DeprecatedButton.js +3 -20
  7. package/lib/commonjs/components/Divider.js +1 -14
  8. package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
  9. package/lib/commonjs/components/Layout.js +19 -40
  10. package/lib/commonjs/components/NumberInput.js +3 -12
  11. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  12. package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
  13. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  14. package/lib/commonjs/components/RadioButton/RadioButton.js +2 -13
  15. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  16. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
  17. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  18. package/lib/commonjs/components/ScreenContainer.js +6 -24
  19. package/lib/commonjs/components/Shadow.js +2 -15
  20. package/lib/commonjs/components/Slider.js +4 -21
  21. package/lib/commonjs/components/StarRating.js +4 -23
  22. package/lib/commonjs/components/StepIndicator.js +18 -57
  23. package/lib/commonjs/components/Surface.js +2 -14
  24. package/lib/commonjs/components/TabView/TabView.js +7 -13
  25. package/lib/commonjs/components/Table/Table.js +123 -0
  26. package/lib/commonjs/components/Table/TableCell.js +49 -0
  27. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  28. package/lib/commonjs/components/Table/TableRow.js +61 -0
  29. package/lib/commonjs/components/Table/index.js +27 -0
  30. package/lib/commonjs/components/Text.js +4 -50
  31. package/lib/commonjs/components/TextField.js +28 -76
  32. package/lib/commonjs/components/ToggleButton.js +2 -15
  33. package/lib/commonjs/components/Touchable.js +2 -15
  34. package/lib/commonjs/constants.js +1 -1
  35. package/lib/commonjs/index.js +19 -28
  36. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  37. package/lib/commonjs/mappings/Table.js +140 -0
  38. package/lib/commonjs/styles/overlay.js +3 -1
  39. package/lib/commonjs/utilities.js +2 -1
  40. package/lib/module/components/Portal/PortalManager.js +33 -7
  41. package/lib/module/components/Table/Table.js +114 -0
  42. package/lib/module/components/Table/TableCell.js +41 -0
  43. package/lib/module/components/Table/TableCommon.js +21 -0
  44. package/lib/module/components/Table/TableRow.js +53 -0
  45. package/lib/module/components/Table/index.js +3 -0
  46. package/lib/module/index.js +1 -4
  47. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  48. package/lib/module/mappings/Table.js +133 -0
  49. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  50. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  51. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  52. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  53. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  54. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  55. package/lib/typescript/src/components/{DeprecatedCardWrapper.d.ts → Table/TableRow.d.ts} +7 -8
  56. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  57. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  58. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  59. package/lib/typescript/src/index.d.ts +1 -4
  60. package/lib/typescript/src/index.d.ts.map +1 -1
  61. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  62. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  63. package/lib/typescript/src/mappings/{CardBlock.d.ts → Table.d.ts} +129 -81
  64. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  65. package/package.json +3 -3
  66. package/src/components/Table/Table.js +93 -0
  67. package/src/components/Table/Table.tsx +176 -0
  68. package/src/components/Table/TableCell.js +31 -0
  69. package/src/components/Table/TableCell.tsx +63 -0
  70. package/src/components/Table/TableCommon.js +12 -0
  71. package/src/components/Table/TableCommon.ts +40 -0
  72. package/src/components/Table/TableRow.js +37 -0
  73. package/src/components/Table/TableRow.tsx +77 -0
  74. package/src/components/Table/index.js +3 -0
  75. package/src/components/Table/index.tsx +3 -0
  76. package/src/index.js +1 -4
  77. package/src/index.tsx +2 -4
  78. package/src/mappings/NativeBase/Layout.js +124 -0
  79. package/src/mappings/NativeBase/Layout.ts +145 -0
  80. package/src/mappings/Table.js +150 -0
  81. package/src/mappings/Table.ts +170 -0
  82. package/lib/commonjs/components/Container.js +0 -104
  83. package/lib/commonjs/components/DeprecatedCardWrapper.js +0 -40
  84. package/lib/commonjs/components/DeprecatedFAB.js +0 -157
  85. package/lib/commonjs/components/ProgressIndicator.js +0 -55
  86. package/lib/commonjs/components/ResizeMode.js +0 -5
  87. package/lib/commonjs/components/Row.js +0 -73
  88. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  89. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  90. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  91. package/lib/commonjs/mappings/CardBlock.js +0 -126
  92. package/lib/commonjs/mappings/CardContainer.js +0 -108
  93. package/lib/commonjs/mappings/CardContainerRating.js +0 -130
  94. package/lib/commonjs/mappings/CardContainerShortImage.js +0 -124
  95. package/lib/commonjs/mappings/CardInline.js +0 -59
  96. package/lib/commonjs/mappings/Container.js +0 -37
  97. package/lib/commonjs/mappings/ProgressIndicator.js +0 -188
  98. package/lib/module/components/Container.js +0 -83
  99. package/lib/module/components/DeprecatedCardWrapper.js +0 -32
  100. package/lib/module/components/DeprecatedFAB.js +0 -147
  101. package/lib/module/components/ProgressIndicator.js +0 -45
  102. package/lib/module/components/ResizeMode.js +0 -1
  103. package/lib/module/components/Row.js +0 -63
  104. package/lib/module/components/RowBodyIcon.js +0 -35
  105. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  106. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  107. package/lib/module/mappings/CardBlock.js +0 -119
  108. package/lib/module/mappings/CardContainer.js +0 -101
  109. package/lib/module/mappings/CardContainerRating.js +0 -123
  110. package/lib/module/mappings/CardContainerShortImage.js +0 -117
  111. package/lib/module/mappings/CardInline.js +0 -52
  112. package/lib/module/mappings/Container.js +0 -30
  113. package/lib/module/mappings/ProgressIndicator.js +0 -181
  114. package/lib/typescript/src/components/Container.d.ts +0 -21
  115. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  116. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +0 -1
  117. package/lib/typescript/src/components/DeprecatedFAB.d.ts +0 -56
  118. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +0 -1
  119. package/lib/typescript/src/components/ProgressIndicator.d.ts +0 -24
  120. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +0 -1
  121. package/lib/typescript/src/components/ResizeMode.d.ts +0 -2
  122. package/lib/typescript/src/components/ResizeMode.d.ts.map +0 -1
  123. package/lib/typescript/src/components/Row.d.ts +0 -21
  124. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  125. package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
  126. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  127. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  128. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  129. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  130. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  131. package/lib/typescript/src/mappings/CardBlock.d.ts.map +0 -1
  132. package/lib/typescript/src/mappings/CardContainer.d.ts +0 -102
  133. package/lib/typescript/src/mappings/CardContainer.d.ts.map +0 -1
  134. package/lib/typescript/src/mappings/CardContainerRating.d.ts +0 -108
  135. package/lib/typescript/src/mappings/CardContainerRating.d.ts.map +0 -1
  136. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts +0 -139
  137. package/lib/typescript/src/mappings/CardContainerShortImage.d.ts.map +0 -1
  138. package/lib/typescript/src/mappings/CardInline.d.ts +0 -62
  139. package/lib/typescript/src/mappings/CardInline.d.ts.map +0 -1
  140. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  141. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  142. package/lib/typescript/src/mappings/ProgressIndicator.d.ts +0 -181
  143. package/lib/typescript/src/mappings/ProgressIndicator.d.ts.map +0 -1
  144. package/src/components/Container.js +0 -43
  145. package/src/components/Container.tsx +0 -116
  146. package/src/components/DeprecatedCardWrapper.js +0 -18
  147. package/src/components/DeprecatedCardWrapper.tsx +0 -46
  148. package/src/components/DeprecatedFAB.js +0 -114
  149. package/src/components/DeprecatedFAB.tsx +0 -231
  150. package/src/components/ProgressIndicator.js +0 -27
  151. package/src/components/ProgressIndicator.tsx +0 -71
  152. package/src/components/ResizeMode.js +0 -1
  153. package/src/components/ResizeMode.ts +0 -7
  154. package/src/components/Row.js +0 -48
  155. package/src/components/Row.tsx +0 -108
  156. package/src/components/RowBodyIcon.js +0 -8
  157. package/src/components/RowBodyIcon.tsx +0 -47
  158. package/src/components/RowHeadlineImageCaption.js +0 -12
  159. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  160. package/src/components/RowHeadlineImageIcon.js +0 -14
  161. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  162. package/src/mappings/CardBlock.js +0 -123
  163. package/src/mappings/CardBlock.ts +0 -136
  164. package/src/mappings/CardContainer.js +0 -104
  165. package/src/mappings/CardContainer.ts +0 -116
  166. package/src/mappings/CardContainerRating.js +0 -126
  167. package/src/mappings/CardContainerRating.ts +0 -137
  168. package/src/mappings/CardContainerShortImage.js +0 -120
  169. package/src/mappings/CardContainerShortImage.ts +0 -130
  170. package/src/mappings/CardInline.js +0 -52
  171. package/src/mappings/CardInline.ts +0 -61
  172. package/src/mappings/Container.js +0 -30
  173. package/src/mappings/Container.ts +0 -41
  174. package/src/mappings/ProgressIndicator.js +0 -181
  175. package/src/mappings/ProgressIndicator.ts +0 -190
@@ -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,55 +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 _StepIndicator = _interopRequireDefault(require("./StepIndicator"));
9
- var _theming = require("../theming");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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); }
12
- 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; }
13
- const ProgressIndicator = _ref => {
14
- let {
15
- numberOfSteps,
16
- currentStep,
17
- currentStepStrokeWidth = 3,
18
- stepStrokeCurrentColor = "primary",
19
- stepIndicatorSize,
20
- currentStepIndicatorSize,
21
- stepIndicatorCurrentColor,
22
- stepIndicatorLabelCurrentColor,
23
- stepIndicatorLabelFontSize = 12,
24
- stepNumberFinishedColor = "strongInverse",
25
- stepNumberUnfinishedColor = "primary",
26
- unfinishedColor = "light",
27
- finishedColor = "primary",
28
- theme
29
- } = _ref;
30
- const currentPosition = currentStep - 1;
31
- return /*#__PURE__*/React.createElement(_StepIndicator.default, {
32
- stepCount: numberOfSteps,
33
- currentPosition: currentPosition,
34
- customStyles: {
35
- stepIndicatorSize,
36
- currentStepIndicatorSize: currentStepIndicatorSize ? currentStepIndicatorSize : stepIndicatorSize,
37
- stepStrokeFinishedColor: finishedColor,
38
- stepStrokeUnFinishedColor: unfinishedColor,
39
- separatorFinishedColor: finishedColor,
40
- separatorUnFinishedColor: unfinishedColor,
41
- stepIndicatorFinishedColor: finishedColor,
42
- stepIndicatorUnFinishedColor: unfinishedColor,
43
- currentStepStrokeWidth,
44
- stepStrokeCurrentColor: stepStrokeCurrentColor || stepIndicatorCurrentColor,
45
- stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,
46
- stepIndicatorLabelFinishedColor: stepNumberFinishedColor,
47
- stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,
48
- stepIndicatorLabelCurrentColor: stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,
49
- stepIndicatorLabelFontSize,
50
- labelFontFamily: theme.typography.body1.fontFamily
51
- }
52
- });
53
- };
54
- var _default = (0, _theming.withTheme)(ProgressIndicator);
55
- exports.default = _default;
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,73 +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 _Config = _interopRequireDefault(require("./Config"));
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
- const Row = _ref => {
15
- let {
16
- titleTypeStyle,
17
- titleColor,
18
- subtitleTypeStyle,
19
- subtitleColor,
20
- title,
21
- subtitle,
22
- multilineSubtitle,
23
- image,
24
- right,
25
- style
26
- } = _ref;
27
- return /*#__PURE__*/React.createElement(_reactNative.View, {
28
- style: [styles.container, {
29
- padding: 16
30
- }, style]
31
- }, /*#__PURE__*/React.createElement(_reactNative.View, {
32
- style: styles.leftContainer
33
- }, image && /*#__PURE__*/React.createElement(_reactNative.Image, {
34
- source: typeof image === "string" ? {
35
- uri: image
36
- } : image,
37
- style: {
38
- marginRight: 12,
39
- width: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize,
40
- height: subtitle ? _Config.default.rowMultiLineImageSize : _Config.default.rowSingleLineImageSize
41
- }
42
- }), /*#__PURE__*/React.createElement(_reactNative.View, {
43
- style: styles.textContainer
44
- }, /*#__PURE__*/React.createElement(_reactNative.Text, {
45
- style: [titleTypeStyle, {
46
- color: titleColor
47
- }],
48
- numberOfLines: 1
49
- }, title), subtitle ? /*#__PURE__*/React.createElement(_reactNative.Text, {
50
- style: [subtitleTypeStyle, {
51
- color: subtitleColor,
52
- marginTop: 4
53
- }],
54
- numberOfLines: multilineSubtitle ? undefined : 1
55
- }, subtitle) : null)), right && right());
56
- };
57
- const styles = _reactNative.StyleSheet.create({
58
- leftContainer: {
59
- flexDirection: "row",
60
- flex: 1
61
- },
62
- container: {
63
- flexDirection: "row",
64
- justifyContent: "space-between",
65
- alignItems: "center"
66
- },
67
- textContainer: {
68
- flex: 1,
69
- justifyContent: "center"
70
- }
71
- });
72
- var _default = (0, _theming.withTheme)(Row);
73
- exports.default = _default;
@@ -1,45 +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 _theming = require("../theming");
9
- var _Row = _interopRequireDefault(require("./Row"));
10
- var _Config = _interopRequireDefault(require("./Config"));
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
- const RowBodyIcon = _ref => {
15
- let {
16
- Icon,
17
- title,
18
- subtitle,
19
- icon,
20
- style,
21
- theme: {
22
- colors,
23
- typography
24
- }
25
- } = _ref;
26
- return /*#__PURE__*/React.createElement(_Row.default, {
27
- titleTypeStyle: typography.body1,
28
- titleColor: colors.medium,
29
- subtitleTypeStyle: typography.subtitle2,
30
- subtitleColor: colors.light,
31
- title: title,
32
- subtitle: subtitle,
33
- right: () => /*#__PURE__*/React.createElement(Icon, {
34
- name: icon,
35
- size: _Config.default.rowSingleLineIconSize,
36
- color: colors.light,
37
- style: {
38
- marginLeft: 16
39
- }
40
- }),
41
- style: style
42
- });
43
- };
44
- var _default = (0, _theming.withTheme)(RowBodyIcon);
45
- exports.default = _default;
@@ -1,45 +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 _Row = _interopRequireDefault(require("./Row"));
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
- const RowHeadlineImageCaption = _ref => {
15
- let {
16
- title,
17
- subtitle,
18
- caption,
19
- image,
20
- style,
21
- theme: {
22
- colors,
23
- typography
24
- }
25
- } = _ref;
26
- return /*#__PURE__*/React.createElement(_Row.default, {
27
- titleTypeStyle: typography.headline6,
28
- titleColor: colors.strong,
29
- subtitleTypeStyle: typography.body2,
30
- subtitleColor: colors.medium,
31
- title: title,
32
- subtitle: subtitle,
33
- image: image,
34
- right: () => /*#__PURE__*/React.createElement(_reactNative.Text, {
35
- style: {
36
- ...typography.caption,
37
- color: colors.strong,
38
- marginLeft: 16
39
- }
40
- }, caption),
41
- style: style
42
- });
43
- };
44
- var _default = (0, _theming.withTheme)(RowHeadlineImageCaption);
45
- exports.default = _default;
@@ -1,51 +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 _theming = require("../theming");
9
- var _Row = _interopRequireDefault(require("./Row"));
10
- var _Config = _interopRequireDefault(require("./Config"));
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
- const RowHeadlineImageIcon = _ref => {
15
- let {
16
- Icon,
17
- icon,
18
- title,
19
- image,
20
- subtitle,
21
- multilineSubtitle = false,
22
- style,
23
- theme: {
24
- colors,
25
- typography
26
- }
27
- } = _ref;
28
- return /*#__PURE__*/React.createElement(_Row.default, {
29
- titleTypeStyle: typography.headline6,
30
- titleColor: colors.strong,
31
- subtitleTypeStyle: typography.body2,
32
- subtitleColor: colors.medium,
33
- title: title,
34
- subtitle: subtitle,
35
- multilineSubtitle: multilineSubtitle,
36
- image: image,
37
- right: () => /*#__PURE__*/React.createElement(Icon, {
38
- name: icon,
39
- size: multilineSubtitle ? _Config.default.rowMultiLineIconSize : _Config.default.rowSingleLineIconSize,
40
- color: colors.light,
41
- style: {
42
- marginLeft: 16,
43
- alignSelf: multilineSubtitle ? "flex-start" : "center",
44
- marginTop: multilineSubtitle ? 4 : 0
45
- }
46
- }),
47
- style: style
48
- });
49
- };
50
- var _default = (0, _theming.withTheme)(RowHeadlineImageIcon);
51
- exports.default = _default;
@@ -1,126 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SEED_DATA = void 0;
7
- var _types = require("@draftbit/types");
8
- const SEED_DATA_PROPS = {
9
- image: {
10
- group: _types.GROUPS.data,
11
- label: "Image",
12
- description: "Image",
13
- formType: _types.FORM_TYPES.image,
14
- propType: _types.PROP_TYPES.ASSET,
15
- defaultValue: null,
16
- editable: true,
17
- required: false
18
- },
19
- title: {
20
- group: _types.GROUPS.data,
21
- label: "Title",
22
- description: "Text to display",
23
- formType: _types.FORM_TYPES.string,
24
- propType: _types.PROP_TYPES.STRING,
25
- defaultValue: "Beautiful West Coast Villa",
26
- editable: true,
27
- required: false
28
- },
29
- leftDescription: {
30
- group: _types.GROUPS.data,
31
- label: "Left description",
32
- description: "Text to display on the left",
33
- formType: _types.FORM_TYPES.string,
34
- propType: _types.PROP_TYPES.STRING,
35
- defaultValue: "San Diego",
36
- editable: true,
37
- required: false
38
- },
39
- rightDescription: {
40
- group: _types.GROUPS.data,
41
- label: "Right description",
42
- description: "Text to display on the right",
43
- formType: _types.FORM_TYPES.string,
44
- propType: _types.PROP_TYPES.STRING,
45
- defaultValue: "$100",
46
- editable: true,
47
- required: false
48
- },
49
- aspectRatio: {
50
- group: _types.GROUPS.basic,
51
- label: "Aspect ratio",
52
- description: "Aspect ratio of the image",
53
- formType: _types.FORM_TYPES.aspectRatio,
54
- propType: _types.PROP_TYPES.NUMBER,
55
- defaultValue: 1.5,
56
- editable: true,
57
- required: false
58
- },
59
- titleCentered: {
60
- group: _types.GROUPS.basic,
61
- label: "Title centered",
62
- description: "Whether to center the title",
63
- formType: _types.FORM_TYPES.boolean,
64
- propType: _types.PROP_TYPES.BOOLEAN,
65
- defaultValue: false,
66
- editable: true,
67
- required: false
68
- },
69
- elevation: (0, _types.createElevationType)(2)
70
- };
71
- const SEED_DATA = [{
72
- name: "Small Card",
73
- tag: "CardBlock",
74
- description: "An elevated card with a title and description, that takes up one third of its container.",
75
- category: _types.COMPONENT_TYPES.card,
76
- props: {
77
- ...SEED_DATA_PROPS,
78
- numColumns: (0, _types.createNumColumnsType)({
79
- defaultValue: 1
80
- })
81
- }
82
- }, {
83
- name: "Medium Block Card",
84
- tag: "CardBlock",
85
- description: "An elevated card with a title and description, that takes up one half of its container.",
86
- category: _types.COMPONENT_TYPES.card,
87
- props: {
88
- ...SEED_DATA_PROPS,
89
- icon: {
90
- group: _types.GROUPS.basic,
91
- label: "Icon",
92
- description: "Icon to display on the top right",
93
- formType: _types.FORM_TYPES.icon,
94
- propType: _types.PROP_TYPES.STRING,
95
- defaultValue: null,
96
- editable: true,
97
- required: true
98
- },
99
- numColumns: (0, _types.createNumColumnsType)({
100
- defaultValue: 2
101
- })
102
- }
103
- }, {
104
- name: "Large Block Card",
105
- tag: "CardBlock",
106
- description: "An elevated card with a title and description, that takes up the full width its container.",
107
- category: _types.COMPONENT_TYPES.card,
108
- stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
109
- props: {
110
- ...SEED_DATA_PROPS,
111
- icon: {
112
- group: _types.GROUPS.basic,
113
- label: "Icon",
114
- description: "Icon to display on the top right",
115
- formType: _types.FORM_TYPES.icon,
116
- propType: _types.PROP_TYPES.STRING,
117
- defaultValue: null,
118
- editable: true,
119
- required: true
120
- },
121
- numColumns: (0, _types.createNumColumnsType)({
122
- defaultValue: 3
123
- })
124
- }
125
- }];
126
- exports.SEED_DATA = SEED_DATA;
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SEED_DATA = void 0;
7
- var _types = require("@draftbit/types");
8
- const SEED_DATA_PROPS = {
9
- image: {
10
- label: "Image",
11
- description: "Image",
12
- formType: _types.FORM_TYPES.image,
13
- propType: _types.PROP_TYPES.ASSET,
14
- defaultValue: null,
15
- editable: true,
16
- required: true,
17
- group: _types.GROUPS.data
18
- },
19
- title: {
20
- label: "Title",
21
- description: "Text to display",
22
- formType: _types.FORM_TYPES.string,
23
- propType: _types.PROP_TYPES.STRING,
24
- defaultValue: "Beautiful West Coast Villa",
25
- editable: true,
26
- required: false,
27
- group: _types.GROUPS.data
28
- },
29
- leftDescription: {
30
- label: "Left description",
31
- description: "Text to display on the left",
32
- formType: _types.FORM_TYPES.string,
33
- propType: _types.PROP_TYPES.STRING,
34
- defaultValue: "San Diego",
35
- editable: true,
36
- required: false,
37
- group: _types.GROUPS.data
38
- },
39
- rightDescription: {
40
- label: "Right description",
41
- description: "Text to display on the right",
42
- formType: _types.FORM_TYPES.string,
43
- propType: _types.PROP_TYPES.STRING,
44
- defaultValue: "$100",
45
- editable: true,
46
- required: false,
47
- group: _types.GROUPS.data
48
- },
49
- icon: {
50
- label: "Icon",
51
- description: "Icon to display on the top right",
52
- formType: _types.FORM_TYPES.icon,
53
- propType: _types.PROP_TYPES.STRING /* OR ASSET TODO TEST ME */,
54
- defaultValue: null,
55
- editable: true,
56
- required: false,
57
- group: _types.GROUPS.basic
58
- },
59
- aspectRatio: {
60
- label: "Aspect ratio",
61
- description: "Aspect ratio of the image",
62
- formType: _types.FORM_TYPES.aspectRatio,
63
- propType: _types.PROP_TYPES.NUMBER,
64
- defaultValue: 1.5,
65
- editable: true,
66
- required: false,
67
- group: _types.GROUPS.basic
68
- },
69
- textCentered: {
70
- label: "Centered Text",
71
- description: "Whether to center the text",
72
- formType: _types.FORM_TYPES.boolean,
73
- propType: _types.PROP_TYPES.BOOLEAN,
74
- defaultValue: false,
75
- editable: true,
76
- required: false,
77
- group: _types.GROUPS.basic
78
- },
79
- elevation: (0, _types.createElevationType)(2)
80
- };
81
- const SEED_DATA = [{
82
- name: "Medium Card",
83
- tag: "CardContainer",
84
- description: "An elevated card with a title and description, that takes up half of its container.",
85
- category: _types.COMPONENT_TYPES.card,
86
- stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
87
- layout: null,
88
- props: {
89
- ...SEED_DATA_PROPS,
90
- numColumns: (0, _types.createNumColumnsType)({
91
- defaultValue: 2
92
- })
93
- }
94
- }, {
95
- name: "Large Card",
96
- tag: "CardContainer",
97
- description: "An elevated card with a title and description, that takes up its full container.",
98
- category: _types.COMPONENT_TYPES.card,
99
- stylesPanelSections: _types.BLOCK_STYLES_SECTIONS,
100
- layout: null,
101
- props: {
102
- ...SEED_DATA_PROPS,
103
- numColumns: (0, _types.createNumColumnsType)({
104
- defaultValue: 3
105
- })
106
- }
107
- }];
108
- exports.SEED_DATA = SEED_DATA;