@draftbit/core 46.2.4-be9b73.5 → 46.2.4-cb2c54.5

package/lib/commonjs/components/Portal/PortalHost.js

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const PortalContext = /*#__PURE__*/React.createContext(null);
 /**
  * Portal host renders all of its children `Portal` elements.
@@ -51,11 +49,11 @@ class PortalHost extends React.Component {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "setManager", manager => {
+    this.setManager = manager => {
       this.manager = manager;
-    });
+    };
 
-    _defineProperty(this, "mount", children => {
+    this.mount = children => {
       const key = this.nextKey++;
 
       if (this.manager) {
@@ -69,9 +67,9 @@ class PortalHost extends React.Component {
       }
 
       return key;
-    });
+    };
 
-    _defineProperty(this, "update", (key, children) => {
+    this.update = (key, children) => {
       if (this.manager) {
         this.manager.update(key, children);
       } else {
@@ -89,9 +87,9 @@ class PortalHost extends React.Component {
           this.queue.push(op);
         }
       }
-    });
+    };
 
-    _defineProperty(this, "unmount", key => {
+    this.unmount = key => {
       if (this.manager) {
         this.manager.unmount(key);
       } else {
@@ -100,13 +98,10 @@ class PortalHost extends React.Component {
           key
         });
       }
-    });
-
-    _defineProperty(this, "nextKey", 0);
-
-    _defineProperty(this, "queue", []);
+    };
 
-    _defineProperty(this, "manager", void 0);
+    this.nextKey = 0;
+    this.queue = [];
   }
 
   componentDidMount() {
@@ -152,6 +147,23 @@ class PortalHost extends React.Component {
 
 }
 
+exports.default = PortalHost;
+PortalHost.displayName = "Portal.Host";
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});     style: styles.container,
+      collapsable: false,
+      pointerEvents: "box-none"
+    }, this.props.children), /*#__PURE__*/React.createElement(_PortalManager.default, {
+      ref: this.setManager
+    }));
+  }
+
+}
+
 exports.default = PortalHost;
 
 _defineProperty(PortalHost, "displayName", "Portal.Host");

package/lib/commonjs/components/{Svg.js → SVG.js}

@@ -19,7 +19,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-const Svg = _ref => {
+const SVG = _ref => {
   let {
     source = _Config.default.placeholderSvgURL,
     style
@@ -44,5 +44,5 @@ const Svg = _ref => {
   }));
 };
 
-var _default = Svg;
+var _default = SVG;
 exports.default = _default;

package/lib/commonjs/constants.js

@@ -16,4 +16,4 @@ const APPROX_STATUSBAR_HEIGHT = _reactNative.Platform.select({
   ios: _reactNative.Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
 });
 
-exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;
+exports.APPROX_STATUSBAR_HEIGHT = APPROX_STATUSBAR_HEIGHT;AR_HEIGHT;

package/lib/commonjs/index.js

@@ -291,6 +291,12 @@ Object.defineProperty(exports, "RowHeadlineImageIcon", {
     return _RowHeadlineImageIcon.default;
   }
 });
