@fixefy/fixefy-ui-utils 0.0.9 → 0.0.10

package/dist-cjs/page_context/index.jsx

@@ -1,494 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles_1 = require("@mui/material/styles");
-const styles_2 = require("@mui/styles");
-const jss_1 = require("jss");
-const theme = (0, styles_1.createTheme)({
-    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',
-        },
-        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',
-            '500': '#568793',
-            '700': '#3C636C',
-            '800': '#2F4F57',
-        },
-        priority: {
-            critical: '#EB5757',
-            high: '#F2994A',
-            low: '#56CCF2',
-            medium: '#88C00D',
-        },
-        typography: { title: '#172326', delete: '#EB5757' },
-        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: '#96B5BC', background: '#F7F9FA' },
-            approve: { border: '#88C00D', background: '#F9FCF3' },
-            challenge: { border: '#F7C08F', background: '#FEFAF6' },
-            challenged: { border: '#F7C08F', background: '#FEFAF6' },
-            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_progress: { border: '#56CCF2', background: '#F1FBFE' },
-            in_review: { border: '#BB6BD9', background: '#FAF6FE' },
-            no_pricing: { border: '#BBBBBB', background: '#FAFAFA' },
-            pending: { border: '#ECC631', background: '#FEFDF3' },
-        },
-        invoiceState: {
-            approved: { border: '#27AE60', background: '#27AE60' },
-            created: { border: '#87ACB6', background: '#87ACB6' },
-            declined: { border: '#EB5757', background: '#EB5757' },
-            in_dispute: { border: '#56CCF2', background: '#56CCF2' },
-            in_progress: { border: '#56CCF2', background: '#56CCF2' },
-            paid: { border: '#BB6BD9', background: '#BB6BD9' },
-            closed: { border: '#8B9092', background: '#8B9092' },
-        },
-        reconcilationState: {
-            created: { border: '#87ACB6', background: '#87ACB6' },
-            in_progress: { border: '#56CCF2', background: '#56CCF2' },
-            approved: { border: '#27AE60', background: '#27AE60' },
-            declined: { border: '#EB5757', background: '#EB5757' },
-            refunded: { border: '#BB6BD9', background: '#BB6BD9' },
-            closed: { border: '#8B9092', background: '#8B9092' },
-        },
-        trends: {
-            positive: '#88C00D',
-            negative: '#F2994A',
-            critical: '#ED323B',
-            percent: '#56CCF2',
-            sum: '#BB6BD9',
-        },
-        invoiceAnalysis: {
-            underCharges: '#87ACB6',
-            overCharges: '#C6DDE2',
-            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',
-        },
-    },
-    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],
-                        },
-                    }),
-                },
-            ],
-            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',
-        },
-    },
-    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_1.createTheme)(Object.assign(Object.assign({}, theme), { palette: Object.assign(Object.assign({}, theme.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_1.createTheme)(Object.assign(Object.assign({}, theme), { palette: Object.assign(Object.assign({}, theme.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',
-        } }) }));
-function createPageContext(darkMode = false) {
-    return {
-        theme: darkMode ? darkTheme : lightTheme,
-        darkMode,
-        sheetsManager: new Map(),
-        jss: (0, jss_1.create)(Object.assign({}, (0, styles_2.jssPreset)())),
-        sheetsRegistry: new jss_1.SheetsRegistry(),
-        generateClassName: (0, styles_2.createGenerateClassName)(),
-    };
-}
-let pageContext;
-function getPageContext(darkMode) {
-    if (!process.browser) {
-        return createPageContext(darkMode);
-    }
-    if (!pageContext) {
-        pageContext = createPageContext(darkMode);
-    }
-    return pageContext;
-}
-exports.default = getPageContext;

package/dist-cjs/redirect/index.jsx

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const router_1 = tslib_1.__importDefault(require("next/router"));
-const redirect = (context, target) => {
-    if (context.res) {
-        console.log('SERVER RESPONSE :', context.res);
-        context.res.writeHead(303, { Location: target });
-        context.res.end();
-    }
-    else {
-        router_1.default.replace(target);
-    }
-};
-exports.default = redirect;

package/dist-cjs/renderer/index.jsx

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValueComponentByComponentValue = exports.parseValue = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const material_1 = require("@mui/material");
-const fixefy_ui_components_1 = require("@fixefy/fixefy-ui-components");
-const __1 = require("../");
-const parseValue = ({ value, structure, onClick }) => {
-    const { extended, name, type, title } = structure;
-    const path = extended && extended.title_path;
-    let theTruth;
-    if (path) {
-        theTruth = (0, __1.getJPart)(value, path, undefined);
-    }
-    const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth;
-    if (_value === undefined || _value === null) {
-        return (0, exports.getValueComponentByComponentValue)({
-            value: 'No Value Found',
-        });
-    }
-    let rv = (0, __1.getStringValueByValueType)({ value: _value, name });
-    rv = (0, exports.getValueComponentByComponentValue)({
-        value: rv,
-        name,
-        title,
-        type,
-        onClick: (e) => onClick(e, _value),
-    });
-    return rv;
-};
-exports.parseValue = parseValue;
-const getValueComponentByComponentValue = ({ value, name, title, type, onClick }) => {
-    let rv = null;
-    switch (type) {
-        case __1.ComponentTypes.Chip:
-            rv = <fixefy_ui_components_1.FxChip size="small" key={`${name}-Chip-3003`} style={{ marginBottom: '5px' }} status={value.toLowerCase()} label={value}/>;
-            break;
-        case __1.ComponentTypes.ClickableLabel:
-            rv = (<material_1.Typography key={`${name}-Link-2002`} sx={{
-                    marginBottom: '5px',
-                    fontSize: '14px',
-                    textDecoration: 'underline',
-                    cursor: 'pointer',
-                }} variant="body1">
-          <material_1.Link onClick={onClick}>{(0, __1.titleCase)(value)}</material_1.Link>
-        </material_1.Typography>);
-            break;
-        case __1.ComponentTypes.Label:
-            if (Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) > 1) {
-                rv = (<fixefy_ui_components_1.FxShowMore items={value} label={title !== null && title !== void 0 ? title : ''}>
-            <material_1.Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-              {(0, __1.titleCase)(value[0])}
-            </material_1.Typography>
-          </fixefy_ui_components_1.FxShowMore>);
-            }
-            break;
-        default:
-            rv = (<material_1.Typography key={`${name}-Label-1000`} lineHeight={'20px'} sx={{ fontSize: '14px' }} variant="body1">
-          {(0, __1.titleCase)(value)}
-        </material_1.Typography>);
-            break;
-    }
-    return rv;
-};
-exports.getValueComponentByComponentValue = getValueComponentByComponentValue;

package/dist-cjs/resolvers/index.jsx

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolvers = void 0;
-const tslib_1 = require("tslib");
-const graphql_tag_1 = tslib_1.__importDefault(require("graphql-tag"));
-const CURRENT_PAGE_QUERY = (0, graphql_tag_1.default) `
-  query CURRENT_PAGE_QUERY {
-    currentPage @client {
-      name
-      path
-    }
-  }
-`;
-exports.resolvers = {
-    Mutation: {
-        changePage(_, args, { cache }) {
-            console.log(_, args, cache);
-            const { currentPage } = cache.readQuery({
-                query: CURRENT_PAGE_QUERY,
-            });
-            if (args.to !== currentPage.name) {
-                const data = {
-                    currentPage: {
-                        name: args.to,
-                        path: '/' + args.to,
-                        __typename: 'currentPage',
-                    },
-                };
-                cache.writeQuery({ query: CURRENT_PAGE_QUERY, data });
-                return data;
-            }
-            return null;
-        },
-    },
-};

package/dist-cjs/transform/index.jsx

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transform = void 0;
-const tslib_1 = require("tslib");
-const csvtojson_1 = tslib_1.__importDefault(require("csvtojson"));
-const convert_excel_to_json_1 = tslib_1.__importDefault(require("convert-excel-to-json"));
-require("regenerator-runtime/runtime.js");
-const defaultOptions = {
-    columns: true,
-    skip_empty_lines: true,
-    quote: '"',
-    ltrim: true,
-    rtrim: true,
-    delimiter: ',',
-};
-const transform = ({ data, data_type, options = defaultOptions }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    let rv = data;
-    data_type = data_type.substring(data_type.lastIndexOf('/') + 1, data_type.length + 1).toLowerCase();
-    switch (data_type) {
-        case 'csv':
-            rv = yield _csvToJson({ csv: data, options });
-            rv = JSON.stringify(rv).trim();
-            break;
-        case 'xls':
-            rv = _xlsToJson({ xls: data });
-            break;
-        case 'xml':
-            break;
-    }
-    return rv;
-});
-exports.transform = transform;
-const _csvToJson = ({ csv, options = defaultOptions }) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const rv = yield (0, csvtojson_1.default)(options).fromString(csv);
-    return rv;
-});
-const _xlsToJson = ({ xls }) => {
-    const rv = (0, convert_excel_to_json_1.default)({ source: xls });
-    return rv;
-};

package/dist-cjs/types/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });