@fixefy/fixefy-ui-components 0.3.31 → 0.3.33

package/dist/FxActionButton/FxActionButton.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,82 @@
+"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

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

package/dist/FxActionButton/index.js

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,159 @@
+"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/FxFilterActionButton/FxFilterActionButton.d.ts

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

package/dist/FxFilterActionButton/FxFilterActionButton.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxFilterActionButton", {
+    enumerable: true,
+    get: function() {
+        return FxFilterActionButton;
+    }
+});
+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 FxFilterActionButton = ({ 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/FxFilterActionButton/index.d.ts

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

package/dist/FxFilterActionButton/index.js

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

package/dist/FxFilterSortButton/FxFilterSortButton.d.ts

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

package/dist/FxFilterSortButton/FxFilterSortButton.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxFilterSortButton", {
+    enumerable: true,
+    get: function() {
+        return FxFilterSortButton;
+    }
+});
+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 FxFilterSortButton = ({ 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/FxFilterSortButton/index.d.ts

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

package/dist/FxFilterSortButton/index.js

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

package/dist/FxModalWithButton/FxModalWithButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const FxModalWithButton: ({ btnType, color, btnValue, modalData, onClick, disabled, icon, }: {
+    btnType?: 'text' | 'icon';
+    color?: 'secondary' | undefined;
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    icon?: string;
+}) => React.JSX.Element;

package/dist/FxModalWithButton/FxModalWithButton.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModalWithButton", {
+    enumerable: true,
+    get: function() {
+        return FxModalWithButton;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxIcon = require("../FxIcon");
+const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const FxModalWithButton = ({ btnType = 'text', color, btnValue, modalData, onClick, disabled, icon })=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
+    const handleClick = (e)=>{
+        if (onClick) {
+            onClick();
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        } else {
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        }
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        setAnchorEl(null);
+    };
+    (0, _react.useEffect)(()=>{
+        setIsOpen(false);
+    }, [
+        btnValue
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        children: [
+            btnType == 'text' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                disabled: disabled,
+                color: color || 'primary',
+                id: "fade-button",
+                "aria-haspopup": "true",
+                onClick: handleClick,
+                sx: {
+                    fontWeight: 'normal',
+                    width: '100%',
+                    justifyContent: 'flex-start',
+                    '&:disabled': {
+                        color: '#BDBDBD',
+                        backgroundColor: '#F0F0F0'
+                    }
+                },
+                children: btnValue
+            }),
+            btnType == 'icon' && icon && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.IconButton, {
+                onClick: handleClick,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: icon,
+                        width: 20,
+                        height: 20
+                    }),
+                    ' '
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+                id: "fade-menu",
+                MenuListProps: {
+                    'aria-labelledby': 'fade-button'
+                },
+                anchorEl: AnchorEl,
+                open: isOpen,
+                onClose: handleClose,
+                TransitionComponent: _material.Fade,
+                children: isOpen && (modalData === null || modalData === void 0 ? void 0 : modalData.map((item, i)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxMenuItemWithIcon.FxMenuItemWithIcon, {
+                        icon: item.icon,
+                        title: item.title,
+                        onClick: ()=>{
+                            handleClose();
+                            item.onClick();
+                        }
+                    }, i);
+                }))
+            })
+        ]
+    });
+};

package/dist/FxModalWithButton/index.d.ts

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

package/dist/FxModalWithButton/index.js

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

package/dist/FxModalWithComponent/FxModalWithComponent.d.ts

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