New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-flag-kit

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-flag-kit - npm Package Compare versions

Comparing version 0.2.3 to 0.3.0

index.es.js

103

package.json
{
"name": "react-flag-kit",
"version": "0.2.3",
"version": "0.3.0",
"description": "FlagKit for React",
"main": "lib/index.js",
"main": "index.js",
"module": "index.es.js",
"es2015": "index.es2015.js",
"files": [
"assets/**",
"typings/**",
"index.js",
"index.es.js",
"index.es2015.js"
],
"homepage": "https://umidbekkarimov.github.io/react-flag-kit",
"repository": "https://github.com/umidbekkarimov/react-flag-kit.git",

@@ -10,40 +20,59 @@ "author": "Umidbek Karimov <uma.karimov@gmail.com>",

"scripts": {
"all": "run-s format lint build",
"start": "start-storybook -p 9001 -c .storybook",
"format": "prettier \"{src,stories}/**/*.js\" --write",
"lint": "eslint \"{src,stories}/**/*.js\"",
"build": "run-s clear build:*",
"clear": "rimraf ./es ./lib ./docs",
"build:cjs": "babel src --out-dir ./lib",
"build:docs": "build-storybook -c .storybook -o docs"
"ci": "yarn lint && yarn tsc && yarn cover --ci --runInBand",
"ci-fix": "yarn lint --fix && yarn tsc && yarn cover",
"lint": "stylotron lint",
"test": "jest --watch",
"cover": "jest --coverage",
"codecov": "codecov -f ./coverage/lcov.info",
"start": "docz dev",
"build": "yarn build:bundle && yarn build:typings && yarn build:docs",
"build:docs": "docz build",
"build:bundle": "rollup -c rollup.config.js",
"build:typings": "rimraf typings && tsc --project tsconfig.typings.json"
},
"peerDependencies": {
"react": "^16.6.0"
},
"devDependencies": {
"@kadira/storybook": "2.35.3",
"babel-cli": "6.24.1",
"babel-core": "6.24.1",
"babel-eslint": "7.2.2",
"babel-plugin-transform-class-properties": "6.24.1",
"babel-plugin-transform-object-rest-spread": "6.23.0",
"babel-preset-es2015": "6.24.1",
"babel-preset-latest": "6.24.1",
"babel-preset-react": "6.24.1",
"eslint": "3.19.0",
"eslint-config-airbnb": "14.1.0",
"eslint-plugin-import": "2.2.0",
"eslint-plugin-jsx-a11y": "4.0.0",
"eslint-plugin-prettier": "2.0.1",
"eslint-plugin-react": "6.10.3",
"lodash": "4.17.4",
"material-ui": "0.17.4",
"npm-run-all": "4.0.2",
"prettier": "1.1.0",
"react": "15.5.4",
"react-dom": "15.5.4",
"react-tap-event-plugin": "2.0.1",
"rimraf": "2.6.1",
"storybook-addon-material-ui": "0.7.7"
},
"dependencies": {
"prop-types": "^15.5.0"
"@babel/core": "^7.0.0-0",
"@babel/preset-env": "^7.3.1",
"@babel/preset-react": "^7.0.0",
"@babel/preset-typescript": "^7.1.0",
"@dc0de/eslint-config": "^0.5.0",
"@dc0de/eslint-config-base": "^0.5.0",
"@dc0de/eslint-config-node": "^0.5.0",
"@dc0de/eslint-config-react": "^0.5.2",
"@dc0de/jest-preset": "^0.0.8",
"@types/jest": "^23.3.13",
"@types/react": "^16.7.20",
"@typescript-eslint/eslint-plugin": "^1.1.0",
"@typescript-eslint/parser": "^1.1.0",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^23.6.0",
"docz": "^0.13.7",
"docz-theme-default": "^0.13.7",
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-airbnb-base": "^13.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-import-resolver-typescript": "^1.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-node": "^8.0.0",
"eslint-plugin-react": "^7.11.0",
"eslint-plugin-react-hooks": "^0.0.0",
"import-sort": "^5.2.0",
"import-sort-parser-typescript": "^5.0.0",
"jest": "^23.0.0",
"jest-circus": "^23.6.0",
"prettier": "^1.15.0",
"rimraf": "^2.6.3",
"rollup": "^1.1.2",
"rollup-plugin-babel": "^4.3.2",
"rollup-plugin-json": "^3.1.0",
"rollup-plugin-node-resolve": "^4.0.0",
"rollup-plugin-size-snapshot": "^0.8.0",
"stylotron": "^0.0.13",
"typescript": "~3.2.1"
}
}
# [FlagKit](https://github.com/madebybowtie/FlagKit) for React
[![build status](https://img.shields.io/travis/umidbekkarimov/react-flag-kit/master.svg?style=flat-square)](https://travis-ci.org/umidbekkarimov/react-flag-kit)
[![npm version](https://img.shields.io/npm/v/react-flag-kit.svg?style=flat-square)](https://www.npmjs.com/package/react-flag-kit)
[![npm downloads](https://img.shields.io/npm/dm/react-flag-kit.svg?style=flat-square)](https://www.npmjs.com/package/react-flag-kit)
[![npm version](https://img.shields.io/npm/v/react-flag-kit.svg)](https://npmjs.com/react-flag-kit)
[![npm minzipped size](https://img.shields.io/bundlephobia/minzip/react-flag-kit.svg)](https://bundlephobia.com/result?p=react-flag-kit)
[![npm type definitions](https://img.shields.io/npm/types/react-flag-kit.svg)](https://npmjs.com/react-flag-kit)
[![npm downloads](https://img.shields.io/npm/dm/react-flag-kit.svg)](https://npmjs.com/react-flag-kit)
[![Build Status](https://travis-ci.org/umidbekkarimov/react-flag-kit.svg?branch=master)](https://travis-ci.org/umidbekkarimov/react-flag-kit)
[![npm license](https://img.shields.io/npm/l/react-flag-kit.svg)](https://npmjs.com/react-flag-kit)
### Installation
With npm
```bash
npm i react-flag-kit --save --save-exact
yarn add react-flag-kit
```
With yarn
```bash
yarn add react-flag-kit -E
```
### Usage
If you want to bundle your app with flag icons:
```js
import { FlagIcon } from "react-flag-kit";
```javascript
import FlagIcon from 'react-flag-kit/lib/FlagIcon';
export default () => <FlagIcon code="WW" size={48} />
export default () => <FlagIcon code="WW" size={48} />;
```
If you want to use flag icons from CDN:
More information you can find in [docs](https://umidbekkarimov.github.io/react-flag-kit).
```bash
import FlagIcon from 'react-flag-kit/lib/CDNFlagIcon.js';
export default () => <FlagIcon code="WW" size={48} />
```
More advanced examples you can find in [storybook](https://umidbekkarimov.github.io/react-flag-kit).
### Reference

@@ -50,4 +30,2 @@

### Thanks

@@ -61,2 +39,2 @@

MIT
MIT
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc