react-flag-kit - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { ImgHTMLAttributes } from 'react';
+import React, { ImgHTMLAttributes } from 'react';
 
@@ -8,4 +8,4 @@ declare type FlagIconCode = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "ER" | "ES" | "ET" | "EU" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GB-ENG" | "GB-NIR" | "GB-SCT" | "GB-WLS" | "GB-ZET" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GS" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LGBT" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "US-CA" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
 }
-declare function FlagIcon({ code, size, ...props }: FlagIconProps): JSX.Element;
+declare const FlagIcon: React.ForwardRefExoticComponent<FlagIconProps & React.RefAttributes<HTMLImageElement>>;
 
 export { FlagIcon, FlagIconCode, FlagIconProps };

dist/index.js

@@ -34,15 +34,16 @@ var __defProp = Object.defineProperty;
 // src/FlagIcon.tsx
-import React from "react";
-function FlagIcon(_a) {
-  var _b = _a, { code, size = 24 } = _b, props = __objRest(_b, ["code", "size"]);
-  return /* @__PURE__ */ React.createElement("img", __spreadProps(__spreadValues({
-    alt: code,
-    width: size,
-    height: size
-  }, props), {
+import React, { forwardRef } from "react";
+var FlagIcon = forwardRef((_a, ref) => {
+  var _b = _a, { code, alt = code, size = 24, width = size, height = size } = _b, props = __objRest(_b, ["code", "alt", "size", "width", "height"]);
+  return /* @__PURE__ */ React.createElement("img", __spreadProps(__spreadValues({}, props), {
+    ref,
+    alt,
+    width,
+    height,
     src: `https://cdn.jsdelivr.net/gh/madebybowtie/FlagKit@2.2/Assets/SVG/${code}.svg`
   }));
-}
+});
+FlagIcon.displayName = "FlagIcon";
 export {
   FlagIcon
 };

package.json

 {
   "name": "react-flag-kit",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "FlagKit for React",
@@ -23,3 +23,3 @@ "keywords": [
     "build": "rapidbundle",
-    "test": "jest",
+    "test": "jest --coverage",
     "tdd": "jest --watch",
@@ -26,0 +26,0 @@ "prerelease": "npx tsc && npm run format && npm run build",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10691

increased by1.74%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes