@fixefy/fixefy-ui-utils 0.2.70 → 0.2.72

package/dist/fixefy-ui-utils/src/page_context/index.js

@@ -1,1000 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return getPageContext;
-    }
-});
-const _styles = require("@mui/material/styles");
-const _createGenerateClassName = /*#__PURE__*/ _interop_require_default(require("@mui/styles/createGenerateClassName"));
-const _jssPreset = /*#__PURE__*/ _interop_require_default(require("@mui/styles/jssPreset"));
-const _jss = require("jss");
-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 palette = {
-    background: {
-        paper: '#fff'
-    },
-    common: {
-        black: '#323232',
-        white: '#FFFFFF'
-    },
-    colors: {
-        red: '#EB5757',
-        lightRed: '#FEF6F6',
-        orange: '#F2994A',
-        lightOrange: '#FEF7F1',
-        orangeHover: '#EC7A30',
-        orangeFocused: '#E65C15',
-        gold: '#C4A603',
-        lightGold: '#FAF7E6',
-        yellow: '#F2D74C',
-        lightYellow: '#FEFCEE',
-        yellowHover: '#ECC631',
-        yellowFocused: '#E6B517',
-        green1: '#88C00D',
-        lightGreen1: '#F6FAEC',
-        green2: '#27AE60',
-        lightGreen2: '#EEF9F2',
-        green2Hover: '#169242',
-        green2Focused: '#067724',
-        green3: '#6FCF97',
-        blue: '#2D9CDB',
-        lightBlue: '#F3F9FD',
-        blueHover: '#2D9CDB',
-        blueFocused: '#085FBC',
-        blue1: '#56CCF2',
-        lightBlue1: '#F1FBFE',
-        blue1Hover: '#39B8EC',
-        blue1Focused: '#1DA3E6',
-        purple: '#BB6BD9',
-        lightPurple: '#FBF6FD',
-        silver: '#C5C5C5',
-        silverPlatinum: '#E3E4E4',
-        silverSand: '#C6C7C8',
-        jetBlack: '#303030',
-        gainsboro: '#D0D0D0',
-        black: '#000000',
-        gray_54: '#8A8A8A',
-        azure: '#FAFCFC',
-        aliceBlue: '#F6F9FA',
-        lightGray: '#FCFCFB',
-        charcoal: '#2B2B2B'
-    },
-    user_image_colors: {
-        red: '#EB5757',
-        orange: '#F2994A',
-        orangeHover: '#EC7A30',
-        orangeFocused: '#E65C15',
-        gold: '#C4A603',
-        yellow: '#F2D74C',
-        yellowHover: '#ECC631',
-        yellowFocused: '#E6B517',
-        green1: '#88C00D',
-        green2: '#27AE60',
-        green2Hover: '#169242',
-        green2Focused: '#067724',
-        green3: '#6FCF97',
-        blue: '#2D9CDB',
-        blueHover: '#2D9CDB',
-        blueFocused: '#085FBC',
-        blue1: '#56CCF2',
-        blue1Hover: '#39B8EC',
-        blue1Focused: '#1DA3E6',
-        purple: '#BB6BD9',
-        silver: '#C5C5C5',
-        gray_54: '#8A8A8A'
-    },
-    greyscale: {
-        dark: '#636363',
-        main: '#ababab',
-        light: '#e2e2e2',
-        contrastText: '#f7f7f7',
-        '500': '#5C6467',
-        '400': '#8B9092',
-        '300': '#C5C8C9',
-        '200': '#F0F0F0',
-        '100': '#F7F7F7'
-    },
-    redscale: {
-        main: '#EB5757',
-        '500': '#EE6868',
-        '400': '#F08989',
-        '300': '#F4AAAA',
-        '200': '#F8CCCC',
-        '100': '#FEF6F6'
-    },
-    orangescale: {
-        '700': '#E65C15',
-        '600': '#EC7A30',
-        main: '#F2994A',
-        '100': '#FEF7F1'
-    },
-    goldscale: {
-        main: '#C4A603',
-        '100': '#FAF7E6'
-    },
-    yellowscale: {
-        '700': '#E6B517',
-        '600': '#ECC631',
-        main: '#F2D74C',
-        '100': '#FEFCEE'
-    },
-    purplescale: {
-        main: '#BB6BD9',
-        '100': '#FBF6FD'
-    },
-    green1scale: {
-        main: '#88C00D',
-        '100': '#F6FAEC'
-    },
-    green2scale: {
-        '700': '#067724',
-        '600': '#169242',
-        main: '#27AE60',
-        '100': '#EEF9F2'
-    },
-    green3scale: {
-        main: '#6FCF97'
-    },
-    blue1scale: {
-        '700': '#1DA3E6',
-        '600': '#39B8EC',
-        main: '#56CCF2',
-        '100': '#F1FBFE'
-    },
-    blue2scale: {
-        '700': '#085FBC',
-        '600': '#1A7ECC',
-        main: '#2D9CDB',
-        '100': '#F3F9FD'
-    },
-    error: {
-        main: '#f44336'
-    },
-    pending: {
-        main: '#e7cc0e',
-        dark: '#B09000'
-    },
-    primary: {
-        main: '#365c65',
-        '100': '#C6DDE2',
-        '300': '#87ACB6',
-        '400': '#749da8',
-        '500': '#568793',
-        '700': '#3C636C',
-        '800': '#2F4F57'
-    },
-    priority: {
-        critical: '#EB5757',
-        high: '#F2994A',
-        low: '#2D9CDB',
-        medium: '#88C00D',
-        marginal: '#56CCF2'
-    },
-    chipPriority: {
-        critical: {
-            label: '#EB5757',
-            background: '#FEF6F6',
-            border: '#EB5757'
-        },
-        high: {
-            label: '#F2994A',
-            background: '#FEF7F1',
-            border: '#F2994A'
-        },
-        low: {
-            label: '#2D9CDB',
-            background: '#F1FBFE',
-            border: '#2D9CDB'
-        },
-        medium: {
-            label: '#88C00D',
-            background: '#F6FAEC',
-            border: '#88C00D'
-        },
-        marginal: {
-            label: '#56CCF2',
-            background: '#F1FBFE',
-            border: '#56CCF2'
-        }
-    },
-    typography: {
-        title: '#172326',
-        delete: '#EB5757'
-    },
-    values: {
-        original_value: '#87ACB6',
-        fair_value: '#2F4F57',
-        expected_refund: '#56CCF2',
-        actual_refund: '#EC6AC8'
-    },
-    statistics: {
-        value: '#568793',
-        label: '#8B9092'
-    },
-    success: {
-        main: '#88c00d'
-    },
-    uploader: {
-        processing: {
-            border: '',
-            bg: ''
-        },
-        pause: {
-            border: '',
-            bg: ''
-        }
-    },
-    score: {
-        excellent: '#27AE60',
-        high: '#88C00D',
-        medium: '#F2C94C',
-        low: '#F2994A',
-        bad: '#ED323B'
-    },
-    status: {
-        active: {
-            border: '#27AE60',
-            background: '#EEF9F2'
-        },
-        approve: {
-            border: '#88C00D',
-            background: '#F9FCF3'
-        },
-        approved: {
-            border: '#27AE60',
-            background: '#EEF9F2'
-        },
-        challenge: {
-            border: '#F7C08F',
-            background: '#FEFAF6'
-        },
-        challenged: {
-            border: '#F7C08F',
-            background: '#FEFAF6'
-        },
-        closed: {
-            border: '#8B9092',
-            background: '#FAFAFA'
-        },
-        credited: {
-            border: '#BB6BD9',
-            background: '#FAF6FE'
-        },
-        credit_invoices: {
-            border: '#6D60E8',
-            background: '#F0EFFD'
-        },
-        declined: {
-            border: '#F48085',
-            background: '#FEF5F5'
-        },
-        discrepancy: {
-            border: '#CEBA61',
-            background: '#FBFAF2'
-        },
-        duplicate: {
-            border: '#CEBA61',
-            background: '#FBFAF2'
-        },
-        duplicated: {
-            border: '#CEBA61',
-            background: '#FBFAF2'
-        },
-        gold: {
-            border: '#C4A603',
-            background: '#FEFDF3'
-        },
-        in_dispute: {
-            border: '#F2994A',
-            background: '#FEF7F1'
-        },
-        in_progress: {
-            border: '#56CCF2',
-            background: '#F1FBFE'
-        },
-        in_review: {
-            border: '#BB6BD9',
-            background: '#FAF6FE'
-        },
-        no_pricing: {
-            border: '#BBBBBB',
-            background: '#FAFAFA'
-        },
-        pending: {
-            border: '#2D9CDB',
-            background: '#F3F9FD',
-            light: '#F1FBFE'
-        },
-        pending_review: {
-            border: '#2D9CDB',
-            background: '#F1FBFE'
-        },
-        pending_refund: {
-            border: '#2D9CDB',
-            background: '#F1FBFE',
-            light: '#F1FBFE'
-        },
-        resolved: {
-            border: '#BB6BD9',
-            background: '#FAF6FE'
-        },
-        submitted_for_billing: {
-            border: '#88C00D',
-            background: '#F1FBFE'
-        },
-        billed: {
-            border: '#C4A603',
-            background: '#FEFDF3'
-        }
-    },
-    tag: {
-        approved: {
-            border: '#27AE60',
-            background: '#27AE60'
-        },
-        pending: {
-            border: '#ECC631',
-            background: '#ECC631'
-        },
-        pending_review: {
-            border: '#2D9CDB',
-            background: '#2D9CDB'
-        },
-        credited: {
-            border: '#BB6BD9',
-            background: '#BB6BD9'
-        },
-        credit_invoices: {
-            border: '#6D60E8',
-            background: '#6D60E8'
-        },
-        created: {
-            border: '#87ACB6',
-            background: '#87ACB6'
-        },
-        declined: {
-            border: '#EB5757',
-            background: '#EB5757'
-        },
-        in_dispute: {
-            border: '#EC6AC8',
-            background: '#EC6AC8'
-        },
-        in_progress: {
-            border: '#56CCF2',
-            background: '#56CCF2'
-        },
-        paid: {
-            border: '#BB6BD9',
-            background: '#BB6BD9'
-        },
-        paid_and_refunded: {
-            border: '#BB6BD9',
-            background: '#BB6BD9'
-        },
-        pending_refund: {
-            border: '#2D9CDB',
-            background: '#2D9CDB',
-            light: '#F1FBFE'
-        },
-        closed: {
-            border: '#8B9092',
-            background: '#8B9092'
-        },
-        refunded: {
-            border: '#BB6BD9',
-            background: '#BB6BD9'
-        },
-        resolved: {
-            border: '#BB6BD9',
-            background: '#BB6BD9'
-        },
-        low: {
-            border: '#56CCF2',
-            background: '#88C00D'
-        }
-    },
-    invoiceState: {
-        approved: {
-            border: '#27AE60',
-            background: '#27AE60',
-            light: '#D4EFDF'
-        },
-        created: {
-            border: '#87ACB6',
-            background: '#87ACB6',
-            light: '#FBF6FD'
-        },
-        credited: {
-            border: '#EC6AC8',
-            background: '#EC6AC8',
-            light: '#FBF6FD'
-        },
-        credit_invoices: {
-            border: '#6D60E8',
-            background: '#6D60E8',
-            light: '#F0EFFD'
-        },
-        in_dispute: {
-            border: '#EB5757',
-            background: '#EB5757',
-            light: '#FCEBDB'
-        },
-        in_progress: {
-            border: '#56CCF2',
-            background: '#56CCF2',
-            light: '#F1FBFE'
-        },
-        paid: {
-            border: '#BB6BD9',
-            background: '#BB6BD9',
-            light: '#FBF6FD'
-        },
-        paid_and_refunded: {
-            border: '#BB6BD9',
-            background: '#BB6BD9',
-            light: '#FBF6FD'
-        },
-        pending: {
-            border: '#2D9CDB',
-            background: '#2D9CDB',
-            light: '#F1FBFE'
-        },
-        pending_review: {
-            border: '#2D9CDB',
-            background: '#2D9CDB',
-            light: '#F1FBFE'
-        },
-        pending_refund: {
-            border: '#88C00D',
-            background: '#88C00D',
-            light: '#F1FBFE'
-        },
-        closed: {
-            border: '#8B9092',
-            background: '#8B9092',
-            light: '#FBF6FD'
-        },
-        submitted_for_billing: {
-            border: '#88C00D',
-            background: '#88C00D',
-            light: '#F1FBFE'
-        },
-        billed: {
-            border: '#C4A603',
-            background: '#C4A603',
-            light: '#FEFDF3'
-        }
-    },
-    recoState: {
-        created: {
-            border: '#87ACB6',
-            background: '#87ACB6'
-        },
-        in_progress: {
-            border: '#EB5757',
-            background: '#EB5757',
-            light: '#FEF6F6'
-        },
-        pending: {
-            border: '#ECC631',
-            background: '#ECC631',
-            light: '#FEFCEE'
-        },
-        approved: {
-            border: '#88C00D',
-            background: '#88C00D',
-            light: '#D4EFDF'
-        },
-        declined: {
-            border: '#C4A603',
-            background: '#C4A603',
-            light: '#FEF6F6'
-        },
-        refunded: {
-            border: '#27AE60',
-            background: '#27AE60',
-            light: '#FBF6FD'
-        },
-        closed: {
-            border: '#8B9092',
-            background: '#8B9092'
-        },
-        resolved: {
-            border: '#EC6AC8',
-            background: '#EC6AC8',
-            light: '#FBF6FD'
-        },
-        submitted_for_billing: {
-            border: '#88C00D',
-            background: '#88C00D',
-            light: '#F1FBFE'
-        },
-        billed: {
-            border: '#C4A603',
-            background: '#C4A603',
-            light: '#FEFDF3'
-        }
-    },
-    trends: {
-        positive: '#88C00D',
-        negative: '#F2994A',
-        critical: '#ED323B',
-        percent: '#56CCF2',
-        sum: '#BB6BD9'
-    },
-    invoiceAnalysis: {
-        underCharges: '#C6DDE2',
-        overCharges: '#F2994A',
-        matching: '#568793',
-        invalid: '#EB5757'
-    },
-    snackbar: {
-        info: {
-            icon: '#56CCF2',
-            border: '#56CCF2'
-        },
-        success: {
-            icon: '#27AE60',
-            border: '#27AE60'
-        },
-        error: {
-            icon: '#ED323B',
-            border: '#ED323B'
-        },
-        warn: {
-            icon: '#F7DD8D',
-            border: '#F2C94C'
-        },
-        critical: {
-            icon: '#ED323B',
-            border: '#ED323B'
-        },
-        silent: {
-            icon: '#56CCF2',
-            border: '#56CCF2'
-        },
-        alert: {
-            icon: '#56CCF2',
-            border: '#56CCF2'
-        }
-    },
-    notificationStatus: {
-        unread: '#F7F9FA'
-    }
-};
-const theme = (0, _styles.createTheme)({
-    palette: _object_spread({}, palette),
-    components: {
-        MuiButton: {
-            defaultProps: {
-                disableRipple: true
-            },
-            variants: [
-                {
-                    props: {
-                        variant: 'contained'
-                    },
-                    style: ({ theme })=>({
-                            background: theme.palette.primary[500],
-                            color: theme.palette.common.white,
-                            boxShadow: 'none',
-                            '&:hover': {
-                                background: theme.palette.primary['700'],
-                                boxShadow: 'none'
-                            },
-                            '&:focus': {
-                                background: theme.palette.primary['800'],
-                                boxShadow: 'none'
-                            },
-                            '&:disabled': {
-                                background: theme.palette.primary[500],
-                                color: theme.palette.common.white
-                            }
-                        })
-                },
-                {
-                    props: {
-                        variant: 'contained:rounded'
-                    },
-                    style: ({ theme })=>({
-                            borderRadius: 100,
-                            background: theme.palette.primary[500],
-                            color: theme.palette.common.white,
-                            '&:hover': {
-                                background: theme.palette.primary['700']
-                            },
-                            '&:focus': {
-                                background: theme.palette.primary['800']
-                            },
-                            '&:disabled': {
-                                background: theme.palette.primary[500],
-                                color: theme.palette.common.white
-                            }
-                        })
-                },
-                {
-                    props: {
-                        variant: 'outlined'
-                    },
-                    style: ({ theme })=>({
-                            borderRadius: 100,
-                            color: theme.palette.primary[500],
-                            borderColor: theme.palette.primary[500],
-                            '&:hover': {
-                                color: theme.palette.primary['700'],
-                                borderColor: theme.palette.primary['700'],
-                                background: 'transparent'
-                            },
-                            '&:focus': {
-                                color: theme.palette.primary['800'],
-                                borderColor: theme.palette.primary['800'],
-                                background: 'transparent'
-                            },
-                            '&:disabled': {
-                                color: theme.palette.primary[500],
-                                border: `1px solid ${theme.palette.primary[500]}`
-                            }
-                        })
-                },
-                {
-                    props: {
-                        variant: 'text'
-                    },
-                    style: ({ theme })=>({
-                            color: theme.palette.primary[500],
-                            '&:hover': {
-                                color: theme.palette.primary[700],
-                                background: 'transparent'
-                            },
-                            '&:focus': {
-                                color: theme.palette.primary[800],
-                                borderColor: theme.palette.primary[800],
-                                background: 'transparent'
-                            },
-                            '&:disabled': {
-                                color: theme.palette.primary[500]
-                            }
-                        })
-                },
-                {
-                    props: {
-                        variant: 'text',
-                        color: 'secondary'
-                    },
-                    style: ({ theme })=>({
-                            color: theme.palette.primary[500],
-                            '&:hover': {
-                                color: theme.palette.primary[400],
-                                background: 'transparent'
-                            },
-                            '&:focus': {
-                                color: theme.palette.primary[300],
-                                borderColor: theme.palette.primary[300],
-                                background: 'transparent'
-                            },
-                            '&:disabled': {
-                                color: theme.palette.primary[500]
-                            }
-                        })
-                },
-                {
-                    props: {
-                        variant: 'outlined',
-                        color: 'secondary'
-                    },
-                    style: ({ theme })=>({
-                            borderRadius: 100,
-                            color: theme.palette.primary[500],
-                            borderColor: theme.palette.primary[500],
-                            '&:hover': {
-                                color: theme.palette.primary[400],
-                                borderColor: theme.palette.primary[400],
-                                background: 'transparent'
-                            },
-                            '&:focus': {
-                                color: theme.palette.primary[300],
-                                borderColor: theme.palette.primary[300],
-                                background: 'transparent'
-                            },
-                            '&:disabled': {
-                                color: theme.palette.primary[500],
-                                border: `1px solid ${theme.palette.primary[500]}`
-                            }
-                        })
-                }
-            ],
-            styleOverrides: {
-                root: {
-                    fontWeight: 600,
-                    fontSize: 12,
-                    lineHeight: '24px',
-                    letterSpacing: '0.5px',
-                    height: 40
-                }
-            }
-        },
-        MuiInputBase: {
-            styleOverrides: {
-                root: ({ theme })=>({
-                        background: theme.palette.common.white,
-                        padding: theme.spacing(1, 2),
-                        height: 40,
-                        boxSizing: 'border-box',
-                        borderRadius: 4,
-                        border: '1px solid transparent',
-                        transition: '.2s',
-                        '&:focus-within': {
-                            borderColor: theme.palette.primary[100],
-                            '& input': {
-                                caretColor: theme.palette.primary[500]
-                            }
-                        },
-                        '&.Mui-error': {
-                            borderColor: theme.palette.redscale.main
-                        },
-                        'label + &': {
-                            marginTop: theme.spacing(2.2),
-                            background: theme.palette.common.white
-                        },
-                        '& input': {
-                            color: theme.palette.typography.title,
-                            '&:placeholder': {
-                                color: theme.palette.greyscale[400]
-                            }
-                        },
-                        '&.MuiInputBase-adornedStart': {
-                            '& input': {
-                                paddingLeft: theme.spacing(2)
-                            }
-                        },
-                        '&.MuiInputBase-adornedEnd': {
-                            '& input': {
-                                paddingRight: theme.spacing(2)
-                            }
-                        }
-                    })
-            }
-        }
-    },
-    typography: {
-        fontFamily: [
-            'Open Sans',
-            'OpenSans'
-        ].join(','),
-        body1: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 14,
-            lineHeight: '24px',
-            letterSpacing: '0.15px'
-        },
-        button: {
-            paddingLeft: 24,
-            paddingRight: 24,
-            color: 'white',
-            fontWeight: 500,
-            fontStyle: 'normal',
-            fontSize: 14,
-            lineHeight: '24px',
-            letterSpacing: '0.5px'
-        },
-        table: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 12,
-            lineHeight: '16px',
-            letterSpacing: '0.1px'
-        },
-        table2: {
-            fontWeight: 900,
-            fontStyle: 'normal',
-            fontSize: 12,
-            lineHeight: '16px',
-            letterSpacing: '0.1px'
-        },
-        overLineCaption: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 11,
-            lineHeight: '16px',
-            letterSpacing: '0.1px'
-        },
-        link: {
-            fontWeight: 'normal',
-            fontStyle: 'italic',
-            fontSize: 12,
-            lineHeight: '20px',
-            letterSpacing: '0.15px'
-        },
-        h1: {
-            fontWeight: 300,
-            fontStyle: 'normal',
-            fontSize: 59,
-            lineHeight: '80px',
-            letterSpacing: '-0.5px'
-        },
-        h2: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 44,
-            lineHeight: '64px',
-            letterSpacing: '0px'
-        },
-        h3: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 33,
-            lineHeight: '48px',
-            letterSpacing: '0.25px'
-        },
-        h4: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 25,
-            lineHeight: '40px',
-            letterSpacing: '0px'
-        },
-        h5: {
-            fontWeight: 500,
-            fontStyle: 'normal',
-            fontSize: 19,
-            lineHeight: '28px',
-            letterSpacing: '0.15px'
-        },
-        subtitle1: {
-            fontWeight: 'normal',
-            fontStyle: 'normal',
-            fontSize: 16,
-            lineHeight: '24px',
-            letterSpacing: '0.15px'
-        },
-        subtitle2: {
-            fontWeight: 500,
-            fontStyle: 'normal',
-            fontSize: 14,
-            lineHeight: '24px',
-            letterSpacing: '0.1px'
-        }
-    },
-    sidebar: {
-        width: 200
-    },
-    sizes: {
-        sideMenu: {
-            width: 70,
-            itemHeight: 60,
-            logoHeight: 60,
-            paddingTop: 20,
-            marginBottom: 20
-        },
-        hex: 80,
-        hex_node: 60,
-        hex_event: 60,
-        hex_service: 60,
-        hex_structure: 30,
-        header: {
-            iconTray: 200,
-            height: 60
-        }
-    }
-});
-const lightTheme = (0, _styles.createTheme)(_object_spread_props(_object_spread({}, theme), {
-    palette: _object_spread_props(_object_spread({}, palette), {
-        mode: 'light',
-        text: {
-            primary: 'rgba(0, 0, 0, 0.87)',
-            secondary: 'rgba(0, 0, 0, 0.54)',
-            disabled: 'rgba(0, 0, 0, 0.38)'
-        },
-        divider: '#F0F0F0',
-        background: {
-            paper: '#fff',
-            default: '#fafafa'
-        }
-    })
-}));
-const darkTheme = (0, _styles.createTheme)(_object_spread_props(_object_spread({}, theme), {
-    palette: _object_spread_props(_object_spread({}, palette), {
-        mode: 'dark',
-        text: {
-            primary: '#fff',
-            secondary: 'rgba(255, 255, 255, 0.7)',
-            disabled: 'rgba(255, 255, 255, 0.5)'
-        },
-        divider: 'rgba(255, 255, 255, 0.12)',
-        background: {
-            paper: '#323232',
-            default: '#303030'
-        }
-    })
-}));
-// A theme with custom primary and secondary color.
-// It's optional.
-function createPageContext(darkMode = false) {
-    // const theme = darkMode ? darkTheme : lightTheme;
-    return {
-        theme: darkMode ? darkTheme : lightTheme,
-        darkMode,
-        // This is needed in order to deduplicate the injection of CSS in the page.
-        sheetsManager: new Map(),
-        // This is needed in order to inject the critical CSS.
-        jss: (0, _jss.create)(_object_spread({}, (0, _jssPreset.default)())),
-        sheetsRegistry: new _jss.SheetsRegistry(),
-        // The standard class name generator.
-        generateClassName: (0, _createGenerateClassName.default)()
-    };
-}
-let pageContext;
-function getPageContext(darkMode) {
-    // Make sure to create a new context for every server-side request so that data
-    // isn't shared between connections (which would be bad).
-    if (typeof window === 'undefined') {
-        return createPageContext(darkMode);
-    }
-    // Reuse context on the client-side.
-    if (!pageContext) {
-        pageContext = createPageContext(darkMode);
-    }
-    return pageContext;
-}