@fixefy/fixefy-ui-components 0.3.31 → 0.3.34

package/dist/src/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/src/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/src/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/src/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);
+        })
+    });
+};

package/dist/src/FxAggregationsBar/helpers/structureReader.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "structureReader", {
+    enumerable: true,
+    get: function() {
+        return structureReader;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+const _FxScore = require("../../FxScore");
+const _FxStatisticsBar = require("../../FxStatisticsBar");
+const _FxProgressCounter = require("../../FxProgressCounter");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const structureReader = (structure, filter, collapsed, initialValues)=>{
+    const { extended, type } = structure;
+    switch(type){
+        case 'aggregations_primary_container':
+            return structure.children.map((child, index)=>{
+                var _child_input_type, _child_input_type1, _extended_variables;
+                return ((_child_input_type = child.input_type) === null || _child_input_type === void 0 ? void 0 : _child_input_type.value) === 'percentage' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxScore.FxScore, {
+                    structure: child,
+                    filter: filter,
+                    value: initialValues === null || initialValues === void 0 ? void 0 : initialValues.score
+                }, index) : ((_child_input_type1 = child.input_type) === null || _child_input_type1 === void 0 ? void 0 : _child_input_type1.value) === 'progress' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxProgressCounter.FxProgressCounter, {
+                    structure: child,
+                    filter: filter,
+                    values: initialValues
+                }, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    sx: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        width: 'fit-content',
+                        padding: 2,
+                        borderRadius: 2,
+                        backgroundColor: (extended === null || extended === void 0 ? void 0 : (_extended_variables = extended.variables) === null || _extended_variables === void 0 ? void 0 : _extended_variables.bg) || '#FFFFFF'
+                    },
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStatisticsBar.FxStatisticsBar, {
+                        structure: child,
+                        filter: filter,
+                        collapsed: collapsed,
+                        value: initialValues ? initialValues[child.extended.object_path] : null
+                    }, index)
+                });
+            });
+        case 'aggregations_secondary_container':
+            var _extended_variables;
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                direction: "row",
+                divider: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Divider, {
+                    orientation: "vertical",
+                    flexItem: true
+                }),
+                spacing: 2,
+                sx: {
+                    backgroundColor: (extended === null || extended === void 0 ? void 0 : (_extended_variables = extended.variables) === null || _extended_variables === void 0 ? void 0 : _extended_variables.bg) || '#FFFFFF',
+                    borderRadius: '8px',
+                    padding: '24px 16px'
+                },
+                children: structure.children.map((child, index)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStatisticsBar.FxStatisticsBar, {
+                        structure: child,
+                        filter: filter,
+                        collapsed: collapsed,
+                        value: initialValues ? initialValues[child.extended.object_path] : null
+                    }, index);
+                })
+            });
+    }
+};

package/dist/src/FxAggregationsBar/index.js

@@ -0,0 +1,22 @@
+"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, {
+    AggreationsBarPropsType: function() {
+        return _FxAggregations.AggreationsBarPropsType;
+    },
+    AggregationsDataPropsType: function() {
+        return _FxAggregations.AggregationsDataPropsType;
+    },
+    FxAggregationsBar: function() {
+        return _FxAggregations.FxAggregationsBar;
+    }
+});
+const _FxAggregations = require("./FxAggregations");