@draftbit/core 46.10.2-bd04b0.2 → 46.10.2-da1334.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/Checkbox/CheckboxRow.js +23 -6
- package/lib/commonjs/components/Checkbox/context.js +1 -1
- package/lib/commonjs/index.js +0 -21
- package/lib/commonjs/mappings/NativeBase/Layout.js +98 -0
- package/lib/module/components/Picker/PickerComponent.android.js +21 -3
- 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 +4 -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
|
@@ -14,8 +14,7 @@ var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
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
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
|
-
|
|
18
|
-
let Direction;
|
|
17
|
+
var Direction;
|
|
19
18
|
exports.Direction = Direction;
|
|
20
19
|
(function (Direction) {
|
|
21
20
|
Direction["Row"] = "row";
|
|
@@ -58,7 +57,6 @@ const CheckboxRow = _ref => {
|
|
|
58
57
|
setInternalValue(status);
|
|
59
58
|
}
|
|
60
59
|
}, [status]);
|
|
61
|
-
|
|
62
60
|
// This special logic is to handle weird APIs like Airtable that return
|
|
63
61
|
// true or undefined for a boolean
|
|
64
62
|
const previousDefaultValue = (0, _hooks.usePrevious)(defaultValue);
|
|
@@ -82,13 +80,14 @@ const CheckboxRow = _ref => {
|
|
|
82
80
|
textStyles,
|
|
83
81
|
viewStyles
|
|
84
82
|
} = (0, _utilities.extractStyles)(style);
|
|
85
|
-
return /*#__PURE__*/React.createElement(_reactNative.Pressable,
|
|
83
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
86
84
|
onPress: handlePress,
|
|
87
85
|
style: [viewStyles, styles.mainParent, {
|
|
88
86
|
flexDirection: direction
|
|
89
87
|
}],
|
|
90
|
-
disabled: disabled
|
|
91
|
-
|
|
88
|
+
disabled: disabled,
|
|
89
|
+
...rest
|
|
90
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
92
91
|
style: [styles.label, {
|
|
93
92
|
alignItems: direction === Direction.Row ? "flex-start" : "flex-end"
|
|
94
93
|
}, labelContainerStyle]
|
|
@@ -125,4 +124,22 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
125
124
|
}
|
|
126
125
|
});
|
|
127
126
|
var _default = CheckboxRow;
|
|
127
|
+
exports.default = _default;ems: "center",
|
|
128
|
+
justifyContent: "space-around",
|
|
129
|
+
paddingStart: 20,
|
|
130
|
+
minHeight: 50,
|
|
131
|
+
paddingEnd: 20,
|
|
132
|
+
display: "flex",
|
|
133
|
+
..._reactNative.Platform.select({
|
|
134
|
+
web: {
|
|
135
|
+
cursor: "pointer",
|
|
136
|
+
userSelect: "none"
|
|
137
|
+
}
|
|
138
|
+
})
|
|
139
|
+
},
|
|
140
|
+
label: {
|
|
141
|
+
flex: 3
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
var _default = CheckboxRow;
|
|
128
145
|
exports.default = _default;
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.checkboxGroupContext = exports.Direction = void 0;
|
|
7
7
|
exports.useCheckboxGroupContext = useCheckboxGroupContext;
|
|
8
8
|
var _react = require("react");
|
|
9
|
-
|
|
9
|
+
var Direction;
|
|
10
10
|
exports.Direction = Direction;
|
|
11
11
|
(function (Direction) {
|
|
12
12
|
Direction["Horizontal"] = "horizontal";
|
package/lib/commonjs/index.js
CHANGED
|
@@ -255,24 +255,6 @@ Object.defineProperty(exports, "Row", {
|
|
|
255
255
|
return _Layout.Row;
|
|
256
256
|
}
|
|
257
257
|
});
|
|
258
|
-
Object.defineProperty(exports, "RowBodyIcon", {
|
|
259
|
-
enumerable: true,
|
|
260
|
-
get: function () {
|
|
261
|
-
return _RowBodyIcon.default;
|
|
262
|
-
}
|
|
263
|
-
});
|
|
264
|
-
Object.defineProperty(exports, "RowHeadlineImageCaption", {
|
|
265
|
-
enumerable: true,
|
|
266
|
-
get: function () {
|
|
267
|
-
return _RowHeadlineImageCaption.default;
|
|
268
|
-
}
|
|
269
|
-
});
|
|
270
|
-
Object.defineProperty(exports, "RowHeadlineImageIcon", {
|
|
271
|
-
enumerable: true,
|
|
272
|
-
get: function () {
|
|
273
|
-
return _RowHeadlineImageIcon.default;
|
|
274
|
-
}
|
|
275
|
-
});
|
|
276
258
|
Object.defineProperty(exports, "SVG", {
|
|
277
259
|
enumerable: true,
|
|
278
260
|
get: function () {
|
|
@@ -459,9 +441,6 @@ var _DatePicker = _interopRequireDefault(require("./components/DatePicker/DatePi
|
|
|
459
441
|
var _Picker = _interopRequireDefault(require("./components/Picker/Picker"));
|
|
460
442
|
var _ProgressBar = _interopRequireDefault(require("./components/ProgressBar"));
|
|
461
443
|
var _ProgressCircle = _interopRequireDefault(require("./components/ProgressCircle"));
|
|
462
|
-
var _RowBodyIcon = _interopRequireDefault(require("./components/RowBodyIcon"));
|
|
463
|
-
var _RowHeadlineImageCaption = _interopRequireDefault(require("./components/RowHeadlineImageCaption"));
|
|
464
|
-
var _RowHeadlineImageIcon = _interopRequireDefault(require("./components/RowHeadlineImageIcon"));
|
|
465
444
|
var _Slider = _interopRequireDefault(require("./components/Slider"));
|
|
466
445
|
var _Stepper = _interopRequireDefault(require("./components/Stepper"));
|
|
467
446
|
var _useAuthState = require("./components/useAuthState");
|
|
@@ -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: "Controls the size of the undefined dimension of a node or child component using an aspect ration",
|
|
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,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 { View, StyleSheet } from "react-native";
|
|
4
3
|
import omit from "lodash.omit";
|
|
@@ -8,7 +7,6 @@ import { extractStyles } from "../../utilities";
|
|
|
8
7
|
import TextField from "../TextField";
|
|
9
8
|
import Touchable from "../Touchable";
|
|
10
9
|
const Picker = _ref => {
|
|
11
|
-
var _options$find$label, _options$find;
|
|
12
10
|
let {
|
|
13
11
|
style,
|
|
14
12
|
options,
|
|
@@ -18,6 +16,7 @@ const Picker = _ref => {
|
|
|
18
16
|
onValueChange: onValueChangeOverride = () => {},
|
|
19
17
|
...props
|
|
20
18
|
} = _ref;
|
|
19
|
+
var _a, _b;
|
|
21
20
|
const {
|
|
22
21
|
viewStyles: {
|
|
23
22
|
borderRadius,
|
|
@@ -62,7 +61,7 @@ const Picker = _ref => {
|
|
|
62
61
|
};
|
|
63
62
|
|
|
64
63
|
const stylesWithoutMargin = style && omit(StyleSheet.flatten(style), ["margin", "marginTop", "marginRight", "marginBottom", "marginLeft"]);
|
|
65
|
-
const selectedLabel = selectedValue && ((
|
|
64
|
+
const selectedLabel = selectedValue && ((_b = (_a = options.find(o => o.value === selectedValue)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : selectedValue);
|
|
66
65
|
return /*#__PURE__*/React.createElement(Touchable, {
|
|
67
66
|
disabled: disabled,
|
|
68
67
|
onPress: toggleFocus,
|
|
@@ -84,6 +83,25 @@ const Picker = _ref => {
|
|
|
84
83
|
label: o.label,
|
|
85
84
|
value: o.value,
|
|
86
85
|
key: o.value
|
|
86
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
87
|
+
pointerEvents: "none"
|
|
88
|
+
}, /*#__PURE__*/React.createElement(TextField, {
|
|
89
|
+
...props,
|
|
90
|
+
value: selectedLabel,
|
|
91
|
+
placeholder: placeholder,
|
|
92
|
+
// @ts-ignore
|
|
93
|
+
ref: textField,
|
|
94
|
+
disabled: disabled,
|
|
95
|
+
// @ts-expect-error
|
|
96
|
+
style: stylesWithoutMargin
|
|
97
|
+
}))));
|
|
98
|
+
};
|
|
99
|
+
const styles = StyleSheet.create({
|
|
100
|
+
container: {
|
|
101
|
+
alignSelf: "stretch"
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
export default withTheme(Picker);y: o.value
|
|
87
105
|
}))), /*#__PURE__*/React.createElement(View, {
|
|
88
106
|
pointerEvents: "none"
|
|
89
107
|
}, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
|
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: "Controls the size of the undefined dimension of a node or child component using an aspect ration",
|
|
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-da1334.2+da13341",
|
|
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-da1334.2+da13341",
|
|
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",
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
"react-native-tab-view": "^3.4.0",
|
|
65
65
|
"react-native-typography": "^1.4.1",
|
|
66
66
|
"react-native-web-swiper": "^2.2.3",
|
|
67
|
+
"react-native-web-webview": "^1.0.2",
|
|
67
68
|
"react-native-youtube-iframe": "^2.2.2"
|
|
68
69
|
},
|
|
69
70
|
"devDependencies": {
|
|
@@ -99,5 +100,5 @@
|
|
|
99
100
|
]
|
|
100
101
|
]
|
|
101
102
|
},
|
|
102
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "da13341a2da679db799e72e83ef807514444daf1"
|
|
103
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: "Controls the size of the undefined dimension of a node or child component using an aspect ration",
|
|
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
|
+
];
|