@fixefy/fixefy-ui-components 0.3.74 → 0.3.75

package/dist/FxNumberField/FxNumberField.js

@@ -80,8 +80,7 @@ function FxNumberField({ placeholder, defaultValue, label, hint, onChange }) {
                         type: "number",
                         placeholder: placeholder,
                         value: value,
-                        //@ts-ignore
-                        onChange: (e)=>setValue(e.target.value)
+                        onChange: (e)=>setValue(Number(e.target.value))
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         className: _classes.inputActions,

package/dist/FxNumberField/styles/number_field.styles.js

@@ -8,8 +8,13 @@ Object.defineProperty(exports, "useStyles", {
         return useStyles;
     }
 });
-const _styles = require("@mui/styles");
-const useStyles = (0, _styles.makeStyles)(()=>({
+const _makeStyles = /*#__PURE__*/ _interop_require_default(require("@mui/styles/makeStyles"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const useStyles = (0, _makeStyles.default)(()=>({
         container: {},
         label: {
             fontFamily: 'Open Sans',

package/dist/FxObjStaticDropdown/FxObjStaticDropdown.js

@@ -10,13 +10,24 @@ Object.defineProperty(exports, "FxObjStaticDropdown", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _iconsmaterial = require("@mui/icons-material");
-const _material = require("@mui/material");
+const _CheckBoxOutlineBlank = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/CheckBoxOutlineBlank"));
+const _CheckBox = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/CheckBox"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("@mui/material/Button"));
+const _Checkbox = /*#__PURE__*/ _interop_require_default(require("@mui/material/Checkbox"));
+const _styles = require("@mui/material/styles");
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Stack = /*#__PURE__*/ _interop_require_default(require("@mui/material/Stack"));
 const _FxChip = require("../FxChip");
 const _FxIcon = require("../FxIcon");
 const _dropdownstyles = require("./styles/dropdown.styles");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _fixefyhooks = require("@fixefy/fixefy-hooks");
+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();
@@ -58,16 +69,16 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const uncheckedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBoxOutlineBlank, {
+const uncheckedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckBoxOutlineBlank.default, {
     fontSize: "small"
 });
-const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CheckBox, {
+const checkedIcon = /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckBox.default, {
     fontSize: "small"
 });
 const FxObjStaticDropdown = (props)=>{
     const { onAdd, onRemoveOne, onRemoveAll, onUnselectAll, disabled, type = 'text', search_path, modal_type, multiple, name, query, isInitialOpen, placeholder, title_path, rootStylesOverride, logo_placeholder, logo_folder_name, _id, data, defaultValue } = props;
     const ref = (0, _react.useRef)(null);
-    const theme = (0, _material.useTheme)();
+    const theme = (0, _styles.useTheme)();
     const [displayed, setDisplayed] = (0, _react.useState)(multiple ? [] : '');
     const [options, setOptions] = (0, _react.useState)([]);
     const [reason, setReason] = (0, _react.useState)('init');
@@ -254,7 +265,7 @@ const FxObjStaticDropdown = (props)=>{
                                     }
                                 },
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Checkbox.default, {
                                         icon: uncheckedIcon,
                                         checked: displayed.length === options.length,
                                         checkedIcon: checkedIcon,
@@ -277,7 +288,7 @@ const FxObjStaticDropdown = (props)=>{
                                         handleOptionClick(option);
                                     },
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Checkbox.default, {
                                             icon: uncheckedIcon,
                                             checked: isChecked(option),
                                             checkedIcon: checkedIcon,
@@ -325,7 +336,7 @@ const FxObjStaticDropdown = (props)=>{
         }
     };
     const OneOption = ({ option, curValue, modal, modal_type })=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
             sx: {
                 display: 'flex',
                 justifyContent: 'space-between',
@@ -335,7 +346,7 @@ const FxObjStaticDropdown = (props)=>{
                 cursor: 'pointer'
             },
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                     sx: {
                         width: '100%',
                         display: 'flex',
@@ -346,7 +357,7 @@ const FxObjStaticDropdown = (props)=>{
                         modal_type == 'logo' && /*#__PURE__*/ (0, _jsxruntime.jsx)(Logo, {
                             option: option
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                             variant: "subtitle2",
                             color: theme.palette.typography.title,
                             children: (0, _fixefyuiutils.titleCase)(curValue)
@@ -368,7 +379,7 @@ const FxObjStaticDropdown = (props)=>{
         const isDisplayButton = isDisplay && (multiple && (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 || !multiple && displayed[search_path] === option[title_path]);
         switch(isDisplayButton){
             case true:
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                     onClick: ()=>{
                         deleteOneItem(option);
                     },
@@ -450,14 +461,14 @@ const FxObjStaticDropdown = (props)=>{
         }
     };
     const getDisplayedValuesMultiple = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.default, {
             direction: 'row',
             sx: {
                 display: 'flex',
                 justifyContent: 'space-between'
             },
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
                     direction: 'row',
                     sx: {
                         overflow: 'hidden',
@@ -468,7 +479,7 @@ const FxObjStaticDropdown = (props)=>{
                         return getSingleOptionFromListOrDisplayed(item, 'displayed');
                     })
                 }),
-                (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                (displayed === null || displayed === void 0 ? void 0 : displayed.length) > 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                     sx: {
                         minWidth: '20px',
                         maxWidth: '20px',
@@ -492,7 +503,7 @@ const FxObjStaticDropdown = (props)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_dropdownstyles.Root, {
         style: rootStylesOverride,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 children: [
                     getCurrentValues(),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_dropdownstyles.InputWrapper, {
@@ -517,7 +528,7 @@ const FxObjStaticDropdown = (props)=>{
                 children: [
                     displayListOptions(),
                     !isLastPage && /*#__PURE__*/ (0, _jsxruntime.jsx)("li", {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
                             onClick: ()=>{
                                 setReason('loaded more');
                                 loadMore();

package/dist/FxObjStaticDropdown/styles/dropdown.styles.js

@@ -196,11 +196,11 @@ const StyledListBox = (0, _styles.styled)('ul')(({ theme })=>{
         ['& li:hover']: {
             backgroundColor: '#F6F9FA'
         },
-        ["& li[aria-selected='true']"]: {
+        ['& li[aria-selected=\'true\']']: {
             fontWeight: 900,
             backgroundColor: '#F6F9FA'
         },
-        ["& li[data-focus='true']"]: {
+        ['& li[data-focus=\'true\']']: {
             backgroundColor: '#F6F9FA',
             cursor: 'pointer',
             ['& svg ']: {

package/dist/FxPopper/Popper.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare const Popper: ({ anchorEl, children, placement, open, arrow, preventOverflow, }: {
+import Popper from '@mui/material/Popper';
+export declare const FxPopper: ({ anchorEl, children, placement, open, arrow, preventOverflow, }: {
     anchorEl: any;
     children: any;
     placement: any;

package/dist/FxPopper/Popper.js

@@ -9,8 +9,8 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Popper: function() {
-        return Popper;
+    FxPopper: function() {
+        return FxPopper;
     },
     default: function() {
         return _default;
@@ -19,7 +19,12 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _material = require("@mui/material");
+const _Popper = /*#__PURE__*/ _interop_require_default(require("@mui/material/Popper"));
+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();
@@ -88,10 +93,10 @@ const useStyles = (0, _fixefyuiutils.makeStyles)()((theme)=>({
             }
         }
     }));
-const Popper = ({ anchorEl, children, placement, open, arrow = true, preventOverflow = 'scrollParent' })=>{
+const FxPopper = ({ anchorEl, children, placement, open, arrow = true, preventOverflow = 'scrollParent' })=>{
     const { classes } = useStyles();
     const [arrowRef, setArrowRef] = (0, _react.useState)(null);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Popper, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Popper.default, {
         open: open,
         anchorEl: anchorEl,
         placement: placement,
@@ -131,4 +136,4 @@ const Popper = ({ anchorEl, children, placement, open, arrow = true, preventOver
         ]
     });
 };
-const _default = Popper;
+const _default = _Popper.default;

package/dist/FxPopper/PopperWithOutside.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react';
-import { PopperProps } from '@mui/material';
+import { PopperProps } from '@mui/material/Popper';
 export declare const PopperWithOutside: ({ open, anchorEl, placement, children, onClickAway, modifiers, className, disablePortal, setArrowRef, arrowColor, arrow, }: {
     onClickAway: () => void;
     children: ReactElement;

package/dist/FxPopper/PopperWithOutside.js

@@ -19,7 +19,8 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _popperstyles = require("./styles/popper.styles");
-const _material = require("@mui/material");
+const _Fade = /*#__PURE__*/ _interop_require_default(require("@mui/material/Fade"));
+const _ClickAwayListener = /*#__PURE__*/ _interop_require_default(require("@mui/material/ClickAwayListener"));
 const _clsx = /*#__PURE__*/ _interop_require_default(require("clsx"));
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -93,10 +94,10 @@ const PopperWithOutside = ({ open, anchorEl, placement, children, onClickAway, m
         transition: true,
         modifiers: modifiers,
         arrowColor: arrowColor,
-        children: ({ TransitionProps })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ClickAwayListener, {
+        children: ({ TransitionProps })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_ClickAwayListener.default, {
                 onClickAway: onClickAway,
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Fade, _object_spread_props(_object_spread({}, TransitionProps), {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Fade.default, _object_spread_props(_object_spread({}, TransitionProps), {
                         children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                             children: [
                                 arrow ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_popperstyles.PopperArrow, {

package/dist/FxPopper/styles/popper.styles.js

@@ -42,7 +42,7 @@ const PopperArrow = (0, _styles.styled)('div')(({ theme })=>({
             height: 0,
             borderStyle: 'solid',
             borderWidth: '8px 6px 8px 2px',
-            //@ts-ignore
+            //@ts-expect-error 700 is OK
             borderColor: `transparent ${theme.palette.primary[700]} transparent transparent`,
             filter: 'drop-shadow(0px 0px 10px rgba(86, 135, 147, 0.2))'
         }

package/dist/FxProgressCircle/styles/progress_circle.styles.js

@@ -78,28 +78,28 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const Container = (0, _styles.styled)("div")(({})=>({
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
+const Container = (0, _styles.styled)('div')(({})=>({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
     }));
-const Label = (0, _styles.styled)("span")(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
+const Label = (0, _styles.styled)('span')(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
         color: theme.palette.typography.title,
         marginRight: 8
     }));
-const Slider = (0, _styles.styled)("svg")(({})=>({
-        display: "block",
+const Slider = (0, _styles.styled)('svg')(({})=>({
+        display: 'block',
         width: 22,
         height: 22,
-        transform: "rotate(-90deg)"
+        transform: 'rotate(-90deg)'
     }));
-const SliderCircle = (0, _styles.styled)("circle")(({ theme, color })=>({
-        fill: "transparent",
+const SliderCircle = (0, _styles.styled)('circle')(({ theme, color })=>({
+        fill: 'transparent',
         stroke: color !== null && color !== void 0 ? color : theme.palette.green2scale.main,
         opacity: 0.1
     }));
-const SliderBar = (0, _styles.styled)("circle")(({ theme, color })=>({
-        fill: "transparent",
+const SliderBar = (0, _styles.styled)('circle')(({ theme, color })=>({
+        fill: 'transparent',
         stroke: color !== null && color !== void 0 ? color : theme.palette.green2scale.main,
         strokeDashoffset: 0,
         strokeDasharray: 0

package/dist/FxProgressCounter/ProgressCounter.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -11,7 +10,8 @@ Object.defineProperty(exports, "FxProgressCounter", {
 });
 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 _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _progress_counterstyles = require("./styles/progress_counter.styles");
 const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
@@ -105,12 +105,12 @@ function FxProgressCounter(_param) {
     //     where: { ..._filter },
     //   },
     // });
-    const normalizeNumber = (number)=>{
-        return number / initialValues.count * 100;
+    const normalizeNumber = (n)=>{
+        return n / initialValues.count * 100;
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_progress_counterstyles.Container, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 position: 'relative',
                 textAlign: 'center',
                 justifyContent: 'center',
@@ -121,15 +121,16 @@ function FxProgressCounter(_param) {
                         width: 16,
                         height: 16,
                         loader: ()=>(0, _fixefyuiutils.imageLoader)({
-                                src: 'invoices/approve-small-white.svg'
+                                src: 'invoices/approve-small-white.svg',
+                                width: 16
                             }),
                         src: 'invoices/approve-small-white.svg',
                         onLoad: ()=>console.log('loaded'),
                         onError: (e)=>console.log('error:', e)
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
                         mt: 0.5,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Typography.default, {
                             fontSize: 19,
                             fontWeight: 600,
                             children: [
@@ -139,7 +140,7 @@ function FxProgressCounter(_param) {
                             ]
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                         fontSize: 11,
                         sx: {
                             opacity: 0.6

package/dist/FxProgressCounter/styles/progress_counter.styles.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -27,21 +26,27 @@ _export(exports, {
     }
 });
 const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
-const BaseProgress = (0, _styles.styled)(_material.LinearProgress)(({ theme })=>({
+const _LinearProgress = /*#__PURE__*/ _interop_require_default(require("@mui/material/LinearProgress"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const BaseProgress = (0, _styles.styled)(_LinearProgress.default)(()=>({
         borderRadius: '8px',
         width: '70%',
         position: 'absolute',
         zIndex: 2,
         height: 3
     }));
-const MainBar = (0, _styles.styled)(BaseProgress)(({ theme })=>({
+const MainBar = (0, _styles.styled)(BaseProgress)(()=>({
         opacity: 1
     }));
-const BackgroundBar = (0, _styles.styled)(BaseProgress)(({ theme })=>({
+const BackgroundBar = (0, _styles.styled)(BaseProgress)(()=>({
         opacity: 0.2
     }));
-const ProgressContainer = (0, _styles.styled)(_material.Box)(({ theme })=>({
+const ProgressContainer = (0, _styles.styled)(_Box.default)(()=>({
         alignItems: 'center',
         display: 'flex',
         width: '100%',
@@ -49,7 +54,7 @@ const ProgressContainer = (0, _styles.styled)(_material.Box)(({ theme })=>({
         position: 'relative',
         justifyContent: 'center'
     }));
-const Container = (0, _styles.styled)(_material.Box)(({ theme })=>({
+const Container = (0, _styles.styled)(_Box.default)(({ theme })=>({
         width: 104,
         height: 104,
         minWidth: 104,

package/dist/FxScore/FxScore.js

@@ -11,10 +11,13 @@ Object.defineProperty(exports, "FxScore", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _graphqltag = require("graphql-tag");
-const _client = require("@apollo/client");
+const _hooks = require("@apollo/client/react/hooks");
 const _scorestyles = require("./styles/score.styles");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _CircularProgress = /*#__PURE__*/ _interop_require_default(require("@mui/material/CircularProgress"));
+const _Skeleton = /*#__PURE__*/ _interop_require_default(require("@mui/material/Skeleton"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -28,6 +31,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+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();
@@ -138,7 +146,7 @@ const FxScore = (_param)=>{
     if (filter) {
         _filter = _object_spread({}, _filter, filter);
     }
-    const [fetchData, { data, loading }] = (0, _client.useLazyQuery)((0, _graphqltag.gql)(gqlOperation));
+    const [fetchData, { data, loading }] = (0, _hooks.useLazyQuery)((0, _graphqltag.gql)(gqlOperation));
     (0, _react.useEffect)(()=>{
         if (!value && structure) {
             fetchData({
@@ -154,15 +162,15 @@ const FxScore = (_param)=>{
         variant
     });
     var _Math_round;
-    return loading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+    return loading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
         className: _classes.container,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Skeleton, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Skeleton.default, {
             animation: "wave",
             variant: "circular",
             width: 68,
             height: 68
         })
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         className: _classes.container,
         sx: {
             width: Sizes[variant].boxWidth,
@@ -172,7 +180,7 @@ const FxScore = (_param)=>{
             borderRadius: variant === 'box' ? '8px' : '50%'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, _object_spread({
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_CircularProgress.default, _object_spread({
                 size: Sizes[variant].progressWidth,
                 variant: "determinate",
                 value: ScoreValue,
@@ -180,7 +188,7 @@ const FxScore = (_param)=>{
                 thickness: 2,
                 className: _classes.mainCircle
             }, rest)),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, _object_spread({
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_CircularProgress.default, _object_spread({
                 size: Sizes[variant].progressWidth,
                 variant: "determinate",
                 value: 100,
@@ -188,15 +196,15 @@ const FxScore = (_param)=>{
                 thickness: 2,
                 className: _classes.backgroundCircle
             }, rest)),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
                 className: _classes.content,
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                         variant: variant === 'box' ? 'h5' : 'table',
                         className: _classes.scoreNumber,
                         children: `${(_Math_round = Math.round(Number(ScoreValue))) !== null && _Math_round !== void 0 ? _Math_round : 0}%`
                     }),
-                    hasLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                    hasLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                         className: _classes.scoreText,
                         children: (0, _fixefyuiutils.titleCase)(title !== null && title !== void 0 ? title : propsTitle)
                     })

package/dist/FxScore/styles/score.styles.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "useStyles", {
         return useStyles;
     }
 });
-const _styles = require("@mui/styles");
+const _makeStyles = /*#__PURE__*/ _interop_require_default(require("@mui/styles/makeStyles"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -22,6 +22,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -61,7 +66,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const useStyles = (0, _styles.makeStyles)((theme)=>({
+const useStyles = (0, _makeStyles.default)((theme)=>({
         container: {
             display: 'flex',
             justifyContent: 'center',

package/dist/FxShowMore/FxShowMore.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FxShowMore", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
 const _show_morestyles = require("./styles/show_more.styles");
 const _KeyboardArrowDown = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/KeyboardArrowDown"));
 function _interop_require_default(obj) {
@@ -66,7 +66,7 @@ function FxShowMore({ items, label, children, title }) {
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_show_morestyles.StyledDivider, {}),
                     items === null || items === void 0 ? void 0 : items.map((item, index)=>/*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                                     variant: "body1",
                                     children: item
                                 }),

package/dist/FxShowMore/styles/show_more.styles.js

@@ -30,7 +30,11 @@ _export(exports, {
     }
 });
 const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Popover = /*#__PURE__*/ _interop_require_default(require("@mui/material/Popover"));
+const _Divider = /*#__PURE__*/ _interop_require_default(require("@mui/material/Divider"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("@mui/material/Button"));
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -44,6 +48,11 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -83,10 +92,10 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const ShowMoreWrapper = (0, _styles.styled)(_material.Box)(({})=>({
+const ShowMoreWrapper = (0, _styles.styled)(_Box.default)(({})=>({
         borderRadius: '8px'
     }));
-const ShowMoreBtn = (0, _styles.styled)(_material.Button)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.button), {
+const ShowMoreBtn = (0, _styles.styled)(_Button.default)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.button), {
         fontWeight: 600,
         fontSize: 12,
         textTransform: 'uppercase',
@@ -96,7 +105,7 @@ const ShowMoreBtn = (0, _styles.styled)(_material.Button)(({ theme })=>_object_s
         justifyContent: 'flex-start',
         alignItems: 'center'
     }));
-const ShowMoreIcon = (0, _styles.styled)(_material.Box)(({ theme, isOpen })=>({
+const ShowMoreIcon = (0, _styles.styled)(_Box.default)(({ theme, isOpen })=>({
         width: 16,
         height: 16,
         color: theme.palette.primary[800],
@@ -114,7 +123,7 @@ const ShowMoreIcon = (0, _styles.styled)(_material.Box)(({ theme, isOpen })=>({
             transition: 'all 0.5s'
         }
     }));
-const StyledPopover = (0, _styles.styled)(_material.Popover)(({ theme })=>({
+const StyledPopover = (0, _styles.styled)(_Popover.default)(({ theme })=>({
         ['.MuiPaper-root']: {
             background: theme.palette.common.white,
             boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.3)',
@@ -125,10 +134,10 @@ const StyledPopover = (0, _styles.styled)(_material.Popover)(({ theme })=>({
             maxWidth: 328
         }
     }));
-const StyledDivider = (0, _styles.styled)(_material.Divider)(({})=>({
+const StyledDivider = (0, _styles.styled)(_Divider.default)(({})=>({
         marginTop: 8,
         marginBottom: 8
     }));
-const StyledLabel = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.overLineCaption), {
+const StyledLabel = (0, _styles.styled)(_Typography.default)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.overLineCaption), {
         color: '#8B9092'
     }));