+Object.defineProperty(exports, "SVG", {
+  enumerable: true,
+  get: function () {
+    return _SVG.default;
+  }
+});
 Object.defineProperty(exports, "ScreenContainer", {
   enumerable: true,
   get: function () {
@@ -339,12 +345,6 @@ Object.defineProperty(exports, "Surface", {
     return _Surface.default;
   }
 });
-Object.defineProperty(exports, "Svg", {
-  enumerable: true,
-  get: function () {
-    return _Svg.default;
-  }
-});
 Object.defineProperty(exports, "Swiper", {
   enumerable: true,
   get: function () {
@@ -448,7 +448,7 @@ var _IconButton = _interopRequireDefault(require("./components/IconButton"));
 
 var _Image = _interopRequireDefault(require("./components/Image"));
 
-var _Svg = _interopRequireDefault(require("./components/Svg"));
+var _SVG = _interopRequireDefault(require("./components/SVG"));
 
 var _NumberInput = _interopRequireDefault(require("./components/NumberInput"));
 

package/lib/commonjs/mappings/{Svg.js → SVG.js}

@@ -11,6 +11,7 @@ const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
+  packageName: "@draftbit/core",
   category: _types.COMPONENT_TYPES.media,
   layout: {
     width: 100,
@@ -18,7 +19,7 @@ const SEED_DATA = {
   },
   stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Position, _types.StylesPanelSections.Effects],
   props: {
-    source: (0, _types.createSvgProp)()
+    source: (0, _types.createSVGProp)()
   }
 };
 exports.SEED_DATA = SEED_DATA;

package/lib/module/components/{Svg.js → SVG.js}

@@ -3,7 +3,7 @@ import { View, Platform, Image } from "react-native";
 import { SvgUri } from "react-native-svg";
 import Config from "./Config";
 
-const Svg = _ref => {
+const SVG = _ref => {
   let {
     source = Config.placeholderSvgURL,
     style
@@ -28,4 +28,4 @@ const Svg = _ref => {
   }));
 };
 
-export default Svg;
+export default SVG;

package/lib/module/components/StarRating.js

@@ -1,5 +1,3 @@
-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); }
-
 import * as React from "react";
 import { View, StyleSheet, Pressable } from "react-native";
 import { withTheme } from "../theming";
@@ -34,9 +32,10 @@ const StarRating = _ref => {
     !!onPress && onPress(r);
   }, [onPress]);
   const ratingRounded = Math.round(localRating * 2) / 2;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, style]
-  }, rest), [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style],
+    ...rest
+  }, [...Array(maxStars)].map((_, i) => /*#__PURE__*/React.createElement(View, {
     key: i,
     style: {
       display: "flex"
@@ -77,4 +76,24 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
+export default withTheme(StarRating);ontainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  touchContainer: {
+    display: "flex",
+    flexDirection: "row",
+    position: "absolute",
+    top: 0,
+    right: 0,
+    left: 0,
+    bottom: 0,
+    zIndex: 1
+  },
+  pressable: {
+    flex: 1,
+    height: "100%",
+    width: "50%"
+  }
+});
 export default withTheme(StarRating);

package/lib/module/constants.js

@@ -5,4 +5,5 @@ const DEFAULT_STATUSBAR_HEIGHT_EXPO = expo !== null && expo !== void 0 && expo.C
 export const APPROX_STATUSBAR_HEIGHT = Platform.select({
   android: DEFAULT_STATUSBAR_HEIGHT_EXPO,
   ios: Platform.Version < 11 ? DEFAULT_STATUSBAR_HEIGHT_EXPO : 0
+});PO : 0
 });

package/lib/module/index.js

@@ -17,7 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";

package/lib/module/mappings/{Svg.js → SVG.js}

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createSvgProp, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections } from "@draftbit/types";
 export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
+  packageName: "@draftbit/core",
   category: COMPONENT_TYPES.media,
   layout: {
     width: 100,
@@ -10,6 +11,6 @@ export const SEED_DATA = {
   },
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Effects],
   props: {
-    source: createSvgProp()
+    source: createSVGProp()
   }
 };

package/lib/typescript/src/components/SVG.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { StyleProp, ImageStyle } from "react-native";
+declare type SVGComponentProps = {
+    source: string;
+    style?: StyleProp<ImageStyle>;
+};
+declare const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>>;
+export default SVG;

package/lib/typescript/src/index.d.ts

@@ -17,7 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";

package/lib/typescript/src/mappings/{Svg.d.ts → SVG.d.ts}

