@fixefy/fixefy-ui-components 0.0.48 → 0.0.51

package/dist/FxActionsTray/FxActionsTray.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type ActionsTrayPropsType = {
+    type: 'approved' | 'challenge' | 'pending' | 'no_pricing';
+    onApprove?: () => void;
+    onChallenge?: () => void;
+    onClick?: () => void;
+    onClose?: () => void;
+    show: boolean;
+    chargesCount: number;
+    container?: any;
+    direction?: 'down' | 'left' | 'right' | 'up';
+};
+export declare function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction, }: ActionsTrayPropsType): React.JSX.Element;

package/dist/FxActionsTray/FxActionsTray.js

@@ -0,0 +1,351 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxActionsTray", {
+    enumerable: true,
+    get: function() {
+        return FxActionsTray;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
+const _material = require("@mui/material");
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _actions_traystyles = require("./styles/actions_tray.styles");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction = 'up' }) {
+    const renderActions = ()=>{
+        switch(type){
+            case 'approved':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(ApprovedActions, {
+                    onChallenge: onChallenge
+                });
+            case 'challenge':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(ChallengeActions, {
+                    onChallenge: onChallenge,
+                    onApprove: onApprove
+                });
+            case 'pending':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(PendingActions, {
+                    onApprove: onApprove,
+                    onChallenge: onChallenge
+                });
+            case 'no_pricing':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(NoPricingActions, {
+                    onApprove: onApprove,
+                    onChallenge: onChallenge
+                });
+            default:
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(ApprovedActions, {
+                    onChallenge: onChallenge
+                });
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Slide, {
+            direction: direction,
+            in: show,
+            mountOnEnter: true,
+            unmountOnExit: true,
+            timeout: 400,
+            container: container,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.Container, {
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.TitleWrapper, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ChargesCount, {
+                                children: chargesCount
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ChargesTitle, {
+                                children: "charges selected"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Divider, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        children: renderActions()
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Divider, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        onClick: onClose,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.Close, {
+                            children: "close"
+                        })
+                    })
+                ]
+            })
+        })
+    });
+}
+const ChallengeActions = ({ onChallenge, onApprove })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                type: "low",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "challenge",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/challenge.svg'
+                            }),
+                        src: 'actions/challenge.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "challenge"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "approve",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/approve.svg'
+                            }),
+                        src: 'actions/approve.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "approve"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "ignore and approve",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/ignore_and_approve.svg'
+                            }),
+                        src: 'actions/ignore_and_approve.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "ignore & approve"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "change exception",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/change_exception.svg'
+                            }),
+                        src: 'actions/change_exception.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "Change exeption"
+                    })
+                ]
+            })
+        ]
+    });
+};
+const PendingActions = ({ onApprove, onChallenge })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                type: "excellent",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "approve",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/approve.svg'
+                            }),
+                        src: 'actions/approve.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "approve"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "challenge",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/challenge.svg'
+                            }),
+                        src: 'actions/challenge.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "challenge"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "dive in",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/dive_in.svg'
+                            }),
+                        src: 'actions/dive_in.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "dive in"
+                    })
+                ]
+            })
+        ]
+    });
+};
+const NoPricingActions = ({ onApprove, onChallenge })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "dive in",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/dive_in.svg'
+                            }),
+                        src: 'actions/dive_in.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "dive in"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "solve",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/solve.svg'
+                            }),
+                        src: 'actions/solve.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "solve"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onApprove,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "ignore and approve",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/ignore_and_approve.svg'
+                            }),
+                        src: 'actions/ignore_and_approve.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "ignore & approve"
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ApprovedActions = ({ onChallenge })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "dive in",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actionsCards/check_exceptions.svg'
+                            }),
+                        src: 'actionsCards/check_exceptions.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "dive in"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_actions_traystyles.ActionBtn, {
+                onClick: onChallenge,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
+                        alt: "challenge",
+                        loader: ()=>(0, _fixefyuiutils.imageLoader)({
+                                root: 'https://cdn-dev.fixefy.me/',
+                                src: 'actions/undo.svg'
+                            }),
+                        src: 'actions/undo.svg',
+                        width: 20,
+                        height: 20,
+                        onLoad: ()=>console.log('loaded'),
+                        onError: (e)=>console.log('error:', e)
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_actions_traystyles.ActionTitle, {
+                        children: "undo"
+                    })
+                ]
+            })
+        ]
+    });
+};

package/dist/FxActionsTray/index.d.ts

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

package/dist/FxActionsTray/index.js

@@ -0,0 +1,19 @@
+"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, {
+    ActionsTrayPropsType: function() {
+        return _FxActionsTray.ActionsTrayPropsType;
+    },
+    FxActionsTray: function() {
+        return _FxActionsTray.FxActionsTray;
+    }
+});
+const _FxActionsTray = require("./FxActionsTray");

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/FxAggregationsBar/FxAggregations.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export type AggregationsDataPropsType = {
+    title: string;
+    value: number;
+    type?: 'currency' | 'percentage';
+    loading?: boolean;
+};
+export type AggreationsBarPropsType = {
+    structure: any;
+    minWidth?: string | number;
+    mb?: string | number;
+    filter?: object;
+    initialValues?: {
+        score?: number;
+        originalCharge?: number;
+        underContractCharges?: number;
+        fairValue?: number;
+        spendRisk?: number;
+        [x: string]: any;
+    };
+};
+export declare const FxAggregationsBar: (props: AggreationsBarPropsType) => React.JSX.Element;

package/dist/FxAggregationsBar/FxAggregations.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxAggregationsBar", {
+    enumerable: true,
+    get: function() {
+        return FxAggregationsBar;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Stack = /*#__PURE__*/ _interop_require_default(require("@mui/material/Stack"));
+const _structureReader = require("./helpers/structureReader");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxAggregationsBar = (props)=>{
+    const { structure, minWidth, mb, filter, initialValues } = props;
+    const { children, extended } = structure;
+    const { variables } = extended;
+    const { collapsed } = variables;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
+        direction: "row",
+        spacing: 1.5,
+        sx: {
+            mb: mb ? mb : 0,
+            ['& div']: {
+                minWidth: minWidth
+            },
+            ['& > span']: {
+                minWidth: minWidth
+            }
+        },
+        children: children.map((child)=>{
+            return (0, _structureReader.structureReader)(child, filter, collapsed, initialValues);
+        })
+    });
+};