@fixefy/fixefy-ui-components 0.3.33 → 0.3.35

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, icon, sx, iconSize, }: {
+export declare const FxButtonModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize, }: {
     btnType?: 'text' | 'icon';
     btnValue?: string;
     modalData: any;
     onClick?: any;
     disabled?: boolean;
-    icon?: string;
+    startIcon?: string;
+    endIcon?: string;
     sx?: any;
     iconSize?: number;
 }) => React.JSX.Element;

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.js

@@ -53,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, sx, iconSize })=>{
+const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, sx, iconSize })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
     const handleClick = (e)=>{
@@ -82,7 +82,8 @@ const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onC
                 btnType: btnType,
                 btnValue: btnValue,
                 onClick: handleClick,
-                startIcon: icon,
+                startIcon: startIcon,
+                endIcon: endIcon,
                 disabled: disabled,
                 iconSize: iconSize || 20
             }),

package/dist/FxIcon/FxIcon.d.ts

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

package/dist/FxIcon/FxIcon.js

@@ -59,19 +59,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background })=>{
+const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
     const [isError, setError] = (0, _react.useState)(false);
     const handleError = (isError)=>setError(isError);
     if (isError) {
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
-            variant: variant || 'circular',
+            variant: variant || 'rounded',
             sx: {
-                background: background || '#bdbdbd'
+                background: background || '#bdbdbd',
+                width,
+                height
             },
             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
                 fontSize: fontSize || 29,
                 fontWeight: 600,
-                children: (0, _fixefyuiutils.toInitials)(icon)
+                children: initials || (0, _fixefyuiutils.toInitials)(icon)
             })
         });
     }
@@ -89,7 +91,7 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, backgroun
         onClick: onClick
     });
 };
-const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background })=>{
+const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
     if (!icon) throw Error('Provide a property `icon`');
     return parseIconFromLibrary({
         icon,
@@ -98,10 +100,11 @@ const FxIcon = ({ icon, width, height, onClick, variant, fontSize, background })
         onClick,
         variant,
         fontSize,
-        background
+        background,
+        initials
     });
 };
-const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background })=>{
+const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize, background, initials })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(PublicIcon, {
         icon: icon,
         width: width,
@@ -109,6 +112,7 @@ const parseIconFromLibrary = ({ icon, width, height, onClick, variant, fontSize,
         onClick: onClick,
         variant: variant,
         fontSize: fontSize,
-        background: background
+        background: background,
+        initials: initials
     });
 };

package/package.json

@@ -67,5 +67,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.33"
+  "version": "0.3.35"
 }