@fixefy/fixefy-ui-components 0.3.74 → 0.3.75

package/dist/FxButtonModalWithComponent/FxButtonModalWithComponent.js

@@ -10,8 +10,15 @@ Object.defineProperty(exports, "FxButtonModalWithComponent", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
+const _Fade = /*#__PURE__*/ _interop_require_default(require("@mui/material/Fade"));
+const _Menu = /*#__PURE__*/ _interop_require_default(require("@mui/material/Menu"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
 const _FxStyledButton = require("../FxStyledButton");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -75,7 +82,7 @@ const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onC
     }, [
         btnValue
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
                 sx: sx,
@@ -87,7 +94,7 @@ const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onC
                 disabled: disabled,
                 iconSize: iconSize || 20
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Menu.default, {
                 id: "fade-menu",
                 MenuListProps: {
                     'aria-labelledby': 'fade-button'
@@ -102,7 +109,7 @@ const FxButtonModalWithComponent = ({ btnType = 'text', btnValue, modalData, onC
                 anchorEl: AnchorEl,
                 open: isOpen,
                 onClose: handleClose,
-                TransitionComponent: _material.Fade,
+                TransitionComponent: _Fade.default,
                 children: isOpen && modalData
             })
         ]

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const FxButtonModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
-    btnType?: 'text' | 'icon';
+    btnType?: "text" | "icon";
     btnValue?: string;
     modalData: any;
     onClick?: any;

package/dist/FxButtonModalWithMenu/FxButtonModalWithMenu.js

@@ -10,9 +10,16 @@ Object.defineProperty(exports, "FxButtonModalWithMenu", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
+const _Fade = /*#__PURE__*/ _interop_require_default(require("@mui/material/Fade"));
+const _Menu = /*#__PURE__*/ _interop_require_default(require("@mui/material/Menu"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
 const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
 const _FxStyledButton = require("../FxStyledButton");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -76,7 +83,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
     }, [
         btnValue
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
                 sx: buttonSx,
@@ -88,7 +95,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
                 iconSize: iconSize || 20,
                 disabled: disabled
             }),
-            shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+            shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Menu.default, {
                 id: "fade-menu",
                 MenuListProps: {
                     'aria-labelledby': 'fade-button',
@@ -99,7 +106,7 @@ const FxButtonModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick,
                 anchorEl: AnchorEl,
                 open: isOpen,
                 onClose: handleClose,
-                TransitionComponent: _material.Fade,
+                TransitionComponent: _Fade.default,
                 children: isOpen && (modalData === null || modalData === void 0 ? void 0 : modalData.map((item, i)=>{
                     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxMenuItemWithIcon.FxMenuItemWithIcon, {
                         icon: item.icon,

package/dist/FxChip/FxChip.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "FxChip", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _iconsmaterial = require("@mui/icons-material");
+const _CloseRounded = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/CloseRounded"));
 const _chipstyles = require("./styles/chip.styles");
 const _FxIcon = require("../FxIcon");
 function _interop_require_default(obj) {
@@ -37,7 +37,7 @@ const FxChip = (props)=>{
                 variant: variant,
                 onClick: onClick,
                 onDelete: onDelete,
-                deleteIcon: onDelete ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CloseRounded, {
+                deleteIcon: onDelete ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_CloseRounded.default, {
                     sx: {
                         width: 11,
                         height: 11

package/dist/FxChip/styles/chip.styles.js

@@ -25,9 +25,14 @@ _export(exports, {
         return StatusChipStyled;
     }
 });
-const _material = require("@mui/material");
+const _Chip = /*#__PURE__*/ _interop_require_default(require("@mui/material/Chip"));
 const _styles = require("@mui/material/styles");
-const ScoreChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, scoreLabel, minimized })=>{
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const ScoreChipStyled = (0, _styles.styled)(_Chip.default)(({ theme, scoreLabel, minimized })=>{
     const color = theme.palette.score[scoreLabel];
     return {
         height: 20,
@@ -43,7 +48,7 @@ const ScoreChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, scoreLabel
         }
     };
 });
-const StatusChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status, variant })=>{
+const StatusChipStyled = (0, _styles.styled)(_Chip.default)(({ theme, status, variant })=>{
     let backgroundColor, border, labelColor;
     if (theme.palette.status[status]) {
         if (variant === 'filled') {
@@ -68,7 +73,7 @@ const StatusChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status, v
         border: `1px solid ${border}`
     };
 });
-const PriorityChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status })=>{
+const PriorityChipStyled = (0, _styles.styled)(_Chip.default)(({ theme, status })=>{
     var _theme_palette_chipPriority_status, _theme_palette_chipPriority, _theme_palette, _theme_palette_chipPriority_status1, _theme_palette_chipPriority1, _theme_palette1, _theme_palette_chipPriority_status2, _theme_palette_chipPriority2, _theme_palette2;
     var _theme_palette_chipPriority_status_background;
     const backgroundColor = (_theme_palette_chipPriority_status_background = theme === null || theme === void 0 ? void 0 : (_theme_palette = theme.palette) === null || _theme_palette === void 0 ? void 0 : (_theme_palette_chipPriority = _theme_palette.chipPriority) === null || _theme_palette_chipPriority === void 0 ? void 0 : (_theme_palette_chipPriority_status = _theme_palette_chipPriority[status]) === null || _theme_palette_chipPriority_status === void 0 ? void 0 : _theme_palette_chipPriority_status.background) !== null && _theme_palette_chipPriority_status_background !== void 0 ? _theme_palette_chipPriority_status_background : '#F6F9FA';
@@ -90,7 +95,7 @@ const PriorityChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status
         border: `1px solid ${border}`
     };
 });
-const RecoChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status })=>{
+const RecoChipStyled = (0, _styles.styled)(_Chip.default)(({ theme, status })=>{
     var _theme_palette_recoState_status, _theme_palette_recoState, _theme_palette, _theme_palette_recoState_status1, _theme_palette_recoState1, _theme_palette1, _theme_palette_recoState_status2, _theme_palette_recoState2, _theme_palette2;
     var _theme_palette_recoState_status_background;
     const backgroundColor = (_theme_palette_recoState_status_background = theme === null || theme === void 0 ? void 0 : (_theme_palette = theme.palette) === null || _theme_palette === void 0 ? void 0 : (_theme_palette_recoState = _theme_palette.recoState) === null || _theme_palette_recoState === void 0 ? void 0 : (_theme_palette_recoState_status = _theme_palette_recoState[status]) === null || _theme_palette_recoState_status === void 0 ? void 0 : _theme_palette_recoState_status.background) !== null && _theme_palette_recoState_status_background !== void 0 ? _theme_palette_recoState_status_background : '#8B9092';
@@ -112,7 +117,7 @@ const RecoChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status })=>
         border: `1px solid ${border}`
     };
 });
-const DimensionChipStyled = (0, _styles.styled)(_material.Chip)(({ minimized })=>{
+const DimensionChipStyled = (0, _styles.styled)(_Chip.default)(({ minimized })=>{
     return {
         height: '36px',
         minWidth: minimized ? 35 : 80,

package/dist/FxDatesProgress/FxDatesProgress.js

@@ -13,42 +13,43 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _FxStyledComponents = require("../FxStyledComponents");
 const _progressstyles = require("./styles/progress.styles");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const FxDatesProgress = ({ start, end, progressValue, width, height })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             width: width || '199px',
             height: height || '44px'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 sx: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     mb: 1
                 },
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                         children: [
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledComponents.Label, {
                                 children: (0, _fixefyuiutils.titleCase)(start.label)
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                 children: start.value || (0, _fixefyuiutils.titleCase)(start.placeholder)
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                         children: [
                             /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledComponents.Label, {
                                 children: (0, _fixefyuiutils.titleCase)(end.label)
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                 children: end.value || (0, _fixefyuiutils.titleCase)(end.placeholder)
                             })
                         ]

package/dist/FxDatesProgress/styles/progress.styles.js

@@ -8,8 +8,14 @@ Object.defineProperty(exports, "Progress", {
         return Progress;
     }
 });
-const _material = require("@mui/material");
-const Progress = (0, _material.styled)(_material.LinearProgress)(({ theme })=>({
+const _LinearProgress = /*#__PURE__*/ _interop_require_default(require("@mui/material/LinearProgress"));
+const _styles = require("@mui/material/styles");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Progress = (0, _styles.styled)(_LinearProgress.default)(({ theme })=>({
         borderRadius: '20px',
         backgroundColor: '#E7EEF0',
         '& .MuiLinearProgress-barColorPrimary': {

package/dist/FxGeneralModal/FxGeneralModal.js

@@ -10,7 +10,14 @@ Object.defineProperty(exports, "FxGeneralModal", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
+const _Fade = /*#__PURE__*/ _interop_require_default(require("@mui/material/Fade"));
+const _Menu = /*#__PURE__*/ _interop_require_default(require("@mui/material/Menu"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -78,13 +85,13 @@ const FxGeneralModal = ({ buttonComponent, modalComponent, onClick, closeOnButto
     }, [
         buttonComponent
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                 onClick: handleClick,
                 children: buttonComponent
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Menu.default, {
                 id: "fade-menu",
                 MenuListProps: {
                     'aria-labelledby': 'fade-button'
@@ -92,7 +99,7 @@ const FxGeneralModal = ({ buttonComponent, modalComponent, onClick, closeOnButto
                 anchorEl: AnchorEl,
                 open: isOpen,
                 onClose: handleClose,
-                TransitionComponent: _material.Fade,
+                TransitionComponent: _Fade.default,
                 children: isOpen && modalComponent
             })
         ]

package/dist/FxGridEmptyState/FxGridEmptyState.js

@@ -10,7 +10,8 @@ Object.defineProperty(exports, "FxGridEmptyState", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 const _FxIcon = require("../FxIcon");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -18,7 +19,7 @@ function _interop_require_default(obj) {
     };
 }
 const FxGridEmptyState = ()=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             width: '100%',
             height: '100%',
@@ -31,7 +32,7 @@ const FxGridEmptyState = ()=>{
                 height: 415,
                 icon: 'general/hexagon_bottom.svg'
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 display: 'flex',
                 flexDirection: 'column',
                 sx: {
@@ -46,7 +47,7 @@ const FxGridEmptyState = ()=>{
                         height: 250,
                         icon: 'table/table_no_results.svg'
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                         sx: {
                             width: '100%',
                             height: '100%',
@@ -57,10 +58,10 @@ const FxGridEmptyState = ()=>{
                             flexDirection: 'column',
                             margin: 'auto'
                         },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                             display: 'flex',
                             flexDirection: 'column',
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                 variant: "h5",
                                 children: "There is currently no data to display."
                             })

package/dist/FxGridError/FxGridError.js

@@ -10,7 +10,8 @@ Object.defineProperty(exports, "FxGridError", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 const _FxIcon = require("../FxIcon");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -18,7 +19,7 @@ function _interop_require_default(obj) {
     };
 }
 const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             width: '100%',
             height: '100%',
@@ -31,7 +32,7 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                 height: 415,
                 icon: 'general/hexagon_bottom.svg'
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 display: 'flex',
                 flexDirection: 'column',
                 sx: {
@@ -46,7 +47,7 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                         height: imageHeight || 412,
                         icon: image || 'general/bot_with_bubble.svg'
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                         sx: {
                             width: '100%',
                             height: '100%',
@@ -57,7 +58,7 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                             flexDirection: 'column',
                             margin: 'auto'
                         },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                             display: 'flex',
                             flexDirection: 'column',
                             sx: textSx || {
@@ -65,11 +66,11 @@ const FxGridError = ({ header, message, image, textSx, imageHeight, imageWidth }
                                 marginTop: '40px'
                             },
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                     variant: "h5",
                                     children: header || 'Something went wrong on our end.'
                                 }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                     variant: "subtitle2",
                                     children: message || 'Please try again later.'
                                 })

package/dist/FxIcon/FxIcon.d.ts

@@ -3,7 +3,7 @@ export declare const FxIcon: ({ icon, width, height, onClick, variant, fontSize,
     width: number;
     height: number;
     onClick?: () => void;
-    variant?: 'circular' | 'rounded' | 'square';
+    variant?: "circular" | "rounded" | "square";
     fontSize?: number;
     background?: string;
     initials?: string;

package/dist/FxIcon/FxIcon.js

@@ -10,7 +10,8 @@ Object.defineProperty(exports, "FxIcon", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
+const _Avatar = /*#__PURE__*/ _interop_require_default(require("@mui/material/Avatar"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
 function _interop_require_default(obj) {
@@ -63,14 +64,14 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, backgroun
     const [isError, setError] = (0, _react.useState)(false);
     const handleError = (isError)=>setError(isError);
     if (isError) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Avatar.default, {
             variant: variant || 'rounded',
             sx: {
                 background: background || '#bdbdbd',
                 width,
                 height
             },
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                 fontSize: fontSize || 29,
                 fontWeight: 600,
                 children: initials || (0, _fixefyuiutils.toInitials)(icon)
@@ -81,7 +82,7 @@ const PublicIcon = ({ icon, width, height, onClick, variant, fontSize, backgroun
         alt: "",
         width: width,
         height: height,
-        loader: ()=>//@ts-ignore
+        loader: ()=>//@ts-expect-error imageLoader is OK
             (0, _fixefyuiutils.imageLoader)({
                 src: icon
             }),

package/dist/FxIcon/content/index.d.ts

@@ -1,2 +1,2 @@
-export { DynamicIcon } from "./dynamic_icon";
-export { LazyIcon } from "./lazy_icon";
+export { DynamicIcon } from './dynamic_icon';
+export { LazyIcon } from './lazy_icon';

package/dist/FxIcon/content/lazy_icon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SxProps } from '@mui/system';
+import { SxProps } from '@mui/material/styles';
 export declare const LazyIcon: ({ icon, width, height, }: {
     icon: string;
     width?: number | `${number}`;

package/dist/FxIcon/content/lazy_icon.js

@@ -10,7 +10,8 @@ Object.defineProperty(exports, "LazyIcon", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
+const _Avatar = /*#__PURE__*/ _interop_require_default(require("@mui/material/Avatar"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
 function _interop_require_default(obj) {
@@ -63,8 +64,8 @@ const LazyIcon = ({ icon, width, height })=>{
     const [isError, setError] = (0, _react.useState)(false);
     const handleError = (isError)=>setError(isError);
     if (isError) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Avatar.default, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                 fontSize: 29,
                 fontWeight: 600,
                 children: (0, _fixefyuiutils.toInitials)(icon)

package/dist/FxMenuItemWithIcon/FxMenuItemWithIcon.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "FxMenuItemWithIcon", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
+const _ListItemIcon = /*#__PURE__*/ _interop_require_default(require("@mui/material/ListItemIcon"));
+const _ListItemText = /*#__PURE__*/ _interop_require_default(require("@mui/material/ListItemText"));
+const _MenuItem = /*#__PURE__*/ _interop_require_default(require("@mui/material/MenuItem"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _FxIcon = require("../FxIcon");
 function _define_property(obj, key, value) {
@@ -47,7 +49,7 @@ function _object_spread(target) {
     return target;
 }
 const FxMenuItemWithIcon = ({ title, icon, onClick, sx = {} })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_MenuItem.default, {
         sx: {
             width: '197px',
             display: 'flex',
@@ -62,14 +64,14 @@ const FxMenuItemWithIcon = ({ title, icon, onClick, sx = {} })=>{
         onClick: onClick ? onClick : null,
         value: title,
         children: [
-            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListItemIcon.default, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
                     width: 16,
                     height: 16,
                     icon: icon
                 })
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ListItemText.default, {
                 secondary: (0, _fixefyuiutils.titleCase)(title),
                 secondaryTypographyProps: _object_spread({
                     fontSize: '14px',

package/dist/FxModal/FxModal.js

@@ -10,7 +10,8 @@ Object.defineProperty(exports, "FxModal", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _DialogContent = /*#__PURE__*/ _interop_require_default(require("@mui/material/DialogContent"));
 const _modalstyle = require("./styles/modal.style");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -113,7 +114,7 @@ const FxInlineDialogTitle = (props)=>{
     }));
 };
 const IconTitle = ({ icon, title, inline })=>{
-    const renderObject = inline ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    const renderObject = inline ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         sx: {
             display: 'flex',
             alignItems: 'center'
@@ -158,7 +159,7 @@ const FxModal = (_param)=>{
                     title: title,
                     inline: isIconTitleInline
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_DialogContent.default, {
                     children: children
                 }),
                 actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.DialogActionsStyled, {

package/dist/FxModal/styles/modal.style.js

@@ -23,8 +23,15 @@ _export(exports, {
     }
 });
 const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
-const FxDialog = (0, _styles.styled)(_material.Dialog)(()=>({
+const _Dialog = /*#__PURE__*/ _interop_require_default(require("@mui/material/Dialog"));
+const _DialogActions = /*#__PURE__*/ _interop_require_default(require("@mui/material/DialogActions"));
+const _DialogTitle = /*#__PURE__*/ _interop_require_default(require("@mui/material/DialogTitle"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxDialog = (0, _styles.styled)(_Dialog.default)(()=>({
         '& .MuiDialog-paper': {
             borderRadius: 8,
             padding: '24px',
@@ -42,18 +49,18 @@ const FxDialog = (0, _styles.styled)(_material.Dialog)(()=>({
             padding: 0
         }
     }));
-const StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
+const StyledDialogTitle = (0, _styles.styled)(_DialogTitle.default)(()=>({
         fontSize: 14,
         fontWeight: 900,
         margin: '8px 0'
     }));
-const StyledInlineDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
+const StyledInlineDialogTitle = (0, _styles.styled)(_DialogTitle.default)(()=>({
         fontSize: 19,
         fontWeight: 600,
         color: '#568793',
         margin: '8px 16px',
         padding: 0
     }));
-const DialogActionsStyled = (0, _styles.styled)(_material.DialogActions)(({})=>({
+const DialogActionsStyled = (0, _styles.styled)(_DialogActions.default)(({})=>({
         justifyContent: 'flex-start'
     }));

package/dist/FxNotes/FxNotes.js

@@ -12,7 +12,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _notesstyles = require("./styles/notes.styles");
 const _queries = require("./operations/queries");
-const _client = require("@apollo/client");
+const _hooks = require("@apollo/client/react/hooks");
 const _stringToColor = require("./helpers/stringToColor");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 function _define_property(obj, key, value) {
@@ -113,7 +113,7 @@ const FxNotes = ({ notes, onChange, onSend })=>{
     const [backgroundcolors, setBackgroundColors] = (0, _react.useState)({});
     // const [anchorEl] = React.useState<HTMLButtonElement | null>(null)
     const inputRef = (0, _react.useRef)();
-    const { data } = (0, _client.useQuery)(_queries.ME);
+    const { data } = (0, _hooks.useQuery)(_queries.ME);
     const { me } = data;
     // const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
     //   setAnchorEl(event.currentTarget)

package/dist/FxNotes/helpers/stringToColor.js

@@ -14,13 +14,13 @@ const stringToColor = (string, callBack)=>{
     if (!string) {
         return '#000';
     }
-    /* eslint-disable no-bitwise */ for(let i = 0; i < string.length; i += 1){
+    for(let i = 0; i < string.length; i += 1){
         hash = string.charCodeAt(i) + ((hash << 5) - hash);
     }
     for(let i = 0; i < 3; i += 1){
         const value = hash >> i * 8 & 0xff;
         color += `00${value.toString(16)}`.substr(-2);
     }
-    /* eslint-enable no-bitwise */ callBack && callBack(color);
+    callBack && callBack(color);
     return color;
 };

package/dist/FxNotes/styles/notes.styles.js

@@ -48,7 +48,7 @@ _export(exports, {
 });
 const _Popover = /*#__PURE__*/ _interop_require_default(require("@mui/material/Popover"));
 const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
+const _Avatar = /*#__PURE__*/ _interop_require_default(require("@mui/material/Avatar"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -104,7 +104,7 @@ const CommentInput = (0, _styles.styled)('input')(({ theme })=>({
             outline: 'unset'
         }
     }));
-const StyledAvatar = (0, _styles.styled)(_material.Avatar)(({ theme })=>({
+const StyledAvatar = (0, _styles.styled)(_Avatar.default)(({ theme })=>({
         width: 32,
         height: 32,
         border: `2px solid ${theme.palette.common.white}`,