@fixefy/fixefy-ui-utils 0.0.10 → 0.0.12

package/dist-es/json/index.js

@@ -0,0 +1,144 @@
+import { isArrayValid, isObjectValid, isStringValid } from '..';
+export const getJToken = (jToken, jsonPath, defaultValue) => {
+    // input check - if key is invalid - return error
+    if (isObjectValid(jToken) === false)
+        return defaultValue;
+    // convert indexes to properties
+    jsonPath = jsonPath.replace(/\[(\w+)\]/g, '.$1');
+    // strip a leading dot
+    jsonPath = jsonPath.replace(/^\./, '');
+    // split path by '.'
+    let isContinueLoop = true;
+    let currentToken;
+    const jsonPathParts = jsonPath.split('.');
+    try {
+        //for ( let i = 0, n = jsonPathParts.length && isContinueLoop; i < n; ++i ) {
+        for (let i = 0, n = jsonPathParts.length; isContinueLoop && i < n; ++i) {
+            currentToken = jsonPathParts[i];
+            if (typeof jToken === 'string') {
+                jToken = JSON.parse(jToken);
+            }
+            if (currentToken in jToken) {
+                jToken = jToken[currentToken];
+            }
+            else {
+                // if something in the process failed:
+                //  1. set the rv as the default value
+                //  2. stop the loop
+                jToken = defaultValue;
+                isContinueLoop = false;
+            }
+        }
+    }
+    catch (e) {
+        jToken = 'No Value Found';
+    }
+    return jToken;
+};
+export const getJPart = (j, jsonPath, defaultValue) => {
+    // if key is invalid - return error
+    if (j == null)
+        return defaultValue;
+    // convert indexes to properties
+    jsonPath = jsonPath.replace(/\[(\w+)\]/g, '.$1');
+    // strip a leading dot
+    jsonPath = jsonPath.replace(/^\./, '');
+    // split path by '.'
+    let _isArrayValid = false, _isStringValid = false, currentPathPart, isLoop = true;
+    const pathParts = jsonPath.split('.');
+    for (let i = 0, n = pathParts.length; isLoop && i < n; ++i) {
+        currentPathPart = pathParts[i];
+        _isStringValid = isStringValid(j);
+        _isArrayValid = isArrayValid(j);
+        if (_isStringValid === true || _isArrayValid === true) {
+            if (_isStringValid === true) {
+                j = JSON.parse(j);
+            }
+            else {
+                j = j.reduce((acc, cur) => {
+                    const innerJ = getJPart(cur, pathParts.slice(i).join('.'), defaultValue);
+                    if (isArrayValid(innerJ)) {
+                        acc.push(...innerJ);
+                    }
+                    else {
+                        acc.push(innerJ);
+                    }
+                    return acc;
+                }, []);
+                isLoop = false;
+            }
+        }
+        else {
+            if (j[currentPathPart] != null && currentPathPart in j) {
+                j = j[currentPathPart];
+            }
+            else {
+                // if something in the process failed:
+                //  1. set the rv as the default value
+                //  2. stop the loop`
+                j = defaultValue;
+                isLoop = false;
+            }
+        }
+    }
+    return j;
+};
+export const isHasKey = (array, key) => {
+    let rv = false, isContinueLoop = true, current_keys;
+    for (let i = 0; i < array.length && isContinueLoop; ++i) {
+        current_keys = Object.keys(array[i]);
+        if ((current_keys || []).indexOf(key) > -1) {
+            rv = true;
+            isContinueLoop = false;
+        }
+    }
+    return rv;
+};
+export const isJson = (obj) => {
+    let objAsString;
+    try {
+        objAsString = JSON.stringify(obj);
+    }
+    catch (e) {
+        objAsString = null;
+    }
+    if (!objAsString || isStringValid(objAsString) === false)
+        return false;
+    const rv = objAsString?.indexOf('{') === 0 && objAsString?.indexOf('}') === objAsString?.length - 1;
+    return rv;
+};
+export const isNested = (obj) => {
+    const rv = Object.keys(obj).some((key) => {
+        return obj[key] && typeof obj[key] === 'object';
+    });
+    return rv;
+};
+export const isResultValid = (jResult) => {
+    if (isObjectValid(jResult) === false)
+        return false;
+    const rv = getJPart(jResult, 'ok', 0);
+    return !!rv;
+};
+export const setJToken = (jEntity, fieldPathsAndValues) => {
+    let jCurrentToken, currentPath, pathParts, fieldName;
+    for (let i = 0; i < fieldPathsAndValues.length; ++i) {
+        currentPath = fieldPathsAndValues[i]['json_path'];
+        if (isStringValid(currentPath)) {
+            fieldName = currentPath;
+            pathParts = currentPath.split('.');
+            if (isArrayValid(pathParts)) {
+                fieldName = pathParts[pathParts.length - 1];
+                pathParts = pathParts.splice(0, Math.max(0, pathParts.length - 1));
+                if (isArrayValid(pathParts)) {
+                    currentPath = pathParts.join('.');
+                }
+            }
+            jCurrentToken = getJPart(jEntity, currentPath, null);
+            if (isObjectValid(jCurrentToken) || isJson(jCurrentToken) === false) {
+                jCurrentToken = jEntity;
+            }
+            jCurrentToken[fieldName] = fieldPathsAndValues[i]['value'];
+        }
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist-es/json/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/json/index.ts"],"names":[],"mappings":"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"}

package/dist-es/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist-es/{types/page_context → page_context}/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from '@mui/material/styles';
 declare module '@mui/styles/defaultTheme' {
     interface DefaultTheme extends Theme {

package/dist-es/page_context/index.js

@@ -0,0 +1,529 @@
+import { createTheme } from '@mui/material/styles';
+import { createGenerateClassName, jssPreset } from '@mui/styles';
+import { create, SheetsRegistry } from 'jss';
+const theme = 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: {
+                //@ts-ignore
+                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 = createTheme({
+    ...theme,
+    //@ts-ignore
+    palette: {
+        ...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 = createTheme({
+    ...theme,
+    //@ts-ignore
+    palette: {
+        ...theme.palette,
+        mode: 'dark',
+        text: {
+            primary: '#fff',
+            secondary: 'rgba(255, 255, 255, 0.7)',
+            disabled: 'rgba(255, 255, 255, 0.5)',
+            // hint: "rgba(0, 0, 0, 0.38)",
+        },
+        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: create({
+            ...jssPreset(),
+            // Define a custom insertion point that JSS will look for when injecting the styles into the DOM.
+            // insertionPoint: "jss-insertion-point"
+            // insertionPoint: process.browser ? document.querySelector("#insertion-point-jss") : null,
+        }),
+        sheetsRegistry: new SheetsRegistry(),
+        // The standard class name generator.
+        generateClassName: createGenerateClassName(),
+    };
+}
+let pageContext;
+export default 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).
+    //@ts-ignore
+    if (!process.browser) {
+        return createPageContext(darkMode);
+    }
+    // Reuse context on the client-side.
+    if (!pageContext) {
+        pageContext = createPageContext(darkMode);
+    }
+    return pageContext;
+}
+//# sourceMappingURL=index.js.map