awing-library 2.1.104-beta → 2.1.106-beta

package/lib/ACM-AXN/Notifications/NotificationDetail/index.js

@@ -87,9 +87,15 @@ var NotificationDetail = function (props) {
         };
     }, []);
     (0, react_1.useEffect)(function () {
+        console.log({
+            count: count,
+            totalItemCount: totalItemCount,
+            notificationMessage: notificationMessage
+        });
         if (count >= 0 &&
             (totalItemCount.current > notificationMessage.length ||
                 notificationMessage.length === 0)) {
+            console.log("run");
             setIsLoading(true);
             service
                 .notificationsPaging(count, Constant_1.Constants.PAGE_SIZE_DEFAULT, valueFilter.textSearch, valueFilter.status, [])

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewContent.js

@@ -73,16 +73,16 @@ var Recoil_1 = require("../Recoil");
 var Utils_1 = require("../Utils");
 var Styles_1 = require("./Styles");
 var ViewContent = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e;
     var viewInfoData = _a.viewInfoData, pageId = _a.pageId, viewNumber = _a.viewNumber, onChange = _a.onChange, isCreate = _a.isCreate;
-    var _e = (0, Context_2.default)(), service = _e.service, pageCode = _e.pageCode, domainId = _e.domainId, CONFIGS = _e.configs;
+    var _f = (0, Context_2.default)(), service = _f.service, pageCode = _f.pageCode, domainId = _f.domainId, CONFIGS = _f.configs;
     var appHelper = (0, Context_1.useAwing)().appHelper;
-    var _f = react_1.default.useState(''), scriptValidationTemplate = _f[0], setScriptValidationTemplate = _f[1];
-    var _g = react_1.default.useState(''), scriptAutoField = _g[0], setScriptAutoField = _g[1];
-    var _h = react_1.default.useState(false), loading = _h[0], setLoading = _h[1];
+    var _g = react_1.default.useState(''), scriptValidationTemplate = _g[0], setScriptValidationTemplate = _g[1];
+    var _h = react_1.default.useState(''), scriptAutoField = _h[0], setScriptAutoField = _h[1];
+    var _j = react_1.default.useState(false), loading = _j[0], setLoading = _j[1];
     var isUniq = react_1.default.useRef(false);
     var rootDirectory = (0, recoil_1.useRecoilValue)(Recoil_1.pageRootDeirectory);
-    var _j = (0, recoil_1.useRecoilState)(Recoil_1.pageEventState), events = _j[0], setEvent = _j[1];
+    var _k = (0, recoil_1.useRecoilState)(Recoil_1.pageEventState), events = _k[0], setEvent = _k[1];
     react_1.default.useEffect(function () {
         if (viewInfoData === null || viewInfoData === void 0 ? void 0 : viewInfoData.templateId) {
             setLoading(true);
@@ -174,9 +174,9 @@ var ViewContent = function (_a) {
                             ? CONFIGS.FILE_TEMP_PATH
                             : CONFIGS.FILE_STATIC_PATH, "/").concat(pageCode === enums_1.PageCode.Lgn
                             ? 'lgn'
-                            : 'wlc', "/").concat((_d = (_c = viewInfoData.viewDatas) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pageId), enablePreview: pageCode === enums_1.PageCode.Lgn, advanceFields: viewInfoData.viewDatas.filter(function (item) { return item === null || item === void 0 ? void 0 : item.isAdvanced; }).map(function (field) { return field.fieldName; }), scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
+                            : 'wlc', "/").concat((_d = (_c = viewInfoData.viewDatas) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pageId), enablePreview: pageCode === enums_1.PageCode.Lgn, advanceFields: (_e = viewInfoData.viewDatas) === null || _e === void 0 ? void 0 : _e.filter(function (item) { return item === null || item === void 0 ? void 0 : item.isAdvanced; }).map(function (field) { return field.fieldName; }), scriptValidate: scriptValidationTemplate, scriptAutoField: scriptAutoField, domainId: domainId, configs: CONFIGS, 
                         // validStatus={validStatus}
-                        validStatus: viewInfoData.validStatus, viewEvents: events.filter(function (item) { return item.viewNumber === viewNumber + 1; }), onChange: handleOnChange, onChangeViewValid: function (status) {
+                        validStatus: viewInfoData.validStatus, viewEvents: events === null || events === void 0 ? void 0 : events.filter(function (item) { return item.viewNumber === viewNumber + 1; }), onChange: handleOnChange, onChangeViewValid: function (status) {
                             onChange(['isValidationFields'], [status]);
                         }, onChangeValidateProcess: function (processValue) {
                             onChange(['validProcessStatus'], processValue);

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { PathType } from '../enums';
-type ICreateOrEditComp = React.FC<{
+declare const _default: React.FC<{
     type: PathType;
 }>;
-declare const PageCreateOrEdit: ICreateOrEditComp;
-export default PageCreateOrEdit;
+export default _default;

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

@@ -1,15 +1,4 @@
 "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);
@@ -54,6 +43,7 @@ var Recoil_1 = require("./Recoil");
 var Utils_1 = require("./Utils");
 var Helpers_1 = require("../../../Utils/Helpers");
 var lodash_1 = require("lodash");
+var Wrapper_1 = __importDefault(require("../../../AWING/HOC/Wrapper"));
 var CreateOrEdit = function (_a) {
     var type = _a.type;
     var t = (0, react_i18next_1.useTranslation)().t;
@@ -106,7 +96,4 @@ var CreateOrEdit = function (_a) {
     };
     return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { customAction: type === enums_1.PathType.EDIT ? ((0, jsx_runtime_1.jsx)(DrawerAction_1.default, { type: type })) : undefined, title: t("Page.".concat(pageCode === enums_1.PageCode.Lgn ? 'TitleLogin' : 'TitleWelcome').concat(type)), disableButtonSubmit: Object.values(formValid).includes(false), confirmExit: Object.values(pageChangedForm).includes(true), onSubmit: handleSubmit, childrenWrapperStyle: { padding: 0 }, children: type === enums_1.PathType.EDIT ? ((0, jsx_runtime_1.jsx)(PageTabView_1.default, { loading: loading })) : ((0, jsx_runtime_1.jsx)(PageStepView_1.default, {})) }));
 };
-var PageCreateOrEdit = function (props) {
-    return ((0, jsx_runtime_1.jsx)(recoil_1.RecoilRoot, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit, __assign({}, props)) }));
-};
-exports.default = PageCreateOrEdit;
+exports.default = (0, Wrapper_1.default)(CreateOrEdit, { component: recoil_1.RecoilRoot });

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

@@ -133,7 +133,7 @@ var CreateOrEdit = function () {
             },
             {
                 label: t('Common.File'),
-                compoent: ((0, jsx_runtime_1.jsx)(TabFile_1.default, { rootDirectory: ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '', isCreate: Boolean(templateId), pathName: '{acmTemplatePath}', service: service, pageId: templateData.template.id, pageCode: enums_1.FileTypeCode.Template })),
+                compoent: ((0, jsx_runtime_1.jsx)(TabFile_1.default, { rootDirectory: ((_a = (0, lodash_1.minBy)(directories, 'level')) === null || _a === void 0 ? void 0 : _a.directoryId) || '', isCreate: !templateId, pathName: '{acmTemplatePath}', service: service, pageId: templateData.template.id, pageCode: enums_1.FileTypeCode.Template })),
             },
         ];
     }, 

package/lib/ACM-AXN/ViewTemplate/Preview.js

@@ -1,15 +1,38 @@
 "use strict";
+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 __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 react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var styles_1 = require("@mui/styles");
 var material_1 = require("@mui/material");
 var Refresh_1 = __importDefault(require("@mui/icons-material/Refresh"));
 var react_i18next_1 = require("react-i18next");
-var debounce = require("lodash/debounce");
+var lodash_1 = require("lodash");
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         width: "100%",
@@ -20,52 +43,43 @@ var Preview = function (props) {
     var _a;
     var classes = useStyles();
     var t = (0, react_i18next_1.useTranslation)().t;
-    var validStatus = props.validStatus, pagePath = props.pagePath, templateDatas = props.templateDatas, domainId = props.domainId, configs = props.configs, onChangeField = props.onChangeField;
+    var validStatus = props.validStatus, pagePath = props.pagePath, templateDatas = props.templateDatas, 
+    // domainId,
+    configs = props.configs;
     var viewIndex = ((_a = templateDatas[0]) === null || _a === void 0 ? void 0 : _a.viewNumber) || -1;
+    var formRef = react_1.default.useRef(null);
     var iframeSrc = (0, react_1.useMemo)(function () {
-        var result = "".concat(configs.CAPTIVE_DOMAIN, "/").concat(configs.TEMPLATE_PREVIEW, "?domainId=").concat(domainId);
+        var result = "".concat(configs.CAPTIVE_DOMAIN, "/").concat(configs.TEMPLATE_PREVIEW);
         if (result.startsWith("http://"))
             result = result.replace("http://", "https://");
         return result;
-    }, [configs.CAPTIVE_DOMAIN, configs.TEMPLATE_PREVIEW, domainId]);
-    var templatePagePath = (0, react_1.useMemo)(function () {
-        var result = pagePath;
-        if (pagePath.startsWith("/")) {
-            result = result.slice(1);
-        }
-        return result;
-    }, [pagePath]);
-    var handleLoadContent = (0, react_1.useMemo)(function () {
-        return debounce(function (tempDatas, tempPagePath, status) {
-            var _a;
-            if (!status)
-                return;
-            var iframe = document.getElementById("iframe-demo-".concat(viewIndex));
-            var mess = JSON.stringify({
-                pagePath: tempPagePath,
-                templateDatas: tempDatas,
-            });
-            (_a = iframe === null || iframe === void 0 ? void 0 : iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage(mess, "*");
-        }, 2000);
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [onChangeField]);
+    }, [configs.CAPTIVE_DOMAIN, configs.TEMPLATE_PREVIEW]);
     (0, react_1.useEffect)(function () {
-        handleLoadContent(templateDatas, templatePagePath, validStatus);
-    }, [
-        onChangeField,
-        handleLoadContent,
-        validStatus,
-        templateDatas,
-        templatePagePath,
-    ]);
-    var handleRefresh = function () {
-        var iframe = document.getElementById("iframe-demo-".concat(viewIndex));
-        if (iframe) {
-            iframe.src = iframeSrc;
+        var handleFormdata = function (_a) {
+            var formData = _a.formData;
+            formData.append('pagePath', pagePath.split('/').filter(Boolean).join('/'));
+            templateDatas.forEach(function (templateData, index) {
+                Object.keys(templateData).forEach(function (key) {
+                    formData.append("templateDatas[".concat(index, "][").concat(key, "]"), templateData[key]);
+                });
+            });
+        };
+        if (formRef.current) {
+            formRef.current.addEventListener('formdata', handleFormdata);
+            handleSubmit();
         }
-        handleLoadContent(templateDatas, templatePagePath, validStatus);
-    };
+        return function () {
+            if (formRef.current)
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+                formRef.current.removeEventListener('formdata', handleFormdata);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [viewIndex, templateDatas, pagePath]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var handleSubmit = react_1.default.useCallback((0, lodash_1.debounce)(function () {
+        if (formRef.current)
+            formRef.current.submit();
+    }, 2000), []);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                     display: "flex",
                     alignItems: "center",
@@ -73,8 +87,6 @@ var Preview = function (props) {
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", style: {
                             fontWeight: "bold",
                             textTransform: "uppercase",
-                        }, children: t("ViewTemplate.PreviewTitle") }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t("Common.Refresh") || "", placement: "top", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleRefresh, "aria-label": "refresh", style: { float: "right" }, disabled: !validStatus, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }) })] }), (0, jsx_runtime_1.jsx)("iframe", { title: "iframe-demo-".concat(viewIndex), id: "iframe-demo-".concat(viewIndex), className: classes.root, src: iframeSrc, 
-                // src={"https://httpbin.org/post"}
-                width: "100%" })] }));
+                        }, children: t("ViewTemplate.PreviewTitle") }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t("Common.Refresh") || "", placement: "top", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: function () { return formRef.current.submit(); }, "aria-label": "refresh", style: { float: "right" }, disabled: !validStatus, children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }) }) })] }), (0, jsx_runtime_1.jsx)("form", { action: iframeSrc, method: "post", target: "iframe-demo", ref: formRef }), (0, jsx_runtime_1.jsx)("iframe", { title: "iframe-demo-".concat(viewIndex), id: "iframe-demo", name: "iframe-demo", className: classes.root, width: "100%" })] }));
 };
 exports.default = Preview;

