@plusscommunities/pluss-core-app 8.0.29 → 8.0.31

package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js

@@ -0,0 +1,387 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from "react";
+import { View, PanResponder } from "react-native";
+class ImageCropOverlay extends Component {
+  constructor(props) {
+    super(props);
+    // Should we become active when the user presses down on the square?
+    _defineProperty(this, "handleStartShouldSetPanResponder", event => {
+      return true;
+    });
+    // We were granted responder status! Let's update the UI
+    _defineProperty(this, "handlePanResponderGrant", event => {
+      let selectedItem = this.getTappedItem(event.nativeEvent.pageX, event.nativeEvent.pageY);
+      if (selectedItem == "tl") {
+        this.setState({
+          draggingTL: true
+        });
+      } else if (selectedItem == "tm") {
+        this.setState({
+          draggingTM: true
+        });
+      } else if (selectedItem == "tr") {
+        this.setState({
+          draggingTR: true
+        });
+      } else if (selectedItem == "ml") {
+        this.setState({
+          draggingML: true
+        });
+      } else if (selectedItem == "mm") {
+        this.setState({
+          draggingMM: true
+        });
+      } else if (selectedItem == "mr") {
+        this.setState({
+          draggingMR: true
+        });
+      } else if (selectedItem == "bl") {
+        this.setState({
+          draggingBL: true
+        });
+      } else if (selectedItem == "bm") {
+        this.setState({
+          draggingBM: true
+        });
+      } else if (selectedItem == "br") {
+        this.setState({
+          draggingBR: true
+        });
+      }
+    });
+    // Every time the touch/mouse moves
+    _defineProperty(this, "handlePanResponderMove", (e, gestureState) => {
+      // Keep track of how far we've moved in total (dx and dy)
+      this.setState({
+        offsetTop: gestureState.dy,
+        offsetLeft: gestureState.dx
+      });
+    });
+    // When the touch/mouse is lifted
+    _defineProperty(this, "handlePanResponderEnd", (e, gestureState) => {
+      const {
+        initialTop,
+        initialLeft,
+        initialWidth,
+        initialHeight,
+        draggingTL,
+        draggingTM,
+        draggingTR,
+        draggingML,
+        draggingMM,
+        draggingMR,
+        draggingBL,
+        draggingBM,
+        draggingBR
+      } = this.state;
+      const state = {
+        draggingTL: false,
+        draggingTM: false,
+        draggingTR: false,
+        draggingML: false,
+        draggingMM: false,
+        draggingMR: false,
+        draggingBL: false,
+        draggingBM: false,
+        draggingBR: false,
+        offsetTop: 0,
+        offsetLeft: 0
+      };
+      state.initialTop = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? gestureState.dy : 0);
+      state.initialLeft = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? gestureState.dx : 0);
+      state.initialWidth = initialWidth + (draggingTL || draggingML || draggingBL ? -gestureState.dx : draggingTM || draggingMM || draggingBM ? 0 : gestureState.dx);
+      state.initialHeight = initialHeight + (draggingTL || draggingTM || draggingTR ? -gestureState.dy : draggingML || draggingMM || draggingMR ? 0 : gestureState.dy);
+      if (state.initialWidth > this.props.initialWidth) {
+        state.initialWidth = this.props.initialWidth;
+      }
+      if (state.initialWidth < this.props.minWidth) {
+        state.initialWidth = this.props.minWidth;
+      }
+      if (state.initialHeight > this.props.initialHeight) {
+        state.initialHeight = this.props.initialHeight;
+      }
+      if (state.initialHeight < this.props.minHeight) {
+        state.initialHeight = this.props.minHeight;
+      }
+      this.setState(state);
+      this.props.onLayoutChanged(state.initialTop, state.initialLeft, state.initialWidth, state.initialHeight);
+    });
+    this.state = {
+      draggingTL: false,
+      draggingTM: false,
+      draggingTR: false,
+      draggingML: false,
+      draggingMM: false,
+      draggingMR: false,
+      draggingBL: false,
+      draggingBM: false,
+      draggingBR: false,
+      initialTop: this.props.initialTop,
+      initialLeft: this.props.initialLeft,
+      initialWidth: this.props.initialWidth,
+      initialHeight: this.props.initialHeight,
+      offsetTop: 0,
+      offsetLeft: 0
+    };
+    this.panResponder = {};
+  }
+  UNSAFE_componentWillMount() {
+    this.panResponder = PanResponder.create({
+      onStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,
+      onPanResponderGrant: this.handlePanResponderGrant,
+      onPanResponderMove: this.handlePanResponderMove,
+      onPanResponderRelease: this.handlePanResponderEnd,
+      onPanResponderTerminate: this.handlePanResponderEnd
+    });
+  }
+  render() {
+    const {
+      draggingTL,
+      draggingTM,
+      draggingTR,
+      draggingML,
+      draggingMM,
+      draggingMR,
+      draggingBL,
+      draggingBM,
+      draggingBR,
+      initialTop,
+      initialLeft,
+      initialHeight,
+      initialWidth,
+      offsetTop,
+      offsetLeft
+    } = this.state;
+    const style = {};
+    const dragging = draggingTL || draggingTM || draggingTR || draggingML || draggingMM || draggingMR || draggingBL || draggingBM || draggingBR;
+    const dragWidth = dragging ? 1 : 0;
+    style.top = initialTop + (draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);
+    style.left = initialLeft + (draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);
+    style.width = initialWidth + (draggingTL || draggingML || draggingBL ? -offsetLeft : draggingTM || draggingMM || draggingBM ? 0 : offsetLeft);
+    style.height = initialHeight + (draggingTL || draggingTM || draggingTR ? -offsetTop : draggingML || draggingMM || draggingMR ? 0 : offsetTop);
+    if (style.width > this.props.initialWidth) {
+      style.width = this.props.initialWidth;
+    }
+    if (style.width < this.props.minWidth) {
+      style.width = this.props.minWidth;
+    }
+    if (style.height > this.props.initialHeight) {
+      style.height = this.props.initialHeight;
+    }
+    if (style.height < this.props.minHeight) {
+      style.height = this.props.minHeight;
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({}, this.panResponder.panHandlers, {
+      style: [{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        position: "absolute",
+        borderStyle: "solid",
+        borderWidth: 2,
+        borderColor: "#a4a4a4",
+        backgroundColor: "rgba(0,0,0,0.5)"
+      }, style]
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        backgroundColor: "rgba(0, 0, 0, 0.5)"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: "row"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: "absolute",
+        left: 5,
+        top: 5,
+        borderLeftWidth: 2,
+        borderTopWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: "#f4f4f4",
+        borderStyle: "solid"
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: "absolute",
+        right: 5,
+        top: 5,
+        borderRightWidth: 2,
+        borderTopWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: "#f4f4f4",
+        borderStyle: "solid"
+      }
+    }))), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: "row"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderBottomWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1 / 3,
+        flexDirection: "row"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid",
+        position: "relative"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: "absolute",
+        left: 5,
+        bottom: 5,
+        borderLeftWidth: 2,
+        borderBottomWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: "#f4f4f4",
+        borderStyle: "solid"
+      }
+    })), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        borderRightWidth: dragWidth,
+        borderColor: "#a4a4a4",
+        borderStyle: "solid"
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 3,
+        position: "relative"
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: "absolute",
+        right: 5,
+        bottom: 5,
+        borderRightWidth: 2,
+        borderBottomWidth: 2,
+        height: 24,
+        width: 24,
+        borderColor: "#f4f4f4",
+        borderStyle: "solid"
+      }
+    })))));
+  }
+  getTappedItem(x, y) {
+    const {
+      initialLeft,
+      initialTop,
+      initialWidth,
+      initialHeight
+    } = this.state;
+    const paddingX = initialWidth / 6;
+    const paddingY = initialHeight / 6;
+    const cropX1 = initialLeft;
+    const cropX2 = cropX1 + initialWidth;
+    const cropY1 = initialTop + this.props.topMargin;
+    const cropY2 = cropY1 + initialHeight;
+    const inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;
+    const inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;
+    const inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;
+    const inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;
+    const inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;
+    const inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY;
+    // console.log('getTappedItem', {
+    //   topMargin: this.props.topMargin,
+    //   x,
+    //   y,
+    //   cropX1,
+    //   cropX2,
+    //   cropY1,
+    //   cropY2,
+    //   inLeft,
+    //   inMidX,
+    //   inRight,
+    //   inTop,
+    //   inMidY,
+    //   inBottom,
+    // });
+
+    if (inTop && inLeft) {
+      return "tl";
+    } else if (inTop && inMidX) {
+      return "tm";
+    } else if (inTop && inRight) {
+      return "tr";
+    } else if (inMidY && inLeft) {
+      return "ml";
+    } else if (inMidX && inMidY) {
+      return "mm";
+    } else if (inMidY && inRight) {
+      return "mr";
+    } else if (inBottom && inLeft) {
+      return "bl";
+    } else if (inBottom && inMidX) {
+      return "bm";
+    } else if (inBottom && inRight) {
+      return "br";
+    } else {
+      return "";
+    }
+  }
+}
+export default ImageCropOverlay;
+//# sourceMappingURL=ImageCropOverlay.js.map

