blixify-ui-web 0.1.139 → 0.1.141

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

@@ -9,6 +9,10 @@ interface Organise {
     viewId?: string;
     extendedTabs?: ExtendedTabs[];
     additionalQuery?: AdditionalQuery[];
+    moreSettings?: {
+        text: string;
+        onClick: () => void;
+    }[];
     onChangeSort?: (value: Sort) => void;
     onChangeFilter?: (value: any) => void;
     onChangeTabs?: (value: ExtendedTabs[]) => void;

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":"AAgBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYvD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAoCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAg8FxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAkBf,OAAO,EAAE,MAAM,EAAU,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAYvD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAI3C,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEpE,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;IACvD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC/C,2BAA2B,CAAC,EAAE,CAC5B,OAAO,CAAC,EAAE,MAAM,EAChB,gBAAgB,CAAC,EAAE,OAAO,EAC1B,IAAI,CAAC,EAAE,MAAM,KACV,MAAM,EAAE,CAAC;IACd,2BAA2B,CAAC,EAAE,MAAM,MAAM,EAAE,CAAC;CAC9C;AAED,UAAU,IAAI;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,QAAQ,CAAC,EAAE,GAAG,CAAC;QACf,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,IAAI,EAAE,GAAG,CAAC;QACV,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;QAChB,UAAU,CAAC,EAAE,GAAG,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAoCD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAm+FxC"}

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

@@ -139,66 +139,66 @@ var queryTableHeader = [
 ];
 function DataTemplate(props) {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
     var limit = props.limit ? props.limit : 10;
     var readQueryHocRef = (0, react_1.useRef)();
     var typingTimeout = (0, react_1.useRef)();
-    var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
-    var _k = (0, react_1.useState)(), notification = _k[0], setNotification = _k[1];
+    var _k = (0, react_1.useState)(false), loading = _k[0], setLoading = _k[1];
+    var _l = (0, react_1.useState)(), notification = _l[0], setNotification = _l[1];
     //INFO : Used by List
-    var _l = (0, react_1.useState)(""), filterSearch = _l[0], setFilterSearch = _l[1];
-    var _m = (0, react_1.useState)(""), filterSearchParams = _m[0], setFilterSearchParams = _m[1];
-    var _o = (0, react_1.useState)(""), filterSelection = _o[0], setFilterSelection = _o[1];
-    var _p = (0, react_1.useState)(""), filterReference = _p[0], setFilterReference = _p[1];
-    var _q = (0, react_1.useState)(""), filterReferenceSearch = _q[0], setFilterReferenceSearch = _q[1];
-    var _r = (0, react_1.useState)([]), filterReferenceList = _r[0], setFilterReferenceList = _r[1];
-    var _s = (0, react_1.useState)({
+    var _m = (0, react_1.useState)(""), filterSearch = _m[0], setFilterSearch = _m[1];
+    var _o = (0, react_1.useState)(""), filterSearchParams = _o[0], setFilterSearchParams = _o[1];
+    var _p = (0, react_1.useState)(""), filterSelection = _p[0], setFilterSelection = _p[1];
+    var _q = (0, react_1.useState)(""), filterReference = _q[0], setFilterReference = _q[1];
+    var _r = (0, react_1.useState)(""), filterReferenceSearch = _r[0], setFilterReferenceSearch = _r[1];
+    var _s = (0, react_1.useState)([]), filterReferenceList = _s[0], setFilterReferenceList = _s[1];
+    var _t = (0, react_1.useState)({
         startDate: undefined,
         endDate: undefined,
-    }), filterReferenceDate = _s[0], setFilterReferenceDate = _s[1];
-    var _t = (0, react_1.useState)(true), tableLoading = _t[0], setTableLoading = _t[1];
-    var _u = (0, react_1.useState)(""), cursor = _u[0], setCursor = _u[1];
-    var _v = (0, react_1.useState)(""), lastCursor = _v[0], setLastCursor = _v[1];
-    var _w = (0, react_1.useState)([]), tableData = _w[0], setTableData = _w[1];
-    var _x = (0, react_1.useState)([]), spaceTableData = _x[0], setSpaceTableData = _x[1];
-    var _y = (0, react_1.useState)(0), size = _y[0], setSize = _y[1];
-    var _z = (0, react_1.useState)(0), pageIndex = _z[0], setPageIndex = _z[1];
-    var _0 = (0, react_1.useState)([]), selectedIds = _0[0], setSelectedIds = _0[1];
-    var _1 = (0, react_1.useState)(false), selectAll = _1[0], setSelectAll = _1[1];
-    var _2 = (0, react_1.useState)(""), deletePasscode = _2[0], setDeletePasscode = _2[1];
-    var _3 = (0, react_1.useState)(""), deletePasscodeInput = _3[0], setDeletePasscodeInput = _3[1];
+    }), filterReferenceDate = _t[0], setFilterReferenceDate = _t[1];
+    var _u = (0, react_1.useState)(true), tableLoading = _u[0], setTableLoading = _u[1];
+    var _v = (0, react_1.useState)(""), cursor = _v[0], setCursor = _v[1];
+    var _w = (0, react_1.useState)(""), lastCursor = _w[0], setLastCursor = _w[1];
+    var _x = (0, react_1.useState)([]), tableData = _x[0], setTableData = _x[1];
+    var _y = (0, react_1.useState)([]), spaceTableData = _y[0], setSpaceTableData = _y[1];
+    var _z = (0, react_1.useState)(0), size = _z[0], setSize = _z[1];
+    var _0 = (0, react_1.useState)(0), pageIndex = _0[0], setPageIndex = _0[1];
+    var _1 = (0, react_1.useState)([]), selectedIds = _1[0], setSelectedIds = _1[1];
+    var _2 = (0, react_1.useState)(false), selectAll = _2[0], setSelectAll = _2[1];
+    var _3 = (0, react_1.useState)(""), deletePasscode = _3[0], setDeletePasscode = _3[1];
+    var _4 = (0, react_1.useState)(""), deletePasscodeInput = _4[0], setDeletePasscodeInput = _4[1];
     //INFO : Used by List Organise
-    var _4 = (0, react_1.useState)(false), sortModal = _4[0], setSortModal = _4[1];
-    var _5 = (0, react_1.useState)(false), filterModal = _5[0], setFilterModal = _5[1];
-    var _6 = (0, react_1.useState)(false), addTabModal = _6[0], setAddTabModal = _6[1];
-    var _7 = (0, react_1.useState)(false), queryForm = _7[0], setQueryForm = _7[1];
+    var _5 = (0, react_1.useState)(false), sortModal = _5[0], setSortModal = _5[1];
+    var _6 = (0, react_1.useState)(false), filterModal = _6[0], setFilterModal = _6[1];
+    var _7 = (0, react_1.useState)(false), addTabModal = _7[0], setAddTabModal = _7[1];
+    var _8 = (0, react_1.useState)(false), queryForm = _8[0], setQueryForm = _8[1];
     //INFO : Used by Export
-    var _8 = (0, react_1.useState)(null), csvFile = _8[0], setCSVFile = _8[1];
-    var _9 = (0, react_1.useState)([]), csvFileData = _9[0], setCSVFileData = _9[1];
-    var _10 = (0, react_1.useState)(0), stepCSVIndex = _10[0], setStepCSVIndex = _10[1];
-    var _11 = (0, react_1.useState)({}), listCSVMapAttribute = _11[0], setListCSVMapAttribute = _11[1];
-    var _12 = (0, react_1.useState)({}), listCSVObjAttribute = _12[0], setListCSVObjAttribute = _12[1];
-    var _13 = (0, react_1.useState)([]), csvAPIAttribute = _13[0], setCSVAPIAttribute = _13[1];
-    var _14 = (0, react_1.useState)([]), importTableData = _14[0], setImportTableData = _14[1];
-    var _15 = (0, react_1.useState)(""), exportLink = _15[0], setExportLink = _15[1];
-    var _16 = (0, react_1.useState)([]), queryList = _16[0], setQueryList = _16[1];
-    var _17 = (0, react_1.useState)(-1), queryIndex = _17[0], setQueryIndex = _17[1];
+    var _9 = (0, react_1.useState)(null), csvFile = _9[0], setCSVFile = _9[1];
+    var _10 = (0, react_1.useState)([]), csvFileData = _10[0], setCSVFileData = _10[1];
+    var _11 = (0, react_1.useState)(0), stepCSVIndex = _11[0], setStepCSVIndex = _11[1];
+    var _12 = (0, react_1.useState)({}), listCSVMapAttribute = _12[0], setListCSVMapAttribute = _12[1];
+    var _13 = (0, react_1.useState)({}), listCSVObjAttribute = _13[0], setListCSVObjAttribute = _13[1];
+    var _14 = (0, react_1.useState)([]), csvAPIAttribute = _14[0], setCSVAPIAttribute = _14[1];
+    var _15 = (0, react_1.useState)([]), importTableData = _15[0], setImportTableData = _15[1];
+    var _16 = (0, react_1.useState)(""), exportLink = _16[0], setExportLink = _16[1];
+    var _17 = (0, react_1.useState)([]), queryList = _17[0], setQueryList = _17[1];
+    var _18 = (0, react_1.useState)(-1), queryIndex = _18[0], setQueryIndex = _18[1];
     //INFO : Used by Read
     //INFO : Used by Update
-    var _18 = (0, react_1.useState)(false), modalVisible = _18[0], setModalVisible = _18[1];
-    var _19 = (0, react_1.useState)(false), deleteModal = _19[0], setDeleteModal = _19[1];
-    var _20 = (0, react_1.useState)(false), excelModal = _20[0], setExcelModal = _20[1];
-    var _21 = (0, react_1.useState)(false), exportExcel = _21[0], setExportExcel = _21[1];
-    var _22 = (0, react_1.useState)({}), selectedData = _22[0], setSelectedData = _22[1];
-    var _23 = (0, react_1.useState)(""), selectedObjectStructureId = _23[0], setSelectedObjectStructureId = _23[1];
-    var _24 = (0, react_1.useState)(""), selectedObjectId = _24[0], setSelectedObjectId = _24[1];
-    var _25 = (0, react_1.useState)({}), selectedObjectData = _25[0], setSelectedObjectData = _25[1];
-    var _26 = (0, react_1.useState)(false), referenceLoading = _26[0], setReferenceLoading = _26[1];
-    var _27 = (0, react_1.useState)({}), referencesOptions = _27[0], setReferencesOptions = _27[1];
-    var _28 = (0, react_1.useState)({}), referenceModelSchema = _28[0], setReferenceSchema = _28[1];
+    var _19 = (0, react_1.useState)(false), modalVisible = _19[0], setModalVisible = _19[1];
+    var _20 = (0, react_1.useState)(false), deleteModal = _20[0], setDeleteModal = _20[1];
+    var _21 = (0, react_1.useState)(false), excelModal = _21[0], setExcelModal = _21[1];
+    var _22 = (0, react_1.useState)(false), exportExcel = _22[0], setExportExcel = _22[1];
+    var _23 = (0, react_1.useState)({}), selectedData = _23[0], setSelectedData = _23[1];
+    var _24 = (0, react_1.useState)(""), selectedObjectStructureId = _24[0], setSelectedObjectStructureId = _24[1];
+    var _25 = (0, react_1.useState)(""), selectedObjectId = _25[0], setSelectedObjectId = _25[1];
+    var _26 = (0, react_1.useState)({}), selectedObjectData = _26[0], setSelectedObjectData = _26[1];
+    var _27 = (0, react_1.useState)(false), referenceLoading = _27[0], setReferenceLoading = _27[1];
+    var _28 = (0, react_1.useState)({}), referencesOptions = _28[0], setReferencesOptions = _28[1];
+    var _29 = (0, react_1.useState)({}), referenceModelSchema = _29[0], setReferenceSchema = _29[1];
     var devSettings = props.devSettings;
     var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
     var isEditor = ((_a = props.edit) === null || _a === void 0 ? void 0 : _a.allEditable) ? true : false;
@@ -225,6 +225,8 @@ function DataTemplate(props) {
             },
         },
     ];