package/lib/AWING/Chart/BarLineComponent.js

@@ -69,7 +69,7 @@ var BarLineComponent = function (props) {
                 titleColor: '#212121',
                 bodyFont: {
                     size: 14,
-                    family: 'Roboto',
+                    family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                     lineHeight: 1.5,
                 },
             },
@@ -84,7 +84,7 @@ var BarLineComponent = function (props) {
                     boxPadding: 50,
                     font: {
                         size: 15,
-                        family: 'Roboto',
+                        family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                         lineHeight: 1.5,
                     },
                 },
@@ -119,7 +119,7 @@ var BarLineComponent = function (props) {
                     title: {
                         font: {
                             size: 14,
-                            family: 'Roboto',
+                            family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                         },
                     },
                 },
@@ -142,7 +142,7 @@ var BarLineComponent = function (props) {
                     font: {
                         size: 14,
                         weight: 'bold',
-                        family: 'Roboto',
+                        family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                     },
                 },
             },
@@ -161,7 +161,7 @@ var BarLineComponent = function (props) {
                     font: {
                         size: 14,
                         weight: 'bold',
-                        family: 'Roboto',
+                        family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                     },
                 },
             },

package/lib/AWING/Chart/PieComponent.js

@@ -38,7 +38,7 @@ var PieComponent = function (_a) {
                     pointStyle: 'circle',
                     font: {
                         size: 14,
-                        family: 'Roboto',
+                        family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                         lineHeight: 1.5,
                     },
                 },
@@ -54,7 +54,7 @@ var PieComponent = function (_a) {
                 bodySpacing: 8,
                 bodyFont: {
                     size: 14,
-                    family: 'Roboto',
+                    family: "'AW-Roboto', Helvetica, Arial, sans-serif",
                     lineHeight: 1.5,
                 },
                 callbacks: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.104-beta",
+  "version": "2.1.106-beta",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",