package/dist/module/components/react-native-expo-image-cropper/ImageCropOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","View","PanResponder","ImageCropOverlay","constructor","props","_defineProperty","event","selectedItem","getTappedItem","nativeEvent","pageX","pageY","setState","draggingTL","draggingTM","draggingTR","draggingML","draggingMM","draggingMR","draggingBL","draggingBM","draggingBR","e","gestureState","offsetTop","dy","offsetLeft","dx","initialTop","initialLeft","initialWidth","initialHeight","state","minWidth","minHeight","onLayoutChanged","panResponder","UNSAFE_componentWillMount","create","onStartShouldSetPanResponder","handleStartShouldSetPanResponder","onPanResponderGrant","handlePanResponderGrant","onPanResponderMove","handlePanResponderMove","onPanResponderRelease","handlePanResponderEnd","onPanResponderTerminate","render","style","dragging","dragWidth","top","left","width","height","createElement","_extends","panHandlers","flex","justifyContent","alignItems","position","borderStyle","borderWidth","borderColor","backgroundColor","flexDirection","borderRightWidth","borderBottomWidth","borderLeftWidth","borderTopWidth","right","bottom","x","y","paddingX","paddingY","cropX1","cropX2","cropY1","topMargin","cropY2","inLeft","inMidX","inRight","inTop","inMidY","inBottom"],"sources":["ImageCropOverlay.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, PanResponder } from \"react-native\";\n\nclass ImageCropOverlay extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\tinitialTop: this.props.initialTop,\n\t\t\tinitialLeft: this.props.initialLeft,\n\t\t\tinitialWidth: this.props.initialWidth,\n\t\t\tinitialHeight: this.props.initialHeight,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tthis.panResponder = {};\n\t}\n\n\tUNSAFE_componentWillMount() {\n\t\tthis.panResponder = PanResponder.create({\n\t\t\tonStartShouldSetPanResponder: this.handleStartShouldSetPanResponder,\n\t\t\tonPanResponderGrant: this.handlePanResponderGrant,\n\t\t\tonPanResponderMove: this.handlePanResponderMove,\n\t\t\tonPanResponderRelease: this.handlePanResponderEnd,\n\t\t\tonPanResponderTerminate: this.handlePanResponderEnd,\n\t\t});\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialHeight,\n\t\t\tinitialWidth,\n\t\t\toffsetTop,\n\t\t\toffsetLeft,\n\t\t} = this.state;\n\t\tconst style = {};\n\t\tconst dragging =\n\t\t\tdraggingTL ||\n\t\t\tdraggingTM ||\n\t\t\tdraggingTR ||\n\t\t\tdraggingML ||\n\t\t\tdraggingMM ||\n\t\t\tdraggingMR ||\n\t\t\tdraggingBL ||\n\t\t\tdraggingBM ||\n\t\t\tdraggingBR;\n\t\tconst dragWidth = dragging ? 1 : 0;\n\n\t\tstyle.top =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM ? offsetTop : 0);\n\t\tstyle.left =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM ? offsetLeft : 0);\n\t\tstyle.width =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -offsetLeft\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetLeft);\n\t\tstyle.height =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -offsetTop\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: offsetTop);\n\n\t\tif (style.width > this.props.initialWidth) {\n\t\t\tstyle.width = this.props.initialWidth;\n\t\t}\n\t\tif (style.width < this.props.minWidth) {\n\t\t\tstyle.width = this.props.minWidth;\n\t\t}\n\t\tif (style.height > this.props.initialHeight) {\n\t\t\tstyle.height = this.props.initialHeight;\n\t\t}\n\t\tif (style.height < this.props.minHeight) {\n\t\t\tstyle.height = this.props.minHeight;\n\t\t}\n\t\treturn (\n\t\t\t<View\n\t\t\t\t{...this.panResponder.panHandlers}\n\t\t\t\tstyle={[\n\t\t\t\t\t{\n\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\tborderWidth: 2,\n\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\tbackgroundColor: \"rgba(0,0,0,0.5)\",\n\t\t\t\t\t},\n\t\t\t\t\tstyle,\n\t\t\t\t]}\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0.5)\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\ttop: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderTopWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderBottomWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={{ flex: 1 / 3, flexDirection: \"row\" }}>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tleft: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderLeftWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tflex: 3,\n\t\t\t\t\t\t\t\tborderRightWidth: dragWidth,\n\t\t\t\t\t\t\t\tborderColor: \"#a4a4a4\",\n\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t></View>\n\t\t\t\t\t\t<View style={{ flex: 3, position: \"relative\" }}>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\tright: 5,\n\t\t\t\t\t\t\t\t\tbottom: 5,\n\t\t\t\t\t\t\t\t\tborderRightWidth: 2,\n\t\t\t\t\t\t\t\t\tborderBottomWidth: 2,\n\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\tborderColor: \"#f4f4f4\",\n\t\t\t\t\t\t\t\t\tborderStyle: \"solid\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\tgetTappedItem(x, y) {\n\t\tconst { initialLeft, initialTop, initialWidth, initialHeight } = this.state;\n\t\tconst paddingX = initialWidth / 6;\n\t\tconst paddingY = initialHeight / 6;\n\t\tconst cropX1 = initialLeft;\n\t\tconst cropX2 = cropX1 + initialWidth;\n\t\tconst cropY1 = initialTop + this.props.topMargin;\n\t\tconst cropY2 = cropY1 + initialHeight;\n\t\tconst inLeft = x > cropX1 - paddingX && x < cropX1 + paddingX;\n\t\tconst inMidX = x > cropX1 + paddingX && x < cropX2 - paddingX;\n\t\tconst inRight = x > cropX2 - paddingX && x < cropX2 + paddingX;\n\t\tconst inTop = y > cropY1 - paddingY && y < cropY1 + paddingY;\n\t\tconst inMidY = y > cropY1 + paddingY && y < cropY2 - paddingY;\n\t\tconst inBottom = y > cropY2 - paddingY && y < cropY2 + paddingY;\n\t\t// console.log('getTappedItem', {\n\t\t//   topMargin: this.props.topMargin,\n\t\t//   x,\n\t\t//   y,\n\t\t//   cropX1,\n\t\t//   cropX2,\n\t\t//   cropY1,\n\t\t//   cropY2,\n\t\t//   inLeft,\n\t\t//   inMidX,\n\t\t//   inRight,\n\t\t//   inTop,\n\t\t//   inMidY,\n\t\t//   inBottom,\n\t\t// });\n\n\t\tif (inTop && inLeft) {\n\t\t\treturn \"tl\";\n\t\t} else if (inTop && inMidX) {\n\t\t\treturn \"tm\";\n\t\t} else if (inTop && inRight) {\n\t\t\treturn \"tr\";\n\t\t} else if (inMidY && inLeft) {\n\t\t\treturn \"ml\";\n\t\t} else if (inMidX && inMidY) {\n\t\t\treturn \"mm\";\n\t\t} else if (inMidY && inRight) {\n\t\t\treturn \"mr\";\n\t\t} else if (inBottom && inLeft) {\n\t\t\treturn \"bl\";\n\t\t} else if (inBottom && inMidX) {\n\t\t\treturn \"bm\";\n\t\t} else if (inBottom && inRight) {\n\t\t\treturn \"br\";\n\t\t} else {\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\t// Should we become active when the user presses down on the square?\n\thandleStartShouldSetPanResponder = (event) => {\n\t\treturn true;\n\t};\n\n\t// We were granted responder status! Let's update the UI\n\thandlePanResponderGrant = (event) => {\n\t\tlet selectedItem = this.getTappedItem(\n\t\t\tevent.nativeEvent.pageX,\n\t\t\tevent.nativeEvent.pageY,\n\t\t);\n\t\tif (selectedItem == \"tl\") {\n\t\t\tthis.setState({ draggingTL: true });\n\t\t} else if (selectedItem == \"tm\") {\n\t\t\tthis.setState({ draggingTM: true });\n\t\t} else if (selectedItem == \"tr\") {\n\t\t\tthis.setState({ draggingTR: true });\n\t\t} else if (selectedItem == \"ml\") {\n\t\t\tthis.setState({ draggingML: true });\n\t\t} else if (selectedItem == \"mm\") {\n\t\t\tthis.setState({ draggingMM: true });\n\t\t} else if (selectedItem == \"mr\") {\n\t\t\tthis.setState({ draggingMR: true });\n\t\t} else if (selectedItem == \"bl\") {\n\t\t\tthis.setState({ draggingBL: true });\n\t\t} else if (selectedItem == \"bm\") {\n\t\t\tthis.setState({ draggingBM: true });\n\t\t} else if (selectedItem == \"br\") {\n\t\t\tthis.setState({ draggingBR: true });\n\t\t}\n\t};\n\n\t// Every time the touch/mouse moves\n\thandlePanResponderMove = (e, gestureState) => {\n\t\t// Keep track of how far we've moved in total (dx and dy)\n\t\tthis.setState({\n\t\t\toffsetTop: gestureState.dy,\n\t\t\toffsetLeft: gestureState.dx,\n\t\t});\n\t};\n\n\t// When the touch/mouse is lifted\n\thandlePanResponderEnd = (e, gestureState) => {\n\t\tconst {\n\t\t\tinitialTop,\n\t\t\tinitialLeft,\n\t\t\tinitialWidth,\n\t\t\tinitialHeight,\n\t\t\tdraggingTL,\n\t\t\tdraggingTM,\n\t\t\tdraggingTR,\n\t\t\tdraggingML,\n\t\t\tdraggingMM,\n\t\t\tdraggingMR,\n\t\t\tdraggingBL,\n\t\t\tdraggingBM,\n\t\t\tdraggingBR,\n\t\t} = this.state;\n\n\t\tconst state = {\n\t\t\tdraggingTL: false,\n\t\t\tdraggingTM: false,\n\t\t\tdraggingTR: false,\n\t\t\tdraggingML: false,\n\t\t\tdraggingMM: false,\n\t\t\tdraggingMR: false,\n\t\t\tdraggingBL: false,\n\t\t\tdraggingBM: false,\n\t\t\tdraggingBR: false,\n\t\t\toffsetTop: 0,\n\t\t\toffsetLeft: 0,\n\t\t};\n\n\t\tstate.initialTop =\n\t\t\tinitialTop +\n\t\t\t(draggingTL || draggingTM || draggingTR || draggingMM\n\t\t\t\t? gestureState.dy\n\t\t\t\t: 0);\n\t\tstate.initialLeft =\n\t\t\tinitialLeft +\n\t\t\t(draggingTL || draggingML || draggingBL || draggingMM\n\t\t\t\t? gestureState.dx\n\t\t\t\t: 0);\n\t\tstate.initialWidth =\n\t\t\tinitialWidth +\n\t\t\t(draggingTL || draggingML || draggingBL\n\t\t\t\t? -gestureState.dx\n\t\t\t\t: draggingTM || draggingMM || draggingBM\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dx);\n\t\tstate.initialHeight =\n\t\t\tinitialHeight +\n\t\t\t(draggingTL || draggingTM || draggingTR\n\t\t\t\t? -gestureState.dy\n\t\t\t\t: draggingML || draggingMM || draggingMR\n\t\t\t\t\t? 0\n\t\t\t\t\t: gestureState.dy);\n\n\t\tif (state.initialWidth > this.props.initialWidth) {\n\t\t\tstate.initialWidth = this.props.initialWidth;\n\t\t}\n\t\tif (state.initialWidth < this.props.minWidth) {\n\t\t\tstate.initialWidth = this.props.minWidth;\n\t\t}\n\t\tif (state.initialHeight > this.props.initialHeight) {\n\t\t\tstate.initialHeight = this.props.initialHeight;\n\t\t}\n\t\tif (state.initialHeight < this.props.minHeight) {\n\t\t\tstate.initialHeight = this.props.minHeight;\n\t\t}\n\n\t\tthis.setState(state);\n\t\tthis.props.onLayoutChanged(\n\t\t\tstate.initialTop,\n\t\t\tstate.initialLeft,\n\t\t\tstate.initialWidth,\n\t\t\tstate.initialHeight,\n\t\t);\n\t};\n}\n\nexport default ImageCropOverlay;\n"],"mappings":"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","ignoreList":[]}

