chore: version 1.0.0 💥

README.md

@@ -5,7 +5,7 @@
  https://opensource.org/licenses/MIT
 -->
 
-# React FontIconPicker Component [![codecov](https://codecov.io/gh/fontIconPicker/react-fonticonpicker/branch/master/graph/badge.svg)](https://codecov.io/gh/fontIconPicker/react-fonticonpicker) [![Build Status](https://travis-ci.org/fontIconPicker/react-fonticonpicker.svg?branch=master)](https://travis-ci.org/fontIconPicker/react-fonticonpicker) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)
+# React FontIconPicker Component [![codecov](https://codecov.io/gh/fontIconPicker/react-fonticonpicker/branch/master/graph/badge.svg)](https://codecov.io/gh/fontIconPicker/react-fonticonpicker) [![Build Status](https://travis-ci.org/fontIconPicker/react-fonticonpicker.svg?branch=master)](https://travis-ci.org/fontIconPicker/react-fonticonpicker) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest) [![npm version](https://badge.fury.io/js/%40fonticonpicker%2Freact-fonticonpicker.svg)](https://badge.fury.io/js/%40fonticonpicker%2Freact-fonticonpicker) [![peerDependencies Status](https://david-dm.org/fontIconPicker/react-fonticonpicker/peer-status.svg)](https://david-dm.org/fontIconPicker/react-fonticonpicker?type=peer) [![GitHub license](https://img.shields.io/github/license/fontIconPicker/react-fonticonpicker.svg)](https://github.com/fontIconPicker/react-fonticonpicker/blob/master/LICENSE)
 
 [![FontIconPicker](fonticonpicker.png)](fonticonpicker.png)
 
