@fixefy/fixefy-ui-utils 0.0.6 → 0.0.7

package/dist-es/json/index.js

@@ -0,0 +1,125 @@
+import { isArrayValid, isObjectValid, isStringValid } from '../';
+export const getJToken = (jToken, jsonPath, defaultValue) => {
+    if (isObjectValid(jToken) === false)
+        return defaultValue;
+    jsonPath = jsonPath.replace(/\[(\w+)\]/g, '.$1');
+    jsonPath = jsonPath.replace(/^\./, '');
+    let isContinueLoop = true, currentToken, jsonPathParts = jsonPath.split('.');
+    try {
+        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 {
+                jToken = defaultValue;
+                isContinueLoop = false;
+            }
+        }
+    }
+    catch (e) {
+        jToken = 'No Value Found';
+    }
+    return jToken;
+};
+export const getJPart = (j, jsonPath, defaultValue) => {
+    if (j == null)
+        return defaultValue;
+    jsonPath = jsonPath.replace(/\[(\w+)\]/g, '.$1');
+    jsonPath = jsonPath.replace(/^\./, '');
+    let _isArrayValid = false, _isStringValid = false, currentPathPart, pathParts = jsonPath.split('.'), isLoop = true;
+    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, idx, src) => {
+                    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 {
+                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'];
+        }
+    }
+};

package/dist-es/redirect/index.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,35 @@
+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/validate/index.js

@@ -0,0 +1,37 @@
+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 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;
+};

package/dist-types/auth/index.d.ts

@@ -0,0 +1,2 @@
+export declare const attachAuth: (ctx: any, headers: any) => any;
+export declare const getToken: (ctx: any) => string;

package/dist-types/aws/aws_lambda_helper.d.ts

@@ -0,0 +1,5 @@
+import AWS from 'aws-sdk';
+export declare const getLambda: (args: any) => AWS.Lambda;
+export declare const getLambdaParams: (args: any) => AWS.Lambda.InvocationRequest;
+export declare const generateMappings: (args: unknown) => Promise<any>;
+export declare const getLambdaResult: (args: any) => any;

package/dist-types/aws/data_models.d.ts

@@ -0,0 +1,21 @@
+export interface GenerateMappingsInput {
+    authorization: string;
+    file_name: string;
+    function_name: string;
+    raw: Array<unknown>;
+    ws: string;
+}
+export interface ListObjectOutput {
+    description?: string | undefined;
+    name?: string | undefined;
+    report?: string | undefined;
+    size?: number | undefined;
+    title?: string | undefined;
+    updated_at?: number | undefined;
+    updated_by?: string | undefined;
+    url?: string | undefined;
+}
+export interface SignedUrl {
+    name: string;
+    url: string;
+}

package/dist-types/aws/index.d.ts

@@ -0,0 +1 @@
+export * from './aws_lambda_helper';

package/dist-types/contents/index.d.ts

@@ -0,0 +1,3 @@
+export declare const parseInput: ({ client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args, ...rest }: {
+    [x: string]: any;
+}) => any;

package/dist-types/files/index.d.ts

@@ -0,0 +1,2 @@
+export declare const convertFileSize: (fileSize: number) => string | undefined;
+export declare const convertFileTypeToIcon: (fileType: string) => "uploader/file_type_csv.svg" | "uploader/file_type_xml.svg" | "uploader/file_type_json.svg" | "uploader/file_type_xls.svg";

package/dist-types/graphql/index.d.ts

@@ -0,0 +1,38 @@
+export declare const operationTypes: {
+    MUTATIONS: {
+        CREATE: string;
+        DELETE: string;
+        UPDATE: string;
+        ACTION: string;
+    };
+    QUERIES: string;
+    SUBSCRIPTIONS: string;
+};
+export declare const draggableTypes: {
+    ACTION: string;
+    ENTITY: string;
+    FRAGMENT: string;
+    VARIABLES: string;
+};
+export declare const getFields: ({ arg }: {
+    arg: any;
+}) => any;
+export declare const getFieldsStringified: ({ arg }: {
+    arg: any;
+}) => string[];
+export declare const getTypeKind: (object: any) => any;
+export declare const getTypeName: (object: any) => any;
+export declare const getOperationObjectFromSchema: ({ operationName, schema }: {
+    operationName: string;
+    schema: any;
+}) => any[];
+export declare const getOperationTypeForMutation: ({ operationName }: {
+    operationName: string;
+}) => string;
+export declare const getVariablesKeys: ({ variables, operationType }: {
+    variables: any;
+    operationType: string;
+}) => string[] | undefined;
+export declare const insertNewVariable: ({ operationName, schema, key, value, _variables, action, ctx }: any) => void;
+export declare const isArgMandatory: (arg: any) => boolean;
+export declare const parseInputDataToDataObject: ({ key, value, parent, method, list, state, ...rest }: any) => any;

package/dist-types/images/index.d.ts

