awing-library 2.1.78-beta → 2.1.78

package/lib/ACM-AXN/Template/CreateOrEdit/Template/Parameter.test.js

@@ -0,0 +1,231 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable testing-library/no-node-access */
+/* eslint-disable testing-library/no-container */
+/* eslint-disable testing-library/no-wait-for-side-effects */
+var react_1 = require("@testing-library/react");
+var Parameter_1 = __importDefault(require("./Parameter"));
+var Utils = __importStar(require("./Utils"));
+var recoil_1 = require("recoil");
+var Recoils_1 = require("../Recoils");
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock i18next
+jest.mock('react-i18next', function () { return (__assign(__assign({}, jest.requireActual('react-i18next')), { useTranslation: function () { return ({ t: jest.fn(function (key) { return key; }) }); } })); });
+// Mock useTransition
+jest.mock('react', function () { return (__assign(__assign({}, jest.requireActual('react')), { useTransition: function () { return [
+        'a',
+        function (fn) {
+            fn();
+        },
+    ]; } })); });
+// Mock utils
+var utils = {
+    enhancedUpdate: function () { },
+};
+jest.mock('./Utils', function () { return (__assign(__assign({}, jest.requireActual('./Utils')), { enhancedUpdate: jest.fn() })); });
+// props
+var rows = [
+    {
+        id: '14895',
+        templateId: '4671435926616395650',
+        fieldName: 'video_inbanner_1',
+        fieldType: 'video',
+        defaultValue: null,
+        labelName: 'File video',
+        isRequired: true,
+        childrens: [],
+    },
+    {
+        id: '148961',
+        templateId: '4671435926616395650',
+        fieldName: 'video_inbanner_2',
+        fieldType: 'list',
+        defaultValue: null,
+        labelName: 'File banner nền video',
+        isRequired: true,
+        childrens: [
+            {
+                id: '148967s',
+                templateId: '4671435926616395650',
+                fieldName: 'video_inbanner_2',
+                fieldType: 'image',
+                defaultValue: null,
+                labelName: 'File banner nền video',
+                isRequired: true,
+                childrens: [],
+            },
+        ],
+    },
+];
+describe('Template Infomation Tab Component', function () {
+    beforeAll(function () {
+        ;
+        Utils.enhancedUpdate.mockImplementation(utils.enhancedUpdate);
+    });
+    var renderUi = function () {
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { initializeState: function (_a) {
+                var set = _a.set;
+                set(Recoils_1.templateParametersState, rows);
+            }, children: (0, jsx_runtime_1.jsx)(Parameter_1.default, { templateId: '1102' }) }));
+    };
+    it('renders without crashing', function () {
+        renderUi();
+    });
+    it('trigger add rows', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var addBtn;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    addBtn = react_1.screen.getByRole('button', { name: /button-add/i });
+                    react_1.fireEvent.click(addBtn);
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getAllByText('image')[0]).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('trigger add Object Children', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var addBtn;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    addBtn = react_1.screen.getAllByTitle('Common.Add');
+                    addBtn.forEach(function (btn) {
+                        react_1.fireEvent.click(btn);
+                    });
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(react_1.screen.getAllByText('image')[0]).toBeInTheDocument();
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('trigger edit cell', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, labelNameInput, fieldTypeInput;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = renderUi().container;
+                    labelNameInput = container.querySelector("input[name=\"labelName-148961-148967s\"]");
+                    fieldTypeInput = container.querySelector("input[name=\"fieldType-148961-148967s\"]");
+                    react_1.fireEvent.change(labelNameInput, {
+                        target: { value: 'fieldInput-change' },
+                    });
+                    react_1.fireEvent.change(fieldTypeInput, {
+                        target: { value: 'video' },
+                    });
+                    // expect(screen.getAllByText('color')[0]).toBeInTheDocument()
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(Utils.enhancedUpdate).toBeCalledTimes(3);
+                        })];
+                case 1:
+                    // expect(screen.getAllByText('color')[0]).toBeInTheDocument()
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('Remove row', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var removeBtn;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    renderUi();
+                    removeBtn = react_1.screen.getAllByRole('button', {
+                        name: /Common.Delete/i,
+                    });
+                    removeBtn.forEach(function (btn) {
+                        react_1.fireEvent.click(btn);
+                    });
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                            expect(Utils.enhancedUpdate).toBeCalledTimes(2);
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/lib/ACM-AXN/Template/CreateOrEdit/Template/Utils.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="lodash" />
+import { ITemplateParameter } from '../../Types';
+import { DataObject } from '../../../../AWING';
+export interface IFlatParameter {
+    parentFieldType: string | undefined;
+    parentId: string[];
+    parentFieldName: string[];
+    errField: boolean;
+    shouldRemove: boolean;
+    id: string;
+    templateId: string;
+    fieldName: string;
+    fieldType: string;
+    defaultValue: string | number | boolean | null;
+    labelName: string;
+    isRequired: boolean;
+    childrens: IFlatParameter[];
+    isAdvanced: boolean;
+}
+export declare const FIELDS: {
+    CHILDRENS: string;
+    REMOVE: string;
+    FIELD_TYPE: string;
+    FIELD_NAME: string;
+    IS_REQUIRED: string;
+    IS_ADVANCED: string;
+    LABEL_NAME: string;
+    DEFAULT_VALUE: string;
+    PARENT_ID: string;
+};
+export declare const removeFiledName: (templateParameters: ITemplateParameter[]) => ITemplateParameter[];
+export declare const flattenParameter4Parent: ((rows: DataObject[], parentFieldName?: string[]) => DataObject[]) & import("lodash").MemoizedFunction;
+export declare const flattenParameter: ((parameters: DataObject[], parentId?: string[], parentFieldType?: string, parentFieldName?: string[]) => IFlatParameter[]) & import("lodash").MemoizedFunction;
+export declare const enhancedFindIndex: (rows: DataObject[], ids: string[]) => number[];
+/**
+ * function enhancedUpdate
+ * Des: Hàm update rows
+ * \nWarn: Hàm làm việc với tham chiếu!
+ * @param rows
+ * @param ids
+ * @param field
+ * @param value
+ * @param defaultParam
+ */
+export declare const enhancedUpdate: (rows: DataObject[], ids: string[], field: string, value: any, defaultParam: ITemplateParameter) => void;
+/**
+ * viết type là DataObject thôi nhưng type của nó là:
+ */
+export declare const getFieldName: ((row: IFlatParameter) => string) & import("lodash").MemoizedFunction;

package/lib/ACM-AXN/Template/CreateOrEdit/Template/Utils.js

@@ -0,0 +1,166 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFieldName = exports.enhancedUpdate = exports.enhancedFindIndex = exports.flattenParameter = exports.flattenParameter4Parent = exports.removeFiledName = exports.FIELDS = void 0;
+var Enum_1 = require("../../../../ACM-AXN/ViewTemplate/Enum");
+var lodash_1 = require("lodash");
+exports.FIELDS = {
+    CHILDRENS: 'childrens',
+    REMOVE: 'remove',
+    FIELD_TYPE: 'fieldType',
+    FIELD_NAME: 'fieldName',
+    IS_REQUIRED: 'isRequired',
+    IS_ADVANCED: 'isAdvanced',
+    LABEL_NAME: 'labelName',
+    DEFAULT_VALUE: 'defaultValue',
+    PARENT_ID: 'parentId',
+};
+var removeFiledName = function (templateParameters) { return templateParameters.map(function (item) {
+    var _a;
+    return (__assign(__assign({}, item), { childrens: (0, exports.removeFiledName)(item.childrens), fieldName: (_a = item === null || item === void 0 ? void 0 : item.fieldName) === null || _a === void 0 ? void 0 : _a.split('.').at(-1) }));
+}); };
+exports.removeFiledName = removeFiledName;
+exports.flattenParameter4Parent = (0, lodash_1.memoize)(function (rows, parentFieldName) {
+    if (parentFieldName === void 0) { parentFieldName = []; }
+    parentFieldName = parentFieldName.filter(Boolean);
+    return rows
+        .map(function (item) {
+        var childrens = __spreadArray([], item.childrens, true);
+        // delete item.childrens
+        return __spreadArray([
+            __assign(__assign({}, item), { fieldName: __spreadArray(__spreadArray([], parentFieldName, true), [item.fieldName], false).join('.') })
+        ], (0, exports.flattenParameter4Parent)(childrens, __spreadArray(__spreadArray([], parentFieldName, true), [
+            item.parentFieldName,
+            item.fieldName,
+        ], false).flat()), true);
+    })
+        .flat();
+});
+exports.flattenParameter = (0, lodash_1.memoize)(function (parameters, parentId, parentFieldType, parentFieldName) {
+    if (parentId === void 0) { parentId = []; }
+    if (parentFieldName === void 0) { parentFieldName = []; }
+    var shouldRemove = parameters.length > 1;
+    return parameters
+        .map(function (item) {
+        var errField = !!parameters.find(function (el) { return el.id !== item.id && el.fieldName === item.fieldName; }) || item.fieldName === '';
+        var childrens = __spreadArray([], item.childrens, true);
+        parentFieldName = parentFieldName.filter(function (field) { return field !== undefined; });
+        // delete item.childrens
+        return __spreadArray([
+            __assign({ parentFieldType: parentFieldType, parentId: parentId, parentFieldName: parentFieldName, errField: errField, shouldRemove: shouldRemove }, item)
+        ], (0, exports.flattenParameter)(childrens, __spreadArray(__spreadArray([], parentId, true), [item.parentId, item.id], false).flat(), item.fieldType, __spreadArray(__spreadArray([], parentFieldName, true), [
+            item.parentFieldName,
+            item.fieldName,
+        ], false).flat()), true);
+    })
+        .flat().map(function (item) {
+        Object.keys(item).forEach(function (key) {
+            var value = item[key];
+            if (Array.isArray(value)) {
+                ;
+                item[key] = value.filter(Boolean);
+            }
+        });
+        return item;
+    });
+});
+var enhancedFindIndex = function (rows, ids) {
+    var indexs = [];
+    var index = (0, lodash_1.findIndex)(rows, { id: ids[0] });
+    indexs.push(index);
+    return ids.length > 1
+        ? (ids.shift(),
+            [indexs, (0, exports.enhancedFindIndex)(rows[index].childrens, ids)].flat())
+        : indexs;
+};
+exports.enhancedFindIndex = enhancedFindIndex;
+/**
+ * function enhancedUpdate
+ * Des: Hàm update rows
+ * \nWarn: Hàm làm việc với tham chiếu!
+ * @param rows
+ * @param ids
+ * @param field
+ * @param value
+ * @param defaultParam
+ */
+var enhancedUpdate = function (rows, ids, field, value, defaultParam) {
+    var indexs = (0, exports.enhancedFindIndex)(rows, ids);
+    var update = function (rowsUpdate, turn) {
+        var _a;
+        if (turn === void 0) { turn = 0; }
+        if (turn + 1 < indexs.length) {
+            update(rowsUpdate[indexs[turn]].childrens, turn + 1);
+        }
+        else {
+            switch (field) {
+                case exports.FIELDS.CHILDRENS:
+                    rowsUpdate[indexs[turn]].childrens.push(value);
+                    break;
+                case exports.FIELDS.REMOVE: {
+                    rowsUpdate.splice(indexs[turn], 1);
+                    break;
+                }
+                case exports.FIELDS.FIELD_TYPE: {
+                    ;
+                    rowsUpdate[indexs[turn]][field] = value;
+                    rowsUpdate[indexs[turn]].childrens = [];
+                    if ([
+                        Enum_1.TYPE_FIELD_TEMPLATE.OBJECT,
+                        Enum_1.TYPE_FIELD_TEMPLATE.LIST,
+                    ].includes(value)) {
+                        rowsUpdate[indexs[turn]].defaultValue = '';
+                        (_a = rowsUpdate[indexs[turn]].childrens) === null || _a === void 0 ? void 0 : _a.push(defaultParam);
+                    }
+                    break;
+                }
+                default:
+                    ;
+                    rowsUpdate[indexs[turn]][field] = value;
+                    break;
+            }
+        }
+    };
+    if (!indexs.includes(-1)) {
+        update(rows);
+    }
+};
+exports.enhancedUpdate = enhancedUpdate;
+/**
+ * viết type là DataObject thôi nhưng type của nó là:
+ */
+exports.getFieldName = (0, lodash_1.memoize)(function (row) {
+    var value = '';
+    var parentName = row.parentFieldName.length
+        ? __spreadArray(__spreadArray([], row.parentFieldName, true), [''], false).join('.')
+        : '';
+    if (parentName.split('.').length === row.parentId.length) {
+        parentName += '.';
+    }
+    if (row.fieldName) {
+        value += parentName + row.fieldName;
+    }
+    if (row.parentId.length && !value.split('.').at(row.parentId.length)) {
+        value = parentName;
+    }
+    return value;
+});

package/lib/ACM-AXN/Template/CreateOrEdit/Template/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Template: React.FC;
+export default Template;

package/lib/ACM-AXN/Template/CreateOrEdit/Template/index.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Event_1 = __importDefault(require("../../../../ACM-AXN/ViewTemplate/TemplateField/Event"));
+var MonacoEditor_1 = __importDefault(require("../../../../ACM-AXN/ViewTemplate/TemplateField/Fields/BasicField/MonacoEditor"));
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var recoil_1 = require("recoil");
+var Recoils_1 = require("../Recoils");
+var Parameter_1 = __importDefault(require("./Parameter"));
+// import Events from './Events'
+// import MonacoEditor from 'Components/MonacoEditor'
+var Template = function () {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, recoil_1.useRecoilState)(Recoils_1.templateEventState), events = _a[0], setEvent = _a[1];
+    var _b = (0, recoil_1.useRecoilState)(Recoils_1.templateInfoState), info = _b[0], setInfo = _b[1];
+    var handleChangeEditor = (0, react_1.useCallback)(function (templateHtml) {
+        setInfo(function (prev) { return (__assign(__assign({}, prev), { templateHtml: templateHtml })); });
+    }, [setInfo]);
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, sx: { flexGrow: 1, padding: function (theme) { return theme.spacing(3); } }, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, component: material_1.Paper, sx: { padding: function (theme) { return theme.spacing(2); }, width: '100%' }, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
+                                fontWeight: 'bold',
+                                color: '#BDC7CC',
+                            }, children: t('Common.Events') }), (0, jsx_runtime_1.jsx)(material_1.Box, { marginBottom: 2, children: (0, jsx_runtime_1.jsx)(Event_1.default, { viewEvents: events, disabledLabel: true, onChangeEvent: function (values) {
+                                    setEvent(values.map(function (item, index) { return (__assign(__assign({}, item), { templateId: info.id })); }));
+                                } }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", sx: {
+                                fontWeight: 'bold',
+                                color: '#BDC7CC',
+                            }, children: t('TemplateManagement.TemplateHtml') }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                pointerEvents: 'unset',
+                                border: '1px solid #e4e4e4',
+                                padding: '10px 0',
+                                borderRadius: '4px',
+                            }, children: (0, jsx_runtime_1.jsx)(MonacoEditor_1.default, { value: info.templateHtml, height: "30vh", language: "html", onChange: handleChangeEditor, isShowMinimap: true }) })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(Parameter_1.default, { templateId: info.id }) })] }) }));
+};
+exports.default = Template;

package/lib/ACM-AXN/Template/CreateOrEdit/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").FC<unknown>;
+export default _default;