@fixefy/fixefy-ui-components 0.2.90 → 0.2.91

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.d.ts

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

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxMenuItemWithIcon", {
+    enumerable: true,
+    get: function() {
+        return FxMenuItemWithIcon;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxMenuItemWithIcon = ({ title, icon, onClick })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
+        sx: {
+            width: '197px',
+            display: 'flex',
+            justifyContent: 'space-between',
+            background: '#fff',
+            marginLeft: 'auto',
+            cursor: 'pointer',
+            ['&:hover']: {
+                background: '#F6F9FA'
+            }
+        },
+        onClick: onClick ? onClick : null,
+        value: title,
+        children: [
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                    width: 16,
+                    height: 16,
+                    icon: icon
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
+                secondary: (0, _fixefyuiutils.titleCase)(title),
+                secondaryTypographyProps: {
+                    fontSize: '14px',
+                    marginLeft: '-10px'
+                }
+            })
+        ]
+    });
+};

package/dist/FxMenuItemWithIcon/index.d.ts

@@ -0,0 +1 @@
+export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';

package/dist/FxMenuItemWithIcon/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxMenuItemWithIcon", {
+    enumerable: true,
+    get: function() {
+        return _FxMenuItemWithIcon.FxMenuItemWithIcon;
+    }
+});
+const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { FxButton, ButtonPropsType } from './FxButton';
 export { FxFilterActionButton } from './FxFilterActionButton';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxIcon } from './FxIcon';
+export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
 export { FxModal, ModalPropsType } from './FxModal';
 export { FxModalWithButton } from './FxModalWithButton';
 export { FxNotes, NoteCreateInput, NotesPropsType } from './FxNotes';

package/dist/index.js

@@ -69,6 +69,9 @@ _export(exports, {
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
+    FxMenuItemWithIcon: function() {
+        return _FxMenuItemWithIcon.FxMenuItemWithIcon;
+    },
     FxModal: function() {
         return _FxModal.FxModal;
     },
@@ -213,6 +216,7 @@ const _FxButton = require("./FxButton");
 const _FxFilterActionButton = require("./FxFilterActionButton");
 const _FxChip = require("./FxChip");
 const _FxIcon = require("./FxIcon");
+const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
 const _FxModal = require("./FxModal");
 const _FxModalWithButton = require("./FxModalWithButton");
 const _FxNotes = require("./FxNotes");

package/package.json

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