@draftbit/core 46.10.2-30afd1.2 → 46.10.2-a6ec8c.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/BottomSheet/BottomSheetComponent.js +127 -111
- package/lib/commonjs/components/Checkbox/context.js +1 -1
- package/lib/commonjs/components/DeprecatedFAB.js +21 -3
- package/lib/commonjs/components/TabView/TabView.js +13 -7
- package/lib/commonjs/constants.js +1 -1
- package/lib/commonjs/index.js +0 -21
- package/lib/commonjs/mappings/NativeBase/Layout.js +98 -0
- package/lib/module/components/Accordion/AccordionItem.js +4 -25
- package/lib/module/components/Banner.js +25 -4
- package/lib/module/index.js +0 -3
- package/lib/module/mappings/NativeBase/Layout.js +91 -0
- package/lib/typescript/src/index.d.ts +0 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts +97 -0
- package/lib/typescript/src/mappings/NativeBase/Layout.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/index.js +0 -3
- package/src/index.tsx +0 -3
- package/src/mappings/NativeBase/Layout.js +102 -0
- package/src/mappings/NativeBase/Layout.ts +117 -0
- package/lib/commonjs/components/Row.js +0 -73
- package/lib/commonjs/components/RowBodyIcon.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageCaption.js +0 -45
- package/lib/commonjs/components/RowHeadlineImageIcon.js +0 -51
- package/lib/module/components/Row.js +0 -63
- package/lib/module/components/RowBodyIcon.js +0 -35
- package/lib/module/components/RowHeadlineImageCaption.js +0 -35
- package/lib/module/components/RowHeadlineImageIcon.js +0 -41
- package/lib/typescript/src/components/Row.d.ts +0 -21
- package/lib/typescript/src/components/Row.d.ts.map +0 -1
- package/lib/typescript/src/components/RowBodyIcon.d.ts +0 -16
- package/lib/typescript/src/components/RowBodyIcon.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +0 -16
- package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +0 -1
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +0 -18
- package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +0 -1
- package/src/components/Row.js +0 -48
- package/src/components/Row.tsx +0 -108
- package/src/components/RowBodyIcon.js +0 -8
- package/src/components/RowBodyIcon.tsx +0 -47
- package/src/components/RowHeadlineImageCaption.js +0 -12
- package/src/components/RowHeadlineImageCaption.tsx +0 -49
- package/src/components/RowHeadlineImageIcon.js +0 -14
- package/src/components/RowHeadlineImageIcon.tsx +0 -61
|
@@ -0,0 +1,98 @@
|
|
|
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 SHARED_SEED_DATA = {
|
|
9
|
+
category: _types.COMPONENT_TYPES.layout,
|
|
10
|
+
packageName: "native-base",
|
|
11
|
+
stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS
|
|
12
|
+
};
|
|
13
|
+
const SEED_DATA = [{
|
|
14
|
+
name: "Aspect Ratio",
|
|
15
|
+
tag: "AspectRatio",
|
|
16
|
+
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
17
|
+
...SHARED_SEED_DATA,
|
|
18
|
+
props: {
|
|
19
|
+
ratio: (0, _types.createTextProp)({
|
|
20
|
+
label: "Ratio",
|
|
21
|
+
description: "The aspect ratio of the container",
|
|
22
|
+
defaultValue: "4/3",
|
|
23
|
+
group: _types.GROUPS.basic
|
|
24
|
+
})
|
|
25
|
+
}
|
|
26
|
+
}, {
|
|
27
|
+
name: "Box",
|
|
28
|
+
tag: "Box",
|
|
29
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
30
|
+
...SHARED_SEED_DATA
|
|
31
|
+
}, {
|
|
32
|
+
name: "Center",
|
|
33
|
+
tag: "Center",
|
|
34
|
+
description: "Center aligns its contents to the center within itself",
|
|
35
|
+
...SHARED_SEED_DATA
|
|
36
|
+
}, {
|
|
37
|
+
name: "Circle",
|
|
38
|
+
tag: "Circle",
|
|
39
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
40
|
+
...SHARED_SEED_DATA
|
|
41
|
+
}, {
|
|
42
|
+
name: "Container",
|
|
43
|
+
tag: "Container",
|
|
44
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
45
|
+
...SHARED_SEED_DATA
|
|
46
|
+
}, {
|
|
47
|
+
name: "Column",
|
|
48
|
+
tag: "Column",
|
|
49
|
+
description: "Column aligns items vertically",
|
|
50
|
+
...SHARED_SEED_DATA
|
|
51
|
+
}, {
|
|
52
|
+
name: "Row",
|
|
53
|
+
tag: "Row",
|
|
54
|
+
description: "Column aligns items horizontally",
|
|
55
|
+
...SHARED_SEED_DATA
|
|
56
|
+
}, {
|
|
57
|
+
name: "Spacer",
|
|
58
|
+
tag: "Spacer",
|
|
59
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
60
|
+
...SHARED_SEED_DATA
|
|
61
|
+
}, {
|
|
62
|
+
name: "Stack",
|
|
63
|
+
tag: "Stack",
|
|
64
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
65
|
+
...SHARED_SEED_DATA,
|
|
66
|
+
props: {
|
|
67
|
+
direction: (0, _types.createTextEnumProp)({
|
|
68
|
+
label: "Direction",
|
|
69
|
+
description: "The direction of the Stack",
|
|
70
|
+
options: ["row", "column"],
|
|
71
|
+
defaultValue: "column"
|
|
72
|
+
}),
|
|
73
|
+
reversed: (0, _types.createBoolProp)({
|
|
74
|
+
label: "Reversed",
|
|
75
|
+
description: "Determines whether to reverse the direction of items."
|
|
76
|
+
}),
|
|
77
|
+
isDisabled: (0, _types.createBoolProp)({
|
|
78
|
+
label: "Disabled",
|
|
79
|
+
description: "If true, the Stack will be disabled."
|
|
80
|
+
}),
|
|
81
|
+
isInvalid: (0, _types.createBoolProp)({
|
|
82
|
+
label: "Invalid",
|
|
83
|
+
description: "If true, the Stack will be invalid."
|
|
84
|
+
})
|
|
85
|
+
}
|
|
86
|
+
}, {
|
|
87
|
+
name: "ZStack",
|
|
88
|
+
tag: "ZStack",
|
|
89
|
+
description: "ZStack aligns items to the z-axis.",
|
|
90
|
+
...SHARED_SEED_DATA,
|
|
91
|
+
props: {
|
|
92
|
+
reversed: (0, _types.createBoolProp)({
|
|
93
|
+
label: "Reversed",
|
|
94
|
+
description: "Determines whether to reverse the direction of items."
|
|
95
|
+
})
|
|
96
|
+
}
|
|
97
|
+
}];
|
|
98
|
+
exports.SEED_DATA = SEED_DATA;
|
|
@@ -1,3 +1,4 @@
|
|
|
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); }
|
|
1
2
|
import * as React from "react";
|
|
2
3
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
4
|
import Text from "../Text";
|
|
@@ -17,10 +18,9 @@ const AccordionItem = _ref => {
|
|
|
17
18
|
textStyles,
|
|
18
19
|
viewStyles
|
|
19
20
|
} = extractStyles(style);
|
|
20
|
-
return /*#__PURE__*/React.createElement(Pressable, {
|
|
21
|
-
style: [styles.container, viewStyles]
|
|
22
|
-
|
|
23
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
21
|
+
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
22
|
+
style: [styles.container, viewStyles]
|
|
23
|
+
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
24
24
|
style: styles.row
|
|
25
25
|
}, icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
26
26
|
name: icon,
|
|
@@ -51,25 +51,4 @@ const styles = StyleSheet.create({
|
|
|
51
51
|
justifyContent: "center"
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
|
-
export default withTheme(AccordionItem);xtStyles
|
|
55
|
-
}, label))));
|
|
56
|
-
};
|
|
57
|
-
const styles = StyleSheet.create({
|
|
58
|
-
container: {
|
|
59
|
-
padding: 8
|
|
60
|
-
},
|
|
61
|
-
row: {
|
|
62
|
-
flexDirection: "row",
|
|
63
|
-
alignItems: "center",
|
|
64
|
-
paddingLeft: 8
|
|
65
|
-
},
|
|
66
|
-
item: {
|
|
67
|
-
marginVertical: 6,
|
|
68
|
-
paddingLeft: 8
|
|
69
|
-
},
|
|
70
|
-
content: {
|
|
71
|
-
flex: 1,
|
|
72
|
-
justifyContent: "center"
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
54
|
export default withTheme(AccordionItem);
|
|
@@ -1,4 +1,3 @@
|
|
|
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
1
|
import * as React from "react";
|
|
3
2
|
import { Button, Text, View, StyleSheet, Animated } from "react-native";
|
|
4
3
|
import Surface from "./Surface";
|
|
@@ -61,7 +60,6 @@ const Banner = _ref => {
|
|
|
61
60
|
measured: true
|
|
62
61
|
});
|
|
63
62
|
};
|
|
64
|
-
|
|
65
63
|
// The banner animation has 2 parts:
|
|
66
64
|
// 1. Blank spacer element which animates its height to move the content
|
|
67
65
|
// 2. Actual banner which animates its translateY
|
|
@@ -71,9 +69,10 @@ const Banner = _ref => {
|
|
|
71
69
|
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
72
70
|
const height = Animated.multiply(position, layout.height);
|
|
73
71
|
const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
|
|
74
|
-
return /*#__PURE__*/React.createElement(Surface,
|
|
72
|
+
return /*#__PURE__*/React.createElement(Surface, {
|
|
73
|
+
...rest,
|
|
75
74
|
style: [styles.container, shadow(ELEVATION), style]
|
|
76
|
-
}
|
|
75
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
77
76
|
style: [styles.wrapper, contentStyle]
|
|
78
77
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
79
78
|
style: {
|
|
@@ -154,4 +153,26 @@ const styles = StyleSheet.create({
|
|
|
154
153
|
margin: 8
|
|
155
154
|
}
|
|
156
155
|
});
|
|
156
|
+
export default withTheme(Banner);
|
|
157
|
+
},
|
|
158
|
+
content: {
|
|
159
|
+
flexDirection: "row",
|
|
160
|
+
justifyContent: "flex-start",
|
|
161
|
+
marginHorizontal: 8,
|
|
162
|
+
marginTop: 16,
|
|
163
|
+
marginBottom: 0
|
|
164
|
+
},
|
|
165
|
+
icon: {
|
|
166
|
+
margin: 8
|
|
167
|
+
},
|
|
168
|
+
message: {
|
|
169
|
+
flex: 1,
|
|
170
|
+
margin: 8
|
|
171
|
+
},
|
|
172
|
+
actions: {
|
|
173
|
+
flexDirection: "row",
|
|
174
|
+
justifyContent: "flex-end",
|
|
175
|
+
margin: 8
|
|
176
|
+
}
|
|
177
|
+
});
|
|
157
178
|
export default withTheme(Banner);
|
package/lib/module/index.js
CHANGED
|
@@ -43,9 +43,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
43
43
|
export { default as Picker } from "./components/Picker/Picker";
|
|
44
44
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
45
45
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
46
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
47
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
48
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
49
46
|
export { default as Slider } from "./components/Slider";
|
|
50
47
|
export { default as Stepper } from "./components/Stepper";
|
|
51
48
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createTextProp, GROUPS } from "@draftbit/types";
|
|
2
|
+
const SHARED_SEED_DATA = {
|
|
3
|
+
category: COMPONENT_TYPES.layout,
|
|
4
|
+
packageName: "native-base",
|
|
5
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS
|
|
6
|
+
};
|
|
7
|
+
export const SEED_DATA = [{
|
|
8
|
+
name: "Aspect Ratio",
|
|
9
|
+
tag: "AspectRatio",
|
|
10
|
+
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
11
|
+
...SHARED_SEED_DATA,
|
|
12
|
+
props: {
|
|
13
|
+
ratio: createTextProp({
|
|
14
|
+
label: "Ratio",
|
|
15
|
+
description: "The aspect ratio of the container",
|
|
16
|
+
defaultValue: "4/3",
|
|
17
|
+
group: GROUPS.basic
|
|
18
|
+
})
|
|
19
|
+
}
|
|
20
|
+
}, {
|
|
21
|
+
name: "Box",
|
|
22
|
+
tag: "Box",
|
|
23
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
24
|
+
...SHARED_SEED_DATA
|
|
25
|
+
}, {
|
|
26
|
+
name: "Center",
|
|
27
|
+
tag: "Center",
|
|
28
|
+
description: "Center aligns its contents to the center within itself",
|
|
29
|
+
...SHARED_SEED_DATA
|
|
30
|
+
}, {
|
|
31
|
+
name: "Circle",
|
|
32
|
+
tag: "Circle",
|
|
33
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
34
|
+
...SHARED_SEED_DATA
|
|
35
|
+
}, {
|
|
36
|
+
name: "Container",
|
|
37
|
+
tag: "Container",
|
|
38
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
39
|
+
...SHARED_SEED_DATA
|
|
40
|
+
}, {
|
|
41
|
+
name: "Column",
|
|
42
|
+
tag: "Column",
|
|
43
|
+
description: "Column aligns items vertically",
|
|
44
|
+
...SHARED_SEED_DATA
|
|
45
|
+
}, {
|
|
46
|
+
name: "Row",
|
|
47
|
+
tag: "Row",
|
|
48
|
+
description: "Column aligns items horizontally",
|
|
49
|
+
...SHARED_SEED_DATA
|
|
50
|
+
}, {
|
|
51
|
+
name: "Spacer",
|
|
52
|
+
tag: "Spacer",
|
|
53
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
54
|
+
...SHARED_SEED_DATA
|
|
55
|
+
}, {
|
|
56
|
+
name: "Stack",
|
|
57
|
+
tag: "Stack",
|
|
58
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
59
|
+
...SHARED_SEED_DATA,
|
|
60
|
+
props: {
|
|
61
|
+
direction: createTextEnumProp({
|
|
62
|
+
label: "Direction",
|
|
63
|
+
description: "The direction of the Stack",
|
|
64
|
+
options: ["row", "column"],
|
|
65
|
+
defaultValue: "column"
|
|
66
|
+
}),
|
|
67
|
+
reversed: createBoolProp({
|
|
68
|
+
label: "Reversed",
|
|
69
|
+
description: "Determines whether to reverse the direction of items."
|
|
70
|
+
}),
|
|
71
|
+
isDisabled: createBoolProp({
|
|
72
|
+
label: "Disabled",
|
|
73
|
+
description: "If true, the Stack will be disabled."
|
|
74
|
+
}),
|
|
75
|
+
isInvalid: createBoolProp({
|
|
76
|
+
label: "Invalid",
|
|
77
|
+
description: "If true, the Stack will be invalid."
|
|
78
|
+
})
|
|
79
|
+
}
|
|
80
|
+
}, {
|
|
81
|
+
name: "ZStack",
|
|
82
|
+
tag: "ZStack",
|
|
83
|
+
description: "ZStack aligns items to the z-axis.",
|
|
84
|
+
...SHARED_SEED_DATA,
|
|
85
|
+
props: {
|
|
86
|
+
reversed: createBoolProp({
|
|
87
|
+
label: "Reversed",
|
|
88
|
+
description: "Determines whether to reverse the direction of items."
|
|
89
|
+
})
|
|
90
|
+
}
|
|
91
|
+
}];
|
|
@@ -41,9 +41,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
41
41
|
export { default as Picker } from "./components/Picker/Picker";
|
|
42
42
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
43
43
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
44
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
45
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
46
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
47
44
|
export { default as Slider } from "./components/Slider";
|
|
48
45
|
export { default as Stepper } from "./components/Stepper";
|
|
49
46
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
export declare const SEED_DATA: ({
|
|
2
|
+
props: {
|
|
3
|
+
ratio: any;
|
|
4
|
+
direction?: undefined;
|
|
5
|
+
reversed?: undefined;
|
|
6
|
+
isDisabled?: undefined;
|
|
7
|
+
isInvalid?: undefined;
|
|
8
|
+
};
|
|
9
|
+
category: string;
|
|
10
|
+
packageName: string;
|
|
11
|
+
stylesPanelSections: string[];
|
|
12
|
+
name: string;
|
|
13
|
+
tag: string;
|
|
14
|
+
description: string;
|
|
15
|
+
} | {
|
|
16
|
+
category: string;
|
|
17
|
+
packageName: string;
|
|
18
|
+
stylesPanelSections: string[];
|
|
19
|
+
name: string;
|
|
20
|
+
tag: string;
|
|
21
|
+
description: string;
|
|
22
|
+
} | {
|
|
23
|
+
props: {
|
|
24
|
+
direction: {
|
|
25
|
+
group: string;
|
|
26
|
+
label: string;
|
|
27
|
+
description: string;
|
|
28
|
+
editable: boolean;
|
|
29
|
+
required: boolean;
|
|
30
|
+
formType: string;
|
|
31
|
+
propType: string;
|
|
32
|
+
defaultValue: null;
|
|
33
|
+
options: never[];
|
|
34
|
+
};
|
|
35
|
+
reversed: {
|
|
36
|
+
label: string;
|
|
37
|
+
description: string;
|
|
38
|
+
formType: string;
|
|
39
|
+
propType: string;
|
|
40
|
+
defaultValue: boolean;
|
|
41
|
+
editable: boolean;
|
|
42
|
+
required: boolean;
|
|
43
|
+
group: string;
|
|
44
|
+
};
|
|
45
|
+
isDisabled: {
|
|
46
|
+
label: string;
|
|
47
|
+
description: string;
|
|
48
|
+
formType: string;
|
|
49
|
+
propType: string;
|
|
50
|
+
defaultValue: boolean;
|
|
51
|
+
editable: boolean;
|
|
52
|
+
required: boolean;
|
|
53
|
+
group: string;
|
|
54
|
+
};
|
|
55
|
+
isInvalid: {
|
|
56
|
+
label: string;
|
|
57
|
+
description: string;
|
|
58
|
+
formType: string;
|
|
59
|
+
propType: string;
|
|
60
|
+
defaultValue: boolean;
|
|
61
|
+
editable: boolean;
|
|
62
|
+
required: boolean;
|
|
63
|
+
group: string;
|
|
64
|
+
};
|
|
65
|
+
ratio?: undefined;
|
|
66
|
+
};
|
|
67
|
+
category: string;
|
|
68
|
+
packageName: string;
|
|
69
|
+
stylesPanelSections: string[];
|
|
70
|
+
name: string;
|
|
71
|
+
tag: string;
|
|
72
|
+
description: string;
|
|
73
|
+
} | {
|
|
74
|
+
props: {
|
|
75
|
+
reversed: {
|
|
76
|
+
label: string;
|
|
77
|
+
description: string;
|
|
78
|
+
formType: string;
|
|
79
|
+
propType: string;
|
|
80
|
+
defaultValue: boolean;
|
|
81
|
+
editable: boolean;
|
|
82
|
+
required: boolean;
|
|
83
|
+
group: string;
|
|
84
|
+
};
|
|
85
|
+
ratio?: undefined;
|
|
86
|
+
direction?: undefined;
|
|
87
|
+
isDisabled?: undefined;
|
|
88
|
+
isInvalid?: undefined;
|
|
89
|
+
};
|
|
90
|
+
category: string;
|
|
91
|
+
packageName: string;
|
|
92
|
+
stylesPanelSections: string[];
|
|
93
|
+
name: string;
|
|
94
|
+
tag: string;
|
|
95
|
+
description: string;
|
|
96
|
+
})[];
|
|
97
|
+
//# sourceMappingURL=Layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.10.2-
|
|
3
|
+
"version": "46.10.2-a6ec8c.2+a6ec8c9",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.10.2-
|
|
44
|
+
"@draftbit/types": "^46.10.2-a6ec8c.2+a6ec8c9",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
]
|
|
101
101
|
]
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "a6ec8c9ecd606a01d902694609f7a8ae7011d2d4"
|
|
104
104
|
}
|
package/src/index.js
CHANGED
|
@@ -42,9 +42,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
42
42
|
export { default as Picker } from "./components/Picker/Picker";
|
|
43
43
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
44
44
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
45
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
46
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
47
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
48
45
|
export { default as Slider } from "./components/Slider";
|
|
49
46
|
export { default as Stepper } from "./components/Stepper";
|
|
50
47
|
export { useAuthState } from "./components/useAuthState";
|
package/src/index.tsx
CHANGED
|
@@ -67,9 +67,6 @@ export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
|
67
67
|
export { default as Picker } from "./components/Picker/Picker";
|
|
68
68
|
export { default as ProgressBar } from "./components/ProgressBar";
|
|
69
69
|
export { default as ProgressCircle } from "./components/ProgressCircle";
|
|
70
|
-
export { default as RowBodyIcon } from "./components/RowBodyIcon";
|
|
71
|
-
export { default as RowHeadlineImageCaption } from "./components/RowHeadlineImageCaption";
|
|
72
|
-
export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIcon";
|
|
73
70
|
export { default as Slider } from "./components/Slider";
|
|
74
71
|
export { default as Stepper } from "./components/Stepper";
|
|
75
72
|
export { useAuthState } from "./components/useAuthState";
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createTextProp, GROUPS, } from "@draftbit/types";
|
|
2
|
+
const SHARED_SEED_DATA = {
|
|
3
|
+
category: COMPONENT_TYPES.layout,
|
|
4
|
+
packageName: "native-base",
|
|
5
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
|
|
6
|
+
};
|
|
7
|
+
export const SEED_DATA = [
|
|
8
|
+
{
|
|
9
|
+
name: "Aspect Ratio",
|
|
10
|
+
tag: "AspectRatio",
|
|
11
|
+
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
12
|
+
...SHARED_SEED_DATA,
|
|
13
|
+
props: {
|
|
14
|
+
ratio: createTextProp({
|
|
15
|
+
label: "Ratio",
|
|
16
|
+
description: "The aspect ratio of the container",
|
|
17
|
+
defaultValue: "4/3",
|
|
18
|
+
group: GROUPS.basic,
|
|
19
|
+
}),
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: "Box",
|
|
24
|
+
tag: "Box",
|
|
25
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
26
|
+
...SHARED_SEED_DATA,
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
name: "Center",
|
|
30
|
+
tag: "Center",
|
|
31
|
+
description: "Center aligns its contents to the center within itself",
|
|
32
|
+
...SHARED_SEED_DATA,
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
name: "Circle",
|
|
36
|
+
tag: "Circle",
|
|
37
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
38
|
+
...SHARED_SEED_DATA,
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
name: "Container",
|
|
42
|
+
tag: "Container",
|
|
43
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
44
|
+
...SHARED_SEED_DATA,
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
name: "Column",
|
|
48
|
+
tag: "Column",
|
|
49
|
+
description: "Column aligns items vertically",
|
|
50
|
+
...SHARED_SEED_DATA,
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: "Row",
|
|
54
|
+
tag: "Row",
|
|
55
|
+
description: "Column aligns items horizontally",
|
|
56
|
+
...SHARED_SEED_DATA,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
name: "Spacer",
|
|
60
|
+
tag: "Spacer",
|
|
61
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
62
|
+
...SHARED_SEED_DATA,
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
name: "Stack",
|
|
66
|
+
tag: "Stack",
|
|
67
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
68
|
+
...SHARED_SEED_DATA,
|
|
69
|
+
props: {
|
|
70
|
+
direction: createTextEnumProp({
|
|
71
|
+
label: "Direction",
|
|
72
|
+
description: "The direction of the Stack",
|
|
73
|
+
options: ["row", "column"],
|
|
74
|
+
defaultValue: "column",
|
|
75
|
+
}),
|
|
76
|
+
reversed: createBoolProp({
|
|
77
|
+
label: "Reversed",
|
|
78
|
+
description: "Determines whether to reverse the direction of items.",
|
|
79
|
+
}),
|
|
80
|
+
isDisabled: createBoolProp({
|
|
81
|
+
label: "Disabled",
|
|
82
|
+
description: "If true, the Stack will be disabled.",
|
|
83
|
+
}),
|
|
84
|
+
isInvalid: createBoolProp({
|
|
85
|
+
label: "Invalid",
|
|
86
|
+
description: "If true, the Stack will be invalid.",
|
|
87
|
+
}),
|
|
88
|
+
},
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
name: "ZStack",
|
|
92
|
+
tag: "ZStack",
|
|
93
|
+
description: "ZStack aligns items to the z-axis.",
|
|
94
|
+
...SHARED_SEED_DATA,
|
|
95
|
+
props: {
|
|
96
|
+
reversed: createBoolProp({
|
|
97
|
+
label: "Reversed",
|
|
98
|
+
description: "Determines whether to reverse the direction of items.",
|
|
99
|
+
}),
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
];
|