blixify-ui-web 0.3.14 → 0.3.16

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AA2Df,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFA07KvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AA2Df,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAQ1B,eAAO,MAAM,YAAY,mFAk/KvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -133,6 +133,7 @@ var activityModal_1 = require("./activityModal");
 var dataStateModel_1 = require("./dataStateModel");
 var indexedDb_1 = require("./indexedDb");
 var pagination_1 = require("./pagination");
+var referenceModal_1 = require("./referenceModal");
 var settingsModal_1 = require("./settingsModal");
 exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
@@ -227,12 +228,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var _59 = (0, react_1.useState)({}), referencesDetails = _59[0], setReferencesDetails = _59[1];
     var _60 = (0, react_1.useState)({}), referenceDeleteTableData = _60[0], setReferenceDeleteTableData = _60[1];
     var _61 = (0, react_1.useState)(0), referenceDeleteIndex = _61[0], setReferenceDeleteIndex = _61[1];
-    var _62 = (0, react_1.useState)({}), referenceModelSchema = _62[0], setReferenceSchema = _62[1];
+    var _62 = (0, react_1.useState)({
+        id: "",
+        name: "",
+        type: "string",
+    }), referenceCreationModal = _62[0], setReferenceCreationModal = _62[1];
+    var _63 = (0, react_1.useState)({}), referenceModelSchema = _63[0], setReferenceSchema = _63[1];
     // INFO ; Use to Trigger Update Prefill UI
-    var _63 = (0, react_1.useState)(false), prefillTrigger = _63[0], setPrefillTrigger = _63[1];
+    var _64 = (0, react_1.useState)(false), prefillTrigger = _64[0], setPrefillTrigger = _64[1];
     //INFO : Offline
-    var _64 = (0, react_1.useState)(0), offlineDataLength = _64[0], setOfflineDataLength = _64[1];
-    var _65 = (0, react_1.useState)(false), offlineModal = _65[0], setOfflineModal = _65[1];
+    var _65 = (0, react_1.useState)(0), offlineDataLength = _65[0], setOfflineDataLength = _65[1];
+    var _66 = (0, react_1.useState)(false), offlineModal = _66[0], setOfflineModal = _66[1];
     var devSettings = props.devSettings;
     var serverId = (0, utils_1.parseServerId)(devSettings.server);
     var viewType = (_d = (_c = props.organise) === null || _c === void 0 ? void 0 : _c.viewId) !== null && _d !== void 0 ? _d : "general";
@@ -304,6 +310,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         handlePopUpModal: handlePopUpModal,
         handleDeleteModal: handleDeleteModal,
         handleUploadOfflineData: handleUploadOfflineData,
+        handleOnChangeUpdatePrefill: handleOnChangeUpdatePrefill,
     }); });
     (0, react_1.useEffect)(function () {
         handleCheckOfflineDataLength();
@@ -398,6 +405,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         if ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateHandleData)
             props.bareSettings.bareUpdateHandleData(selectedData);
     }, [selectedData]);
+    var handleOnChangeUpdatePrefill = function () {
+        var _a, _b;
+        (_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareOnChangeUpdatePrefill) === null || _b === void 0 ? void 0 : _b.call(_a, selectedData).map(function (eachField) {
+            var key = eachField.key, value = eachField.value;
+            selectedData[key] = value;
+            return null;
+        });
+        setTimeout(function () {
+            setPrefillTrigger(!prefillTrigger);
+        }, 50);
+    };
     //=====================================================================================
     //SECTION: Handle List
     //=====================================================================================
@@ -2083,8 +2101,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     res = _j.sent();
                     _j.label = 20;
                 case 20:
-                    if (!(type === "update" || type === "create")) return [3 /*break*/, 26];
-                    if (!res) return [3 /*break*/, 25];
+                    if (!(type === "update" || type === "create")) return [3 /*break*/, 28];
+                    if (!res) return [3 /*break*/, 27];
                     if (!(type === "update")) return [3 /*break*/, 23];
                     if (!columnId) return [3 /*break*/, 22];
                     selectedIndex_4 = -1;
@@ -2104,11 +2122,17 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 case 24:
                     _j.sent();
                     _j.label = 25;
-                case 25: return [3 /*break*/, 28];
+                case 25:
+                    if (!((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateHandlePostComplete)) return [3 /*break*/, 27];
+                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_b = {}, _b[serverId] = res, _b), createSelectedData_1))];
                 case 26:
+                    _j.sent();
+                    _j.label = 27;
+                case 27: return [3 /*break*/, 30];
+                case 28:
                     createSelectedData_1[serverId] = id;
                     return [4 /*yield*/, handleGetListData({ data: [createSelectedData_1] }, selectedId_2 === "new" ? "create" : "update", id)];
-                case 27:
+                case 29:
                     _j.sent();
                     setNotification({
                         type: true,
@@ -2119,15 +2143,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             ? "Data sucessfully created"
                             : "Data sucessfully updated",
                     });
-                    _j.label = 28;
-                case 28:
-                    dataId = res ? id : "";
-                    if (!((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateHandlePostComplete)) return [3 /*break*/, 30];
-                    return [4 /*yield*/, props.bareSettings.bareUpdateHandlePostComplete(__assign((_b = {}, _b[serverId] = res, _b), createSelectedData_1))];
-                case 29:
-                    _j.sent();
                     _j.label = 30;
-                case 30: return [2 /*return*/, dataId];
+                case 30:
+                    dataId = res ? id : "";
+                    return [2 /*return*/, dataId];
                 case 31:
                     err_15 = _j.sent();
                     console.log("error", err_15);
@@ -2450,8 +2469,18 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var handleOnChangeSelect = function (id, value) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
         var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
-        clonedData[id] = value;
-        handleUpdateChangeData(clonedData);
+        if ((Array.isArray(value) && value.includes("creation")) ||
+            value === "creation") {
+            var currentSchema = props.model.filter(function (dsValue) {
+                return dsValue.id === id;
+            });
+            if (currentSchema.length > 0)
+                setReferenceCreationModal(currentSchema[0]);
+        }
+        else {
+            clonedData[id] = value;
+            handleUpdateChangeData(clonedData);
+        }
     };
     var handleOnChangeDate = function (id, value) {
         var _a = handleOnChangeData(), data = _a.data, model = _a.model;
@@ -4473,6 +4502,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
                 }
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) })),
+        react_1.default.createElement(modal_1.Modal, { maxWidth: "2xl", open: referenceCreationModal.id ? true : false, renderContent: function () {
+                return (react_1.default.createElement(referenceModal_1.ReferenceModal, { referenceModelSchema: referenceModelSchema, referenceDataStructure: referenceCreationModal, devSettings: props.devSettings, handleCreateRefId: function (dataId) {
+                        if (dataId) {
+                            var currentValue = selectedData[referenceCreationModal.id];
+                            if (Array.isArray(currentValue))
+                                currentValue.push(dataId);
+                            else
+                                currentValue = dataId;
+                            selectedData[referenceCreationModal.id] = currentValue;
+                            setSelectedData(selectedData);
+                        }
+                        setReferenceCreationModal({ id: "", name: "", type: "string" });
+                    } }));
+            }, onClose: function () {
+                setReferenceCreationModal({ id: "", name: "", type: "string" });
+            } }),
         react_1.default.createElement(modal_1.Modal, { maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
                 setReferenceDeleteTableData({});
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),