package/dist/module/config.js

@@ -0,0 +1,27 @@
+export const Services = {
+  navigation: null
+};
+const CoreConfig = {
+  env: {
+    baseStage: "",
+    baseAPIUrl: "",
+    hasGradientHeader: false,
+    defaultProfileImage: "",
+    tinyChatDefault: "",
+    baseUploadsUrl: "",
+    allowMediaDownload: false,
+    allowMediaSharing: false,
+    awsUploadsBucket: "",
+    awsStorageBucket: "",
+    preferredSite: "",
+    strings: {},
+    newEventDefaults: "",
+    defaultAllowComments: true
+  },
+  init: (environment, navigation) => {
+    CoreConfig.env = environment;
+    Services.navigation = navigation;
+  }
+};
+export default CoreConfig;
+//# sourceMappingURL=config.js.map

package/dist/module/config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Services","navigation","CoreConfig","env","baseStage","baseAPIUrl","hasGradientHeader","defaultProfileImage","tinyChatDefault","baseUploadsUrl","allowMediaDownload","allowMediaSharing","awsUploadsBucket","awsStorageBucket","preferredSite","strings","newEventDefaults","defaultAllowComments","init","environment"],"sources":["config.js"],"sourcesContent":["export const Services = {\n\tnavigation: null,\n};\n\nconst CoreConfig = {\n\tenv: {\n\t\tbaseStage: \"\",\n\t\tbaseAPIUrl: \"\",\n\t\thasGradientHeader: false,\n\t\tdefaultProfileImage: \"\",\n\t\ttinyChatDefault: \"\",\n\t\tbaseUploadsUrl: \"\",\n\t\tallowMediaDownload: false,\n\t\tallowMediaSharing: false,\n\t\tawsUploadsBucket: \"\",\n\t\tawsStorageBucket: \"\",\n\t\tpreferredSite: \"\",\n\t\tstrings: {},\n\t\tnewEventDefaults: \"\",\n\t\tdefaultAllowComments: true,\n\t},\n\tinit: (environment, navigation) => {\n\t\tCoreConfig.env = environment;\n\t\tServices.navigation = navigation;\n\t},\n};\nexport default CoreConfig;\n"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAG;EACvBC,UAAU,EAAE;AACb,CAAC;AAED,MAAMC,UAAU,GAAG;EAClBC,GAAG,EAAE;IACJC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE,KAAK;IACxBC,mBAAmB,EAAE,EAAE;IACvBC,eAAe,EAAE,EAAE;IACnBC,cAAc,EAAE,EAAE;IAClBC,kBAAkB,EAAE,KAAK;IACzBC,iBAAiB,EAAE,KAAK;IACxBC,gBAAgB,EAAE,EAAE;IACpBC,gBAAgB,EAAE,EAAE;IACpBC,aAAa,EAAE,EAAE;IACjBC,OAAO,EAAE,CAAC,CAAC;IACXC,gBAAgB,EAAE,EAAE;IACpBC,oBAAoB,EAAE;EACvB,CAAC;EACDC,IAAI,EAAEA,CAACC,WAAW,EAAElB,UAAU,KAAK;IAClCC,UAAU,CAACC,GAAG,GAAGgB,WAAW;IAC5BnB,QAAQ,CAACC,UAAU,GAAGA,UAAU;EACjC;AACD,CAAC;AACD,eAAeC,UAAU","ignoreList":[]}

package/dist/module/constants.js

@@ -0,0 +1,18 @@
+const FOOTER_HEIGHT = 62; // bottom inset applied dynamically where used
+const HEADER_HEIGHT = 70;
+
+// const getFooterIcons = () => {
+//   return {
+//     events: require(`./assets/icons/footer/whats-on.png`),
+//     foryou: require(`./assets/icons/footer/hub.png`),
+//     friends: require(`./assets/icons/footer/people.png`),
+//     home: require(`./assets/icons/footer/home.png`),
+//   };
+// };
+
+const TIMESTAMP_FORMAT = "D MMM • h:mma";
+const DATE_FORMAT = "D MMM YYYY";
+export { HEADER_HEIGHT, FOOTER_HEIGHT,
+// getFooterIcons,
+TIMESTAMP_FORMAT, DATE_FORMAT };
+//# sourceMappingURL=constants.js.map

package/dist/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FOOTER_HEIGHT","HEADER_HEIGHT","TIMESTAMP_FORMAT","DATE_FORMAT"],"sources":["constants.js"],"sourcesContent":["const FOOTER_HEIGHT = 62; // bottom inset applied dynamically where used\nconst HEADER_HEIGHT = 70;\n\n// const getFooterIcons = () => {\n//   return {\n//     events: require(`./assets/icons/footer/whats-on.png`),\n//     foryou: require(`./assets/icons/footer/hub.png`),\n//     friends: require(`./assets/icons/footer/people.png`),\n//     home: require(`./assets/icons/footer/home.png`),\n//   };\n// };\n\nconst TIMESTAMP_FORMAT = \"D MMM • h:mma\";\nconst DATE_FORMAT = \"D MMM YYYY\";\n\nexport {\n\tHEADER_HEIGHT,\n\tFOOTER_HEIGHT,\n\t// getFooterIcons,\n\tTIMESTAMP_FORMAT,\n\tDATE_FORMAT,\n};\n"],"mappings":"AAAA,MAAMA,aAAa,GAAG,EAAE,CAAC,CAAC;AAC1B,MAAMC,aAAa,GAAG,EAAE;;AAExB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,gBAAgB,GAAG,eAAe;AACxC,MAAMC,WAAW,GAAG,YAAY;AAEhC,SACCF,aAAa,EACbD,aAAa;AACb;AACAE,gBAAgB,EAChBC,WAAW","ignoreList":[]}