@fixefy/fixefy-ui-utils 0.2.1 → 0.2.3

package/dist/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/index.d.ts

@@ -2,6 +2,7 @@ export * from './auth';
 export * from './aws';
 export * from './commander';
 export * from './constants';
+export * from './contents';
 export * from './files';
 export * from './graphql';
 export * from './headers';
@@ -9,6 +10,7 @@ export * from './images';
 export * from './json';
 export * from './page_context';
 export * from './redirect';
+export * from './renderer';
 export * from './transform';
 export * from './types';
 export * from './validate';

package/dist/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;
+    title?: string;
+    type?: any;
+    onClick?: any;
+}) => React.JSX.Element;

package/dist/src/contents/index.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "parseInput", {
+    enumerable: true,
+    get: function() {
+        return parseInput;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _ = require("../");
+const _fixefyuicomponents = require("@fixefy/fixefy-ui-components");
+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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+const parseInput = (_param)=>{
+    var { client, fetcher, control, structure, droppedItem, state, onInputChange, classes, args } = _param, rest = _object_without_properties(_param, [
+        "client",
+        "fetcher",
+        "control",
+        "structure",
+        "droppedItem",
+        "state",
+        "onInputChange",
+        "classes",
+        "args"
+    ]);
+    const { type, children } = structure;
+    const { AsyncDropdown, Textfield, clear, dropdownOptions } = _.ComponentTypes;
+    switch(type){
+        case AsyncDropdown:
+            {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_fixefyuicomponents.FxAsyncDropdown, _object_spread({
+                    classes: classes,
+                    structure: structure,
+                    fetcher: fetcher,
+                    onChange: ()=>{}
+                }, rest));
+            }
+        case Textfield:
+            {
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_fixefyuicomponents.FxTextField, _object_spread({
+                    autoFocus: true,
+                    droppedItem: droppedItem,
+                    defaultValue: args && args.data && args.data.default_value,
+                    onChange: (e)=>onInputChange({
+                            structure,
+                            value: e.target.value
+                        }),
+                    structure: structure
+                }, rest));
+            }
+        case dropdownOptions:
+            return children.map((child)=>{
+                return parseInput(_object_spread({
+                    client,
+                    control,
+                    structure: child,
+                    droppedItem,
+                    state,
+                    onInputChange,
+                    classes,
+                    args
+                }, rest));
+            });
+        case clear:
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_fixefyuicomponents.FxButton, _object_spread_props(_object_spread({}, rest), {
+                children: structure.name
+            }));
+    }
+};

package/dist/{index.js → src/index.js}

@@ -12,6 +12,7 @@ _export_star(require("./auth"), exports);
 _export_star(require("./aws"), exports);
 _export_star(require("./commander"), exports);
 _export_star(require("./constants"), exports);
+_export_star(require("./contents"), exports);
 _export_star(require("./files"), exports);
 _export_star(require("./graphql"), exports);
 _export_star(require("./headers"), exports);
@@ -19,6 +20,7 @@ _export_star(require("./images"), exports);
 _export_star(require("./json"), exports);
 const _page_context = /*#__PURE__*/ _interop_require_default(_export_star(require("./page_context"), exports));
 _export_star(require("./redirect"), exports);
+_export_star(require("./renderer"), exports);
 _export_star(require("./transform"), exports);
 _export_star(require("./types"), exports);
 _export_star(require("./validate"), exports);

package/dist/{page_context → src/page_context}/index.js

