@fixefy/fixefy-ui-components 0.3.74 → 0.3.75

package/dist/FxTag/FxTag.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FxTag", {
 });
 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 _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _tagstyles = require("./styles/tag.styles");
 function _interop_require_default(obj) {
@@ -18,7 +18,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const FxTag = ({ name, count = 0, type })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+const FxTag = ({ name, count = 0, type })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",

package/dist/FxTag/index.d.ts

@@ -1 +1 @@
-export { FxTag, TagPropsType } from "./FxTag";
+export { FxTag, TagPropsType } from './FxTag';

package/dist/FxTag/styles/tag.styles.js

@@ -20,7 +20,8 @@ _export(exports, {
     }
 });
 const _styles = require("@mui/material/styles");
-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 _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -34,6 +35,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] : {};
@@ -73,7 +79,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const StyledTag = (0, _styles.styled)(_material.Box)(({ theme, name, type })=>{
+const StyledTag = (0, _styles.styled)(_Box.default)(({ theme, name, type })=>{
     var _theme_palette_type_name, _theme_palette_type, _theme_palette_tag_name, _theme_palette_type_name1, _theme_palette_type1, _theme_palette_tag_name1;
     return {
         background: type ? (_theme_palette_type = theme.palette[type]) === null || _theme_palette_type === void 0 ? void 0 : (_theme_palette_type_name = _theme_palette_type[name]) === null || _theme_palette_type_name === void 0 ? void 0 : _theme_palette_type_name.background : (_theme_palette_tag_name = theme.palette.tag[name]) === null || _theme_palette_tag_name === void 0 ? void 0 : _theme_palette_tag_name.background,
@@ -85,11 +91,11 @@ const StyledTag = (0, _styles.styled)(_material.Box)(({ theme, name, type })=>{
         width: 'fit-content'
     };
 });
-const StyledLabel = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
+const StyledLabel = (0, _styles.styled)(_Typography.default)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
         lineHeight: '20px',
         color: theme.palette.common.white
     }));
-const StyledCount = (0, _styles.styled)(_material.Typography)(({ theme, name, type })=>{
+const StyledCount = (0, _styles.styled)(_Typography.default)(({ theme, name, type })=>{
     var _theme_palette_type_name, _theme_palette_type, _theme_palette_tag_name;
     return _object_spread_props(_object_spread({}, theme.typography.subtitle2), {
         lineHeight: '16px',

package/dist/FxTextField/FxTextField.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { InputBaseProps } from '@mui/material';
+import { InputBaseProps } from '@mui/material/InputBase';
 export interface TextFieldPropsType {
     autoFocus?: boolean;
     droppedItem?: {

package/dist/FxTextField/FxTextField.js

@@ -19,7 +19,10 @@ _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 _FormControl = /*#__PURE__*/ _interop_require_default(require("@mui/material/FormControl"));
+const _FormHelperText = /*#__PURE__*/ _interop_require_default(require("@mui/material/FormHelperText"));
+const _InputBase = /*#__PURE__*/ _interop_require_default(require("@mui/material/InputBase"));
+const _InputLabel = /*#__PURE__*/ _interop_require_default(require("@mui/material/InputLabel"));
 const _ErrorRounded = /*#__PURE__*/ _interop_require_default(require("@mui/icons-material/ErrorRounded"));
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -134,11 +137,11 @@ const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, stru
         onChange && onChange(e);
         setValue(e.target.value);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormControl, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FormControl.default, {
         variant: "standard",
         error: error,
         children: [
-            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputLabel, {
+            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputLabel.default, {
                 shrink: true,
                 htmlFor: title,
                 sx: (theme)=>_object_spread(_object_spread_props(_object_spread({
@@ -154,7 +157,7 @@ const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, stru
                         }
                     }), required && {
                         '&:before': {
-                            content: "'*'",
+                            content: '\'*\'',
                             color: theme.palette.redscale.main,
                             display: 'inline-block',
                             marginRight: '5px'
@@ -162,7 +165,7 @@ const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, stru
                     }),
                 children: (0, _fixefyuiutils.titleCase)(title)
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.InputBase, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputBase.default, {
                 endAdornment: endAdornment,
                 startAdornment: startAdornment,
                 id: title,
@@ -173,7 +176,7 @@ const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, stru
                 value: value,
                 error: error
             }),
-            error && errorText ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.FormHelperText, {
+            error && errorText ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_FormHelperText.default, {
                 sx: (theme)=>({
                         '&.Mui-error': {
                             color: theme.palette.redscale.main
@@ -195,7 +198,7 @@ const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, stru
                     }),
                     (0, _fixefyuiutils.titleCase)(errorText)
                 ]
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormHelperText, {
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormHelperText.default, {
                 sx: (theme)=>({
                         color: theme.palette.greyscale.light,
                         fontSize: '11px'

package/dist/FxTodo/FxTodo.js

@@ -12,7 +12,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
 const _FxAvatar = require("../FxAvatar");
-const _material = require("@mui/material");
+const _Divider = /*#__PURE__*/ _interop_require_default(require("@mui/material/Divider"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _todostyles = require("./styles/todo.styles");
 function _interop_require_default(obj) {
@@ -32,9 +32,9 @@ function FxTodo({ todo }) {
                                 alt: todo.title,
                                 width: 16,
                                 height: 16,
-                                loader: ()=>//@ts-ignore
-                                    (0, _fixefyuiutils.imageLoader)({
-                                        src: 'invoices/severity_low.svg'
+                                loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                        src: 'invoices/severity_low.svg',
+                                        width: 16
                                     }),
                                 src: `invoices/severity_${todo.priority}.svg`,
                                 onLoad: ()=>console.log('loaded'),
@@ -63,7 +63,7 @@ function FxTodo({ todo }) {
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Divider.default, {
                 sx: {
                     mb: '16px'
                 }

package/dist/FxToggleButtons/FxToggleButtons.js

@@ -10,14 +10,16 @@ Object.defineProperty(exports, "FxToggleButtons", {
 });
 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 _ToggleButtonGroup = /*#__PURE__*/ _interop_require_default(require("@mui/material/ToggleButtonGroup"));
+const _ToggleButton = /*#__PURE__*/ _interop_require_default(require("@mui/material/ToggleButton"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const FxToggleButtons = ({ activeTab, tabsData, onChange, darkMode })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButtonGroup, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToggleButtonGroup.default, {
         sx: {
             height: '40px',
             backgroundColor: darkMode ? '#323232' : '#fff'
@@ -33,9 +35,8 @@ const FxToggleButtons = ({ activeTab, tabsData, onChange, darkMode })=>{
         },
         children: tabsData.map((tab, i)=>{
             const { value, show, label, maxWidth, minWidth } = tab;
-            return show && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButton, {
+            return show && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ToggleButton.default, {
                 disabled: activeTab === value,
-                //@ts-ignore
                 sx: {
                     '&.Mui-disabled': {
                         border: '1px solid #568793 !important'
@@ -51,7 +52,7 @@ const FxToggleButtons = ({ activeTab, tabsData, onChange, darkMode })=>{
                     }
                 },
                 value: value,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
                     sx: {
                         textTransform: 'none'
                     },

package/dist/FxUserImage/FxUserImage.js

@@ -16,7 +16,7 @@ const _FxIcon = require("../FxIcon");
 const _nexts3upload = require("@fixefy/next-s3-upload");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _fixefyhooks = require("@fixefy/fixefy-hooks");
-const _material = require("@mui/material");
+const _CircularProgress = /*#__PURE__*/ _interop_require_default(require("@mui/material/CircularProgress"));
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
@@ -98,22 +98,25 @@ const FxUserImage = ({ bucketAddress, user, loading, setLoading })=>{
     const { downloadFromS3 } = (0, _nexts3upload.useS3Download)('download-bytearray');
     const { email, full_name, first_name, last_name } = user;
     var _ref;
-    // @ts-ignore
+    // @ts-expect-error try to write in a good manner - no trick no hacks
     const initials = (0, _fixefyuiutils.toInitials)((_ref = full_name !== null && full_name !== void 0 ? full_name : first_name && last_name) !== null && _ref !== void 0 ? _ref : 'unknown').slice(0, 2);
     const [file, setFile] = (0, _react.useState)(null);
     const [files, setFiles] = (0, _react.useState)([]);
     (0, _react.useEffect)(()=>{
         fetchFiles();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     (0, _react.useEffect)(()=>{
         if (file) {
             setLoading(false);
         }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         file
     ]);
     (0, _react.useEffect)(()=>{
         fetchFile(files);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     //// fetch single file from s3
     const fetchFile = function() {
@@ -183,7 +186,7 @@ const FxUserImage = ({ bucketAddress, user, loading, setLoading })=>{
             return _ref.apply(this, arguments);
         };
     }();
-    if (loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {
+    if (loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_CircularProgress.default, {
         size: 24
     });
     if (!file && !loading) return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
@@ -219,6 +222,7 @@ const ImageView = ({ data, fileName, type })=>{
             setImageSrc(null);
             return;
         }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         data
     ]);

package/dist/index.d.ts

@@ -33,4 +33,4 @@ export { FxTextField, TextFieldPropsType } from './FxTextField';
 export { FxTodo, TodoItemType, TodoPropsType } from './FxTodo';
 export { FxUserImage } from './FxUserImage';
 export { FxWizard, StepsLauncher } from './FxWizard';
-export { Card, PageHeader, Label, BoldValue, Value, PageTitle, Link, Text, ShowMore, ShowMoreContainer, DataWrapper, Bars, } from './FxStyledComponents';
+export { Card, PageHeader, Label, BoldValue, Value, PageTitle, FxLink, Text, ShowMore, ShowMoreContainer, DataWrapper, Bars, } from './FxStyledComponents';

package/dist/index.js

@@ -81,6 +81,9 @@ _export(exports, {
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
+    FxLink: function() {
+        return _FxStyledComponents.FxLink;
+    },
     FxMenuItemWithIcon: function() {
         return _FxMenuItemWithIcon.FxMenuItemWithIcon;
     },
@@ -147,9 +150,6 @@ _export(exports, {
     Label: function() {
         return _FxStyledComponents.Label;
     },
-    Link: function() {
-        return _FxStyledComponents.Link;
-    },
     ModalPropsType: function() {
         return _FxModal.ModalPropsType;
     },

package/package.json

@@ -3,40 +3,40 @@
   "browser": {
     "fs": false
   },
+  "peerDependencies": {
+    "@fixefy/fixefy-hooks": ">=0.0.16",
+    "@fixefy/fixefy-ui-utils": ">=0.2.56",
+    "@fixefy/next-s3-upload": ">=0.0.12",
+    "@mui/material": ">=5.16.12",
+    "@mui/styles": ">=5.16.12",
+    "clsx": ">=2.1.1",
+    "graphql-tag": ">=2.12.6",
+    "next": ">=14.2.26",
+    "nookies": ">=2.5.2",
+    "pluralize": ">=8.0.0",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  },
   "dependencies": {
-    "@apollo/client": "3.10.4",
-    "@fixefy/fixefy-hooks": "0.0.15",
-    "@fixefy/fixefy-ui-utils": "0.2.56",
-    "@fixefy/next-s3-upload": "^0.0.12",
-    "@mui/icons-material": "5.16.7",
+    "@apollo/client": "3.7.15",
+    "@mui/icons-material": "5.16.12",
     "@mui/lab": "6.0.0-beta.7",
-    "@mui/material": "5.16.7",
-    "@mui/styled-engine": "5.15.14",
-    "@mui/styles": "5.16.7",
-    "@react-spring/web": "9.7.3",
-    "graphql-tag": "2.12.6",
-    "next": "14.2.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-use-wizard": "2.3.0",
-    "tss-react": "^4.9.14"
+    "react-use-wizard": "2.3.0"
   },
   "devDependencies": {
     "@svgr/webpack": "8.1.0",
     "@swc/cli": "0.3.12",
     "@swc/core": "1.5.24",
     "@types/node": "20.14.0",
-    "@types/nookies": "2.0.3",
     "@types/react": "18.3.3",
-    "@typescript-eslint/eslint-plugin": "7.12.0",
-    "@typescript-eslint/parser": "7.12.0",
-    "eslint": "9.4.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.34.2",
-    "eslint-plugin-react-hooks": "4.6.2",
-    "prettier": "3.3.0",
-    "typescript": "5.4.5"
+    "eslint": "9.34.0",
+    "eslint-config-next": "15.5.2",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "prettier": "3.6.2",
+    "tss-react": "^4.9.14",
+    "typescript": "5.9.2"
   },
   "license": "MIT",
   "name": "@fixefy/fixefy-ui-components",
@@ -49,10 +49,11 @@
     "build:copy": "node ../../scripts/copy-files-ex.js",
     "pre_release": "yarn clean && yarn && yarn build",
     "raw_publish": "npm publish --userconfig ./.npmrc --otp 000000",
-    "clean": "rm -rf build && rm -rf dist-* && yarn clean:node",
+    "clean": "rm -rf build && rm -rf dist && yarn clean:node",
     "clean:node": "rm -rf node_modules",
-    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
-    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{ts,tsx}\""
   },
   "engines": {
     "node": "20"
@@ -69,5 +70,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.74"
-}
+  "version": "0.3.75"
+}

package/dist/FxActionButton/FxActionButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FxActionButton: ({ btnValue, onClick, startIcon, sx, }: {
-    btnValue: string;
-    onClick: any;
-    startIcon?: any;
-    sx?: any;
-}) => React.JSX.Element;

package/dist/FxActionButton/FxActionButton.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxActionButton", {
-    enumerable: true,
-    get: function() {
-        return FxActionButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-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
-    };
-}
-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;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const FxActionButton = ({ btnValue, onClick, startIcon, sx })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-        id: "fade-button",
-        sx: _object_spread_props(_object_spread({}, sx), {
-            fontWeight: 'normal'
-        }),
-        "aria-haspopup": "true",
-        startIcon: startIcon,
-        onClick: onClick,
-        children: btnValue
-    });
-};

package/dist/FxActionButton/index.d.ts

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

package/dist/FxActionButton/index.js

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

package/dist/FxActionsTray/styles/actions_tray.styles.d.ts

@@ -1,8 +0,0 @@
-export declare const Container: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const ChargesCount: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const ChargesTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const Close: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const TitleWrapper: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const Divider: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
-export declare const ActionBtn: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
-export declare const ActionTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist/FxActionsTray/styles/actions_tray.styles.js

@@ -1,159 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ActionBtn: function() {
-        return ActionBtn;
-    },
-    ActionTitle: function() {
-        return ActionTitle;
-    },
-    ChargesCount: function() {
-        return ChargesCount;
-    },
-    ChargesTitle: function() {
-        return ChargesTitle;
-    },
-    Close: function() {
-        return Close;
-    },
-    Container: function() {
-        return Container;
-    },
-    Divider: function() {
-        return Divider;
-    },
-    TitleWrapper: function() {
-        return TitleWrapper;
-    }
-});
-const _FxButton = require("../../FxButton");
-const _material = require("@mui/material");
-const _styles = require("@mui/material/styles");
-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 _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;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const filterPrimary = 'invert(46%) sepia(48%) saturate(297%) hue-rotate(145deg) brightness(97%) contrast(90%)';
-const Container = (0, _styles.styled)('div')(({ theme })=>({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        background: theme.palette.common.white,
-        border: '1px solid #C6DDE2',
-        boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.2)',
-        borderRadius: 8,
-        padding: '16px 24px',
-        height: 38,
-        width: 'fit-content',
-        margin: 4
-    }));
-const ChargesCount = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.table), {
-        color: theme.palette.typography.title,
-        fontWeight: 700,
-        marginRight: 4
-    }));
-const ChargesTitle = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.table), {
-        color: theme.palette.typography.title
-    }));
-const Close = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        color: theme.palette.primary['500'],
-        textTransform: 'uppercase',
-        fontWeight: 600,
-        letterSpacing: '0.5px',
-        cursor: 'pointer'
-    }));
-const TitleWrapper = (0, _styles.styled)('div')(({})=>({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    }));
-const Divider = (0, _styles.styled)('div')(({ theme })=>({
-        width: 1,
-        height: '100%',
-        background: theme.palette.greyscale.contrastText,
-        marginRight: 24,
-        marginLeft: 24
-    }));
-const ActionBtn = (0, _styles.styled)(_FxButton.FxButton)(({ theme, type })=>({
-        height: 40,
-        maxHeight: 40,
-        borderRadius: 100,
-        padding: '8px 16px',
-        color: type ? theme.palette.common.white : theme.palette.primary['500'],
-        borderColor: type ? theme.palette.score[type] : theme.palette.primary['500'],
-        background: type ? theme.palette.score[type] : theme.palette.common.white,
-        marginRight: 8,
-        ['& img']: {
-            filter: type ? 'none' : filterPrimary
-        },
-        ['&:hover']: {
-            background: type ? theme.palette.score[type] : theme.palette.common.white,
-            color: type ? theme.palette.common.white : theme.palette.primary['500'],
-            borderColor: type ? theme.palette.score[type] : theme.palette.primary['500']
-        }
-    }));
-const ActionTitle = (0, _styles.styled)('span')(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        color: 'inherit',
-        textTransform: 'uppercase',
-        fontWeight: 600,
-        letterSpacing: '0.5px',
-        cursor: 'pointer',
-        marginLeft: 4,
-        marginTop: 2
-    }));

package/dist/FxAsyncDropdown/useDropdownStore.d.ts

@@ -1,2 +0,0 @@
-declare const useDropdownStore: import("zustand").UseBoundStore<import("zustand").StoreApi<unknown>>;
-export default useDropdownStore;