@draftbit/core 46.10.2 → 46.10.3-6f5759.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/components/TabView/TabView.js +13 -7
- package/lib/commonjs/index.js +0 -21
- package/lib/commonjs/mappings/NativeBase/Layout.js +107 -0
- package/lib/module/index.js +0 -3
- package/lib/module/mappings/NativeBase/Layout.js +100 -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 +117 -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 +112 -0
- package/src/mappings/NativeBase/Layout.ts +133 -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
|
+
let Direction;
|
|
10
10
|
exports.Direction = Direction;
|
|
11
11
|
(function (Direction) {
|
|
12
12
|
Direction["Horizontal"] = "horizontal";
|
|
@@ -10,7 +10,6 @@ var _theming = require("../../theming");
|
|
|
10
10
|
var _utilities = require("../../utilities");
|
|
11
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
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
|
-
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); }
|
|
14
13
|
const TabViewComponent = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
Icon,
|
|
@@ -36,13 +35,11 @@ const TabViewComponent = _ref => {
|
|
|
36
35
|
textStyles,
|
|
37
36
|
viewStyles
|
|
38
37
|
} = (0, _utilities.extractStyles)(style);
|
|
39
|
-
|
|
40
38
|
//Check type of child using props
|
|
41
39
|
//Regular '.type' cannot work because Draftbit strips the type in Draft view
|
|
42
40
|
const instanceOfTabViewItemProps = object => {
|
|
43
41
|
return "title" in object;
|
|
44
42
|
};
|
|
45
|
-
|
|
46
43
|
//Populate routes and scenes based on children
|
|
47
44
|
React.useEffect(() => {
|
|
48
45
|
const newRoutes = [];
|
|
@@ -68,7 +65,8 @@ const TabViewComponent = _ref => {
|
|
|
68
65
|
}
|
|
69
66
|
};
|
|
70
67
|
const renderTabBar = props => {
|
|
71
|
-
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar,
|
|
68
|
+
return /*#__PURE__*/React.createElement(_reactNativeTabView.TabBar, {
|
|
69
|
+
...props,
|
|
72
70
|
activeColor: activeColor || theme.colors.primary,
|
|
73
71
|
inactiveColor: inactiveColor || theme.colors.divider,
|
|
74
72
|
pressColor: pressColor || theme.colors.primary,
|
|
@@ -82,7 +80,7 @@ const TabViewComponent = _ref => {
|
|
|
82
80
|
route,
|
|
83
81
|
color
|
|
84
82
|
} = _ref2;
|
|
85
|
-
return route
|
|
83
|
+
return (route === null || route === void 0 ? void 0 : route.icon) ? /*#__PURE__*/React.createElement(Icon, {
|
|
86
84
|
name: route.icon,
|
|
87
85
|
color: color,
|
|
88
86
|
size: 16
|
|
@@ -91,9 +89,8 @@ const TabViewComponent = _ref => {
|
|
|
91
89
|
style: {
|
|
92
90
|
backgroundColor: tabsBackgroundColor || theme.colors.background
|
|
93
91
|
}
|
|
94
|
-
})
|
|
92
|
+
});
|
|
95
93
|
};
|
|
96
|
-
|
|
97
94
|
//Cannot render TabView without at least one tab
|
|
98
95
|
if (!routes.length) {
|
|
99
96
|
return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
@@ -113,4 +110,13 @@ const TabViewComponent = _ref => {
|
|
|
113
110
|
});
|
|
114
111
|
};
|
|
115
112
|
var _default = (0, _theming.withTheme)(TabViewComponent);
|
|
113
|
+
exports.default = _default; renderScene: (0, _reactNativeTabView.SceneMap)(tabScenes),
|
|
114
|
+
renderTabBar: renderTabBar,
|
|
115
|
+
onIndexChange: indexChangeHandler,
|
|
116
|
+
tabBarPosition: tabBarPosition,
|
|
117
|
+
keyboardDismissMode: keyboardDismissMode,
|
|
118
|
+
swipeEnabled: swipeEnabled
|
|
119
|
+
});
|
|
120
|
+
};
|
|
121
|
+
var _default = (0, _theming.withTheme)(TabViewComponent);
|
|
116
122
|
exports.default = _default;
|
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,107 @@
|
|
|
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 CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = _types.CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== _types.StylesPanelSections.LayoutFlexItems && item !== _types.StylesPanelSections.LayoutContent);
|
|
14
|
+
const SEED_DATA = [{
|
|
15
|
+
name: "Aspect Ratio",
|
|
16
|
+
tag: "AspectRatio",
|
|
17
|
+
description: "Controls the size of the undefined dimension of a node or child component using an aspect ratio",
|
|
18
|
+
...SHARED_SEED_DATA,
|
|
19
|
+
props: {
|
|
20
|
+
ratio: (0, _types.createStaticNumberProp)({
|
|
21
|
+
label: "Ratio",
|
|
22
|
+
description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
|
|
23
|
+
defaultValue: 1.33
|
|
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
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
37
|
+
}, {
|
|
38
|
+
name: "Circle",
|
|
39
|
+
tag: "Circle",
|
|
40
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
41
|
+
...SHARED_SEED_DATA,
|
|
42
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
43
|
+
}, {
|
|
44
|
+
name: "Container",
|
|
45
|
+
tag: "Container",
|
|
46
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
|
|
47
|
+
...SHARED_SEED_DATA
|
|
48
|
+
}, {
|
|
49
|
+
name: "Column",
|
|
50
|
+
tag: "Column",
|
|
51
|
+
description: "Column aligns items vertically",
|
|
52
|
+
layout: {
|
|
53
|
+
flexDirection: "column"
|
|
54
|
+
},
|
|
55
|
+
...SHARED_SEED_DATA
|
|
56
|
+
}, {
|
|
57
|
+
name: "Row",
|
|
58
|
+
tag: "Row",
|
|
59
|
+
description: "Column aligns items horizontally",
|
|
60
|
+
layout: {
|
|
61
|
+
flexDirection: "row"
|
|
62
|
+
},
|
|
63
|
+
...SHARED_SEED_DATA
|
|
64
|
+
}, {
|
|
65
|
+
name: "Spacer",
|
|
66
|
+
tag: "Spacer",
|
|
67
|
+
description: "An adjustable, empty space that can be used to tune the spacing between child elements within Flex",
|
|
68
|
+
...SHARED_SEED_DATA,
|
|
69
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
70
|
+
}, {
|
|
71
|
+
name: "Stack",
|
|
72
|
+
tag: "Stack",
|
|
73
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop",
|
|
74
|
+
...SHARED_SEED_DATA,
|
|
75
|
+
props: {
|
|
76
|
+
direction: (0, _types.createTextEnumProp)({
|
|
77
|
+
label: "Direction",
|
|
78
|
+
description: "The direction of the Stack",
|
|
79
|
+
options: ["row", "column"],
|
|
80
|
+
defaultValue: "column"
|
|
81
|
+
}),
|
|
82
|
+
reversed: (0, _types.createBoolProp)({
|
|
83
|
+
label: "Reversed",
|
|
84
|
+
description: "Determines whether to reverse the direction of items"
|
|
85
|
+
}),
|
|
86
|
+
isDisabled: (0, _types.createBoolProp)({
|
|
87
|
+
label: "Disabled",
|
|
88
|
+
description: "If true, the Stack will be disabled"
|
|
89
|
+
}),
|
|
90
|
+
isInvalid: (0, _types.createBoolProp)({
|
|
91
|
+
label: "Invalid",
|
|
92
|
+
description: "If true, the Stack will be invalid"
|
|
93
|
+
})
|
|
94
|
+
}
|
|
95
|
+
}, {
|
|
96
|
+
name: "ZStack",
|
|
97
|
+
tag: "ZStack",
|
|
98
|
+
description: "ZStack aligns items to the z-axis",
|
|
99
|
+
...SHARED_SEED_DATA,
|
|
100
|
+
props: {
|
|
101
|
+
reversed: (0, _types.createBoolProp)({
|
|
102
|
+
label: "Reversed",
|
|
103
|
+
description: "Determines whether to reverse the direction of items"
|
|
104
|
+
})
|
|
105
|
+
}
|
|
106
|
+
}];
|
|
107
|
+
exports.SEED_DATA = SEED_DATA;
|
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,100 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, createTextEnumProp, createBoolProp, CONTAINER_COMPONENT_STYLES_SECTIONS, createStaticNumberProp, StylesPanelSections } 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
|
+
const CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX = CONTAINER_COMPONENT_STYLES_SECTIONS.filter(item => item !== StylesPanelSections.LayoutFlexItems && item !== StylesPanelSections.LayoutContent);
|
|
8
|
+
export const SEED_DATA = [{
|
|
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 ratio",
|
|
12
|
+
...SHARED_SEED_DATA,
|
|
13
|
+
props: {
|
|
14
|
+
ratio: createStaticNumberProp({
|
|
15
|
+
label: "Ratio",
|
|
16
|
+
description: "The aspect ratio of the container in decimal format (ex: 3/4 -> 1.33)",
|
|
17
|
+
defaultValue: 1.33
|
|
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
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
31
|
+
}, {
|
|
32
|
+
name: "Circle",
|
|
33
|
+
tag: "Circle",
|
|
34
|
+
description: "Center aligns its contents to the center within itself with a round border radius",
|
|
35
|
+
...SHARED_SEED_DATA,
|
|
36
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
37
|
+
}, {
|
|
38
|
+
name: "Container",
|
|
39
|
+
tag: "Container",
|
|
40
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid",
|
|
41
|
+
...SHARED_SEED_DATA
|
|
42
|
+
}, {
|
|
43
|
+
name: "Column",
|
|
44
|
+
tag: "Column",
|
|
45
|
+
description: "Column aligns items vertically",
|
|
46
|
+
layout: {
|
|
47
|
+
flexDirection: "column"
|
|
48
|
+
},
|
|
49
|
+
...SHARED_SEED_DATA
|
|
50
|
+
}, {
|
|
51
|
+
name: "Row",
|
|
52
|
+
tag: "Row",
|
|
53
|
+
description: "Column aligns items horizontally",
|
|
54
|
+
layout: {
|
|
55
|
+
flexDirection: "row"
|
|
56
|
+
},
|
|
57
|
+
...SHARED_SEED_DATA
|
|
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
|
+
stylesPanelSections: CONTAINER_COMPONENT_STYLES_WITHOUT_FLEX
|
|
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
|
+
name: "ZStack",
|
|
91
|
+
tag: "ZStack",
|
|
92
|
+
description: "ZStack aligns items to the z-axis",
|
|
93
|
+
...SHARED_SEED_DATA,
|
|
94
|
+
props: {
|
|
95
|
+
reversed: createBoolProp({
|
|
96
|
+
label: "Reversed",
|
|
97
|
+
description: "Determines whether to reverse the direction of items"
|
|
98
|
+
})
|
|
99
|
+
}
|
|
100
|
+
}];
|
|
@@ -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,117 @@
|
|
|
1
|
+
export declare const SEED_DATA: ({
|
|
2
|
+
props: {
|
|
3
|
+
ratio: {
|
|
4
|
+
label: string;
|
|
5
|
+
description: string;
|
|
6
|
+
formType: string;
|
|
7
|
+
propType: string;
|
|
8
|
+
group: string;
|
|
9
|
+
defaultValue: null;
|
|
10
|
+
editable: boolean;
|
|
11
|
+
required: boolean;
|
|
12
|
+
step: number;
|
|
13
|
+
};
|
|
14
|
+
direction?: undefined;
|
|
15
|
+
reversed?: undefined;
|
|
16
|
+
isDisabled?: undefined;
|
|
17
|
+
isInvalid?: undefined;
|
|
18
|
+
};
|
|
19
|
+
category: string;
|
|
20
|
+
packageName: string;
|
|
21
|
+
stylesPanelSections: string[];
|
|
22
|
+
name: string;
|
|
23
|
+
tag: string;
|
|
24
|
+
description: string;
|
|
25
|
+
} | {
|
|
26
|
+
category: string;
|
|
27
|
+
packageName: string;
|
|
28
|
+
stylesPanelSections: string[];
|
|
29
|
+
name: string;
|
|
30
|
+
tag: string;
|
|
31
|
+
description: string;
|
|
32
|
+
} | {
|
|
33
|
+
category: string;
|
|
34
|
+
packageName: string;
|
|
35
|
+
stylesPanelSections: string[];
|
|
36
|
+
name: string;
|
|
37
|
+
tag: string;
|
|
38
|
+
description: string;
|
|
39
|
+
layout: {
|
|
40
|
+
flexDirection: string;
|
|
41
|
+
};
|
|
42
|
+
} | {
|
|
43
|
+
props: {
|
|
44
|
+
direction: {
|
|
45
|
+
group: string;
|
|
46
|
+
label: string;
|
|
47
|
+
description: string;
|
|
48
|
+
editable: boolean;
|
|
49
|
+
required: boolean;
|
|
50
|
+
formType: string;
|
|
51
|
+
propType: string;
|
|
52
|
+
defaultValue: null;
|
|
53
|
+
options: never[];
|
|
54
|
+
};
|
|
55
|
+
reversed: {
|
|
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
|
+
isDisabled: {
|
|
66
|
+
label: string;
|
|
67
|
+
description: string;
|
|
68
|
+
formType: string;
|
|
69
|
+
propType: string;
|
|
70
|
+
defaultValue: boolean;
|
|
71
|
+
editable: boolean;
|
|
72
|
+
required: boolean;
|
|
73
|
+
group: string;
|
|
74
|
+
};
|
|
75
|
+
isInvalid: {
|
|
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
|
+
};
|
|
87
|
+
category: string;
|
|
88
|
+
packageName: string;
|
|
89
|
+
stylesPanelSections: string[];
|
|
90
|
+
name: string;
|
|
91
|
+
tag: string;
|
|
92
|
+
description: string;
|
|
93
|
+
} | {
|
|
94
|
+
props: {
|
|
95
|
+
reversed: {
|
|
96
|
+
label: string;
|
|
97
|
+
description: string;
|
|
98
|
+
formType: string;
|
|
99
|
+
propType: string;
|
|
100
|
+
defaultValue: boolean;
|
|
101
|
+
editable: boolean;
|
|
102
|
+
required: boolean;
|
|
103
|
+
group: string;
|
|
104
|
+
};
|
|
105
|
+
ratio?: undefined;
|
|
106
|
+
direction?: undefined;
|
|
107
|
+
isDisabled?: undefined;
|
|
108
|
+
isInvalid?: undefined;
|
|
109
|
+
};
|
|
110
|
+
category: string;
|
|
111
|
+
packageName: string;
|
|
112
|
+
stylesPanelSections: string[];
|
|
113
|
+
name: string;
|
|
114
|
+
tag: string;
|
|
115
|
+
description: string;
|
|
116
|
+
})[];
|
|
117
|
+
//# sourceMappingURL=Layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/mappings/NativeBase/Layout.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8GrB,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.3-6f5759.2+6f57590",
|
|
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.3-6f5759.2+6f57590",
|
|
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": "6f575904eb16220ca3a10cc789d403e95184f81b"
|
|
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";
|