Merge remote-tracking branch 'origin/master' into expose-language-flag-props

Author: pierr3

.eslintignore

@@ -1,6 +1,7 @@
 build/
 dist/
 node_modules/
+docs/node_modules/
 .snapshots/
 *.min.js
 coverage/

.eslintrc

@@ -8,7 +8,8 @@
     "prettier/react"
   ],
   "env": {
-    "node": true
+    "node": true,
+    "browser": true
   },
   "parserOptions": {
     "ecmaVersion": 2020,
@@ -28,6 +29,7 @@
     "react/jsx-handler-names": 0,
     "react/jsx-fragments": 0,
     "react/no-unused-prop-types": 0,
+    "no-unused-expressions": 0,
     "import/export": 0
   }
 }

README.md

@@ -28,6 +28,15 @@ import { CircleFlag } from 'react-circle-flags'
 export const ArgentinianFlag = () => <CircleFlag countryCode="ar" height="35" cdnUrl="https://magic-cdn.com/flags/" />
 ```
 
+### With inline svgs instead of using images
+
+```jsx
+import React from 'react'
+import { CircleFlag } from 'react-circle-flags'
+
+export const ArgentinianFlag = () => <CircleFlag countryCode="ar" height="35" cdnUrl="https://magic-cdn.com/flags/" />
+```
+
 You can pass all the react's `React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>` props to CircleFlag. :rocket:
 
 ### Language flags

docs/.eslintrc

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "no-unused-expressions": "off"
+  }
+}

index.d.ts

@@ -12,6 +12,10 @@ interface CircleFlagProps extends DetailedHTMLProps<
    * Custom CDN URL to use.
    */
   cdnUrl?: string
+  /**
+   * Whether to use inline SVG rendering.
+   */
+  inline?: boolean
 }
 
 interface CircleFlagLanguageProps extends DetailedHTMLProps<
@@ -26,6 +30,10 @@ interface CircleFlagLanguageProps extends DetailedHTMLProps<
    * Custom CDN URL to use.
    */
   cdnUrl?: string
+  /**
+   * Whether to use inline SVG rendering.
+   */
+  inline?: boolean
 }
 
 /**

package-lock.json

@@ -1,10 +1,13 @@
 {
   "name": "react-circle-flags",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "A React component with a collection of 300+ minimal circular SVG country flags",
   "author": "Tomás Novau(tnovau@ontheedge.cloud)",
   "license": "MIT",
-  "repository": "on-the-edge-cloud/react-circle-flags",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/on-the-edge-cloud/react-circle-flags.git"
+  },
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
   "source": "src/index.js",
@@ -67,5 +70,8 @@
     "flags",
     "countries",
     "react-component-library"
-  ]
+  ],
+  "volta": {
+    "node": "18.20.8"
+  }
 }