@fixefy/fixefy-ui-components 0.3.80 → 0.3.83

package/dist/FxIcon/FxIcon.d.ts

@@ -1,4 +1,4 @@
-export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize, background, initials, }: {
+export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl, }: {
     icon: string;
     width: number;
     height: number;
@@ -7,4 +7,5 @@ export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize,
     fontSize?: number;
     background?: string;
     initials?: string;
+    assetUrl?: string;
 }) => JSX.Element;

package/dist/FxIcon/FxIcon.js

@@ -60,7 +60,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
+const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
     const [isError, setError] = (0, _react.useState)(false);
     const handleError = (isError)=>setError(isError);
     if (isError) {
@@ -78,21 +78,32 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, backgroun
             })
         });
     }
+    //TODO: delete in next version just a test
+    const processImageSrc = ({ src }, assetUrl)=>{
+        const transformedSrc = src.split('/');
+        const new_item = transformedSrc[transformedSrc.length - 1].split(/(?=[A-Z])/).join('_').toLowerCase();
+        transformedSrc.splice(transformedSrc.length - 1, 1, new_item);
+        const url = transformedSrc.join('/');
+        // Use provided assetUrl or fallback to environment variable for backward compatibility
+        const baseUrl = assetUrl || process.env.NEXT_PUBLIC_ASSET_URL;
+        return `${baseUrl}/${url}`;
+    };
+    console.log('assetUrl (FXICON)', assetUrl);
+    console.log('processed image src', processImageSrc({
+        src: icon
+    }, assetUrl));
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
         alt: "",
         width: width,
         height: height,
-        loader: ()=>//@ts-expect-error imageLoader is OK
-            (0, _fixefyuiutils.imageLoader)({
-                src: icon
-            }),
+        loader: assetUrl ? (0, _fixefyuiutils.createImageLoader)(assetUrl) : _fixefyuiutils.imageLoader,
         src: icon,
         onLoad: ()=>handleError(false),
         onError: ()=>handleError(true),
         onClick: onClick
     });
 };
-const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
+const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
     if (!icon) throw Error('Provide a property `icon`');
     return parseIconFromLibrary({
         icon,
@@ -102,10 +113,11 @@ const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background, i
         variant,
         fontSize,
         background,
-        initials
+        initials,
+        assetUrl
     });
 };
-const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
+const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background, initials, assetUrl })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(PublicIcon, {
         icon: icon,
         width: width,
@@ -114,6 +126,7 @@ const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize,
         variant: variant,
         fontSize: fontSize,
         background: background,
-        initials: initials
+        initials: initials,
+        assetUrl: assetUrl
     });
 };

package/package.json

@@ -6,14 +6,12 @@
   "peerDependencies": {
     "@fixefy/fixefy-hooks": ">=0.0.16",
     "@fixefy/fixefy-ui-utils": ">=0.2.56",
-    "@fixefy/next-s3-upload": ">=0.0.12",
     "@mui/material": ">=5.16.12",
     "@mui/styles": ">=5.16.12",
     "clsx": ">=2.1.1",
     "graphql-tag": ">=2.12.6",
     "next": ">=14.2.26",
     "nookies": ">=2.5.2",
-    "pluralize": ">=8.0.0",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1"
   },
@@ -22,6 +20,7 @@
     "@mui/icons-material": "5.16.12",
     "@mui/lab": "6.0.0-beta.7",
     "nookies": "^2.5.2",
+    "pluralize": "8.0.0",
     "react-use-wizard": "2.3.0"
   },
   "devDependencies": {
@@ -29,6 +28,7 @@
     "@swc/cli": "0.3.12",
     "@swc/core": "1.5.24",
     "@types/node": "20.14.0",
+    "@types/pluralize": "0.0.33",
     "@types/react": "18.3.3",
     "eslint": "9.34.0",
     "eslint-config-next": "15.5.2",
@@ -57,7 +57,7 @@
     "prettier": "prettier --write \"{src,tests,example/src}/**/*.{ts,tsx}\""
   },
   "engines": {
-    "node": "20"
+    "node": ">=20"
   },
   "files": [
     "dist/**/*"
@@ -71,5 +71,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.80"
+  "version": "0.3.83"
 }