@draftbit/core 46.10.3-e89832.2 → 46.10.3-f6ea70.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 (119) hide show
  1. package/lib/commonjs/components/Accordion/AccordionItem.js +23 -4
  2. package/lib/commonjs/components/AnimatedCircularProgress.js +1 -12
  3. package/lib/commonjs/components/AvatarEdit.js +4 -15
  4. package/lib/commonjs/components/Banner.js +4 -23
  5. package/lib/commonjs/components/Button.js +10 -33
  6. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +5 -23
  7. package/lib/commonjs/components/Checkbox/CheckboxRow.js +23 -6
  8. package/lib/commonjs/components/CircleImage.js +15 -1
  9. package/lib/commonjs/components/DeprecatedCardWrapper.js +15 -1
  10. package/lib/commonjs/components/Divider.js +1 -14
  11. package/lib/commonjs/components/FieldSearchBarFull.js +2 -1
  12. package/lib/commonjs/components/Layout.js +19 -40
  13. package/lib/commonjs/components/NumberInput.js +3 -12
  14. package/lib/commonjs/components/Picker/PickerComponent.android.js +3 -20
  15. package/lib/commonjs/components/Picker/PickerComponent.web.js +20 -3
  16. package/lib/commonjs/components/Portal/PortalConsumer.js +7 -22
  17. package/lib/commonjs/components/Portal/PortalManager.js +8 -34
  18. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +1 -9
  19. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +2 -15
  20. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +5 -23
  21. package/lib/commonjs/components/ScreenContainer.js +6 -24
  22. package/lib/commonjs/components/Shadow.js +2 -15
  23. package/lib/commonjs/components/Slider.js +4 -21
  24. package/lib/commonjs/components/StarRating.js +4 -23
  25. package/lib/commonjs/components/StepIndicator.js +18 -57
  26. package/lib/commonjs/components/Surface.js +2 -14
  27. package/lib/commonjs/components/TabView/TabView.js +7 -13
  28. package/lib/commonjs/components/Table/Table.js +123 -0
  29. package/lib/commonjs/components/Table/TableCell.js +49 -0
  30. package/lib/commonjs/components/Table/TableCommon.js +30 -0
  31. package/lib/commonjs/components/Table/TableRow.js +61 -0
  32. package/lib/commonjs/components/Table/index.js +27 -0
  33. package/lib/commonjs/components/Text.js +4 -50
  34. package/lib/commonjs/components/TextField.js +28 -76
  35. package/lib/commonjs/components/ToggleButton.js +2 -15
  36. package/lib/commonjs/components/Touchable.js +2 -15
  37. package/lib/commonjs/index.js +19 -28
  38. package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -1
  39. package/lib/commonjs/mappings/NativeBase/Layout.js +108 -0
  40. package/lib/commonjs/mappings/StarRating.js +6 -2
  41. package/lib/commonjs/mappings/Table.js +140 -0
  42. package/lib/commonjs/styles/overlay.js +3 -1
  43. package/lib/commonjs/utilities.js +2 -1
  44. package/lib/module/components/Table/Table.js +114 -0
  45. package/lib/module/components/Table/TableCell.js +41 -0
  46. package/lib/module/components/Table/TableCommon.js +21 -0
  47. package/lib/module/components/Table/TableRow.js +53 -0
  48. package/lib/module/components/Table/index.js +3 -0
  49. package/lib/module/index.js +1 -4
  50. package/lib/module/mappings/NativeBase/Layout.js +101 -0
  51. package/lib/module/mappings/Table.js +133 -0
  52. package/lib/typescript/src/components/Table/Table.d.ts +19 -0
  53. package/lib/typescript/src/components/Table/Table.d.ts.map +1 -0
  54. package/lib/typescript/src/components/Table/TableCell.d.ts +9 -0
  55. package/lib/typescript/src/components/Table/TableCell.d.ts.map +1 -0
  56. package/lib/typescript/src/components/Table/TableCommon.d.ts +20 -0
  57. package/lib/typescript/src/components/Table/TableCommon.d.ts.map +1 -0
  58. package/lib/typescript/src/components/{RowBodyIcon.d.ts → Table/TableRow.d.ts} +7 -9
  59. package/lib/typescript/src/components/Table/TableRow.d.ts.map +1 -0
  60. package/lib/typescript/src/components/Table/index.d.ts +4 -0
  61. package/lib/typescript/src/components/Table/index.d.ts.map +1 -0
  62. package/lib/typescript/src/index.d.ts +1 -4
  63. package/lib/typescript/src/index.d.ts.map +1 -1
  64. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +133 -0
  65. package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
  66. package/lib/typescript/src/mappings/Table.d.ts +337 -0
  67. package/lib/typescript/src/mappings/Table.d.ts.map +1 -0
  68. package/package.json +3 -3
  69. package/src/components/Table/Table.js +93 -0
  70. package/src/components/Table/Table.tsx +176 -0
  71. package/src/components/Table/TableCell.js +31 -0
  72. package/src/components/Table/TableCell.tsx +63 -0
  73. package/src/components/Table/TableCommon.js +12 -0
  74. package/src/components/Table/TableCommon.ts +40 -0
  75. package/src/components/Table/TableRow.js +37 -0
  76. package/src/components/Table/TableRow.tsx +77 -0
  77. package/src/components/Table/index.js +3 -0
  78. package/src/components/Table/index.tsx +3 -0
  79. package/src/index.js +1 -4
  80. package/src/index.tsx +2 -4
  81. package/src/mappings/NativeBase/Layout.js +124 -0
  82. package/src/mappings/NativeBase/Layout.ts +145 -0
  83. package/src/mappings/Table.js +150 -0
  84. package/src/mappings/Table.ts +170 -0
  85. package/lib/commonjs/components/Container.js +0 -104
  86. package/lib/commonjs/components/Row.js +0 -73
  87. package/lib/commonjs/components/RowBodyIcon.js +0 -45
  88. package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
  89. package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
  90. package/lib/commonjs/mappings/Container.js +0 -37
  91. package/lib/module/components/Container.js +0 -83
  92. package/lib/module/components/Row.js +0 -63
  93. package/lib/module/components/RowBodyIcon.js +0 -35
  94. package/lib/module/components/RowHeadlineImageCaption.js +0 -35
  95. package/lib/module/components/RowHeadlineImageIcon.js +0 -41
  96. package/lib/module/mappings/Container.js +0 -30
  97. package/lib/typescript/src/components/Container.d.ts +0 -21
  98. package/lib/typescript/src/components/Container.d.ts.map +0 -1
  99. package/lib/typescript/src/components/Row.d.ts +0 -21
  100. package/lib/typescript/src/components/Row.d.ts.map +0 -1
  101. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
  102. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
  103. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
  104. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
  105. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
  106. package/lib/typescript/src/mappings/Container.d.ts +0 -55
  107. package/lib/typescript/src/mappings/Container.d.ts.map +0 -1
  108. package/src/components/Container.js +0 -43
  109. package/src/components/Container.tsx +0 -116
  110. package/src/components/Row.js +0 -48
  111. package/src/components/Row.tsx +0 -108
  112. package/src/components/RowBodyIcon.js +0 -8
  113. package/src/components/RowBodyIcon.tsx +0 -47
  114. package/src/components/RowHeadlineImageCaption.js +0 -12
  115. package/src/components/RowHeadlineImageCaption.tsx +0 -49
  116. package/src/components/RowHeadlineImageIcon.js +0 -14
  117. package/src/components/RowHeadlineImageIcon.tsx +0 -61
  118. package/src/mappings/Container.js +0 -30
  119. package/src/mappings/Container.ts +0 -41
