blixify-ui-web 0.1.112 → 0.1.113
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.
- package/lib/components/data/dataTemplate/index.d.ts +0 -2
- package/lib/components/data/dataTemplate/index.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/index.js +26 -31
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/lib/components/data/display.d.ts +46 -0
- package/lib/components/data/display.d.ts.map +1 -0
- package/lib/components/data/display.js +1123 -0
- package/lib/components/data/display.js.map +1 -0
- package/lib/components/data/utils.d.ts +0 -43
- package/lib/components/data/utils.d.ts.map +1 -1
- package/lib/components/data/utils.js +4 -1112
- package/lib/components/data/utils.js.map +1 -1
- package/lib/components/display/detailList/index.js +5 -5
- package/lib/components/display/detailList/index.js.map +1 -1
- package/lib/components/display/list/index.js +2 -2
- package/lib/components/display/list/index.js.map +1 -1
- package/lib/components/display/table/index.js +7 -7
- package/lib/components/display/table/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -41,8 +41,6 @@ interface Props extends LinkProps {
|
|
|
41
41
|
role: "admin" | "manager" | "editor" | "viewer";
|
|
42
42
|
onComplete?: () => void;
|
|
43
43
|
}
|
|
44
|
-
export declare const loadingSelect: JSX.Element;
|
|
45
|
-
export declare const additionalSelect: JSX.Element;
|
|
46
44
|
export declare function DataTemplate(props: Props): JSX.Element;
|
|
47
45
|
export {};
|
|
48
46
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAcvD,OAAO,EAAmB,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,UAAU,KAAM,SAAQ,SAAS;IAC/B,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,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAChD,eAAe,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;KACzB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAwDD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eA2xGxC"}
|
|
@@ -82,7 +82,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
82
82
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
83
83
|
};
|
|
84
84
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
85
|
-
exports.DataTemplate =
|
|
85
|
+
exports.DataTemplate = void 0;
|
|
86
86
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
87
87
|
var solid_1 = require("@heroicons/react/24/solid");
|
|
88
88
|
var moment_1 = __importDefault(require("moment"));
|
|
@@ -111,9 +111,10 @@ var tabs_1 = require("../../navigation/tabs");
|
|
|
111
111
|
var link_1 = require("../../structure/link");
|
|
112
112
|
var readQuery_1 = require("../readQuery");
|
|
113
113
|
var readQueryHoc_1 = require("../readQueryHoc");
|
|
114
|
-
var
|
|
114
|
+
var display_1 = require("../display");
|
|
115
115
|
var writeQuery_1 = require("../writeQuery");
|
|
116
116
|
var grid_1 = require("../../display/grid");
|
|
117
|
+
var utils_1 = require("../utils");
|
|
117
118
|
var queryTableHeader = [
|
|
118
119
|
{
|
|
119
120
|
key: "name",
|
|
@@ -154,12 +155,6 @@ var queryType = [
|
|
|
154
155
|
label: "><",
|
|
155
156
|
},
|
|
156
157
|
];
|
|
157
|
-
exports.loadingSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
|
|
158
|
-
react_1.default.createElement(loading_1.Loading, { sizeClassName: "h-5 w-5" }),
|
|
159
|
-
react_1.default.createElement("p", { className: "ml-1" }, "Loading...")));
|
|
160
|
-
exports.additionalSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
|
|
161
|
-
react_1.default.createElement(solid_1.MagnifyingGlassIcon, { className: "w-5 h-5" }),
|
|
162
|
-
react_1.default.createElement("p", { className: "ml-1" }, "Search for more...")));
|
|
163
158
|
function DataTemplate(props) {
|
|
164
159
|
var _this = this;
|
|
165
160
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
@@ -580,7 +575,7 @@ function DataTemplate(props) {
|
|
|
580
575
|
switch (_b.label) {
|
|
581
576
|
case 0:
|
|
582
577
|
dataList = [];
|
|
583
|
-
return [4 /*yield*/, (0,
|
|
578
|
+
return [4 /*yield*/, (0, display_1.handleListDataBasedOnModel)(responseData.data, devSettings.server, dbModule, props.model, devSettings.imageEndpoint, props.localURLEndpoint, props.collectionId, devSettings.dbEndpoint, (_a = devSettings.organisationMembers) !== null && _a !== void 0 ? _a : [], handleNavigate, devSettings.bucketName)];
|
|
584
579
|
case 1:
|
|
585
580
|
handleListResponse = _b.sent();
|
|
586
581
|
if (!(devSettings.server === "mongoServer")) return [3 /*break*/, 4];
|
|
@@ -637,7 +632,7 @@ function DataTemplate(props) {
|
|
|
637
632
|
//=====================================================================================
|
|
638
633
|
// TODO - Remove Root Folder of the Object List Image
|
|
639
634
|
var handleRemoveObjectListData = function () {
|
|
640
|
-
var clonedSelectedData = (0,
|
|
635
|
+
var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model);
|
|
641
636
|
if (selectedObjectId) {
|
|
642
637
|
var index = clonedSelectedData[selectedObjectStructureId].findIndex(function (eachData) { return eachData.id === selectedObjectId; });
|
|
643
638
|
if (index !== -1) {
|
|
@@ -650,11 +645,11 @@ function DataTemplate(props) {
|
|
|
650
645
|
};
|
|
651
646
|
var handleSubmitObjectDataType = function () {
|
|
652
647
|
var _a, _b;
|
|
653
|
-
var clonedSelectedData = (0,
|
|
648
|
+
var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model);
|
|
654
649
|
var filterObjectModel = props.model.find(function (eachModel) {
|
|
655
650
|
return eachModel.id === selectedObjectStructureId;
|
|
656
651
|
});
|
|
657
|
-
var clonedSelectedObjectData = (0,
|
|
652
|
+
var clonedSelectedObjectData = (0, display_1.handleClonedDataAttribute)(selectedObjectData, (_a = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _a !== void 0 ? _a : [], true, true);
|
|
658
653
|
if (!clonedSelectedObjectData["id"]) {
|
|
659
654
|
clonedSelectedObjectData["id"] = (0, uuid_1.v4)();
|
|
660
655
|
}
|
|
@@ -682,7 +677,7 @@ function DataTemplate(props) {
|
|
|
682
677
|
}
|
|
683
678
|
}
|
|
684
679
|
else {
|
|
685
|
-
var clonedSelectedObjectData_1 = (0,
|
|
680
|
+
var clonedSelectedObjectData_1 = (0, display_1.handleClonedDataAttribute)(selectedObjectData, (_b = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _b !== void 0 ? _b : []);
|
|
686
681
|
clonedSelectedData[selectedObjectStructureId] = clonedSelectedObjectData_1;
|
|
687
682
|
setSelectedData(clonedSelectedData);
|
|
688
683
|
}
|
|
@@ -744,7 +739,7 @@ function DataTemplate(props) {
|
|
|
744
739
|
return __generator(this, function (_a) {
|
|
745
740
|
switch (_a.label) {
|
|
746
741
|
case 0:
|
|
747
|
-
clonedSelectedData = (0,
|
|
742
|
+
clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model, true);
|
|
748
743
|
return [4 /*yield*/, handleParseImageField(id, clonedSelectedData, props.model)];
|
|
749
744
|
case 1:
|
|
750
745
|
//INFO: Parse & Upload Data "Image & File attributes"
|
|
@@ -1204,7 +1199,7 @@ function DataTemplate(props) {
|
|
|
1204
1199
|
dummyRespData = JSON.parse(JSON.stringify(responseData.data), utils_1.jsonReviver);
|
|
1205
1200
|
dummyReferenceModelSchema = JSON.parse(JSON.stringify(referenceModelSchema));
|
|
1206
1201
|
if (!(props.type === "read")) return [3 /*break*/, 2];
|
|
1207
|
-
return [4 /*yield*/, (0,
|
|
1202
|
+
return [4 /*yield*/, (0, display_1.handleRetrieveDeepModel)(dummyRespData, (_b = props.model) !== null && _b !== void 0 ? _b : [], dbModule, devSettings.server, devSettings.dbEndpoint, devSettings.schemaEndpoint, devSettings.imageEndpoint, (_c = props.id) !== null && _c !== void 0 ? _c : "", dummyReferenceModelSchema, (_d = devSettings.organisationMembers) !== null && _d !== void 0 ? _d : [], setReferenceSchema, undefined, (_e = devSettings.bucketName) !== null && _e !== void 0 ? _e : "")];
|
|
1208
1203
|
case 1:
|
|
1209
1204
|
_a = _f.sent();
|
|
1210
1205
|
return [3 /*break*/, 3];
|
|
@@ -1251,14 +1246,14 @@ function DataTemplate(props) {
|
|
|
1251
1246
|
};
|
|
1252
1247
|
var handleOnChangeFile = function (e) {
|
|
1253
1248
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1254
|
-
var clonedData = (0,
|
|
1249
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1255
1250
|
clonedData[e.target.id] =
|
|
1256
1251
|
e.target.files.length > 0 ? e.target.files[0] : undefined;
|
|
1257
1252
|
handleUpdateChangeData(clonedData);
|
|
1258
1253
|
};
|
|
1259
1254
|
var handleOnChangeFiles = function (id, value, action) {
|
|
1260
1255
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1261
|
-
var clonedData = (0,
|
|
1256
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1262
1257
|
var previousData = clonedData[id] && clonedData[id]["data"] ? clonedData[id]["data"] : [];
|
|
1263
1258
|
var previousUploadData = clonedData[id] && clonedData[id]["upload"]
|
|
1264
1259
|
? clonedData[id]["upload"]
|
|
@@ -1287,25 +1282,25 @@ function DataTemplate(props) {
|
|
|
1287
1282
|
};
|
|
1288
1283
|
var handleOnChangeAddress = function (id, address) {
|
|
1289
1284
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1290
|
-
var clonedData = (0,
|
|
1285
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1291
1286
|
clonedData[id] = address;
|
|
1292
1287
|
handleUpdateChangeData(clonedData);
|
|
1293
1288
|
};
|
|
1294
1289
|
var handleOnChangeText = function (e) {
|
|
1295
1290
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1296
|
-
var clonedData = (0,
|
|
1291
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1297
1292
|
clonedData[e.target.id] = e.target.value;
|
|
1298
1293
|
handleUpdateChangeData(clonedData);
|
|
1299
1294
|
};
|
|
1300
1295
|
var handleOnChangeSelect = function (id, value) {
|
|
1301
1296
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1302
|
-
var clonedData = (0,
|
|
1297
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1303
1298
|
clonedData[id] = value;
|
|
1304
1299
|
handleUpdateChangeData(clonedData);
|
|
1305
1300
|
};
|
|
1306
1301
|
var handleOnChangeDate = function (id, value) {
|
|
1307
1302
|
var _a = handleOnChangeData(), data = _a.data, model = _a.model;
|
|
1308
|
-
var clonedData = (0,
|
|
1303
|
+
var clonedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1309
1304
|
clonedData[id] = value;
|
|
1310
1305
|
handleUpdateChangeData(clonedData);
|
|
1311
1306
|
};
|
|
@@ -1693,7 +1688,7 @@ function DataTemplate(props) {
|
|
|
1693
1688
|
clonedListValueAttribute[index] = value;
|
|
1694
1689
|
setListCSVMapAttribute(clonedListValueAttribute);
|
|
1695
1690
|
} }),
|
|
1696
|
-
selectedObjectModel && (react_1.default.createElement(select_1.Select, { containerClassName: "ml-4", label: "", options: (0,
|
|
1691
|
+
selectedObjectModel && (react_1.default.createElement(select_1.Select, { containerClassName: "ml-4", label: "", options: (0, display_1.renderObjectOptions)(selectedObjectModel.objectData), value: listCSVObjAttribute[index], onChange: function (value) {
|
|
1697
1692
|
var clonedListObjectValueAttribute = JSON.parse(JSON.stringify(listCSVObjAttribute));
|
|
1698
1693
|
clonedListObjectValueAttribute[index] = value;
|
|
1699
1694
|
setListCSVObjAttribute(clonedListObjectValueAttribute);
|
|
@@ -1888,7 +1883,7 @@ function DataTemplate(props) {
|
|
|
1888
1883
|
filteredModel.forEach(function (eachAttribute, index) {
|
|
1889
1884
|
//INFO - Default Model Contain Id While Object Type Don't have
|
|
1890
1885
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
1891
|
-
var clonedSelectedData = (0,
|
|
1886
|
+
var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(data, model);
|
|
1892
1887
|
var label = eachAttribute.name;
|
|
1893
1888
|
var labelExtra = !eachAttribute.optional ? (react_1.default.createElement("span", { className: "text-red-500" }, " (*) ")) : undefined;
|
|
1894
1889
|
var disabled = props.type === "read"
|
|
@@ -1968,9 +1963,9 @@ function DataTemplate(props) {
|
|
|
1968
1963
|
if (hasImageToken) {
|
|
1969
1964
|
url = isObject
|
|
1970
1965
|
? isObjectList
|
|
1971
|
-
? (0,
|
|
1972
|
-
: (0,
|
|
1973
|
-
: (0,
|
|
1966
|
+
? (0, display_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId + "%2F" + selectedObjectId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName)
|
|
1967
|
+
: (0, display_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName)
|
|
1968
|
+
: (0, display_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], devSettings.bucketName);
|
|
1974
1969
|
}
|
|
1975
1970
|
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, labelExtra: labelExtra, optional: eachAttribute.optional, 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: devSettings.maxFileSize, onChange: handleOnChangeFile, disabled: disabled }));
|
|
1976
1971
|
break;
|
|
@@ -1979,7 +1974,7 @@ function DataTemplate(props) {
|
|
|
1979
1974
|
var multipleDataUrl = clonedSelectedData[eachAttribute.id]["data"].map(function (eachImage) {
|
|
1980
1975
|
return {
|
|
1981
1976
|
token: eachImage.token,
|
|
1982
|
-
fileName: (0,
|
|
1977
|
+
fileName: (0, display_1.renderImageUrlFromPath)(devSettings.imageEndpoint, eachAttribute.imageCollectionName, props.id, eachImage.fileName, eachImage.token, devSettings.bucketName),
|
|
1983
1978
|
};
|
|
1984
1979
|
});
|
|
1985
1980
|
inputList.push(react_1.default.createElement(uploadInput_1.UploadInput, { type: "multi", files: __assign(__assign({}, clonedSelectedData[eachAttribute.id]), { data: multipleDataUrl }), optional: eachAttribute.optional, ref: eachAttribute.optional ? null : formInputRef[index], id: eachAttribute.id, label: label, labelExtra: labelExtra, hidePreview: eachAttribute.type === "multipleImage" ? false : true, accept: eachAttribute.type === "multipleImage"
|
|
@@ -2003,7 +1998,7 @@ function DataTemplate(props) {
|
|
|
2003
1998
|
? (_l = referencesOptions[selectedObjectStructureId + "." + eachAttribute.id]) !== null && _l !== void 0 ? _l : []
|
|
2004
1999
|
: (_m = referencesOptions[eachAttribute.id]) !== null && _m !== void 0 ? _m : [], onChange: function (value) {
|
|
2005
2000
|
handleOnChangeSelect(eachAttribute.id, value);
|
|
2006
|
-
}, additional: referenceLoading ?
|
|
2001
|
+
}, additional: referenceLoading ? display_1.loadingSelect : display_1.additionalSelect, onSearch: function (value) { return __awaiter(_this, void 0, void 0, function () {
|
|
2007
2002
|
var clonedReferencesOptions, filterObjectModel;
|
|
2008
2003
|
return __generator(this, function (_a) {
|
|
2009
2004
|
switch (_a.label) {
|
|
@@ -2074,7 +2069,7 @@ function DataTemplate(props) {
|
|
|
2074
2069
|
var renderListObject = function (type) {
|
|
2075
2070
|
var isListObject = props.model.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
|
|
2076
2071
|
var list = {};
|
|
2077
|
-
var clonedSelectedData = (0,
|
|
2072
|
+
var clonedSelectedData = (0, display_1.handleClonedDataAttribute)(selectedData, props.model);
|
|
2078
2073
|
return isListObject.map(function (eachListObject) {
|
|
2079
2074
|
var _a;
|
|
2080
2075
|
if (clonedSelectedData[eachListObject.id] &&
|
|
@@ -2104,7 +2099,7 @@ function DataTemplate(props) {
|
|
|
2104
2099
|
case "image":
|
|
2105
2100
|
var url = void 0;
|
|
2106
2101
|
if (typeof eachValue === "string") {
|
|
2107
|
-
url = (0,
|
|
2102
|
+
url = (0, display_1.renderImageUrlFromPath)(devSettings.imageEndpoint, model.imageCollectionName + "%2F" + props.id, eachListObject.id + "%2F" + eachObject.id, model.imageFileName, eachValue, devSettings.bucketName);
|
|
2108
2103
|
}
|
|
2109
2104
|
else if (eachValue instanceof File) {
|
|
2110
2105
|
url = URL.createObjectURL(eachValue);
|
|
@@ -2124,7 +2119,7 @@ function DataTemplate(props) {
|
|
|
2124
2119
|
eachNewList[eachKey] =
|
|
2125
2120
|
(model === null || model === void 0 ? void 0 : model.name) +
|
|
2126
2121
|
" : " +
|
|
2127
|
-
(0,
|
|
2122
|
+
(0, display_1.renderEachRowDataBasedOnDataType)(eachValue);
|
|
2128
2123
|
break;
|
|
2129
2124
|
case "address":
|
|
2130
2125
|
case "object":
|