blixify-ui-web 0.1.80 → 0.1.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -83,11 +83,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
83
83
|
};
|
|
84
84
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
85
85
|
exports.DataTemplate = exports.additionalSelect = exports.loadingSelect = void 0;
|
|
86
|
-
var react_1 = require("@headlessui/react");
|
|
87
86
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
88
87
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
89
88
|
var moment_1 = __importDefault(require("moment"));
|
|
90
|
-
var
|
|
89
|
+
var react_1 = __importStar(require("react"));
|
|
91
90
|
var uuid_1 = require("uuid");
|
|
92
91
|
var button_1 = require("../../action/button");
|
|
93
92
|
var iconButton_1 = require("../../action/iconButton");
|
|
@@ -154,65 +153,65 @@ var queryType = [
|
|
|
154
153
|
label: "><",
|
|
155
154
|
},
|
|
156
155
|
];
|
|
157
|
-
exports.loadingSelect = (
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
exports.additionalSelect = (
|
|
161
|
-
|
|
162
|
-
|
|
156
|
+
exports.loadingSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
|
|
157
|
+
react_1.default.createElement(loading_1.Loading, { sizeClassName: "h-5 w-5" }),
|
|
158
|
+
react_1.default.createElement("p", { className: "ml-1" }, "Loading...")));
|
|
159
|
+
exports.additionalSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
|
|
160
|
+
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: "h-5 w-5" }),
|
|
161
|
+
react_1.default.createElement("p", { className: "ml-1" }, "Search for more...")));
|
|
163
162
|
function DataTemplate(props) {
|
|
164
163
|
var _this = this;
|
|
165
164
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
166
|
-
var formRef = (0,
|
|
167
|
-
var objectFormRef = (0,
|
|
168
|
-
var modalFormInputRefs = props.model.map(function () { return (0,
|
|
165
|
+
var formRef = (0, react_1.createRef)();
|
|
166
|
+
var objectFormRef = (0, react_1.createRef)();
|
|
167
|
+
var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
|
|
169
168
|
var limit = props.limit ? props.limit : 10;
|
|
170
|
-
var typingTimeout = (0,
|
|
171
|
-
var _h = (0,
|
|
172
|
-
var _j = (0,
|
|
169
|
+
var typingTimeout = (0, react_1.useRef)();
|
|
170
|
+
var _h = (0, react_1.useState)(false), loading = _h[0], setLoading = _h[1];
|
|
171
|
+
var _j = (0, react_1.useState)(), notification = _j[0], setNotification = _j[1];
|
|
173
172
|
//INFO : Used by List
|
|
174
|
-
var _k = (0,
|
|
175
|
-
var _l = (0,
|
|
176
|
-
var _m = (0,
|
|
177
|
-
var _o = (0,
|
|
178
|
-
var _p = (0,
|
|
179
|
-
var _q = (0,
|
|
180
|
-
var _r = (0,
|
|
181
|
-
var _s = (0,
|
|
182
|
-
var _t = (0,
|
|
183
|
-
var _u = (0,
|
|
184
|
-
var _v = (0,
|
|
185
|
-
var _w = (0,
|
|
173
|
+
var _k = (0, react_1.useState)(""), filterSearch = _k[0], setFilterSearch = _k[1];
|
|
174
|
+
var _l = (0, react_1.useState)(""), filterSearchParams = _l[0], setFilterSearchParams = _l[1];
|
|
175
|
+
var _m = (0, react_1.useState)(""), filterSelection = _m[0], setFilterSelection = _m[1];
|
|
176
|
+
var _o = (0, react_1.useState)(""), filterReference = _o[0], setFilterReference = _o[1];
|
|
177
|
+
var _p = (0, react_1.useState)(""), filterReferenceSearch = _p[0], setFilterReferenceSearch = _p[1];
|
|
178
|
+
var _q = (0, react_1.useState)([]), filterReferenceList = _q[0], setFilterReferenceList = _q[1];
|
|
179
|
+
var _r = (0, react_1.useState)(true), tableLoading = _r[0], setTableLoading = _r[1];
|
|
180
|
+
var _s = (0, react_1.useState)(""), cursor = _s[0], setCursor = _s[1];
|
|
181
|
+
var _t = (0, react_1.useState)(""), lastCursor = _t[0], setLastCursor = _t[1];
|
|
182
|
+
var _u = (0, react_1.useState)([]), tableData = _u[0], setTableData = _u[1];
|
|
183
|
+
var _v = (0, react_1.useState)(0), size = _v[0], setSize = _v[1];
|
|
184
|
+
var _w = (0, react_1.useState)(0), pageIndex = _w[0], setPageIndex = _w[1];
|
|
186
185
|
//INFO : Used by Export
|
|
187
|
-
var _x = (0,
|
|
188
|
-
var _y = (0,
|
|
189
|
-
var _z = (0,
|
|
190
|
-
var _0 = (0,
|
|
191
|
-
var _1 = (0,
|
|
192
|
-
var _2 = (0,
|
|
193
|
-
var _3 = (0,
|
|
194
|
-
var _4 = (0,
|
|
195
|
-
var _5 = (0,
|
|
196
|
-
var _6 = (0,
|
|
197
|
-
var _7 = (0,
|
|
198
|
-
var _8 = (0,
|
|
186
|
+
var _x = (0, react_1.useState)(null), csvFile = _x[0], setCSVFile = _x[1];
|
|
187
|
+
var _y = (0, react_1.useState)([]), csvFileData = _y[0], setCSVFileData = _y[1];
|
|
188
|
+
var _z = (0, react_1.useState)(0), stepCSVIndex = _z[0], setStepCSVIndex = _z[1];
|
|
189
|
+
var _0 = (0, react_1.useState)({}), listCSVMapAttribute = _0[0], setListCSVMapAttribute = _0[1];
|
|
190
|
+
var _1 = (0, react_1.useState)({}), listCSVObjAttribute = _1[0], setListCSVObjAttribute = _1[1];
|
|
191
|
+
var _2 = (0, react_1.useState)([]), csvAPIAttribute = _2[0], setCSVAPIAttribute = _2[1];
|
|
192
|
+
var _3 = (0, react_1.useState)(""), exportLink = _3[0], setExportLink = _3[1];
|
|
193
|
+
var _4 = (0, react_1.useState)([]), exportReferenceList = _4[0], setExportReferenceList = _4[1];
|
|
194
|
+
var _5 = (0, react_1.useState)(""), exportReferenceSearch = _5[0], setExportReferenceSearch = _5[1];
|
|
195
|
+
var _6 = (0, react_1.useState)([]), queryList = _6[0], setQueryList = _6[1];
|
|
196
|
+
var _7 = (0, react_1.useState)(false), queryModal = _7[0], setQueryModal = _7[1];
|
|
197
|
+
var _8 = (0, react_1.useState)({
|
|
199
198
|
queryId: "",
|
|
200
199
|
type: "=",
|
|
201
200
|
value: "",
|
|
202
201
|
}), queryInput = _8[0], setQueryInput = _8[1];
|
|
203
202
|
//INFO : Used by Read
|
|
204
203
|
//INFO : Used by Update
|
|
205
|
-
var _9 = (0,
|
|
206
|
-
var _10 = (0,
|
|
207
|
-
var _11 = (0,
|
|
208
|
-
var _12 = (0,
|
|
209
|
-
var _13 = (0,
|
|
210
|
-
var _14 = (0,
|
|
211
|
-
var _15 = (0,
|
|
212
|
-
var _16 = (0,
|
|
213
|
-
var _17 = (0,
|
|
214
|
-
var _18 = (0,
|
|
215
|
-
var _19 = (0,
|
|
204
|
+
var _9 = (0, react_1.useState)(false), modalVisible = _9[0], setModalVisible = _9[1];
|
|
205
|
+
var _10 = (0, react_1.useState)(false), deleteModal = _10[0], setDeleteModal = _10[1];
|
|
206
|
+
var _11 = (0, react_1.useState)(false), excelModal = _11[0], setExcelModal = _11[1];
|
|
207
|
+
var _12 = (0, react_1.useState)(false), exportExcel = _12[0], setExportExcel = _12[1];
|
|
208
|
+
var _13 = (0, react_1.useState)({}), selectedData = _13[0], setSelectedData = _13[1];
|
|
209
|
+
var _14 = (0, react_1.useState)(""), selectedObjectStructureId = _14[0], setSelectedObjectStructureId = _14[1];
|
|
210
|
+
var _15 = (0, react_1.useState)(""), selectedObjectId = _15[0], setSelectedObjectId = _15[1];
|
|
211
|
+
var _16 = (0, react_1.useState)({}), selectedObjectData = _16[0], setSelectedObjectData = _16[1];
|
|
212
|
+
var _17 = (0, react_1.useState)(false), referenceLoading = _17[0], setReferenceLoading = _17[1];
|
|
213
|
+
var _18 = (0, react_1.useState)({}), referencesOptions = _18[0], setReferencesOptions = _18[1];
|
|
214
|
+
var _19 = (0, react_1.useState)({}), referenceModelSchema = _19[0], setReferenceSchema = _19[1];
|
|
216
215
|
var serverId = props.server === "mongoServer" ? "_id" : "id";
|
|
217
216
|
var dbModule = props.server === "firebase" ? (_a = props.lib) === null || _a === void 0 ? void 0 : _a.firebase : (_b = props.lib) === null || _b === void 0 ? void 0 : _b.axios;
|
|
218
217
|
var writeServerQuery = new writeQuery_1.WriteQuery((_c = props.lib) === null || _c === void 0 ? void 0 : _c.axios, props.server, props.collectionId, props.dbEndpoint);
|
|
@@ -232,7 +231,7 @@ function DataTemplate(props) {
|
|
|
232
231
|
},
|
|
233
232
|
},
|
|
234
233
|
];
|
|
235
|
-
(0,
|
|
234
|
+
(0, react_1.useEffect)(function () {
|
|
236
235
|
switch (props.type) {
|
|
237
236
|
case "read":
|
|
238
237
|
case "update":
|
|
@@ -250,7 +249,7 @@ function DataTemplate(props) {
|
|
|
250
249
|
break;
|
|
251
250
|
}
|
|
252
251
|
}, [props.type, props.id]);
|
|
253
|
-
(0,
|
|
252
|
+
(0, react_1.useEffect)(function () {
|
|
254
253
|
var handleGetExportReferenceList = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
255
254
|
var referenceOptionsList;
|
|
256
255
|
var _this = this;
|
|
@@ -1599,7 +1598,7 @@ function DataTemplate(props) {
|
|
|
1599
1598
|
var _a;
|
|
1600
1599
|
switch (stepCSVIndex) {
|
|
1601
1600
|
case 0:
|
|
1602
|
-
return (
|
|
1601
|
+
return (react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.axios }, label: "Please insert a csv file", fileDescription: "CSV file thats doesn't exceeds 30MB and row not more than 100 data", accept: ".csv", hidePreview: true, onChange: handleOnChangeCSV }));
|
|
1603
1602
|
case 1:
|
|
1604
1603
|
var filterOptions_1 = [];
|
|
1605
1604
|
props.model.map(function (eachData) {
|
|
@@ -1612,7 +1611,7 @@ function DataTemplate(props) {
|
|
|
1612
1611
|
}
|
|
1613
1612
|
return "";
|
|
1614
1613
|
});
|
|
1615
|
-
return (
|
|
1614
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, csvFileData.length > 0 && (react_1.default.createElement("div", { className: "pb-32" }, Object.entries(csvFileData[0]).map(function (eachRow, index) {
|
|
1616
1615
|
var eachKey = eachRow[0];
|
|
1617
1616
|
if (!eachKey)
|
|
1618
1617
|
return null;
|
|
@@ -1622,24 +1621,24 @@ function DataTemplate(props) {
|
|
|
1622
1621
|
eachModel.type === "listObject") ||
|
|
1623
1622
|
eachModel.type === "object");
|
|
1624
1623
|
});
|
|
1625
|
-
return (
|
|
1626
|
-
|
|
1624
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
1625
|
+
react_1.default.createElement("div", { className: "mt-6 grid grid-cols-3 items-center" },
|
|
1627
1626
|
eachKey,
|
|
1628
|
-
|
|
1627
|
+
react_1.default.createElement(select_1.Select, { containerClassName: selectedObjectModel ? "ml-2" : "ml-2 col-span-2", label: "", options: filterOptions_1, value: clonedListValue[index], onChange: function (value) {
|
|
1629
1628
|
var clonedListValueAttribute = JSON.parse(JSON.stringify(listCSVMapAttribute));
|
|
1630
1629
|
clonedListValueAttribute[index] = value;
|
|
1631
1630
|
setListCSVMapAttribute(clonedListValueAttribute);
|
|
1632
1631
|
} }),
|
|
1633
|
-
selectedObjectModel && (
|
|
1632
|
+
selectedObjectModel && (react_1.default.createElement(select_1.Select, { containerClassName: "ml-4", label: "", options: (0, utils_1.renderObjectOptions)(selectedObjectModel.objectData), value: listCSVObjAttribute[index], onChange: function (value) {
|
|
1634
1633
|
var clonedListObjectValueAttribute = JSON.parse(JSON.stringify(listCSVObjAttribute));
|
|
1635
1634
|
clonedListObjectValueAttribute[index] = value;
|
|
1636
1635
|
setListCSVObjAttribute(clonedListObjectValueAttribute);
|
|
1637
1636
|
} })))));
|
|
1638
1637
|
})))));
|
|
1639
1638
|
case 2:
|
|
1640
|
-
return (
|
|
1641
|
-
|
|
1642
|
-
|
|
1639
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
1640
|
+
react_1.default.createElement("div", { className: "mx-auto flex flex-col mt-2" }, "Mapped Column"),
|
|
1641
|
+
react_1.default.createElement(table_1.Table, { loading: false, data: renderExcelReviewData(), hidePagination: true, limit: csvAPIAttribute.length + 1, header: [
|
|
1643
1642
|
{ key: "header", title: "Excel Column" },
|
|
1644
1643
|
{ key: "detail", title: "Mapping Column" },
|
|
1645
1644
|
] })));
|
|
@@ -1663,12 +1662,12 @@ function DataTemplate(props) {
|
|
|
1663
1662
|
var renderQueryModalContent = function () {
|
|
1664
1663
|
var _a, _b;
|
|
1665
1664
|
var queryValueInput = [];
|
|
1666
|
-
var formInputRef = Object.values(queryInput).map(function () { return (0,
|
|
1665
|
+
var formInputRef = Object.values(queryInput).map(function () { return (0, react_1.createRef)(); });
|
|
1667
1666
|
var modelType = (_b = (_a = props.model.find(function (eachModel) { return eachModel.id === queryInput.queryId; })) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : "string";
|
|
1668
1667
|
switch (modelType) {
|
|
1669
1668
|
case "listReference":
|
|
1670
1669
|
case "reference":
|
|
1671
|
-
queryValueInput.push(
|
|
1670
|
+
queryValueInput.push(react_1.default.createElement(select_1.Select, { id: "value", ref: formInputRef[2], value: queryInput.value, label: "Value", options: exportReferenceList !== null && exportReferenceList !== void 0 ? exportReferenceList : [], onSearch: function (value) {
|
|
1672
1671
|
setExportReferenceSearch(value);
|
|
1673
1672
|
}, onChange: function (value) {
|
|
1674
1673
|
var clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
@@ -1677,7 +1676,7 @@ function DataTemplate(props) {
|
|
|
1677
1676
|
} }));
|
|
1678
1677
|
break;
|
|
1679
1678
|
case "date":
|
|
1680
|
-
queryValueInput.push(
|
|
1679
|
+
queryValueInput.push(react_1.default.createElement(datePicker_1.InputDatePicker, { id: "value", ref: formInputRef[2], value: queryInput.value
|
|
1681
1680
|
? (0, moment_1.default)(queryInput.value).toDate()
|
|
1682
1681
|
: (0, moment_1.default)().toDate(), onChange: function (id, date) {
|
|
1683
1682
|
var clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
@@ -1686,7 +1685,7 @@ function DataTemplate(props) {
|
|
|
1686
1685
|
} }));
|
|
1687
1686
|
break;
|
|
1688
1687
|
default:
|
|
1689
|
-
queryValueInput.push(
|
|
1688
|
+
queryValueInput.push(react_1.default.createElement(textInput_1.TextInput, { id: "value", ref: formInputRef[2], value: queryInput.value, label: "Value", type: "text", placeholder: "eg. Type", onChange: function (e) {
|
|
1690
1689
|
var clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
1691
1690
|
clonedQueryInput[e.target.id] = e.target.value;
|
|
1692
1691
|
setQueryInput(clonedQueryInput);
|
|
@@ -1695,7 +1694,7 @@ function DataTemplate(props) {
|
|
|
1695
1694
|
}
|
|
1696
1695
|
if (queryInput.type === "><") {
|
|
1697
1696
|
queryValueInput.pop();
|
|
1698
|
-
queryValueInput.push(
|
|
1697
|
+
queryValueInput.push(react_1.default.createElement(datePicker_1.InputDatePicker, { id: "value", ref: formInputRef[2], range: true, startDate: (0, moment_1.default)(queryInput.value[0]).toDate(), endDate: (0, moment_1.default)(queryInput.value[1]).toDate(), onChange: function (id, date, type) {
|
|
1699
1698
|
var clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
1700
1699
|
if (type === "start")
|
|
1701
1700
|
clonedQueryInput[id][0] = (0, moment_1.default)(date).toISOString();
|
|
@@ -1704,9 +1703,9 @@ function DataTemplate(props) {
|
|
|
1704
1703
|
setQueryInput(clonedQueryInput);
|
|
1705
1704
|
} }));
|
|
1706
1705
|
}
|
|
1707
|
-
return (
|
|
1708
|
-
|
|
1709
|
-
|
|
1706
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
1707
|
+
react_1.default.createElement(form_1.Form, { ref: formRef, refList: formInputRef, handleComplete: handlePushQueryList, className: "mt-6 grid grid-cols-1 gap-5" },
|
|
1708
|
+
react_1.default.createElement(select_1.Select, { id: "queryId", ref: formInputRef[0], value: queryInput.queryId, label: "Column ID", options: renderQueryIdOptions(), onChange: function (value) { return __awaiter(_this, void 0, void 0, function () {
|
|
1710
1709
|
var clonedQueryInput;
|
|
1711
1710
|
return __generator(this, function (_a) {
|
|
1712
1711
|
clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
@@ -1716,15 +1715,15 @@ function DataTemplate(props) {
|
|
|
1716
1715
|
return [2 /*return*/];
|
|
1717
1716
|
});
|
|
1718
1717
|
}); } }),
|
|
1719
|
-
|
|
1718
|
+
react_1.default.createElement(select_1.Select, { id: "type", ref: formInputRef[1], value: queryInput.type, label: "Condition", options: queryType, onChange: function (value) {
|
|
1720
1719
|
var clonedQueryInput = JSON.parse(JSON.stringify(queryInput));
|
|
1721
1720
|
clonedQueryInput["type"] = value;
|
|
1722
1721
|
clonedQueryInput["value"] = "";
|
|
1723
1722
|
setQueryInput(clonedQueryInput);
|
|
1724
1723
|
} }),
|
|
1725
1724
|
queryValueInput),
|
|
1726
|
-
|
|
1727
|
-
|
|
1725
|
+
react_1.default.createElement("div", { className: "flex flex-row justify-end pt-4" },
|
|
1726
|
+
react_1.default.createElement(button_1.Button, { className: "mt-4", text: "Add", size: "small", type: "normal", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
1728
1727
|
var _a;
|
|
1729
1728
|
return __generator(this, function (_b) {
|
|
1730
1729
|
switch (_b.label) {
|
|
@@ -1742,25 +1741,25 @@ function DataTemplate(props) {
|
|
|
1742
1741
|
queryList.map(function (data, index) {
|
|
1743
1742
|
if (queryList.length > 1) {
|
|
1744
1743
|
var upData_1 = index === queryList.length - 1;
|
|
1745
|
-
sortComponent = (
|
|
1744
|
+
sortComponent = (react_1.default.createElement("div", { className: "cursor-pointer ml-2", onClick: function () {
|
|
1746
1745
|
handleSortQuery(index, upData_1 ? "up" : "down");
|
|
1747
|
-
} }, upData_1 ? (
|
|
1746
|
+
} }, upData_1 ? (react_1.default.createElement(outline_1.ArrowUpIcon, { className: "h-5 w-5 block text-primary-600" })) : (react_1.default.createElement(outline_1.ArrowDownIcon, { className: "h-5 w-5 block text-primary-600" }))));
|
|
1748
1747
|
}
|
|
1749
1748
|
queryStructureView.push({
|
|
1750
1749
|
key: index,
|
|
1751
1750
|
name: data.queryId,
|
|
1752
1751
|
value: data.value,
|
|
1753
1752
|
sort: sortComponent,
|
|
1754
|
-
view: (
|
|
1753
|
+
view: (react_1.default.createElement("div", { className: "cursor-pointer ml-2", onClick: function () {
|
|
1755
1754
|
handleViewQuery(index);
|
|
1756
1755
|
} },
|
|
1757
|
-
|
|
1758
|
-
del: (
|
|
1756
|
+
react_1.default.createElement(outline_1.EyeIcon, { className: "h-5 w-5 block text-primary-600" }))),
|
|
1757
|
+
del: (react_1.default.createElement("div", { className: "cursor-pointer ml-2", onClick: function () {
|
|
1759
1758
|
var temp = JSON.parse(JSON.stringify(queryList));
|
|
1760
1759
|
temp.splice(index, 1);
|
|
1761
1760
|
setQueryList(temp);
|
|
1762
1761
|
} },
|
|
1763
|
-
|
|
1762
|
+
react_1.default.createElement(outline_1.TrashIcon, { className: "h-5 w-5 block text-primary-600" }))),
|
|
1764
1763
|
});
|
|
1765
1764
|
return "";
|
|
1766
1765
|
});
|
|
@@ -1799,8 +1798,8 @@ function DataTemplate(props) {
|
|
|
1799
1798
|
};
|
|
1800
1799
|
var renderObjectTags = function (id) {
|
|
1801
1800
|
return Object.keys(selectedData[id]).map(function (eachKeys) {
|
|
1802
|
-
return (
|
|
1803
|
-
|
|
1801
|
+
return (react_1.default.createElement("div", { key: eachKeys, className: "bg-primary-600 text-white rounded m-0.5" },
|
|
1802
|
+
react_1.default.createElement("p", { className: "text-xs px-2 py-1 text-wrap" }, eachKeys)));
|
|
1804
1803
|
});
|
|
1805
1804
|
};
|
|
1806
1805
|
var renderDataTemplateForm = function (data, model, formInputRef, isObject, isObjectList) {
|
|
@@ -1822,7 +1821,7 @@ function DataTemplate(props) {
|
|
|
1822
1821
|
: eachAttribute.disabled;
|
|
1823
1822
|
switch (eachAttribute.type) {
|
|
1824
1823
|
case "address":
|
|
1825
|
-
inputList.push(
|
|
1824
|
+
inputList.push(react_1.default.createElement(address_1.Address, { id: eachAttribute.id, label: label, value: (_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {
|
|
1826
1825
|
lat: 0,
|
|
1827
1826
|
lng: 0,
|
|
1828
1827
|
name: "",
|
|
@@ -1832,14 +1831,14 @@ function DataTemplate(props) {
|
|
|
1832
1831
|
break;
|
|
1833
1832
|
case "object":
|
|
1834
1833
|
var objectValue = Object.values((_b = clonedSelectedData[eachAttribute.id]) !== null && _b !== void 0 ? _b : {});
|
|
1835
|
-
inputList.push(
|
|
1836
|
-
|
|
1837
|
-
|
|
1834
|
+
inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
1835
|
+
react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, label),
|
|
1836
|
+
react_1.default.createElement("div", { className: "block bg-white w-full border cursor-pointer border-gray-300 text-gray-300 text-left rounded-md mt-1 px-5 py-3 text-base focus:border-primary-500 focus:outline-none", onClick: function () {
|
|
1838
1837
|
var _a;
|
|
1839
1838
|
setSelectedObjectStructureId(eachAttribute.id);
|
|
1840
1839
|
setSelectedObjectData((_a = clonedSelectedData[eachAttribute.id]) !== null && _a !== void 0 ? _a : {});
|
|
1841
1840
|
handlePopUpModal(true);
|
|
1842
|
-
} }, objectValue.length > 0 ? (
|
|
1841
|
+
} }, objectValue.length > 0 ? (react_1.default.createElement("div", { className: "flex overflow-hidden flex-row" }, renderObjectTags(eachAttribute.id))) : ("Fill details"))));
|
|
1843
1842
|
break;
|
|
1844
1843
|
case "list":
|
|
1845
1844
|
case "multipleList":
|
|
@@ -1862,13 +1861,13 @@ function DataTemplate(props) {
|
|
|
1862
1861
|
}
|
|
1863
1862
|
});
|
|
1864
1863
|
}
|
|
1865
|
-
inputList.push(
|
|
1864
|
+
inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_d = clonedSelectedData[eachAttribute.id]) !== null && _d !== void 0 ? _d : (eachAttribute.type === "list" ? "" : []), label: label, options: optionList_2, onChange: function (value) {
|
|
1866
1865
|
handleOnChangeSelect(eachAttribute.id, value);
|
|
1867
1866
|
}, disabled: disabled }));
|
|
1868
1867
|
break;
|
|
1869
1868
|
case "boolean":
|
|
1870
1869
|
var value = (_e = clonedSelectedData[eachAttribute.id]) === null || _e === void 0 ? void 0 : _e.toString();
|
|
1871
|
-
inputList.push(
|
|
1870
|
+
inputList.push(react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: value, label: label, options: [
|
|
1872
1871
|
{
|
|
1873
1872
|
key: "true",
|
|
1874
1873
|
label: "True",
|
|
@@ -1896,7 +1895,7 @@ function DataTemplate(props) {
|
|
|
1896
1895
|
: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id])
|
|
1897
1896
|
: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id]);
|
|
1898
1897
|
}
|
|
1899
|
-
inputList.push(
|
|
1898
|
+
inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { lib: { axios: (_f = props.lib) === null || _f === void 0 ? void 0 : _f.axios }, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, hidePreview: eachAttribute.type === "image" ? false : true, file: (_g = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _g !== void 0 ? _g : "", accept: eachAttribute.type === "image" ? ".png,.jpg,.jpe,.tiff" : ".pdf", fileDescription: eachAttribute.type === "image" ? undefined : "PDF up to 30MB", maxFileSize: props.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
|
|
1900
1899
|
break;
|
|
1901
1900
|
case "multipleFile":
|
|
1902
1901
|
case "multipleImage":
|
|
@@ -1906,7 +1905,7 @@ function DataTemplate(props) {
|
|
|
1906
1905
|
fileName: (0, utils_2.renderImageUrlFromPath)(props.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token),
|
|
1907
1906
|
};
|
|
1908
1907
|
});
|
|
1909
|
-
inputList.push(
|
|
1908
|
+
inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
|
|
1910
1909
|
? ".png,.jpg,.jpe,.tiff"
|
|
1911
1910
|
: ".pdf", fileDescription: eachAttribute.type === "multipleImage"
|
|
1912
1911
|
? undefined
|
|
@@ -1918,12 +1917,12 @@ function DataTemplate(props) {
|
|
|
1918
1917
|
}, disabled: disabled }));
|
|
1919
1918
|
break;
|
|
1920
1919
|
case "number":
|
|
1921
|
-
inputList.push(
|
|
1920
|
+
inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "number", value: (_j = clonedSelectedData[eachAttribute.id]) !== null && _j !== void 0 ? _j : "", placeholder: label, label: label, onChange: handleOnChangeText, disabled: disabled }));
|
|
1922
1921
|
break;
|
|
1923
1922
|
case "reference":
|
|
1924
1923
|
case "listReference":
|
|
1925
|
-
inputList.push(
|
|
1926
|
-
|
|
1924
|
+
inputList.push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
1925
|
+
react_1.default.createElement(select_1.Select, { ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, value: (_k = clonedSelectedData[eachAttribute.id]) !== null && _k !== void 0 ? _k : (eachAttribute.type === "reference" ? "" : []), label: label, options: isObject
|
|
1927
1926
|
? referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]
|
|
1928
1927
|
: (_l = referencesOptions[eachAttribute.id]) !== null && _l !== void 0 ? _l : [], onChange: function (value) {
|
|
1929
1928
|
handleOnChangeSelect(eachAttribute.id, value);
|
|
@@ -1948,15 +1947,15 @@ function DataTemplate(props) {
|
|
|
1948
1947
|
}); }, disabled: disabled })));
|
|
1949
1948
|
break;
|
|
1950
1949
|
case "string":
|
|
1951
|
-
inputList.push(
|
|
1950
|
+
inputList.push(react_1.default.createElement(textInput_1.TextInput, { id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], type: "text", value: (_m = clonedSelectedData[eachAttribute.id]) !== null && _m !== void 0 ? _m : "", placeholder: label, label: label, onChange: handleOnChangeText, disabled: disabled }));
|
|
1952
1951
|
break;
|
|
1953
1952
|
case "date":
|
|
1954
|
-
inputList.push(
|
|
1953
|
+
inputList.push(react_1.default.createElement(datePicker_1.InputDatePicker, { title: label, id: eachAttribute.id, ref: eachAttribute.optional ? null : formInputRef[index], onChange: handleOnChangeDate, value: clonedSelectedData[eachAttribute.id], disabled: disabled }));
|
|
1955
1954
|
break;
|
|
1956
1955
|
}
|
|
1957
1956
|
});
|
|
1958
1957
|
return inputList.map(function (eachInput, index) {
|
|
1959
|
-
return (
|
|
1958
|
+
return (react_1.default.createElement("div", { key: index, className: "col-span-4 sm:col-span-2" }, eachInput));
|
|
1960
1959
|
});
|
|
1961
1960
|
};
|
|
1962
1961
|
var renderDetailListData = function () {
|
|
@@ -2020,7 +2019,7 @@ function DataTemplate(props) {
|
|
|
2020
2019
|
else if (eachValue instanceof File) {
|
|
2021
2020
|
url = URL.createObjectURL(eachValue);
|
|
2022
2021
|
}
|
|
2023
|
-
eachNewList[eachKey] = (
|
|
2022
|
+
eachNewList[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "w-10 h-10 object-contain" }));
|
|
2024
2023
|
break;
|
|
2025
2024
|
case "date":
|
|
2026
2025
|
eachNewList[eachKey] =
|
|
@@ -2056,27 +2055,27 @@ function DataTemplate(props) {
|
|
|
2056
2055
|
return null;
|
|
2057
2056
|
});
|
|
2058
2057
|
}
|
|
2059
|
-
return (
|
|
2058
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, !list_2[eachListObject.id] && type === "update" ? (react_1.default.createElement("button", { type: "button", className: "mt-5 relative block w-full rounded-lg border-2 border-dashed border-gray-300 p-12 text-center", onClick: function () {
|
|
2060
2059
|
setSelectedObjectStructureId(eachListObject.id);
|
|
2061
2060
|
handlePopUpModal(true);
|
|
2062
2061
|
} },
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
"Create a new ", "".concat(eachListObject.name.toLocaleLowerCase())))) : (
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
type === "update" && (
|
|
2062
|
+
react_1.default.createElement("svg", { className: "mx-auto h-12 w-12 text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true" },
|
|
2063
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 14v20c0 4.418 7.163 8 16 8 1.381 0 2.721-.087 4-.252M8 14c0 4.418 7.163 8 16 8s16-3.582 16-8M8 14c0-4.418 7.163-8 16-8s16 3.582 16 8m0 0v14m0-4c0 4.418-7.163 8-16 8S8 28.418 8 24m32 10v6m0 0v6m0-6h6m-6 0h-6" })),
|
|
2064
|
+
react_1.default.createElement("span", { className: "mt-2 block text-sm font-medium text-gray-900" },
|
|
2065
|
+
"Create a new ", "".concat(eachListObject.name.toLocaleLowerCase())))) : (react_1.default.createElement(react_1.default.Fragment, null, list_2[eachListObject.id] && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2066
|
+
react_1.default.createElement("div", { className: "flex justify-between mt-5" },
|
|
2067
|
+
react_1.default.createElement("h3", { className: "text-md leading-6 font-medium text-gray-900 sm:text-lg" }, eachListObject.name),
|
|
2068
|
+
type === "update" && (react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: function () {
|
|
2070
2069
|
setSelectedObjectStructureId(eachListObject.id);
|
|
2071
2070
|
handlePopUpModal(true);
|
|
2072
2071
|
} }))),
|
|
2073
|
-
|
|
2072
|
+
react_1.default.createElement(list_1.List, { className: "mt-5", list: (_a = list_2[eachListObject.id]) !== null && _a !== void 0 ? _a : [], loading: false, onClickRow: function (id) {
|
|
2074
2073
|
handleSelectListObjectData(id, eachListObject.id);
|
|
2075
2074
|
} })))))));
|
|
2076
2075
|
});
|
|
2077
2076
|
}
|
|
2078
2077
|
else {
|
|
2079
|
-
return
|
|
2078
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
2080
2079
|
}
|
|
2081
2080
|
};
|
|
2082
2081
|
var renderContent = function () {
|
|
@@ -2111,8 +2110,8 @@ function DataTemplate(props) {
|
|
|
2111
2110
|
href: "#",
|
|
2112
2111
|
current: true,
|
|
2113
2112
|
});
|
|
2114
|
-
return (
|
|
2115
|
-
|
|
2113
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2114
|
+
react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
|
|
2116
2115
|
dbModule: dbModule,
|
|
2117
2116
|
dbType: props.server,
|
|
2118
2117
|
dbCollection: props.collectionId,
|
|
@@ -2121,17 +2120,17 @@ function DataTemplate(props) {
|
|
|
2121
2120
|
type: "get",
|
|
2122
2121
|
id: props.id,
|
|
2123
2122
|
}, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError }),
|
|
2124
|
-
!loading && (
|
|
2125
|
-
props.breadcrumb && (
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
props.deleteBtn && (
|
|
2123
|
+
!loading && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2124
|
+
props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5" })),
|
|
2125
|
+
react_1.default.createElement("div", null,
|
|
2126
|
+
react_1.default.createElement("div", { className: "flex flex-col py-2 justify-between sm:items-center sm:flex-row" },
|
|
2127
|
+
react_1.default.createElement("div", { className: "flex flex-col" },
|
|
2128
|
+
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
2129
|
+
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
2130
|
+
props.deleteBtn && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "ml-0 mt-5 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
|
|
2132
2131
|
setDeleteModal(true);
|
|
2133
2132
|
} })))),
|
|
2134
|
-
|
|
2133
|
+
react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom }),
|
|
2135
2134
|
renderTabContent(tabs, props.type, viewType)))));
|
|
2136
2135
|
case "update":
|
|
2137
2136
|
pages.push({
|
|
@@ -2139,8 +2138,8 @@ function DataTemplate(props) {
|
|
|
2139
2138
|
href: "#",
|
|
2140
2139
|
current: true,
|
|
2141
2140
|
});
|
|
2142
|
-
return (
|
|
2143
|
-
props.id && props.id !== "new" && props.model.length > 1 && (
|
|
2141
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2142
|
+
props.id && props.id !== "new" && props.model.length > 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
|
|
2144
2143
|
dbModule: dbModule,
|
|
2145
2144
|
dbType: props.server,
|
|
2146
2145
|
dbCollection: props.collectionId,
|
|
@@ -2149,18 +2148,18 @@ function DataTemplate(props) {
|
|
|
2149
2148
|
type: "get",
|
|
2150
2149
|
id: props.id,
|
|
2151
2150
|
}, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
|
|
2152
|
-
props.breadcrumb && (
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
props.deleteBtn && (
|
|
2151
|
+
props.breadcrumb && (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "mb-5" })),
|
|
2152
|
+
react_1.default.createElement("div", { className: "flex flex-col py-2 justify-between sm:items-center sm:flex-row" },
|
|
2153
|
+
react_1.default.createElement("div", { className: "flex flex-col" },
|
|
2154
|
+
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
2155
|
+
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
2156
|
+
props.deleteBtn && (react_1.default.createElement(button_1.Button, { text: "Delete", className: "ml-0 mt-5 sm:mt-0 sm:ml-5", type: "danger", onClick: function () {
|
|
2158
2157
|
setDeleteModal(true);
|
|
2159
2158
|
} }))),
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2159
|
+
react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-4 gap-6", ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit }, renderDataTemplateForm(selectedData, props.model, modalFormInputRefs)),
|
|
2160
|
+
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
|
|
2161
|
+
react_1.default.createElement("div", { className: "pt-8 flex justify-end" },
|
|
2162
|
+
react_1.default.createElement(button_1.Button, { text: "Submit", type: "normal", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
2164
2163
|
var _a;
|
|
2165
2164
|
return __generator(this, function (_b) {
|
|
2166
2165
|
switch (_b.label) {
|
|
@@ -2172,8 +2171,8 @@ function DataTemplate(props) {
|
|
|
2172
2171
|
});
|
|
2173
2172
|
}); } }))));
|
|
2174
2173
|
case "list":
|
|
2175
|
-
return (
|
|
2176
|
-
|
|
2174
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2175
|
+
react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
|
|
2177
2176
|
dbModule: dbModule,
|
|
2178
2177
|
dbType: props.server,
|
|
2179
2178
|
dbCollection: props.collectionId,
|
|
@@ -2185,24 +2184,28 @@ function DataTemplate(props) {
|
|
|
2185
2184
|
sort: (_d = props.sort) !== null && _d !== void 0 ? _d : undefined,
|
|
2186
2185
|
limit: limit,
|
|
2187
2186
|
}, onChangeData: handleGetListData, onError: handleGetItemError }),
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
|
|
2187
|
+
react_1.default.createElement("div", { className: "flex flex-col py-2 md:items-center md:flex-row" },
|
|
2188
|
+
react_1.default.createElement("div", { className: "flex flex-col" },
|
|
2189
|
+
react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
|
|
2190
|
+
react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
|
|
2191
|
+
react_1.default.createElement("div", { className: "grow" }),
|
|
2192
|
+
react_1.default.createElement("div", { className: "flex flex-col space-y-3 items-center justify-center mt-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, renderSearchFilterComponents()),
|
|
2193
|
+
react_1.default.createElement("div", { className: "flex flex-row items-center justify-content mt-2 sm:mr-5 md:mt-0" },
|
|
2194
|
+
react_1.default.createElement(link_1.Link, { className: "mr-2", href: "".concat(props.localURLEndpoint, "?data=new&type=update&collection=").concat(props.collectionId), linkType: props.linkType, custom: props.custom },
|
|
2195
|
+
react_1.default.createElement(button_1.Button, { text: "Add", type: "normal" })),
|
|
2196
|
+
react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }) }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
|
|
2197
|
+
//TODO: Crash on Next Js
|
|
2198
|
+
// <Menu.Item>
|
|
2199
|
+
react_1.default.createElement("span", { className: "w-40 text-gray-700 block py-3 text-sm text-center cursor-pointer hover:bg-gray-100", onClick: eachPopup.onClick }, eachPopup.text)
|
|
2200
|
+
// </Menu.Item>
|
|
2201
|
+
); })), lib: {
|
|
2199
2202
|
Menu: (_e = props === null || props === void 0 ? void 0 : props.lib) === null || _e === void 0 ? void 0 : _e.Menu,
|
|
2200
2203
|
Transition: (_f = props === null || props === void 0 ? void 0 : props.lib) === null || _f === void 0 ? void 0 : _f.Transition,
|
|
2201
2204
|
} }))),
|
|
2202
|
-
|
|
2205
|
+
react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom }),
|
|
2203
2206
|
renderTabContent(tabs, props.type, viewType)));
|
|
2204
2207
|
default:
|
|
2205
|
-
return
|
|
2208
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
2206
2209
|
}
|
|
2207
2210
|
};
|
|
2208
2211
|
var renderSearchFilterConditions = function () {
|
|
@@ -2273,14 +2276,14 @@ function DataTemplate(props) {
|
|
|
2273
2276
|
});
|
|
2274
2277
|
return null;
|
|
2275
2278
|
});
|
|
2276
|
-
searchFilterList.push(
|
|
2279
|
+
searchFilterList.push(react_1.default.createElement(select_1.Select, { label: "", options: filterOptions_2, value: filterSelection, onChange: function (value) {
|
|
2277
2280
|
handleClearDataByFilter();
|
|
2278
2281
|
setFilterSelection(value);
|
|
2279
2282
|
} }));
|
|
2280
2283
|
break;
|
|
2281
2284
|
case "reference":
|
|
2282
|
-
searchFilterList.push(
|
|
2283
|
-
|
|
2285
|
+
searchFilterList.push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
2286
|
+
react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { database: {
|
|
2284
2287
|
dbModule: dbModule,
|
|
2285
2288
|
dbType: props.server,
|
|
2286
2289
|
dbCollection: (_b = eachSettings.spaceId) !== null && _b !== void 0 ? _b : "",
|
|
@@ -2314,7 +2317,7 @@ function DataTemplate(props) {
|
|
|
2314
2317
|
setFilterReferenceList(options_1);
|
|
2315
2318
|
}
|
|
2316
2319
|
} }),
|
|
2317
|
-
|
|
2320
|
+
react_1.default.createElement(select_1.Select, { label: "", options: filterReferenceList, value: filterReference, onChange: function (value) {
|
|
2318
2321
|
handleClearDataByFilter();
|
|
2319
2322
|
setFilterReference(value);
|
|
2320
2323
|
}, onSearch: function (value) {
|
|
@@ -2323,13 +2326,13 @@ function DataTemplate(props) {
|
|
|
2323
2326
|
break;
|
|
2324
2327
|
case "search":
|
|
2325
2328
|
searchQueryExist = true;
|
|
2326
|
-
searchFilterList.push(
|
|
2329
|
+
searchFilterList.push(react_1.default.createElement(textInput_1.TextInput, { containerClassName: "w-full", placeholder: "Search by ".concat(eachSettings.value), label: "", type: "text", value: filterSearch, onChange: handleNameSearch }));
|
|
2327
2330
|
break;
|
|
2328
2331
|
}
|
|
2329
2332
|
return null;
|
|
2330
2333
|
});
|
|
2331
2334
|
if (!searchQueryExist && props.server === "mongoServer") {
|
|
2332
|
-
searchFilterList.push(
|
|
2335
|
+
searchFilterList.push(react_1.default.createElement(textInput_1.TextInput, { containerClassName: "w-full", placeholder: "Search", label: "", type: "text", value: filterSearch, onChange: handleNameSearch }));
|
|
2333
2336
|
}
|
|
2334
2337
|
return searchFilterList;
|
|
2335
2338
|
};
|
|
@@ -2348,25 +2351,25 @@ function DataTemplate(props) {
|
|
|
2348
2351
|
});
|
|
2349
2352
|
if (viewType === "general") {
|
|
2350
2353
|
if (dataType === "list") {
|
|
2351
|
-
return (
|
|
2354
|
+
return (react_1.default.createElement(table_1.Table, { paginationType: props.server === "mongoServer" ? "page" : "cursor", data: tableData, size: size, limit: limit, cursor: cursor, loading: tableLoading, header: renderTableHeader(), pageIndex: pageIndex, onClickRow: function (id) {
|
|
2352
2355
|
handleNavigate("".concat(props.localURLEndpoint, "?data=").concat(id, "&type=read&collection=").concat(props.collectionId, "&view=general"));
|
|
2353
2356
|
}, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5" }));
|
|
2354
2357
|
}
|
|
2355
2358
|
else if (dataType === "read") {
|
|
2356
|
-
return (
|
|
2357
|
-
|
|
2359
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2360
|
+
react_1.default.createElement(detailList_1.DetailList, { lib: {
|
|
2358
2361
|
Dialog: (_a = props.lib) === null || _a === void 0 ? void 0 : _a.Dialog,
|
|
2359
2362
|
Transition: (_b = props.lib) === null || _b === void 0 ? void 0 : _b.Transition,
|
|
2360
2363
|
}, model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData() }),
|
|
2361
|
-
|
|
2364
|
+
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
|
|
2362
2365
|
}
|
|
2363
2366
|
}
|
|
2364
2367
|
else if (selectedTabData) {
|
|
2365
2368
|
if (selectedTabData.iframeSrc) {
|
|
2366
|
-
return (
|
|
2369
|
+
return (react_1.default.createElement("iframe", { className: "w-full mt-5", style: { height: "70vh" }, src: (_c = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _c !== void 0 ? _c : "", title: (_d = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _d !== void 0 ? _d : "" }));
|
|
2367
2370
|
}
|
|
2368
2371
|
else if (selectedTabData.renderComp) {
|
|
2369
|
-
return
|
|
2372
|
+
return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());
|
|
2370
2373
|
}
|
|
2371
2374
|
}
|
|
2372
2375
|
return null;
|
|
@@ -2374,13 +2377,13 @@ function DataTemplate(props) {
|
|
|
2374
2377
|
var renderNotification = function (location) {
|
|
2375
2378
|
var _a;
|
|
2376
2379
|
if (notification) {
|
|
2377
|
-
var correctIcon = (
|
|
2378
|
-
var incorrectIcon = (
|
|
2380
|
+
var correctIcon = (react_1.default.createElement(outline_1.CheckCircleIcon, { className: "w-10 h-10 text-primary-600" }));
|
|
2381
|
+
var incorrectIcon = (react_1.default.createElement(outline_1.XCircleIcon, { className: "w-10 h-10 text-primary-600" }));
|
|
2379
2382
|
if (location === "modal" && !modalVisible)
|
|
2380
2383
|
return null;
|
|
2381
2384
|
if (location === "root" && modalVisible)
|
|
2382
2385
|
return null;
|
|
2383
|
-
return (
|
|
2386
|
+
return (react_1.default.createElement(notification_1.Notification, { icon: notification.type ? correctIcon : incorrectIcon, notificationAttribute: {
|
|
2384
2387
|
title: notification.title,
|
|
2385
2388
|
desc: notification.msg,
|
|
2386
2389
|
visible: true,
|
|
@@ -2396,17 +2399,17 @@ function DataTemplate(props) {
|
|
|
2396
2399
|
var renderModalContent = function () {
|
|
2397
2400
|
var _a;
|
|
2398
2401
|
if (loading) {
|
|
2399
|
-
return (
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2402
|
+
return (react_1.default.createElement("div", { className: "mt-5" },
|
|
2403
|
+
react_1.default.createElement(loading_1.Loading, null),
|
|
2404
|
+
react_1.default.createElement("div", { className: "mt-3 text-center sm:mt-5" },
|
|
2405
|
+
react_1.default.createElement("h3", { className: "text-lg leading-6 font-medium text-gray-900", id: "modal-title" }, "Loading"),
|
|
2406
|
+
react_1.default.createElement("div", { className: "mt-2" },
|
|
2407
|
+
react_1.default.createElement("p", { className: "text-sm text-gray-500" }, "Please wait while we are proccessing your request")))));
|
|
2405
2408
|
}
|
|
2406
2409
|
else if (excelModal) {
|
|
2407
|
-
return (
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2411
|
+
react_1.default.createElement("div", null,
|
|
2412
|
+
react_1.default.createElement(stepper_1.Stepper, { steps: [
|
|
2410
2413
|
{
|
|
2411
2414
|
title: "Select a file",
|
|
2412
2415
|
},
|
|
@@ -2417,24 +2420,24 @@ function DataTemplate(props) {
|
|
|
2417
2420
|
title: "Review and Upload",
|
|
2418
2421
|
},
|
|
2419
2422
|
], className: "mt-5", horizontal: true, stepIndex: stepCSVIndex, onChange: function () { }, disabled: true })),
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
stepCSVIndex > 0 && (
|
|
2423
|
+
react_1.default.createElement("div", { className: "mt-5" }, renderStepCSV()),
|
|
2424
|
+
react_1.default.createElement("div", { className: "mt-5 flex justify-end" },
|
|
2425
|
+
stepCSVIndex > 0 && (react_1.default.createElement(button_1.Button, { className: "mr-10 flex justify-end", text: "Back", type: "normal", onClick: function () {
|
|
2423
2426
|
setStepCSVIndex(stepCSVIndex - 1);
|
|
2424
2427
|
} })),
|
|
2425
|
-
|
|
2428
|
+
react_1.default.createElement(button_1.Button, { text: "".concat(stepCSVIndex < 2 ? "Next" : "Submit"), type: "normal", onClick: handleStepCSV }))));
|
|
2426
2429
|
}
|
|
2427
2430
|
else if (exportExcel) {
|
|
2428
|
-
return (
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2431
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, exportLink ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2432
|
+
react_1.default.createElement(emptyState_1.EmptyState, { icon: react_1.default.createElement(outline_1.CheckCircleIcon, { className: "w-20 h-20 text-primary-600" }), text: "Data have been successfully exported on ".concat(exportLink), callToAction: react_1.default.createElement("div", null,
|
|
2433
|
+
react_1.default.createElement(link_1.Link, { href: exportLink },
|
|
2434
|
+
react_1.default.createElement(button_1.Button, { text: "Download", type: "normal", size: "small" }))) }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2435
|
+
react_1.default.createElement("p", { className: "text-gray-600 text-sm pt-2 mb-4" }, "Export your data to .csv format to be viewable on Excel. Filter your data exported based on conditions by creating queries at the table below"),
|
|
2436
|
+
react_1.default.createElement("div", { className: "flex justify-end items-center" },
|
|
2437
|
+
react_1.default.createElement(iconButton_1.IconButton, { className: "sm", icon: react_1.default.createElement(outline_1.PlusCircleIcon, { className: "w-6 h-6 text-white" }), background: "bg-primary-500 hover:bg-primary-600", onClick: handleQueryModal })),
|
|
2438
|
+
react_1.default.createElement(table_1.Table, { className: "mt-5", header: queryTableHeader, data: renderQueryData(), loading: false }),
|
|
2439
|
+
react_1.default.createElement("div", { className: "flex mt-5 justify-end " },
|
|
2440
|
+
react_1.default.createElement(button_1.Button, { className: "mt-4", text: "Submit", size: "small", type: "normal", onClick: handleExportCSVData }))))));
|
|
2438
2441
|
}
|
|
2439
2442
|
else {
|
|
2440
2443
|
var filterObjectModel = props.model.find(function (eachModel) {
|
|
@@ -2442,15 +2445,15 @@ function DataTemplate(props) {
|
|
|
2442
2445
|
});
|
|
2443
2446
|
if (filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) {
|
|
2444
2447
|
var objectFormInputRefs = filterObjectModel.objectData.map(function () {
|
|
2445
|
-
return (0,
|
|
2448
|
+
return (0, react_1.createRef)();
|
|
2446
2449
|
});
|
|
2447
|
-
return (
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2451
|
+
react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-4 gap-6 pb-20", ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType }, renderDataTemplateForm(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], objectFormInputRefs, true, filterObjectModel.type === "listObject")),
|
|
2452
|
+
react_1.default.createElement("div", { className: "pt-8 flex justify-end" },
|
|
2450
2453
|
filterObjectModel.type === "listObject" &&
|
|
2451
2454
|
selectedObjectId &&
|
|
2452
|
-
props.type !== "read" && (
|
|
2453
|
-
|
|
2455
|
+
props.type !== "read" && (react_1.default.createElement(button_1.Button, { className: "mr-5", text: "Delete", type: "danger", onClick: handleRemoveObjectListData })),
|
|
2456
|
+
react_1.default.createElement(button_1.Button, { text: "".concat(props.type === "read" ? "Close" : "Submit"), type: "normal", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
2454
2457
|
var _a;
|
|
2455
2458
|
return __generator(this, function (_b) {
|
|
2456
2459
|
switch (_b.label) {
|
|
@@ -2463,21 +2466,21 @@ function DataTemplate(props) {
|
|
|
2463
2466
|
}); } }))));
|
|
2464
2467
|
}
|
|
2465
2468
|
else {
|
|
2466
|
-
return
|
|
2469
|
+
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
2467
2470
|
}
|
|
2468
2471
|
}
|
|
2469
2472
|
};
|
|
2470
2473
|
var renderDeleteModalContent = function () {
|
|
2471
|
-
return (
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2474
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2475
|
+
react_1.default.createElement("div", { className: "px-3 sm:px-0" },
|
|
2476
|
+
react_1.default.createElement("div", { className: "flex" },
|
|
2477
|
+
react_1.default.createElement("h2", { className: "mt-2 mb-2 text-xl font-bold text-gray-900" }, "Delete Confirmation")),
|
|
2478
|
+
react_1.default.createElement("p", { className: "mt-2 mb-2" }, "Are you sure you want to delete this data?"),
|
|
2479
|
+
react_1.default.createElement("div", { className: "flex flex-row space-x-2 mt-6 pt-5 justify-end" },
|
|
2480
|
+
react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
|
|
2478
2481
|
handlePopUpModal(false);
|
|
2479
2482
|
} }),
|
|
2480
|
-
|
|
2483
|
+
react_1.default.createElement(button_1.Button, { text: "Delete", size: "small", type: "danger", onClick: function () {
|
|
2481
2484
|
handleRemoveSelectedData();
|
|
2482
2485
|
} })))));
|
|
2483
2486
|
};
|
|
@@ -2494,16 +2497,16 @@ function DataTemplate(props) {
|
|
|
2494
2497
|
var handleClosePopUpModal = function () {
|
|
2495
2498
|
handlePopUpModal(false);
|
|
2496
2499
|
};
|
|
2497
|
-
return (
|
|
2500
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
2498
2501
|
renderNotification("root"),
|
|
2499
|
-
|
|
2502
|
+
react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId ? "2xl" : undefined, open: modalVisible || queryModal, title: renderModalTitle(), lib: { Dialog: (_d = props.lib) === null || _d === void 0 ? void 0 : _d.Dialog, Transition: (_e = props.lib) === null || _e === void 0 ? void 0 : _e.Transition }, renderContent: queryModal ? renderQueryModalContent : renderModalContent, onClose: loading
|
|
2500
2503
|
? function () { }
|
|
2501
2504
|
: queryModal
|
|
2502
2505
|
? handleQueryModal
|
|
2503
|
-
: handleClosePopUpModal, notification:
|
|
2504
|
-
|
|
2506
|
+
: handleClosePopUpModal, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
|
|
2507
|
+
react_1.default.createElement(modal_1.Modal, { open: deleteModal, 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: renderDeleteModalContent, onClose: function () {
|
|
2505
2508
|
setDeleteModal(!deleteModal);
|
|
2506
|
-
}, notification:
|
|
2509
|
+
}, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
|
|
2507
2510
|
renderContent()));
|
|
2508
2511
|
}
|
|
2509
2512
|
exports.DataTemplate = DataTemplate;
|