@@ -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,37 +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 = {
9
- name: "Container",
10
- tag: "Container",
11
- description: "A container component with gutter padding",
12
- category: _types.COMPONENT_TYPES.deprecated,
13
- stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
14
- layout: {
15
- height: 250
16
- },
17
- props: {
18
- useThemeGutterPadding: {
19
- group: _types.GROUPS.basic,
20
- label: "Use gutter padding",
21
- description: "When true, uses the theme gutter spacing as the container's horizontal padding",
22
- formType: _types.FORM_TYPES.boolean,
23
- propType: _types.PROP_TYPES.BOOLEAN,
24
- defaultValue: false,
25
- editable: false,
26
- required: true
27
- },
28
- backgroundImage: (0, _types.createImageProp)({
29
- label: "Background Image",
30
- description: "Apply a custom background image",
31
- defaultValue: null
32
- }),
33
- backgroundImageResizeMode: (0, _types.createResizeModeProp)(),
34
- elevation: (0, _types.createElevationType)(0)
35
- }
36
- };
37
- exports.SEED_DATA = SEED_DATA;
@@ -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,63 +0,0 @@
1
- import * as React from "react";
2
- import { View, Text, Image, StyleSheet } from "react-native";
3
- import { withTheme } from "../theming";
4
- import Config from "./Config";
5
- const Row = _ref => {
6
- let {
7
- titleTypeStyle,
8
- titleColor,
9
- subtitleTypeStyle,
10
- subtitleColor,
11
- title,
12
- subtitle,
13
- multilineSubtitle,
14
- image,
15
- right,
16
- style
17
- } = _ref;
18
- return /*#__PURE__*/React.createElement(View, {
19
- style: [styles.container, {
20
- padding: 16
21
- }, style]
22
- }, /*#__PURE__*/React.createElement(View, {
23
- style: styles.leftContainer
24
- }, image && /*#__PURE__*/React.createElement(Image, {
25
- source: typeof image === "string" ? {
26
- uri: image
27
- } : image,
28
- style: {
29
- marginRight: 12,
30
- width: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize,
31
- height: subtitle ? Config.rowMultiLineImageSize : Config.rowSingleLineImageSize
32
- }
33
- }), /*#__PURE__*/React.createElement(View, {
34
- style: styles.textContainer
35
- }, /*#__PURE__*/React.createElement(Text, {
36
- style: [titleTypeStyle, {
37
- color: titleColor
38
- }],
39
- numberOfLines: 1
40
- }, title), subtitle ? /*#__PURE__*/React.createElement(Text, {
41
- style: [subtitleTypeStyle, {
42
- color: subtitleColor,
43
- marginTop: 4
44
- }],
45
- numberOfLines: multilineSubtitle ? undefined : 1
46
- }, subtitle) : null)), right && right());
47
- };
48
- const styles = StyleSheet.create({
49
- leftContainer: {
50
- flexDirection: "row",
51
- flex: 1
52
- },
53
- container: {
54
- flexDirection: "row",
55
- justifyContent: "space-between",
56
- alignItems: "center"
57
- },
58
- textContainer: {
59
- flex: 1,
60
- justifyContent: "center"
61
- }
62
- });
63
- export default withTheme(Row);
@@ -1,35 +0,0 @@
1
- import * as React from "react";
2
- import { withTheme } from "../theming";
3
- import Row from "./Row";
4
- import Config from "./Config";
5
- const RowBodyIcon = _ref => {
6
- let {
7
- Icon,
8
- title,
9
- subtitle,
10
- icon,
11
- style,
12
- theme: {
13
- colors,
14
- typography
15
- }
16
- } = _ref;
17
- return /*#__PURE__*/React.createElement(Row, {
18
- titleTypeStyle: typography.body1,
19
- titleColor: colors.medium,
20
- subtitleTypeStyle: typography.subtitle2,
21
- subtitleColor: colors.light,
22
- title: title,
23
- subtitle: subtitle,
24
- right: () => /*#__PURE__*/React.createElement(Icon, {
25
- name: icon,
26
- size: Config.rowSingleLineIconSize,
27
- color: colors.light,
28
- style: {
29
- marginLeft: 16
30
- }
31
- }),
32
- style: style
33
- });
34
- };
35
- export default withTheme(RowBodyIcon);
@@ -1,35 +0,0 @@
1
- import * as React from "react";
2
- import { Text } from "react-native";
3
- import { withTheme } from "../theming";
4
- import Row from "./Row";
5
- const RowHeadlineImageCaption = _ref => {
6
- let {
7
- title,
8
- subtitle,
9
- caption,
10
- image,
11
- style,
12
- theme: {
13
- colors,
14
- typography
15
- }
16
- } = _ref;
17
- return /*#__PURE__*/React.createElement(Row, {
18
- titleTypeStyle: typography.headline6,
19
- titleColor: colors.strong,
20
- subtitleTypeStyle: typography.body2,
21
- subtitleColor: colors.medium,
22
- title: title,
23
- subtitle: subtitle,
24
- image: image,
25
- right: () => /*#__PURE__*/React.createElement(Text, {
26
- style: {
27
- ...typography.caption,
28
- color: colors.strong,
29
- marginLeft: 16
30
- }
31
- }, caption),
32
- style: style
33
- });
34
- };
35
- export default withTheme(RowHeadlineImageCaption);
@@ -1,41 +0,0 @@
1
- import * as React from "react";
2
- import { withTheme } from "../theming";
3
- import Row from "./Row";
4
- import Config from "./Config";
5
- const RowHeadlineImageIcon = _ref => {
6
- let {
7
- Icon,
8
- icon,
9
- title,
10
- image,
11
- subtitle,
12
- multilineSubtitle = false,
13
- style,
14
- theme: {
15
- colors,
16
- typography
17
- }
18
- } = _ref;
19
- return /*#__PURE__*/React.createElement(Row, {
20
- titleTypeStyle: typography.headline6,
21
- titleColor: colors.strong,
22
- subtitleTypeStyle: typography.body2,
23
- subtitleColor: colors.medium,
24
- title: title,
25
- subtitle: subtitle,
26
- multilineSubtitle: multilineSubtitle,
27
- image: image,
28
- right: () => /*#__PURE__*/React.createElement(Icon, {
29
- name: icon,
30
- size: multilineSubtitle ? Config.rowMultiLineIconSize : Config.rowSingleLineIconSize,
31
- color: colors.light,
32
- style: {
33
- marginLeft: 16,
34
- alignSelf: multilineSubtitle ? "flex-start" : "center",
35
- marginTop: multilineSubtitle ? 4 : 0
36
- }
37
- }),
38
- style: style
39
- });
40
- };
41
- export default withTheme(RowHeadlineImageIcon);
@@ -1,30 +0,0 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createImageProp, createResizeModeProp, CONTAINER_COMPONENT_STYLES_SECTIONS } from "@draftbit/types";
2
- export const SEED_DATA = {
3
- name: "Container",
4
- tag: "Container",
5
- description: "A container component with gutter padding",
6
- category: COMPONENT_TYPES.deprecated,
7
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
- layout: {
9
- height: 250
10
- },
11
- props: {
12
- useThemeGutterPadding: {
13
- group: GROUPS.basic,
14
- label: "Use gutter padding",
15
- description: "When true, uses the theme gutter spacing as the container's horizontal padding",
16
- formType: FORM_TYPES.boolean,
17
- propType: PROP_TYPES.BOOLEAN,
18
- defaultValue: false,
19
- editable: false,
20
- required: true
21
- },
22
- backgroundImage: createImageProp({
23
- label: "Background Image",
24
- description: "Apply a custom background image",
25
- defaultValue: null
26
- }),
27
- backgroundImageResizeMode: createResizeModeProp(),
28
- elevation: createElevationType(0)
29
- }
30
- };
@@ -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,21 +0,0 @@
1
- import * as React from "react";
2
- import { ImageSourcePropType, StyleProp, TextStyle, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- titleTypeStyle?: StyleProp<TextStyle>;
6
- titleColor?: string;
7
- subtitleTypeStyle?: StyleProp<TextStyle>;
8
- subtitleColor?: string;
9
- title?: string;
10
- subtitle?: string;
11
- multilineSubtitle?: boolean;
12
- image?: string | ImageSourcePropType;
13
- right?: () => React.ReactNode;
14
- style?: StyleProp<ViewStyle>;
15
- theme: typeof theme;
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=Row.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,mBAAmB,EAEnB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAgFF,wBAA8B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowBodyIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA+Bb,wBAAsC"}
@@ -1,16 +0,0 @@
1
- import * as React from "react";
2
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
3
- import theme from "../styles/DefaultTheme";
4
- declare type Props = {
5
- title?: string;
6
- subtitle?: string;
7
- caption?: string;
8
- image: string | ImageSourcePropType;
9
- style?: StyleProp<ViewStyle>;
10
- theme: typeof theme;
11
- };
12
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
13
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
14
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
15
- export default _default;
16
- //# sourceMappingURL=RowHeadlineImageCaption.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowHeadlineImageCaption.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAE3C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB,CAAC;;;;AAmCF,wBAAkD"}
@@ -1,18 +0,0 @@
1
- import * as React from "react";
2
- import type { Theme } from "../styles/DefaultTheme";
3
- import type { IconSlot } from "../interfaces/Icon";
4
- import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
5
- declare type Props = {
6
- title?: string;
7
- image: string | ImageSourcePropType;
8
- subtitle?: string;
9
- multilineSubtitle?: boolean;
10
- icon: string;
11
- style?: StyleProp<ViewStyle>;
12
- theme: Theme;
13
- } & IconSlot;
14
- declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
15
- theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
16
- }> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
17
- export default _default;
18
- //# sourceMappingURL=RowHeadlineImageIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RowHeadlineImageIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Cb,wBAA+C"}
@@ -1,55 +0,0 @@
1
- export declare const SEED_DATA: {
2
- name: string;
3
- tag: string;
4
- description: string;
5
- category: string;
6
- stylesPanelSections: string[];
7
- layout: {
8
- height: number;
9
- };
10
- props: {
11
- useThemeGutterPadding: {
12
- group: string;
13
- label: string;
14
- description: string;
15
- formType: string;
16
- propType: string;
17
- defaultValue: boolean;
18
- editable: boolean;
19
- required: boolean;
20
- };
21
- backgroundImage: {
22
- label: string;
23
- description: string;
24
- group: string;
25
- formType: string;
26
- propType: string;
27
- defaultValue: string;
28
- editable: boolean;
29
- required: boolean;
30
- };
31
- backgroundImageResizeMode: {
32
- group: string;
33
- label: string;
34
- description: string;
35
- editable: boolean;
36
- required: boolean;
37
- defaultValue: string;
38
- formType: string;
39
- propType: string;
40
- options: string[];
41
- };
42
- elevation: {
43
- defaultValue: any;
44
- label: string;
45
- description: string;
46
- formType: string;
47
- propType: string;
48
- options: number[];
49
- editable: boolean;
50
- required: boolean;
51
- group: string;
52
- };
53
- };
54
- };
55
- //# sourceMappingURL=Container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Container.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BrB,CAAC"}
@@ -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);