@oguzhnatly/react-native-custom-qr-codes 2.0.0

package/lib/styles/outerEyeStyles/index.js

@@ -0,0 +1,30 @@
+/*
+
+index.js
+
+This file exports a function for drawing the outer eye pieces of a QRCode
+
+  --Geoff Natin 11/1/18 17:41
+
+*/
+import { drawCirclesPiece } from "./circle";
+import { drawDiamondPiece } from "./diamond";
+import { drawNone } from "./none";
+import { drawSquarePiece } from "./square";
+
+//Returns an SVG Element for an outer eye piece in the style of the outerEyeStyle
+export function drawOuterEyePiece(x, y, modules, pieceProperties, props) {
+  switch (props.outerEyeStyle) {
+    case "square":
+      return drawSquarePiece(x, y, modules, pieceProperties, props);
+    case "circles":
+      return drawCirclesPiece(x, y, modules, pieceProperties, props);
+    case "diamond":
+      return drawDiamondPiece(x, y, modules, pieceProperties, props);
+    case "circle":
+    case "rounded":
+      return drawNone(x, y, modules, pieceProperties, props);
+    default:
+      return drawSquarePiece(x, y, modules, pieceProperties, props);
+  }
+}

package/lib/styles/outerEyeStyles/none.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+
+import { View } from "react-native";
+
+//Returns an SVG Element for a piece of the 'circle' outerEyeStyle
+export function drawNone(x, y, modules, pieceProperties, props) {
+  return <View key={x + ":" + y} />;
+}

package/lib/styles/outerEyeStyles/square.js

@@ -0,0 +1,32 @@
+/*
+
+square.js
+
+This file exports a function for drawing a square outer eye piece for a QRCode
+
+  --Geoff Natin 11/1/18 17:41
+
+*/
+import React, { Component } from "react";
+import Svg, { Rect } from "react-native-svg";
+
+//Returns an SVG Element for a piece of the 'square' outerEyeStyle
+export function drawSquarePiece(x, y, modules, pieceProperties, props) {
+  var length = modules.length;
+  var width = props.size;
+  var height = props.size;
+  var xsize = width / length;
+  var ysize = height / length;
+  var px = x * xsize;
+  var py = y * ysize;
+  return (
+    <Rect
+      key={px + ":" + py}
+      x={px}
+      y={py}
+      width={xsize}
+      height={ysize}
+      fill={props.color}
+    />
+  );
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@oguzhnatly/react-native-custom-qr-codes",
+  "version": "2.0.0",
+  "main": "index.js",
+  "description": "Customizable QR codes for React Native with TypeScript and RTL support",
+  "keywords": [
+    "react-native",
+    "react-native-component",
+    "react",
+    "mobile",
+    "ios",
+    "android",
+    "qr-code",
+    "custom-qr-code"
+  ],
+  "author": {
+    "name": "Oguzhan Atalay",
+    "url": "https://github.com/oguzhnatly"
+  },
+  "homepage": "https://github.com/oguzhnatly/react-native-custom-qr-codes",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/oguzhnatly/react-native-custom-qr-codes"
+  },
+  "bugs": {
+    "url": "https://github.com/oguzhnatly/react-native-custom-qr-codes/issues"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "prop-types": "^15.5.10",
+    "styled-components": "^5.3.5"
+  },
+  "peerDependencies": {
+    "react-native-svg": "^6.2.0"
+  },
+  "devDependencies": {
+    "@types/react-native": "^0.67.5"
+  }
+}