@@ -2,6 +2,7 @@ export declare const SEED_DATA: {
     name: string;
     tag: string;
     description: string;
+    packageName: string;
     category: string;
     layout: {
         width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.2.4-be9b73.5+be9b7356",
+  "version": "46.2.4-cb2c54.5+cb2c5435",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^46.2.4-be9b73.5+be9b7356",
+    "@draftbit/types": "^46.2.4-cb2c54.5+cb2c5435",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.3",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "be9b7356c85df9ed4a1bef6edd77cafdb407bf61"
+  "gitHead": "cb2c543552734b1e7d7056d04da2430dd5a6e4b5"
 }

package/src/components/{Svg.js → SVG.js}

@@ -2,7 +2,7 @@ import * as React from "react";
 import { View, Platform, Image } from "react-native";
 import { SvgUri } from "react-native-svg";
 import Config from "./Config";
-const Svg = ({ source = Config.placeholderSvgURL, style, }) => {
+const SVG = ({ source = Config.placeholderSvgURL, style, }) => {
     return (React.createElement(React.Fragment, null,
         Platform.OS === "ios" && (React.createElement(View, { style: style },
             React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
@@ -10,4 +10,4 @@ const Svg = ({ source = Config.placeholderSvgURL, style, }) => {
             React.createElement(SvgUri, { width: "100%", height: "100%", uri: source }))),
         Platform.OS === "web" && (React.createElement(Image, { style: style, source: { uri: source } }))));
 };
-export default Svg;
+export default SVG;

package/src/components/{Svg.tsx → SVG.tsx}

@@ -1,15 +1,15 @@
 import * as React from "react";
-import { View, Platform, Image } from "react-native";
+import { View, Platform, Image, StyleProp, ImageStyle } from "react-native";
 import { SvgUri } from "react-native-svg";
 
 import Config from "./Config";
 
-type SvgComponentProps = {
+type SVGComponentProps = {
   source: string;
-  style?: any;
+  style?: StyleProp<ImageStyle>;
 };
 
-const Svg: React.FC<React.PropsWithChildren<SvgComponentProps>> = ({
+const SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({
   source = Config.placeholderSvgURL,
   style,
 }) => {
@@ -32,4 +32,4 @@ const Svg: React.FC<React.PropsWithChildren<SvgComponentProps>> = ({
   );
 };
 
-export default Svg;
+export default SVG;

package/src/index.js

@@ -17,7 +17,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";

package/src/index.tsx

@@ -18,7 +18,7 @@ export { default as FAB } from "./components/FAB";
 export { default as FieldSearchBarFull } from "./components/FieldSearchBarFull";
 export { default as IconButton } from "./components/IconButton";
 export { default as Image } from "./components/Image";
-export { default as Svg } from "./components/Svg";
+export { default as SVG } from "./components/SVG";
 export { default as NumberInput } from "./components/NumberInput";
 export { default as ScreenContainer } from "./components/ScreenContainer";
 export { default as StarRating } from "./components/StarRating";

package/src/mappings/{Svg.js → SVG.js}

@@ -1,8 +1,9 @@
-import { COMPONENT_TYPES, createSvgProp, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createSVGProp, StylesPanelSections, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "SVG",
     tag: "SVG",
     description: "An SVG component",
+    packageName: "@draftbit/core",
     category: COMPONENT_TYPES.media,
     layout: {
         width: 100,
@@ -15,6 +16,6 @@ export const SEED_DATA = {
         StylesPanelSections.Effects,
     ],
     props: {
-        source: createSvgProp(),
+        source: createSVGProp(),
     },
 };

package/src/mappings/{Svg.ts → SVG.ts}

@@ -1,6 +1,6 @@
 import {
   COMPONENT_TYPES,
-  createSvgProp,
+  createSVGProp,
   StylesPanelSections,
 } from "@draftbit/types";
 
@@ -8,6 +8,7 @@ export const SEED_DATA = {
   name: "SVG",
   tag: "SVG",
   description: "An SVG component",
+  packageName: "@draftbit/core",
   category: COMPONENT_TYPES.media,
   layout: {
     width: 100,
@@ -20,6 +21,6 @@ export const SEED_DATA = {
     StylesPanelSections.Effects,
   ],
   props: {
-    source: createSvgProp(),
+    source: createSVGProp(),
   },
 };

package/lib/typescript/src/components/Svg.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-declare type SvgComponentProps = {
-    source: string;
-    style?: any;
-};
-declare const Svg: React.FC<React.PropsWithChildren<SvgComponentProps>>;
-export default Svg;