@draftbit/core 46.8.2-799d91.2 → 46.8.2-9431ce.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/Image.js +2 -17
- package/lib/commonjs/components/Portal/PortalHost.js +15 -44
- package/lib/commonjs/components/ScreenContainer.js +6 -24
- package/lib/commonjs/mappings/Markdown.js +2 -2
- package/lib/module/mappings/Markdown.js +2 -2
- package/package.json +3 -3
- package/src/mappings/Markdown.js +2 -2
- package/src/mappings/Markdown.ts +2 -2
|
@@ -9,8 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _Config = _interopRequireDefault(require("./Config"));
|
|
10
10
|
var _AspectRatio = _interopRequireDefault(require("./AspectRatio"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
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 generateDimensions = _ref => {
|
|
15
14
|
let {
|
|
16
15
|
aspectRatio,
|
|
@@ -63,27 +62,13 @@ const Image = _ref2 => {
|
|
|
63
62
|
height,
|
|
64
63
|
aspectRatio
|
|
65
64
|
}]
|
|
66
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
67
|
-
...props,
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
|
|
68
66
|
source: imageSource,
|
|
69
67
|
resizeMode: resizeMode,
|
|
70
68
|
style: [style, {
|
|
71
69
|
height: "100%",
|
|
72
70
|
width: "100%"
|
|
73
71
|
}]
|
|
74
|
-
}));
|
|
75
|
-
}
|
|
76
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
|
|
77
|
-
...props,
|
|
78
|
-
source: source,
|
|
79
|
-
resizeMode: resizeMode,
|
|
80
|
-
style: style
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
var _default = Image;
|
|
84
|
-
exports.default = _default; "100%",
|
|
85
|
-
width: "100%"
|
|
86
|
-
}]
|
|
87
72
|
})));
|
|
88
73
|
}
|
|
89
74
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
|
|
@@ -10,7 +10,11 @@ var _PortalManager = _interopRequireDefault(require("./PortalManager"));
|
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
16
|
const PortalContext = /*#__PURE__*/React.createContext(null);
|
|
17
|
+
|
|
14
18
|
/**
|
|
15
19
|
* Portal host renders all of its children `Portal` elements.
|
|
16
20
|
* For example, you can wrap a screen in `Portal.Host` to render items above the screen.
|
|
@@ -39,10 +43,10 @@ exports.PortalContext = PortalContext;
|
|
|
39
43
|
class PortalHost extends React.Component {
|
|
40
44
|
constructor() {
|
|
41
45
|
super(...arguments);
|
|
42
|
-
this
|
|
46
|
+
_defineProperty(this, "setManager", manager => {
|
|
43
47
|
this.manager = manager;
|
|
44
|
-
};
|
|
45
|
-
this
|
|
48
|
+
});
|
|
49
|
+
_defineProperty(this, "mount", children => {
|
|
46
50
|
const key = this.nextKey++;
|
|
47
51
|
if (this.manager) {
|
|
48
52
|
this.manager.mount(key, children);
|
|
@@ -54,8 +58,8 @@ class PortalHost extends React.Component {
|
|
|
54
58
|
});
|
|
55
59
|
}
|
|
56
60
|
return key;
|
|
57
|
-
};
|
|
58
|
-
this
|
|
61
|
+
});
|
|
62
|
+
_defineProperty(this, "update", (key, children) => {
|
|
59
63
|
if (this.manager) {
|
|
60
64
|
this.manager.update(key, children);
|
|
61
65
|
} else {
|
|
@@ -72,8 +76,8 @@ class PortalHost extends React.Component {
|
|
|
72
76
|
this.queue.push(op);
|
|
73
77
|
}
|
|
74
78
|
}
|
|
75
|
-
};
|
|
76
|
-
this
|
|
79
|
+
});
|
|
80
|
+
_defineProperty(this, "unmount", key => {
|
|
77
81
|
if (this.manager) {
|
|
78
82
|
this.manager.unmount(key);
|
|
79
83
|
} else {
|
|
@@ -82,9 +86,10 @@ class PortalHost extends React.Component {
|
|
|
82
86
|
key
|
|
83
87
|
});
|
|
84
88
|
}
|
|
85
|
-
};
|
|
86
|
-
this
|
|
87
|
-
this
|
|
89
|
+
});
|
|
90
|
+
_defineProperty(this, "nextKey", 0);
|
|
91
|
+
_defineProperty(this, "queue", []);
|
|
92
|
+
_defineProperty(this, "manager", void 0);
|
|
88
93
|
}
|
|
89
94
|
componentDidMount() {
|
|
90
95
|
const manager = this.manager;
|
|
@@ -123,40 +128,6 @@ class PortalHost extends React.Component {
|
|
|
123
128
|
}
|
|
124
129
|
}
|
|
125
130
|
exports.default = PortalHost;
|
|
126
|
-
PortalHost.displayName = "Portal.Host";
|
|
127
|
-
const styles = _reactNative.StyleSheet.create({
|
|
128
|
-
container: {
|
|
129
|
-
flex: 1
|
|
130
|
-
}
|
|
131
|
-
});nager.mount(action.key, action.children);
|
|
132
|
-
break;
|
|
133
|
-
case "update":
|
|
134
|
-
manager.update(action.key, action.children);
|
|
135
|
-
break;
|
|
136
|
-
case "unmount":
|
|
137
|
-
manager.unmount(action.key);
|
|
138
|
-
break;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
render() {
|
|
144
|
-
return /*#__PURE__*/React.createElement(PortalContext.Provider, {
|
|
145
|
-
value: {
|
|
146
|
-
mount: this.mount,
|
|
147
|
-
update: this.update,
|
|
148
|
-
unmount: this.unmount
|
|
149
|
-
}
|
|
150
|
-
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
151
|
-
style: styles.container,
|
|
152
|
-
collapsable: false,
|
|
153
|
-
pointerEvents: "box-none"
|
|
154
|
-
}, this.props.children), /*#__PURE__*/React.createElement(_PortalManager.default, {
|
|
155
|
-
ref: this.setManager
|
|
156
|
-
}));
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
exports.default = PortalHost;
|
|
160
131
|
_defineProperty(PortalHost, "displayName", "Portal.Host");
|
|
161
132
|
const styles = _reactNative.StyleSheet.create({
|
|
162
133
|
container: {
|
|
@@ -10,7 +10,9 @@ var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
|
10
10
|
var _theming = require("../theming");
|
|
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); }
|
|
13
14
|
function ScreenContainer(_ref) {
|
|
15
|
+
var _StyleSheet$flatten;
|
|
14
16
|
let {
|
|
15
17
|
scrollable = false,
|
|
16
18
|
hasSafeArea = false,
|
|
@@ -21,8 +23,7 @@ function ScreenContainer(_ref) {
|
|
|
21
23
|
children,
|
|
22
24
|
...rest
|
|
23
25
|
} = _ref;
|
|
24
|
-
|
|
25
|
-
const backgroundColor = ((_a = _reactNative.StyleSheet.flatten(style)) === null || _a === void 0 ? void 0 : _a.backgroundColor) || theme.colors.background;
|
|
26
|
+
const backgroundColor = ((_StyleSheet$flatten = _reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.backgroundColor) || theme.colors.background;
|
|
26
27
|
const edges = ["left", "right"];
|
|
27
28
|
if (hasSafeArea || hasTopSafeArea) {
|
|
28
29
|
edges.push("top");
|
|
@@ -30,13 +31,12 @@ function ScreenContainer(_ref) {
|
|
|
30
31
|
if (hasSafeArea || hasBottomSafeArea) {
|
|
31
32
|
edges.push("bottom");
|
|
32
33
|
}
|
|
33
|
-
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
|
|
34
|
+
return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, _extends({
|
|
34
35
|
edges: edges,
|
|
35
36
|
style: [styles.container, {
|
|
36
37
|
backgroundColor
|
|
37
|
-
}]
|
|
38
|
-
|
|
39
|
-
}, scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
38
|
+
}]
|
|
39
|
+
}, rest), scrollable ? /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
|
|
40
40
|
contentContainerStyle: [styles.scrollViewContainer, {
|
|
41
41
|
backgroundColor
|
|
42
42
|
}, style]
|
|
@@ -56,22 +56,4 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
var _default = (0, _theming.withTheme)(ScreenContainer);
|
|
59
|
-
exports.default = _default;olor
|
|
60
|
-
}, style]
|
|
61
|
-
}, children) : /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
62
|
-
style: [styles.container, {
|
|
63
|
-
backgroundColor
|
|
64
|
-
}, style]
|
|
65
|
-
}, children));
|
|
66
|
-
}
|
|
67
|
-
const styles = _reactNative.StyleSheet.create({
|
|
68
|
-
container: {
|
|
69
|
-
flex: 1
|
|
70
|
-
},
|
|
71
|
-
scrollViewContainer: {
|
|
72
|
-
flexGrow: 1,
|
|
73
|
-
flex: undefined
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
var _default = (0, _theming.withTheme)(ScreenContainer);
|
|
77
59
|
exports.default = _default;
|
|
@@ -9,7 +9,7 @@ const SEED_DATA = {
|
|
|
9
9
|
name: "Markdown",
|
|
10
10
|
tag: "Markdown",
|
|
11
11
|
description: "A component that renders markdown",
|
|
12
|
-
category: _types.COMPONENT_TYPES.
|
|
12
|
+
category: _types.COMPONENT_TYPES.text,
|
|
13
13
|
stylesPanelSections: [_types.StylesPanelSections.Typography, _types.StylesPanelSections.LayoutSelectedItem, _types.StylesPanelSections.MarginsAndPaddings, _types.StylesPanelSections.Effects],
|
|
14
14
|
props: {
|
|
15
15
|
children: {
|
|
@@ -20,7 +20,7 @@ const SEED_DATA = {
|
|
|
20
20
|
required: true,
|
|
21
21
|
formType: _types.FORM_TYPES.string,
|
|
22
22
|
propType: _types.PROP_TYPES.STRING,
|
|
23
|
-
defaultValue: "
|
|
23
|
+
defaultValue: "### Markdown"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
};
|
|
@@ -3,7 +3,7 @@ export const SEED_DATA = {
|
|
|
3
3
|
name: "Markdown",
|
|
4
4
|
tag: "Markdown",
|
|
5
5
|
description: "A component that renders markdown",
|
|
6
|
-
category: COMPONENT_TYPES.
|
|
6
|
+
category: COMPONENT_TYPES.text,
|
|
7
7
|
stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
|
|
8
8
|
props: {
|
|
9
9
|
children: {
|
|
@@ -14,7 +14,7 @@ export const SEED_DATA = {
|
|
|
14
14
|
required: true,
|
|
15
15
|
formType: FORM_TYPES.string,
|
|
16
16
|
propType: PROP_TYPES.STRING,
|
|
17
|
-
defaultValue: "
|
|
17
|
+
defaultValue: "### Markdown"
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.8.2-
|
|
3
|
+
"version": "46.8.2-9431ce.2+9431cec",
|
|
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.8.2-
|
|
44
|
+
"@draftbit/types": "^46.8.2-9431ce.2+9431cec",
|
|
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",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
]
|
|
94
94
|
]
|
|
95
95
|
},
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "9431cec6f917305ad98e74b99db8e36ba5f76a62"
|
|
97
97
|
}
|
package/src/mappings/Markdown.js
CHANGED
|
@@ -3,7 +3,7 @@ export const SEED_DATA = {
|
|
|
3
3
|
name: "Markdown",
|
|
4
4
|
tag: "Markdown",
|
|
5
5
|
description: "A component that renders markdown",
|
|
6
|
-
category: COMPONENT_TYPES.
|
|
6
|
+
category: COMPONENT_TYPES.text,
|
|
7
7
|
stylesPanelSections: [
|
|
8
8
|
StylesPanelSections.Typography,
|
|
9
9
|
StylesPanelSections.LayoutSelectedItem,
|
|
@@ -19,7 +19,7 @@ export const SEED_DATA = {
|
|
|
19
19
|
required: true,
|
|
20
20
|
formType: FORM_TYPES.string,
|
|
21
21
|
propType: PROP_TYPES.STRING,
|
|
22
|
-
defaultValue: "
|
|
22
|
+
defaultValue: "### Markdown",
|
|
23
23
|
},
|
|
24
24
|
},
|
|
25
25
|
};
|
package/src/mappings/Markdown.ts
CHANGED
|
@@ -10,7 +10,7 @@ export const SEED_DATA = {
|
|
|
10
10
|
name: "Markdown",
|
|
11
11
|
tag: "Markdown",
|
|
12
12
|
description: "A component that renders markdown",
|
|
13
|
-
category: COMPONENT_TYPES.
|
|
13
|
+
category: COMPONENT_TYPES.text,
|
|
14
14
|
stylesPanelSections: [
|
|
15
15
|
StylesPanelSections.Typography,
|
|
16
16
|
StylesPanelSections.LayoutSelectedItem,
|
|
@@ -26,7 +26,7 @@ export const SEED_DATA = {
|
|
|
26
26
|
required: true,
|
|
27
27
|
formType: FORM_TYPES.string,
|
|
28
28
|
propType: PROP_TYPES.STRING,
|
|
29
|
-
defaultValue: "
|
|
29
|
+
defaultValue: "### Markdown",
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
32
|
};
|