@@ -1 +1,4 @@
-export { imageLoader } from "./image_loader";
+export declare const imageLoader: ({ src, root }: {
+    src: any;
+    root: any;
+}) => string;

package/dist-types/index.d.ts

@@ -1,6 +1,14 @@
+export * from './auth';
+export * from './aws';
 export * from './commander';
 export * from './constants';
+export * from './contents';
+export * from './graphql';
 export * from './headers';
 export * from './images';
+export * from './json';
 export * from './page_context';
+export * from './redirect';
+export * from './renderer';
 export * from './types';
+export * from './validate';

package/dist-types/json/index.d.ts

@@ -0,0 +1,7 @@
+export declare const getJToken: (jToken: any, jsonPath: string, defaultValue?: any) => any;
+export declare const getJPart: (j: any, jsonPath: string, defaultValue: any) => any;
+export declare const isHasKey: <T>(array: T[], key: string) => boolean;
+export declare const isJson: (obj: any) => boolean;
+export declare const isNested: (obj: any) => any;
+export declare const isResultValid: (jResult: any) => boolean;
+export declare const setJToken: (jEntity: any, fieldPathsAndValues: Array<any>) => void;

package/dist-types/redirect/index.d.ts

@@ -0,0 +1,2 @@
+declare const redirect: (context: any, target: any) => void;
+export default redirect;

package/dist-types/renderer/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const parseValue: ({ value, structure, onClick }: any) => any;
+export declare const getValueComponentByComponentValue: ({ value, name, title, type, onClick }: {
+    value?: any;
+    name?: String | undefined;
+    title?: string | undefined;
+    type?: any;
+    onClick?: any;
+}) => React.JSX.Element | null;

package/dist-types/resolvers/index.d.ts

@@ -0,0 +1,11 @@
+export declare const resolvers: {
+    Mutation: {
+        changePage(_: any, args: any, { cache }: any): {
+            currentPage: {
+                name: any;
+                path: string;
+                __typename: string;
+            };
+        } | null;
+    };
+};

package/dist-types/transform/index.d.ts

@@ -0,0 +1,2 @@
+import 'regenerator-runtime/runtime.js';
+export declare const transform: ({ data, data_type, options }: any) => Promise<any>;

package/dist-types/validate/index.d.ts

@@ -0,0 +1,4 @@
+export declare const isArrayValid: (arr: Array<any>, minLength?: number, maxLength?: number) => boolean;
+export declare const isObjectValid: (obj: any, isCheckKeys?: boolean) => boolean;
+export declare const isStringValid: (str: string, minLength?: number | null, maxLength?: number | null, isValidateType?: boolean) => boolean;
+export declare const isObjectId: (value: string) => boolean;

package/package.json

@@ -4,16 +4,21 @@
 		"fs": false
 	},
 	"dependencies": {
+		"@fixefy/fixefy-ui-components": "^0.0.8",
 		"@mui/material": "^5.14.11",
 		"@mui/styled-engine": "^5.14.11",
 		"@mui/styles": "^5.14.11",
+		"aws-sdk": "^2.1467.0",
+		"convert-excel-to-json": "^1.7.0",
 		"nookies": "^2.5.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
 		"@svgr/webpack": "^8.1.0",
+		"@types/convert-excel-to-json": "^1.7.2",
 		"@types/node": "^20.7.1",
+		"@types/nookies": "^2.0.3",
 		"@types/react": "^18.2.23",
 		"@typescript-eslint/eslint-plugin": "^6.7.3",
 		"@typescript-eslint/parser": "^6.7.3",
@@ -57,5 +62,5 @@
 		}
 	},
 	"types": "./dist-types/index.d.ts",
-	"version": "0.0.6"
+	"version": "0.0.7"
 }

package/dist-cjs/images/image_loader.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.imageLoader = void 0;
-const imageLoader = ({ src, root }) => {
-    const transformedSrc = src.split('/');
-    transformedSrc.splice(transformedSrc.length - 1, 1, transformedSrc[transformedSrc.length - 1]
-        .split(/(?=[A-Z])/)
-        .join('_')
-        .toLowerCase());
-    const url = transformedSrc.join('/');
-    return `${root}${url}`;
-};
-exports.imageLoader = imageLoader;

package/dist-es/images/image_loader.js

@@ -1,9 +0,0 @@
-export const imageLoader = ({ src, root }) => {
-    const transformedSrc = src.split('/');
-    transformedSrc.splice(transformedSrc.length - 1, 1, transformedSrc[transformedSrc.length - 1]
-        .split(/(?=[A-Z])/)
-        .join('_')
-        .toLowerCase());
-    const url = transformedSrc.join('/');
-    return `${root}${url}`;
-};

package/dist-types/images/image_loader.d.ts

@@ -1,4 +0,0 @@
-export declare const imageLoader: ({ src, root }: {
-    src: any;
-    root: any;
-}) => string;