React package (#105)

* init new react package project

* setup react package

* Fix config for build

* update package

* Fix build

* update package

* fix package.json

* refactor and cleanup

* bumb beta version

* fix regex

* bump version

* Add hashing

* Add tests

* bump version

* Add peer dependecies

* Add docs

* Add readme link

packages/lucide-react/tests/__snapshots__/lucide-react.spec.js.snap

@@ -0,0 +1,97 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Using lucide icon components should adjust the size, stroke color and stroke width 1`] = `
+<svg
+  color="currentColor"
+  fill="none"
+  height={48}
+  stroke="red"
+  strokeLinecap="round"
+  strokeLinejoin="round"
+  strokeWidth={4}
+  viewBox="0 0 24 24"
+  width={48}
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    height="18"
+    rx="2"
+    ry="2"
+    width="18"
+    x="3"
+    y="3"
+  />
+  <line
+    x1="3"
+    x2="21"
+    y1="9"
+    y2="9"
+  />
+  <line
+    x1="3"
+    x2="21"
+    y1="15"
+    y2="15"
+  />
+  <line
+    x1="9"
+    x2="9"
+    y1="3"
+    y2="21"
+  />
+  <line
+    x1="15"
+    x2="15"
+    y1="3"
+    y2="21"
+  />
+</svg>
+`;
+
+exports[`Using lucide icon components should render an component 1`] = `
+<svg
+  color="currentColor"
+  fill="none"
+  height={24}
+  stroke="currentColor"
+  strokeLinecap="round"
+  strokeLinejoin="round"
+  strokeWidth={2}
+  viewBox="0 0 24 24"
+  width={24}
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    height="18"
+    rx="2"
+    ry="2"
+    width="18"
+    x="3"
+    y="3"
+  />
+  <line
+    x1="3"
+    x2="21"
+    y1="9"
+    y2="9"
+  />
+  <line
+    x1="3"
+    x2="21"
+    y1="15"
+    y2="15"
+  />
+  <line
+    x1="9"
+    x2="9"
+    y1="3"
+    y2="21"
+  />
+  <line
+    x1="15"
+    x2="15"
+    y1="3"
+    y2="21"
+  />
+</svg>
+`;

packages/lucide-react/tests/lucide-react.spec.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import { Grid } from '..'
+
+describe('Using lucide icon components', () => {
+  it('should render an component', () => {
+    const component = renderer.create(
+      <Grid/>,
+    );
+
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('should adjust the size, stroke color and stroke width', () => {
+    const component = renderer.create(
+      <Grid
+        size={48}
+        stroke="red"
+        strokeWidth={4}
+      />,
+    );
+
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+})