@fixefy/fixefy-ui-utils 0.0.8 → 0.0.10

package/dist-es/page_context/index.js

@@ -1,511 +0,0 @@
-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: {
-                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,
-    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,
-    palette: {
-        ...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: create({
-            ...jssPreset(),
-        }),
-        sheetsRegistry: new SheetsRegistry(),
-        generateClassName: createGenerateClassName(),
-    };
-}
-let pageContext;
-export default function getPageContext(darkMode) {
-    if (!process.browser) {
-        return createPageContext(darkMode);
-    }
-    if (!pageContext) {
-        pageContext = createPageContext(darkMode);
-    }
-    return pageContext;
-}

package/dist-es/redirect/index.js

@@ -1,12 +0,0 @@
-import Router from '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.replace(target);
-    }
-};
-export default redirect;

package/dist-es/renderer/index.jsx

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

package/dist-es/resolvers/index.js

@@ -1,31 +0,0 @@
-import gql from 'graphql-tag';
-const CURRENT_PAGE_QUERY = gql `
-  query CURRENT_PAGE_QUERY {
-    currentPage @client {
-      name
-      path
-    }
-  }
-`;
-export const 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-es/transform/index.js

@@ -1,35 +0,0 @@
-import csvtojson from 'csvtojson';
-import xlsToJson from 'convert-excel-to-json';
-import 'regenerator-runtime/runtime.js';
-const defaultOptions = {
-    columns: true,
-    skip_empty_lines: true,
-    quote: '"',
-    ltrim: true,
-    rtrim: true,
-    delimiter: ',',
-};
-export const transform = async ({ data, data_type, options = defaultOptions }) => {
-    let rv = data;
-    data_type = data_type.substring(data_type.lastIndexOf('/') + 1, data_type.length + 1).toLowerCase();
-    switch (data_type) {
-        case 'csv':
-            rv = await _csvToJson({ csv: data, options });
-            rv = JSON.stringify(rv).trim();
-            break;
-        case 'xls':
-            rv = _xlsToJson({ xls: data });
-            break;
-        case 'xml':
-            break;
-    }
-    return rv;
-};
-const _csvToJson = async ({ csv, options = defaultOptions }) => {
-    const rv = await csvtojson(options).fromString(csv);
-    return rv;
-};
-const _xlsToJson = ({ xls }) => {
-    const rv = xlsToJson({ source: xls });
-    return rv;
-};

package/dist-es/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist-es/validate/index.js

@@ -1,40 +0,0 @@
-export const isArrayValid = (arr, minLength = 1, maxLength = 0) => {
-    let rv = Object.prototype.toString.call(arr) == '[object Array]' && isObjectValid(arr) && arr.length >= minLength;
-    if (maxLength > 0) {
-        rv = rv && arr.length <= maxLength;
-    }
-    return rv;
-};
-export const isDateValid = (date) => {
-    return false;
-};
-export const isObjectValid = (obj, isCheckKeys = false) => {
-    let rv = typeof obj !== 'undefined' && obj !== null;
-    if (isCheckKeys) {
-        rv = rv && Object.keys(obj).length > 0;
-    }
-    return rv;
-};
-export const isStringValid = (str, minLength = null, maxLength = null, isValidateType = true) => {
-    if (str == null)
-        return false;
-    if (isValidateType && typeof str !== 'string')
-        return false;
-    if (str.toString().length == 0)
-        return false;
-    if (minLength && isNaN(minLength) === false && minLength > 0) {
-        return str.toString().length >= minLength;
-    }
-    if (maxLength && isNaN(maxLength) === false && maxLength > 0) {
-        return str.toString().length <= maxLength;
-    }
-    return true;
-};
-export const isObjectId = (value) => {
-    if (isStringValid(value) === false)
-        return false;
-    const regex = /^[0-9a-fA-F]{24}$/;
-    const matches = regex.exec(value);
-    const rv = matches != null && isArrayValid(matches);
-    return rv;
-};