+    if ((_e = props.organise) === null || _e === void 0 ? void 0 : _e.moreSettings)
+        moreButtonPopUp = moreButtonPopUp.concat(props.organise.moreSettings);
     (0, react_1.useEffect)(function () {
         switch (props.type) {
             case "read":
@@ -827,27 +829,44 @@ function DataTemplate(props) {
         setDeletePasscode(passcode);
     };
     var handleMultipleRemoveSelectedData = function () { return __awaiter(_this, void 0, void 0, function () {
-        var passcodeMatch, query, err_6;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var passcodeMatch, query, data, uploadEndpoint, err_6;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    _a.trys.push([0, 7, , 8]);
+                    _b.trys.push([0, 8, , 9]);
                     setLoading(true);
                     setModalVisible(true);
                     passcodeMatch = deletePasscodeInput === deletePasscode;
-                    if (!passcodeMatch) return [3 /*break*/, 5];
+                    if (!passcodeMatch) return [3 /*break*/, 6];
                     if (!selectAll) return [3 /*break*/, 2];
                     query = renderSearchFilterConditions();
                     return [4 /*yield*/, writeServerQuery.call("batchDelete", { query: query })];
                 case 1:
-                    _a.sent();
-                    return [3 /*break*/, 4];
+                    _b.sent();
+                    return [3 /*break*/, 5];
                 case 2: return [4 /*yield*/, writeServerQuery.call("batchDelete", { id: selectedIds })];
                 case 3:
-                    _a.sent();
-                    _a.label = 4;
-                case 4: return [3 /*break*/, 6];
-                case 5:
+                    _b.sent();
+                    data = new FormData();
+                    data.append("data[assetCollectionName]", props.collectionId);
+                    data.append("data[assetParentId]", JSON.stringify(selectedIds !== null && selectedIds !== void 0 ? selectedIds : []));
+                    uploadEndpoint = devSettings.uploadEndpoint
+                        ? devSettings.uploadEndpoint
+                        : "/api/asset";
+                    if (props.devSettings.bucketName)
+                        data.append("data[bucketName]", props.devSettings.bucketName);
+                    return [4 /*yield*/, ((_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios({
+                            data: data,
+                            method: "post",
+                            url: "".concat(uploadEndpoint, "/batchDeleteDirectory"),
+                            headers: { "Content-Type": "multipart/form-data" },
+                        }))];
+                case 4:
+                    _b.sent();
+                    _b.label = 5;
+                case 5: return [3 /*break*/, 7];
+                case 6:
                     setNotification({
                         type: false,
                         title: "Incorrect Passcode",
@@ -856,11 +875,11 @@ function DataTemplate(props) {
                     setLoading(false);
                     setModalVisible(false);
                     return [2 /*return*/];
-                case 6: return [3 /*break*/, 8];
-                case 7:
-                    err_6 = _a.sent();
-                    return [3 /*break*/, 8];
+                case 7: return [3 /*break*/, 9];
                 case 8:
+                    err_6 = _b.sent();
+                    return [3 /*break*/, 9];
+                case 9:
                     setDeletePasscodeInput("");
                     handleRefresh();
                     return [2 /*return*/];
@@ -901,12 +920,13 @@ function DataTemplate(props) {
         });
     }); };
     var handleSubmitData = function (type, rowId, columnId, data) { return __awaiter(_this, void 0, void 0, function () {
-        var selectedId, id, createSelectedData, res, dataToSubmit, selectedIndex_2;
+        var selectedId, id, createSelectedData, uniqueDataStructure, uniqueColumnId, res, dataToSubmit, selectedIndex_2, err_8;
         var _a;
         var _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
+                    _c.trys.push([0, 11, , 12]);
                     selectedId = "";
                     if (type === "update")
                         selectedId = rowId !== null && rowId !== void 0 ? rowId : "";
@@ -926,11 +946,16 @@ function DataTemplate(props) {
                     return [4 /*yield*/, handleUploadImage(id, data)];
                 case 1:
                     createSelectedData = _c.sent();
+                    uniqueDataStructure = props.model.filter(function (eachStructure) {
+                        return eachStructure.unique;
+                    });
+                    uniqueColumnId = uniqueDataStructure.length > 0 ? uniqueDataStructure[0].id : undefined;
                     res = "";
                     if (!(selectedId === "new")) return [3 /*break*/, 3];
                     createSelectedData[serverId] = id;
                     return [4 /*yield*/, writeServerQuery.call("create", {
                             data: createSelectedData,
+                            unique: uniqueColumnId,
                         })];
                 case 2:
                     res = _c.sent();
@@ -948,6 +973,7 @@ function DataTemplate(props) {
                     return [4 /*yield*/, writeServerQuery.call("update", {
                             id: selectedId,
                             data: dataToSubmit,
+                            unique: uniqueColumnId,
                         })];
                 case 4:
                     res = _c.sent();
@@ -975,11 +1001,22 @@ function DataTemplate(props) {
                     _c.sent();
                     _c.label = 10;
                 case 10: return [2 /*return*/, res];
+                case 11:
+                    err_8 = _c.sent();
+                    if (err_8.response && err_8.response.status === 400) {
+                        setNotification({
+                            type: false,
+                            title: "Error",
+                            msg: err_8.response.data.err,
+                        });
+                    }
+                    return [3 /*break*/, 12];
+                case 12: return [2 /*return*/];
             }
         });
     }); };
     var handleSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
-        var res, err_8;
+        var res, err_9;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -1001,7 +1038,7 @@ function DataTemplate(props) {
                     }
                     return [3 /*break*/, 3];
                 case 2:
-                    err_8 = _a.sent();
+                    err_9 = _a.sent();
                     setModalVisible(false);
                     setLoading(false);
                     return [3 /*break*/, 3];
@@ -1196,7 +1233,7 @@ function DataTemplate(props) {
         }
     };
     var handleStepCSV = function () { return __awaiter(_this, void 0, void 0, function () {
-        var csvList_1, _loop_1, _i, _a, _b, eachKey, eachValue, valid_1, errorValue_1, excelFormData, response, err_9;
+        var csvList_1, _loop_1, _i, _a, _b, eachKey, eachValue, valid_1, errorValue_1, excelFormData, response, err_10;
         var _c, _d, _e, _f, _g;
         return __generator(this, function (_h) {
             switch (_h.label) {
@@ -1321,12 +1358,12 @@ function DataTemplate(props) {
                     _h.label = 5;
                 case 5: return [3 /*break*/, 7];
                 case 6:
-                    err_9 = _h.sent();
+                    err_10 = _h.sent();
                     setLoading(false);
                     setNotification({
                         type: false,
                         title: "Import Error",
-                        msg: err_9.message,
+                        msg: err_10.message,
                     });
                     return [3 /*break*/, 7];
                 case 7: return [2 /*return*/];
@@ -1334,7 +1371,7 @@ function DataTemplate(props) {
         });
     }); };
     var handleExportCSVData = function () { return __awaiter(_this, void 0, void 0, function () {
-        var res, err_10;
+        var res, err_11;
         var _a, _b;
         return __generator(this, function (_c) {
             switch (_c.label) {
@@ -1358,7 +1395,7 @@ function DataTemplate(props) {
                     setLoading(false);
                     return [3 /*break*/, 3];
                 case 2:
-                    err_10 = _c.sent();
+                    err_11 = _c.sent();
                     setLoading(false);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
@@ -2405,13 +2442,13 @@ function DataTemplate(props) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         renderNotification("root"),
-        react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), lib: { Dialog: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.Dialog, Transition: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.Transition }, renderContent: renderModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), lib: { Dialog: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.Dialog, Transition: (_g = props.lib) === null || _g === void 0 ? void 0 : _g.Transition }, renderContent: renderModalContent, onClose: function () {
                 if (queryForm)
                     handleViewQuery(-1);
                 else
                     handlePopUpModal(false);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
-        react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_g = props.lib) === null || _g === void 0 ? void 0 : _g.Dialog, Transition: (_h = props.lib) === null || _h === void 0 ? void 0 : _h.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
+        react_1.default.createElement(modal_1.Modal, { open: deleteModal, lib: { Dialog: (_h = props.lib) === null || _h === void 0 ? void 0 : _h.Dialog, Transition: (_j = props.lib) === null || _j === void 0 ? void 0 : _j.Transition }, renderContent: renderDeleteModalContent, onClose: function () {
                 setDeletePasscodeInput("");
                 setDeleteModal(!deleteModal);
             }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),