@fixefy/fixefy-ui-components 0.2.99 → 0.3.1

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-export declare const FxMenuItemWithIcon: ({ title, icon, onClick }: {
+export declare const FxMenuItemWithIcon: ({ title, icon, onClick, sx, }: {
     title: string;
     icon: any;
     onClick?: any;
+    sx?: any;
 }) => React.JSX.Element;

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.js

@@ -13,12 +13,40 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _material = require("@mui/material");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _FxIcon = require("../FxIcon");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const FxMenuItemWithIcon = ({ title, icon, onClick })=>{
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+const FxMenuItemWithIcon = ({ title, icon, onClick, sx = {} })=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
         sx: {
             width: '197px',
@@ -43,10 +71,10 @@ const FxMenuItemWithIcon = ({ title, icon, onClick })=>{
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
                 secondary: (0, _fixefyuiutils.titleCase)(title),
-                secondaryTypographyProps: {
+                secondaryTypographyProps: _object_spread({
                     fontSize: '14px',
                     marginLeft: '-10px'
-                }
+                }, sx)
             })
         ]
     });

package/dist/FxModalWithComponent/FxModalWithComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const FxModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, icon, sx, }: {
+export declare const FxModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, icon, sx, iconSize, }: {
     btnType?: 'text' | 'icon';
     btnValue?: string;
     modalData: any;
@@ -7,4 +7,5 @@ export declare const FxModalWithComponent: ({ btnType, btnValue, modalData, onCl
     disabled?: boolean;
     icon?: string;
     sx?: any;
+    iconSize?: number;
 }) => React.JSX.Element;

package/dist/FxModalWithComponent/FxModalWithComponent.js

@@ -53,7 +53,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, sx })=>{
+const FxModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, sx, iconSize })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
     const handleClick = (e)=>{
@@ -83,8 +83,8 @@ const FxModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick,
                 btnValue: btnValue,
                 onClick: handleClick,
                 startIcon: icon,
-                iconSize: 20,
-                disabled: disabled
+                disabled: disabled,
+                iconSize: iconSize || 20
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
                 id: "fade-menu",

package/dist/FxModalWithMenu/FxModalWithMenu.d.ts

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

package/dist/FxModalWithMenu/FxModalWithMenu.js

@@ -54,7 +54,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, shouldShowModal = true, sx })=>{
+const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
     const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
     const handleClick = (e)=>{
@@ -79,12 +79,13 @@ const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disab
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
-                sx: sx,
+                sx: buttonSx,
                 btnType: btnType,
                 btnValue: btnValue,
                 onClick: handleClick,
-                startIcon: icon,
-                iconSize: 20,
+                startIcon: startIcon,
+                endIcon: endIcon,
+                iconSize: iconSize || 20,
                 disabled: disabled
             }),
             shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
@@ -103,7 +104,8 @@ const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disab
                         onClick: ()=>{
                             handleClose();
                             item.onClick();
-                        }
+                        },
+                        sx: menuItemSx
                     }, i);
                 }))
             })

package/package.json

@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.99"
+  "version": "0.3.1"
 }