@@ -146,10 +146,10 @@ the [documentation](https://fonticonpicker.github.io/react-fonticonpicker/).
 
 Development & Build is done with the help of [webpack](https://webpack.js.org/).
 
-First git clone the repo on your machine.
+First fork and git clone the repo on your machine.
 
 ```bash
-git clone git@github.com:fontIconPicker/react-fonticonpicker.git
+git clone git@github.com:<username>/react-fonticonpicker.git
 ```
 
 Now install all the dependencies. Make sure you have [nodejs](https://nodejs.org/en/)
@@ -186,8 +186,8 @@ Other npm commands at disposal:
 
 ## Credits
 
-React FontIconPicker has been developed by [Swashata](https://swashata.me). The
-original idea came from [jQuery FontIconPicker](https://github.com/fontIconPicker/fontIconPicker)
+React FontIconPicker has been developed by [Swashata](https://swashata.me) mainly for in use with [eForm](https://eform.live).
+The original idea came from [jQuery FontIconPicker](https://github.com/fontIconPicker/fontIconPicker)
 by [Alessandro Benoit](http://codeb.it).
 
 None of these would have been possible without the cool [Wes Bos 🔥](https://wesbos.com/)

docs/favicons/.cache

@@ -1 +1 @@
-{"hash":"24a19574abf48af342f045bcede9bc11","version":"0.0.8","optionHash":"77f7b6a66f777bb22f202d9a0b46d101","result":{"outputFilePrefix":"favicons/","html":["<link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-57x57.png\">","<link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-60x60.png\">","<link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-72x72.png\">","<link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-76x76.png\">","<link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-114x114.png\">","<link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-120x120.png\">","<link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-144x144.png\">","<link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-152x152.png\">","<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-180x180.png\">","<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">","<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">","<meta name=\"apple-mobile-web-app-title\" content=\"React fontIconPicker\">","<meta name=\"mobile-web-app-capable\" content=\"yes\">","<meta name=\"theme-color\" content=\"transparent\">","<meta name=\"application-name\" content=\"React fontIconPicker\">","<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon-32x32.png\">","<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon-16x16.png\">","<link rel=\"shortcut icon\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon.ico\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-320x460.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-640x920.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-640x1096.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-750x1294.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1182x2208.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1242x2148.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-748x1024.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-768x1004.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1496x2048.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1536x2008.png\">"],"files":["favicons/apple-touch-icon-57x57.png","favicons/apple-touch-icon-60x60.png","favicons/apple-touch-icon-72x72.png","favicons/apple-touch-icon-76x76.png","favicons/apple-touch-icon-114x114.png","favicons/apple-touch-icon-120x120.png","favicons/apple-touch-icon-144x144.png","favicons/apple-touch-icon-152x152.png","favicons/apple-touch-icon-180x180.png","favicons/apple-touch-icon.png","favicons/apple-touch-icon-precomposed.png","favicons/apple-touch-icon-167x167.png","favicons/android-chrome-36x36.png","favicons/android-chrome-48x48.png","favicons/android-chrome-72x72.png","favicons/android-chrome-96x96.png","favicons/android-chrome-144x144.png","favicons/android-chrome-192x192.png","favicons/android-chrome-256x256.png","favicons/android-chrome-384x384.png","favicons/android-chrome-512x512.png","favicons/favicon-16x16.png","favicons/favicon-32x32.png","favicons/favicon.ico","favicons/firefox_app_60x60.png","favicons/firefox_app_128x128.png","favicons/firefox_app_512x512.png","favicons/apple-touch-startup-image-320x460.png","favicons/apple-touch-startup-image-640x1096.png","favicons/apple-touch-startup-image-640x920.png","favicons/apple-touch-startup-image-750x1294.png","favicons/apple-touch-startup-image-748x1024.png","favicons/apple-touch-startup-image-768x1004.png","favicons/apple-touch-startup-image-1182x2208.png","favicons/apple-touch-startup-image-1242x2148.png","favicons/apple-touch-startup-image-1496x2048.png","favicons/apple-touch-startup-image-1536x2008.png","favicons/manifest.json","favicons/manifest.webapp"]}}
+{"hash":"24a19574abf48af342f045bcede9bc11","version":"0.0.8","optionHash":"77f7b6a66f777bb22f202d9a0b46d101","result":{"outputFilePrefix":"favicons/","html":["<link rel=\"apple-touch-icon\" sizes=\"57x57\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-57x57.png\">","<link rel=\"apple-touch-icon\" sizes=\"60x60\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-60x60.png\">","<link rel=\"apple-touch-icon\" sizes=\"72x72\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-72x72.png\">","<link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-76x76.png\">","<link rel=\"apple-touch-icon\" sizes=\"114x114\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-114x114.png\">","<link rel=\"apple-touch-icon\" sizes=\"120x120\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-120x120.png\">","<link rel=\"apple-touch-icon\" sizes=\"144x144\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-144x144.png\">","<link rel=\"apple-touch-icon\" sizes=\"152x152\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-152x152.png\">","<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-icon-180x180.png\">","<meta name=\"apple-mobile-web-app-capable\" content=\"yes\">","<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">","<meta name=\"apple-mobile-web-app-title\" content=\"React fontIconPicker\">","<meta name=\"mobile-web-app-capable\" content=\"yes\">","<meta name=\"theme-color\" content=\"transparent\">","<meta name=\"application-name\" content=\"React fontIconPicker\">","<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon-32x32.png\">","<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon-16x16.png\">","<link rel=\"shortcut icon\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/favicon.ico\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-320x460.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-640x920.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-640x1096.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-750x1294.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1182x2208.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1242x2148.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-748x1024.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-768x1004.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1496x2048.png\">","<link rel=\"apple-touch-startup-image\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)\" href=\"https://fonticonpicker.github.io/react-fonticonpicker/favicons/apple-touch-startup-image-1536x2008.png\">"],"files":["favicons/apple-touch-icon-57x57.png","favicons/apple-touch-icon-60x60.png","favicons/apple-touch-icon-72x72.png","favicons/apple-touch-icon-76x76.png","favicons/apple-touch-icon-114x114.png","favicons/apple-touch-icon-120x120.png","favicons/apple-touch-icon-144x144.png","favicons/apple-touch-icon-152x152.png","favicons/apple-touch-icon-180x180.png","favicons/apple-touch-icon.png","favicons/apple-touch-icon-precomposed.png","favicons/apple-touch-icon-167x167.png","favicons/android-chrome-36x36.png","favicons/android-chrome-48x48.png","favicons/android-chrome-72x72.png","favicons/android-chrome-96x96.png","favicons/android-chrome-144x144.png","favicons/android-chrome-192x192.png","favicons/android-chrome-256x256.png","favicons/android-chrome-384x384.png","favicons/android-chrome-512x512.png","favicons/favicon-16x16.png","favicons/favicon-32x32.png","favicons/favicon.ico","favicons/firefox_app_60x60.png","favicons/firefox_app_128x128.png","favicons/firefox_app_512x512.png","favicons/apple-touch-startup-image-320x460.png","favicons/apple-touch-startup-image-640x920.png","favicons/apple-touch-startup-image-640x1096.png","favicons/apple-touch-startup-image-750x1294.png","favicons/apple-touch-startup-image-768x1004.png","favicons/apple-touch-startup-image-748x1024.png","favicons/apple-touch-startup-image-1242x2148.png","favicons/apple-touch-startup-image-1182x2208.png","favicons/apple-touch-startup-image-1496x2048.png","favicons/apple-touch-startup-image-1536x2008.png","favicons/manifest.json","favicons/manifest.webapp"]}}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fonticonpicker/react-fonticonpicker",
-  "version": "0.0.9",
+  "version": "1.0.0",
   "description": "A react component to show a picker element to select font icons or SVG.",
   "main": "dist/fonticonpicker.react.js",
   "directories": {

src/docs/components/Routes.jsx

@@ -18,6 +18,7 @@ import Installation from './pages/Installation';
 import Introduction from './pages/Introduction';
 import Props from './pages/Props';
 import Themes from './pages/Themes';
+import Meta from './pages/Meta';
 
 let routeBase = '/react-fonticonpicker';
 if (process.env.NODE_ENV === 'development') {
@@ -31,6 +32,7 @@ const components = {
 	Introduction,
 	Props,
 	Themes,
+	Meta,
 };
 
 // we need to map the `scale` prop we define below

src/docs/components/pages/Introduction.jsx

@@ -35,6 +35,45 @@ class Introduction extends React.Component {
 						/>
 					</svg>
 					<h2 className="fip-name">React FontIconPicker</h2>
+					<p className="badges">
+						<a href="https://codecov.io/gh/fontIconPicker/react-fonticonpicker">
+							<img
+								src="https://codecov.io/gh/fontIconPicker/react-fonticonpicker/branch/master/graph/badge.svg"
+								alt="codecov"
+							/>
+						</a>{' '}
+						<a href="https://travis-ci.org/fontIconPicker/react-fonticonpicker">
+							<img
+								src="https://travis-ci.org/fontIconPicker/react-fonticonpicker.svg?branch=master"
+								alt="Build Status"
+							/>
+						</a>{' '}
+						<a href="https://github.com/facebook/jest">
+							<img
+								src="https://facebook.github.io/jest/img/jest-badge.svg"
+								alt="jest"
+							/>
+						</a>{' '}
+						<a href="https://badge.fury.io/js/%40fonticonpicker%2Freact-fonticonpicker">
+							<img
+								src="https://badge.fury.io/js/%40fonticonpicker%2Freact-fonticonpicker.svg"
+								alt="npm version"
+								height="18"
+							/>
+						</a>{' '}
+						<a href="https://david-dm.org/fontIconPicker/react-fonticonpicker?type=peer">
+							<img
+								src="https://david-dm.org/fontIconPicker/react-fonticonpicker/peer-status.svg"
+								alt="peerDependencies Status"
+							/>
+						</a>{' '}
+						<a href="https://github.com/fontIconPicker/react-fonticonpicker/blob/master/LICENSE">
+							<img
+								src="https://img.shields.io/github/license/fontIconPicker/react-fonticonpicker.svg"
+								alt="GitHub license"
+							/>
+						</a>
+					</p>
 					<div className="intro-fips">
 						<FontIconPicker
 							onChange={this.handleFontAwesome}

src/docs/components/pages/Meta.jsx

@@ -0,0 +1,25 @@
+// Copyright (c) 2018 Swashata Ghosh <swashata@wpquark.com>
+//
+// This software is released under the MIT License.
+// https://opensource.org/licenses/MIT
+
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import meta from '../../guides/meta.md';
+import codeRenderer from '../CodeBlock';
+import TableRenderer from '../TableRenderer';
+
+const Meta = () => (
+	<div className="fip-meta">
+		<ReactMarkdown
+			source={meta}
+			escapeHtml
+			renderers={{
+				code: codeRenderer,
+				table: TableRenderer,
+			}}
+		/>
+	</div>
+);
+
+export default Meta;