@@ -297,8 +297,8 @@ const theme = (0, _styles.createTheme)({
                 background: '#EB5757'
             },
             in_dispute: {
-                border: '#56CCF2',
-                background: '#56CCF2'
+                border: '#EC6AC8',
+                background: '#EC6AC8'
             },
             in_progress: {
                 border: '#56CCF2',

package/dist/src/renderer/index.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getValueComponentByComponentValue: function() {
+        return getValueComponentByComponentValue;
+    },
+    parseValue: function() {
+        return parseValue;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+const _fixefyuicomponents = require("@fixefy/fixefy-ui-components");
+const _ = require("../");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const parseValue = ({ value, structure, onClick })=>{
+    //TODO: change active to enabled or disabled
+    const { extended, name, type, title } = structure;
+    // extract path if exists
+    const path = extended && extended.title_path;
+    let theTruth;
+    if (path) {
+        // extract the object in the path
+        theTruth = (0, _.getJPart)(value, path, undefined);
+    }
+    const _value = theTruth === undefined || theTruth === null ? value[name] : theTruth;
+    if (_value === undefined || _value === null) {
+        return getValueComponentByComponentValue({
+            value: 'No Value Found'
+        });
+    }
+    // get string value according to value type
+    let rv = (0, _.getStringValueByValueType)({
+        value: _value,
+        name
+    });
+    // parse wrapping component according to type
+    rv = getValueComponentByComponentValue({
+        value: rv,
+        name,
+        title,
+        type,
+        onClick: (e)=>onClick(e, _value)
+    });
+    return rv;
+};
+const getValueComponentByComponentValue = ({ value, name, title, type, onClick })=>{
+    let rv = null;
+    switch(type){
+        case _.ComponentTypes.Chip:
+            rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_fixefyuicomponents.FxChip, {
+                size: "small",
+                style: {
+                    marginBottom: '5px'
+                },
+                status: value.toLowerCase(),
+                label: value
+            }, `${name}-Chip-3003`);
+            break;
+        case _.ComponentTypes.ClickableLabel:
+            rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                sx: {
+                    marginBottom: '5px',
+                    fontSize: '14px',
+                    textDecoration: 'underline',
+                    cursor: 'pointer'
+                },
+                variant: "body1",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Link, {
+                    onClick: onClick,
+                    children: (0, _.titleCase)(value)
+                })
+            }, `${name}-Link-2002`);
+            break;
+        case _.ComponentTypes.Label:
+            if (Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) > 1) {
+                rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_fixefyuicomponents.FxShowMore, {
+                    items: value,
+                    label: title !== null && title !== void 0 ? title : '',
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                        lineHeight: '20px',
+                        sx: {
+                            fontSize: '14px'
+                        },
+                        variant: "body1",
+                        children: (0, _.titleCase)(value[0])
+                    }, `${name}-Label-1000`)
+                });
+            } else {
+                rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                    lineHeight: '20px',
+                    sx: {
+                        fontSize: '14px'
+                    },
+                    variant: "body1",
+                    children: (0, _.titleCase)(value)
+                }, `${name}-Label-1000`);
+            }
+            break;
+        default:
+            rv = /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                lineHeight: '20px',
+                sx: {
+                    fontSize: '14px'
+                },
+                variant: "body1",
+                children: (0, _.titleCase)(value)
+            }, `${name}-Label-1000`);
+            break;
+    }
+    return rv;
+};

package/package.json

@@ -4,7 +4,9 @@
     "fs": false
   },
   "dependencies": {
+    "@fixefy/fixefy-ui-components": "0.2.0",
     "@mui/material": "^5.15.19",
+    "@mui/styled-engine": "^5.15.14",
     "@mui/styles": "^5.15.19",
     "aws-sdk": "^2.1632.0",
     "convert-excel-to-json": "^1.7.0",
@@ -13,6 +15,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@svgr/webpack": "^8.1.0",
     "@types/convert-excel-to-json": "^1.7.4",
     "@types/node": "^20.14.0",
     "@types/nookies": "^2.0.3",
@@ -34,9 +37,14 @@
     "url": "https://github.com/Fixefy/fixefy-commander.git"
   },
   "scripts": {
-    "build": "swc src -d dist --strip-leading-paths && tsc --declaration --emitDeclarationOnly --outDir dist",
+    "build": "swc src -d dist && tsc --declaration --emitDeclarationOnly --outDir dist",
+    "build:copy": "node ../../scripts/copy-files-ex.js",
     "pre_release": "yarn clean && yarn && yarn build",
-    "release:rawotp" : "npm publish --userconfig ./.npmrc --otp 000000",
+    "release17": "node version-check.js 17 && yarn pre_release && npm pack && npm publish",
+    "release17:config": "node version-check.js 17 && yarn pre_release && npm publish --userconfig ./.npmrc",
+    "release18": "node version-check.js 18 && yarn pre_release && npm pack && npm publish",
+    "release18:config": "node version-check.js 18 && yarn pre_release && npm publish --userconfig ./.npmrc",
+    "raw_publish": "npm publish --userconfig ./.npmrc --otp=000000",
     "clean": "rm -rf build && rm -rf dist-* && yarn clean:node",
     "clean:node": "rm -rf node_modules",
     "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
@@ -57,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.1"
+  "version": "0.2.3"
 }