blixify-ui-web 0.4.78 → 0.4.80

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAmEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFA04NvB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAQN,MAAM,OAAO,CAAC;AAmEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFAghOvB,CAAC"}
@@ -335,6 +335,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
335
335
  var isEditor = ((_s = props.edit) === null || _s === void 0 ? void 0 : _s.allEditable) ? true : false;
336
336
  var isOffline = (_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareOffline;
337
337
  var showId = (_u = props.space) === null || _u === void 0 ? void 0 : _u.showId;
338
+ var remainId = showId || selectedObjectStructureId ? true : false;
338
339
  var idField = (_v = props.space) === null || _v === void 0 ? void 0 : _v.idField;
339
340
  var pipeline = (_w = props === null || props === void 0 ? void 0 : props.space) === null || _w === void 0 ? void 0 : _w.pipeline;
340
341
  if ((_x = props.bareSettings) === null || _x === void 0 ? void 0 : _x.bareListPipeline) {
@@ -1421,13 +1422,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1421
1422
  return __generator(this, function (_d) {
1422
1423
  switch (_d.label) {
1423
1424
  case 0:
1424
- _d.trys.push([0, 7, , 8]);
1425
+ _d.trys.push([0, 9, , 10]);
1425
1426
  if (!(typeof selectedField === "string" &&
1426
1427
  eachImage.type !== "signature")) return [3 /*break*/, 1];
1427
1428
  return [2 /*return*/, selectedField];
1428
1429
  case 1:
1429
- if (!(multiple &&
1430
- selectedField["upload"] &&
1430
+ if (!multiple) return [3 /*break*/, 5];
1431
+ if (!(selectedField["upload"] &&
1431
1432
  Array.isArray(selectedField["upload"]))) return [3 /*break*/, 3];
1432
1433
  uploadedData_1 = [];
1433
1434
  return [4 /*yield*/, Promise.all(selectedField["upload"].map(function (eachField) { return __awaiter(void 0, void 0, void 0, function () {
@@ -1442,7 +1443,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1442
1443
  }
1443
1444
  imageParentId = objectId ? objectId : dataId;
1444
1445
  if (listObjectId) {
1445
- imageParentId += "/".concat(listObjectId);
1446
+ imageParentId += "/".concat(listObjectId, "/").concat(eachImage.id);
1447
+ }
1448
+ else if (objectId) {
1449
+ imageParentId += "/".concat(eachImage.id);
1446
1450
  }
1447
1451
  fileName = (0, uuid_1.v4)() + eachImage.imageFileName;
1448
1452
  return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, fileName, eachField.fileName, (_b = devSettings.bucketName) !== null && _b !== void 0 ? _b : "")];
@@ -1460,9 +1464,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1460
1464
  case 2:
1461
1465
  _d.sent();
1462
1466
  return [2 /*return*/, selectedField["data"].concat(uploadedData_1)];
1463
- case 3:
1467
+ case 3: return [2 /*return*/, selectedField];
1468
+ case 4: return [3 /*break*/, 8];
1469
+ case 5:
1464
1470
  if (!(selectedField instanceof File ||
1465
- eachImage.type === "signature")) return [3 /*break*/, 6];
1471
+ eachImage.type === "signature")) return [3 /*break*/, 8];
1466
1472
  imageValue = selectedField;
1467
1473
  if (eachImage.type === "signature" &&
1468
1474
  selectedField &&
@@ -1477,44 +1483,61 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1477
1483
  if (listObjectId) {
1478
1484
  imageParentId += "/".concat(listObjectId);
1479
1485
  }
1480
- if (!imageValue) return [3 /*break*/, 5];
1486
+ if (!imageValue) return [3 /*break*/, 7];
1481
1487
  return [4 /*yield*/, handleUploadAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, (_b = eachImage.imageFileName) !== null && _b !== void 0 ? _b : "", imageValue, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
1482
- case 4:
1488
+ case 6:
1483
1489
  responseData = _d.sent();
1484
1490
  if (responseData.data) {
1485
1491
  return [2 /*return*/, responseData.data.data];
1486
1492
  }
1487
1493
  else
1488
1494
  return [2 /*return*/, ""];
1489
- return [3 /*break*/, 6];
1490
- case 5: return [2 /*return*/, ""];
1491
- case 6: return [3 /*break*/, 8];
1492
- case 7:
1493
- err_5 = _d.sent();
1494
1495
  return [3 /*break*/, 8];
1495
- case 8: return [2 /*return*/];
1496
+ case 7: return [2 /*return*/, ""];
1497
+ case 8: return [3 /*break*/, 10];
1498
+ case 9:
1499
+ err_5 = _d.sent();
1500
+ return [3 /*break*/, 10];
1501
+ case 10: return [2 /*return*/];
1496
1502
  }
1497
1503
  });
1498
1504
  }); };
1499
- removeAsset_1 = function (eachImage, selectedField) { return __awaiter(void 0, void 0, void 0, function () {
1505
+ removeAsset_1 = function (eachImage, selectedField, multiple, listObjectId) { return __awaiter(void 0, void 0, void 0, function () {
1500
1506
  return __generator(this, function (_a) {
1501
1507
  switch (_a.label) {
1502
- case 0: return [4 /*yield*/, Promise.all(selectedField["remove"].map(function (eachField) { return __awaiter(void 0, void 0, void 0, function () {
1503
- var startIndex, endIndex, imageFileName;
1504
- var _a, _b, _c;
1505
- return __generator(this, function (_d) {
1506
- switch (_d.label) {
1507
- case 0:
1508
- startIndex = eachField.fileName.lastIndexOf("%2F") + 3;
1509
- endIndex = eachField.fileName.indexOf("?alt=media&token=");
1510
- imageFileName = eachField.fileName.substring(startIndex, endIndex);
1511
- return [4 /*yield*/, handleRemoveImageAxios(handleUploadEndpoint(eachImage), (_a = props.id) !== null && _a !== void 0 ? _a : "", (_b = eachImage.imageCollectionName) !== null && _b !== void 0 ? _b : "", imageFileName, (_c = devSettings.bucketName) !== null && _c !== void 0 ? _c : "")];
1512
- case 1:
1513
- _d.sent();
1514
- return [2 /*return*/];
1515
- }
1516
- });
1517
- }); }))];
1508
+ case 0:
1509
+ if (!selectedField || !selectedField["remove"])
1510
+ return [2 /*return*/];
1511
+ return [4 /*yield*/, Promise.all(selectedField["remove"].map(function (eachField) { return __awaiter(void 0, void 0, void 0, function () {
1512
+ var startIndex, endIndex, imageFileName, imageCollectionName, imageParentId;
1513
+ var _a, _b;
1514
+ return __generator(this, function (_c) {
1515
+ switch (_c.label) {
1516
+ case 0:
1517
+ startIndex = eachField.fileName.lastIndexOf("%2F") + 3;
1518
+ endIndex = eachField.fileName.indexOf("?alt=media&token=");
1519
+ imageFileName = eachField.fileName.substring(startIndex, endIndex);
1520
+ imageCollectionName = (_a = eachImage.imageCollectionName) !== null && _a !== void 0 ? _a : "";
1521
+ if (objectId) {
1522
+ imageCollectionName += "/".concat(dataId);
1523
+ }
1524
+ imageParentId = objectId ? objectId : dataId;
1525
+ if (listObjectId) {
1526
+ imageParentId += "/".concat(listObjectId);
1527
+ if (multiple)
1528
+ imageParentId += "/".concat(eachImage.id);
1529
+ }
1530
+ else if (objectId) {
1531
+ if (multiple)
1532
+ imageParentId += "/".concat(eachImage.id);
1533
+ }
1534
+ return [4 /*yield*/, handleRemoveImageAxios(handleUploadEndpoint(eachImage), imageParentId, imageCollectionName, imageFileName, (_b = devSettings.bucketName) !== null && _b !== void 0 ? _b : "")];
1535
+ case 1:
1536
+ _c.sent();
1537
+ return [2 /*return*/];
1538
+ }
1539
+ });
1540
+ }); }))];
1518
1541
  case 1:
1519
1542
  _a.sent();
1520
1543
  return [2 /*return*/];
@@ -1582,18 +1605,59 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1582
1605
  eachAttribute.type === "multipleFile");
1583
1606
  });
1584
1607
  return [4 /*yield*/, Promise.all(multiImageAttribute.map(function (eachImage) { return __awaiter(void 0, void 0, void 0, function () {
1585
- var _a, _b;
1586
- return __generator(this, function (_c) {
1587
- switch (_c.label) {
1588
- case 0: return [4 /*yield*/, removeAsset_1(eachImage, selectedData[eachImage.id])];
1608
+ var _a, _b, _c, _d;
1609
+ return __generator(this, function (_e) {
1610
+ switch (_e.label) {
1611
+ case 0:
1612
+ if (!listObject) return [3 /*break*/, 3];
1613
+ if (!objectId)
1614
+ return [2 /*return*/];
1615
+ if (!Array.isArray(selectedData[objectId])) return [3 /*break*/, 2];
1616
+ return [4 /*yield*/, Promise.all(selectedData[objectId].map(function (eachListItem, index) { return __awaiter(void 0, void 0, void 0, function () {
1617
+ var selectedObjectId, _a, _b;
1618
+ var _c;
1619
+ return __generator(this, function (_d) {
1620
+ switch (_d.label) {
1621
+ case 0:
1622
+ selectedObjectId = (_c = eachListItem.id) !== null && _c !== void 0 ? _c : (0, uuid_1.v4)();
1623
+ return [4 /*yield*/, removeAsset_1(eachImage, selectedData[objectId][index][eachImage.id], true, selectedObjectId)];
1624
+ case 1:
1625
+ _d.sent();
1626
+ _a = selectedData[objectId][index];
1627
+ _b = eachImage.id;
1628
+ return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[objectId][index][eachImage.id], selectedObjectId, true)];
1629
+ case 2:
1630
+ _a[_b] =
1631
+ _d.sent();
1632
+ return [2 /*return*/, null];
1633
+ }
1634
+ });
1635
+ }); }))];
1589
1636
  case 1:
1590
- _c.sent();
1591
- _a = selectedData;
1637
+ _e.sent();
1638
+ _e.label = 2;
1639
+ case 2: return [3 /*break*/, 9];
1640
+ case 3:
1641
+ if (!objectId) return [3 /*break*/, 6];
1642
+ return [4 /*yield*/, removeAsset_1(eachImage, selectedData[objectId][eachImage.id], true)];
1643
+ case 4:
1644
+ _e.sent();
1645
+ _a = selectedData[objectId];
1592
1646
  _b = eachImage.id;
1647
+ return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[objectId][eachImage.id], undefined, true)];
1648
+ case 5:
1649
+ _a[_b] = _e.sent();
1650
+ return [3 /*break*/, 9];
1651
+ case 6: return [4 /*yield*/, removeAsset_1(eachImage, selectedData[eachImage.id])];
1652
+ case 7:
1653
+ _e.sent();
1654
+ _c = selectedData;
1655
+ _d = eachImage.id;
1593
1656
  return [4 /*yield*/, uploadAsset_1(eachImage, selectedData[eachImage.id], "", true)];
1594
- case 2:
1595
- _a[_b] = _c.sent();
1596
- return [2 /*return*/, null];
1657
+ case 8:
1658
+ _c[_d] = _e.sent();
1659
+ _e.label = 9;
1660
+ case 9: return [2 /*return*/, null];
1597
1661
  }
1598
1662
  });
1599
1663
  }); }))];
@@ -2813,14 +2877,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2813
2877
  };
2814
2878
  var handleOnChangeFile = function (e) {
2815
2879
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2816
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2880
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2817
2881
  clonedData[e.target.id] =
2818
2882
  e.target.files.length > 0 ? e.target.files[0] : undefined;
2819
2883
  handleUpdateChangeData(clonedData);
2820
2884
  };
2821
2885
  var handleOnChangeFiles = function (id, value, action) {
2822
2886
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2823
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2887
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2824
2888
  var previousData = clonedData[id] && clonedData[id]["data"] ? clonedData[id]["data"] : [];
2825
2889
  var previousUploadData = clonedData[id] && clonedData[id]["upload"]
2826
2890
  ? clonedData[id]["upload"]
@@ -2868,19 +2932,19 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2868
2932
  };
2869
2933
  var handleSignatureComplete = function (dataURL, id) {
2870
2934
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2871
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2935
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2872
2936
  clonedData[id] = dataURL;
2873
2937
  handleUpdateChangeData(clonedData);
2874
2938
  };
2875
2939
  var handleOnChangeAddress = function (id, address) {
2876
2940
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2877
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2941
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2878
2942
  clonedData[id] = address;
2879
2943
  handleUpdateChangeData(clonedData);
2880
2944
  };
2881
2945
  var handleOnChangeText = function (e) {
2882
2946
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2883
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2947
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2884
2948
  clonedData[e.target.id] = e.target.value;
2885
2949
  handleUpdateChangeData(clonedData);
2886
2950
  };
@@ -2890,7 +2954,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2890
2954
  switch (_b.label) {
2891
2955
  case 0:
2892
2956
  _a = handleOnChangeData(), data = _a.data, model = _a.model;
2893
- clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
2957
+ clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2894
2958
  refetchReference = false;
2895
2959
  if (!((Array.isArray(value) && value.includes("creation")) ||
2896
2960
  value === "creation")) return [3 /*break*/, 1];
@@ -2963,13 +3027,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2963
3027
  }); };
2964
3028
  var handleOnChangeDate = function (id, value) {
2965
3029
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2966
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
3030
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2967
3031
  clonedData[id] = value;
2968
3032
  handleUpdateChangeData(clonedData);
2969
3033
  };
2970
3034
  var handleOnChangeMarkdown = function (id, value) {
2971
3035
  var _a = handleOnChangeData(), data = _a.data, model = _a.model;
2972
- var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, showId ? true : false);
3036
+ var clonedData = (0, updateModule_1.handleClonedDataAttribute)(data, model, props.devSettings.server, false, remainId);
2973
3037
  clonedData[id] = value;
2974
3038
  handleUpdateChangeData(clonedData);
2975
3039
  };
@@ -3626,7 +3690,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3626
3690
  var renderListAddress = function (type) {
3627
3691
  var listElement = [];
3628
3692
  var isListAddress = structure.filter(function (eachAttribute) { return eachAttribute.type === "listAddress"; });
3629
- var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, showId ? true : false);
3693
+ var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, remainId);
3630
3694
  isListAddress.map(function (eachListAdressFields) {
3631
3695
  if (type === "update") {
3632
3696
  var isForm = props.onComplete ? true : false;
@@ -3694,7 +3758,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3694
3758
  var isListObject = structure.filter(function (eachAttribute) { return eachAttribute.type === "listObject"; });
3695
3759
  var list = {};
3696
3760
  var listObjTableData = {};
3697
- var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, showId ? true : false);
3761
+ var clonedSelectedData = (0, updateModule_1.handleClonedDataAttribute)(selectedData, structure, props.devSettings.server, false, remainId);
3698
3762
  isListObject.map(function (eachListObject) {
3699
3763
  var _a, _b, _c, _d, _e, _f, _g;
3700
3764
  if (type === "update") {
@@ -3752,6 +3816,51 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3752
3816
  eachNewList[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "object-contain w-10 h-10" }));
3753
3817
  eachNewTable[eachKey] = (react_1.default.createElement("img", { src: url, alt: "", className: "object-contain w-10 h-10" }));
3754
3818
  break;
3819
+ case "multipleImage":
3820
+ var urlList_1 = [];
3821
+ var combinedList = [];
3822
+ if (eachValue)
3823
+ combinedList = Array.isArray(eachValue)
3824
+ ? eachValue
3825
+ : __spreadArray(__spreadArray([], eachValue === null || eachValue === void 0 ? void 0 : eachValue.data, true), eachValue === null || eachValue === void 0 ? void 0 : eachValue.upload, true);
3826
+ combinedList.map(function (eachImage) {
3827
+ var _a, _b;
3828
+ var url;
3829
+ if (typeof eachImage.fileName === "string") {
3830
+ url = (0, blobModule_1.renderImageUrlFromPath)(devSettings.imageEndpoint, model_2.imageCollectionName + "%2F" + props.id, eachListObject.id +
3831
+ "%2F" +
3832
+ eachObject.id +
3833
+ "%2F" +
3834
+ eachKey, (_a = eachImage === null || eachImage === void 0 ? void 0 : eachImage.fileName) !== null && _a !== void 0 ? _a : "", (_b = eachImage === null || eachImage === void 0 ? void 0 : eachImage.token) !== null && _b !== void 0 ? _b : "", devSettings.bucketName);
3835
+ }
3836
+ else if (eachImage.fileName instanceof File) {
3837
+ url = URL.createObjectURL(eachImage.fileName);
3838
+ }
3839
+ if (url)
3840
+ urlList_1.push(url);
3841
+ return null;
3842
+ });
3843
+ if (urlList_1.length) {
3844
+ eachNewList[eachKey] = (react_1.default.createElement("div", { className: "flex gap-x-2" }, urlList_1.map(function (eachUrl, index) { return (react_1.default.createElement("img", { key: index, src: eachUrl, alt: "list-obj-multi-img-".concat(eachUrl), className: "object-contain w-10 h-10" })); })));
3845
+ eachNewTable[eachKey] = (react_1.default.createElement("div", { className: "flex gap-x-2" }, urlList_1.map(function (eachUrl, index) { return (react_1.default.createElement("img", { key: index, src: eachUrl, alt: "list-obj-multi-img-".concat(eachUrl), className: "object-contain w-10 h-10" })); })));
3846
+ }
3847
+ break;
3848
+ case "file":
3849
+ case "multipleFile":
3850
+ var fileElement = react_1.default.createElement(react_1.default.Fragment, null);
3851
+ if (model_2.type === "file") {
3852
+ if (eachValue)
3853
+ fileElement = react_1.default.createElement("p", null, "1 file");
3854
+ }
3855
+ else {
3856
+ var fileCount = Array.isArray(eachValue)
3857
+ ? eachValue.length
3858
+ : 0;
3859
+ fileElement = react_1.default.createElement("p", null, "".concat(fileCount, " file(s)"));
3860
+ }
3861
+ eachNewList[eachKey] = fileElement;
3862
+ eachNewTable[eachKey] = fileElement;
3863
+ break;
3755
3864
  case "reference":
3756
3865
  if (referencesOptions[eachListObject.id + "." + model_2.id]) {
3757
3866
  var selectedReferences = referencesOptions[eachListObject.id + "." + model_2.id].find(function (eachOption) { return eachOption.key === eachValue; });