svg-dynamic-icon 1.0.3 → 1.0.4

package/dist/index.js

@@ -1 +1,101 @@
-export { default as DynamicIcon } from "./src/DynamicIcon";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __glob = (map) => (path) => {
+  var fn = map[path];
+  if (fn) return fn();
+  throw new Error("Module not found in bundle: " + path);
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// assets/icons/Fallback.svg
+var require_Fallback = __commonJS({
+  "assets/icons/Fallback.svg"(exports2, module2) {
+    module2.exports = "./assets/Fallback-R62GNTAJ.svg";
+  }
+});
+
+// index.ts
+var index_exports = {};
+__export(index_exports, {
+  DynamicIcon: () => DynamicIcon_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DynamicIcon.tsx
+var import_react = require("react");
+var import_react_svg = require("react-svg");
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// import("../assets/icons/**/*.svg") in src/DynamicIcon.tsx
+var globImport_assets_icons_svg = __glob({
+  "../assets/icons/Fallback.svg": () => Promise.resolve().then(() => __toESM(require_Fallback()))
+});
+
+// src/DynamicIcon.tsx
+var DynamicIcon = ({
+  iconName = "Fallback",
+  size = "25",
+  color = "black"
+}) => {
+  const [iconUrl, setIconUrl] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    const importIcon = async () => {
+      try {
+        const icon = await globImport_assets_icons_svg(`../assets/icons/${iconName}.svg`);
+        setIconUrl(icon.default);
+      } catch (error) {
+        console.error(`Icon ${iconName} not found`);
+        setIconUrl(null);
+      }
+    };
+    importIcon();
+  }, [iconName]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_svg.ReactSVG,
+    {
+      src: iconUrl || "",
+      className: color,
+      beforeInjection: (svg) => {
+        svg.setAttribute("style", `width: ${size}px; height: ${size}px;`);
+        svg.setAttribute("fill", "currentColor");
+        svg.querySelectorAll("path").forEach((path) => {
+          path.setAttribute("fill", "currentColor");
+        });
+      }
+    }
+  );
+};
+var DynamicIcon_default = DynamicIcon;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DynamicIcon
+});
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svg-dynamic-icon",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -17,8 +17,8 @@
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-svg": "^15.1.21"
   }
 }