blixify-ui-web 1.2.70 → 1.2.71
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/chat/chatAnchor/index.d.ts +28 -0
- package/lib/components/chat/chatAnchor/index.d.ts.map +1 -1
- package/lib/components/chat/chatAnchor/index.js +155 -5
- package/lib/components/chat/chatAnchor/index.js.map +1 -1
- package/lib/components/data/updateModule.d.ts +0 -18
- package/lib/components/data/updateModule.d.ts.map +1 -1
- package/lib/components/data/updateModule.js +55 -46
- package/lib/components/data/updateModule.js.map +1 -1
- package/lib/components/display/newTable/index.d.ts.map +1 -1
- package/lib/components/display/newTable/index.js +60 -3
- package/lib/components/display/newTable/index.js.map +1 -1
- package/lib/tail.css +2 -2
- package/package.json +1 -1
|
@@ -1293,6 +1293,11 @@ exports.renderEachListObject = renderEachListObject;
|
|
|
1293
1293
|
* @param columnType
|
|
1294
1294
|
* @returns
|
|
1295
1295
|
*/
|
|
1296
|
+
// INFO: listViews that stay put inside a table cell. radioview and chips both
|
|
1297
|
+
// paint their whole option list inline — fine in a form, but in a cell they
|
|
1298
|
+
// stack and blow the row height out, so those fall back to the plain dropdown.
|
|
1299
|
+
// modal is only a button, so it fits. Anything new defaults to the dropdown.
|
|
1300
|
+
var CELL_SAFE_LIST_VIEWS = ["modal"];
|
|
1296
1301
|
var renderDataTemplateForm = function (data, model, formInputRef, updateMethod, modalInput, cellInput, props, referenceProps, fileProps, objectProps, signatureProps, isForm, offline, columnType, bareUpdateIndividualComponent, mobileView) {
|
|
1297
1302
|
var _a, _b, _c, _d, _e, _f;
|
|
1298
1303
|
var inputList = {};
|
|
@@ -1311,7 +1316,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1311
1316
|
});
|
|
1312
1317
|
var clonedSelectedData = (0, exports.handleClonedDataAttribute)(data, model, (_d = (_c = referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.devSettings) === null || _c === void 0 ? void 0 : _c.server) !== null && _d !== void 0 ? _d : "mongoServer", false, isRemainId);
|
|
1313
1318
|
filteredModel.forEach(function (eachAttribute, index) {
|
|
1314
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44
|
|
1319
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44;
|
|
1315
1320
|
var shouldShow = (0, exports.renderShowCondition)(eachAttribute, clonedSelectedData, isForm);
|
|
1316
1321
|
if (!shouldShow)
|
|
1317
1322
|
return;
|
|
@@ -1519,7 +1524,11 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1519
1524
|
disableKeyboard: eachAttribute.disabledKeyboardSearch ||
|
|
1520
1525
|
(!!(cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) &&
|
|
1521
1526
|
!!eachAttribute.showTagSelections &&
|
|
1522
|
-
!eachAttribute.listNewValue), type: (
|
|
1527
|
+
!eachAttribute.listNewValue), type: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) &&
|
|
1528
|
+
eachAttribute.listView &&
|
|
1529
|
+
!CELL_SAFE_LIST_VIEWS.includes(eachAttribute.listView)
|
|
1530
|
+
? undefined
|
|
1531
|
+
: eachAttribute.listView, options: optionList_2, onChange: function (value) {
|
|
1523
1532
|
updateMethod.handleOnChangeSelect(eachAttribute.id, value);
|
|
1524
1533
|
}, disabled: disabled, cellInput: {
|
|
1525
1534
|
active: cellInput === null || cellInput === void 0 ? void 0 : cellInput.active,
|
|
@@ -1535,10 +1544,10 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1535
1544
|
personValue = eachAttribute.type === "person" ? "" : [];
|
|
1536
1545
|
var organisationMembers = [];
|
|
1537
1546
|
if (personDevSettings)
|
|
1538
|
-
organisationMembers = (
|
|
1547
|
+
organisationMembers = (_q = personDevSettings.organisationMembers) !== null && _q !== void 0 ? _q : [];
|
|
1539
1548
|
inputList[groupId].push(react_1.default.createElement(select_1.Select, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
1540
1549
|
? null
|
|
1541
|
-
: formInputRef[(
|
|
1550
|
+
: formInputRef[(_r = eachAttribute.refIndex) !== null && _r !== void 0 ? _r : index], id: eachAttribute.id, optional: isOptional, value: personValue, placeholder: placeholder !== eachAttribute.name
|
|
1542
1551
|
? placeholder
|
|
1543
1552
|
: "Select An Option", label: label, labelExtra: labelExtra, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, newValue: eachAttribute.listNewValue, disableKeyboard: eachAttribute.disabledKeyboardSearch, options: organisationMembers, onChange: function (value) {
|
|
1544
1553
|
updateMethod.handleOnChangeSelect(eachAttribute.id, value);
|
|
@@ -1554,10 +1563,10 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1554
1563
|
rolesValue = [];
|
|
1555
1564
|
var roleOptions = [];
|
|
1556
1565
|
if (rolesDevSettings)
|
|
1557
|
-
roleOptions = (
|
|
1566
|
+
roleOptions = (_s = rolesDevSettings.roleOptions) !== null && _s !== void 0 ? _s : [];
|
|
1558
1567
|
inputList[groupId].push(react_1.default.createElement(select_1.Select, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
1559
1568
|
? null
|
|
1560
|
-
: formInputRef[(
|
|
1569
|
+
: formInputRef[(_t = eachAttribute.refIndex) !== null && _t !== void 0 ? _t : index], id: eachAttribute.id, optional: isOptional, value: rolesValue, placeholder: placeholder !== eachAttribute.name
|
|
1561
1570
|
? placeholder
|
|
1562
1571
|
: "Select An Option", label: label, labelExtra: labelExtra, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, newValue: eachAttribute.listNewValue, disableKeyboard: eachAttribute.disabledKeyboardSearch, options: roleOptions, onChange: function (value) {
|
|
1563
1572
|
updateMethod.handleOnChangeSelect(eachAttribute.id, value);
|
|
@@ -1568,7 +1577,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1568
1577
|
break;
|
|
1569
1578
|
case "boolean":
|
|
1570
1579
|
if (eachAttribute === null || eachAttribute === void 0 ? void 0 : eachAttribute.enableCheckbox) {
|
|
1571
|
-
var value = (
|
|
1580
|
+
var value = (_u = clonedSelectedData[eachAttribute.id]) !== null && _u !== void 0 ? _u : false;
|
|
1572
1581
|
// Use shared Checkbox component so validation can run via handleSubmit
|
|
1573
1582
|
inputList[groupId].push(
|
|
1574
1583
|
// INFO: flush with the card padding like every other input — the
|
|
@@ -1576,7 +1585,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1576
1585
|
react_1.default.createElement("div", { className: "flex flex-row items-center gap-x-3" },
|
|
1577
1586
|
react_1.default.createElement(checkbox_1.Checkbox, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
1578
1587
|
? null
|
|
1579
|
-
: formInputRef[(
|
|
1588
|
+
: formInputRef[(_v = eachAttribute.refIndex) !== null && _v !== void 0 ? _v : index], id: eachAttribute.id, itemList: [
|
|
1580
1589
|
{
|
|
1581
1590
|
key: "checked",
|
|
1582
1591
|
label: label,
|
|
@@ -1592,7 +1601,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1592
1601
|
selectInputCustomElement && (react_1.default.createElement("div", { className: "self-center" }, selectInputCustomElement))));
|
|
1593
1602
|
}
|
|
1594
1603
|
else if (eachAttribute.enableRadioButtons && !(cellInput === null || cellInput === void 0 ? void 0 : cellInput.active)) {
|
|
1595
|
-
var value = (
|
|
1604
|
+
var value = (_w = clonedSelectedData[eachAttribute.id]) === null || _w === void 0 ? void 0 : _w.toString();
|
|
1596
1605
|
inputList[groupId].push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
1597
1606
|
!(cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) && (react_1.default.createElement("div", { className: "flex justify-between items-center" },
|
|
1598
1607
|
react_1.default.createElement("label", { className: "block text-sm font-medium" },
|
|
@@ -1621,10 +1630,10 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1621
1630
|
}, horizontal: true })));
|
|
1622
1631
|
}
|
|
1623
1632
|
else {
|
|
1624
|
-
var value = (
|
|
1633
|
+
var value = (_x = clonedSelectedData[eachAttribute.id]) === null || _x === void 0 ? void 0 : _x.toString();
|
|
1625
1634
|
inputList[groupId].push(react_1.default.createElement(select_1.Select, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
1626
1635
|
? null
|
|
1627
|
-
: formInputRef[(
|
|
1636
|
+
: formInputRef[(_y = eachAttribute.refIndex) !== null && _y !== void 0 ? _y : index], id: eachAttribute.id, value: value, label: label, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, labelExtra: labelExtra, placeholder: placeholder !== eachAttribute.name
|
|
1628
1637
|
? placeholder
|
|
1629
1638
|
: "Select An Option", optional: isOptional, disableKeyboard: eachAttribute.disabledKeyboardSearch, options: [
|
|
1630
1639
|
{
|
|
@@ -1657,13 +1666,13 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1657
1666
|
: (0, blobModule_1.renderImageUrlFromPath)(fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint, eachAttribute.imageCollectionName + "%2F" + props.id, objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectStructureId, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName)
|
|
1658
1667
|
: (0, blobModule_1.renderImageUrlFromPath)(fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint, eachAttribute.imageCollectionName, props === null || props === void 0 ? void 0 : props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName);
|
|
1659
1668
|
}
|
|
1660
|
-
var accept = (
|
|
1669
|
+
var accept = (_z = eachAttribute.fileExtension) !== null && _z !== void 0 ? _z : (eachAttribute.type === "image"
|
|
1661
1670
|
? ".png,.jpg,.jpeg,.heic,.heif,.tiff"
|
|
1662
1671
|
: ".pdf");
|
|
1663
|
-
var fileDescription = (
|
|
1664
|
-
inputList[groupId].push(react_1.default.createElement(uploadInput_1.UploadInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, lib: { axios: (
|
|
1672
|
+
var fileDescription = (_0 = eachAttribute.fileDescription) !== null && _0 !== void 0 ? _0 : (eachAttribute.type === "image" ? undefined : "PDF up to 30MB");
|
|
1673
|
+
inputList[groupId].push(react_1.default.createElement(uploadInput_1.UploadInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, lib: { axios: (_1 = props === null || props === void 0 ? void 0 : props.lib) === null || _1 === void 0 ? void 0 : _1.axios }, ref: isOptional
|
|
1665
1674
|
? null
|
|
1666
|
-
: formInputRef[(
|
|
1675
|
+
: formInputRef[(_2 = eachAttribute.refIndex) !== null && _2 !== void 0 ? _2 : index], id: eachAttribute.id, label: label, labelExtra: labelExtra, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, optional: isOptional, file: (_3 = url !== null && url !== void 0 ? url : clonedSelectedData[eachAttribute.id]) !== null && _3 !== void 0 ? _3 : "", accept: accept, capture: eachAttribute.imageInputCapture, fileDescription: fileDescription, maxFileSize: fileProps === null || fileProps === void 0 ? void 0 : fileProps.maxFileSize, onChange: updateMethod.handleOnChangeFile, showModal: eachAttribute.showCameraGalleryOptionModal, disabled: disabled, handleCustomDownloadFile: fileProps === null || fileProps === void 0 ? void 0 : fileProps.handleCustomDownloadFile, compress: eachAttribute.maxFileSize && eachAttribute.compressfileQuality
|
|
1667
1676
|
? {
|
|
1668
1677
|
maxFileSize: eachAttribute.maxFileSize,
|
|
1669
1678
|
fileQuality: eachAttribute.compressfileQuality,
|
|
@@ -1673,7 +1682,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1673
1682
|
case "multipleImage":
|
|
1674
1683
|
case "multipleFile":
|
|
1675
1684
|
var multipleDataUrl = clonedSelectedData[eachAttribute.id]["data"]
|
|
1676
|
-
? (
|
|
1685
|
+
? (_4 = clonedSelectedData[eachAttribute.id]["data"]) === null || _4 === void 0 ? void 0 : _4.map(function (eachImage) {
|
|
1677
1686
|
return __assign(__assign(__assign(__assign({ token: eachImage.token }, (eachImage.tags ? { tags: eachImage.tags } : {})), (eachImage.description
|
|
1678
1687
|
? { description: eachImage.description }
|
|
1679
1688
|
: {})), (eachImage.hidden ? { hidden: eachImage.hidden } : {})), { fileName: (props === null || props === void 0 ? void 0 : props.isObjectList)
|
|
@@ -1689,20 +1698,20 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1689
1698
|
: (0, blobModule_1.renderImageUrlFromPath)(fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint, eachAttribute.imageCollectionName, props === null || props === void 0 ? void 0 : props.id, eachImage.fileName, eachImage.token) });
|
|
1690
1699
|
})
|
|
1691
1700
|
: [];
|
|
1692
|
-
var multiAccept = (
|
|
1701
|
+
var multiAccept = (_5 = eachAttribute.fileExtension) !== null && _5 !== void 0 ? _5 : (eachAttribute.type === "multipleImage"
|
|
1693
1702
|
? ".png,.jpg,.jpeg,.heic,.heif,.tiff"
|
|
1694
1703
|
: ".pdf");
|
|
1695
|
-
var multiFileDescription = (
|
|
1704
|
+
var multiFileDescription = (_6 = eachAttribute.fileDescription) !== null && _6 !== void 0 ? _6 : (eachAttribute.type === "multipleImage"
|
|
1696
1705
|
? undefined
|
|
1697
1706
|
: "PDF up to 30MB");
|
|
1698
1707
|
inputList[groupId].push(react_1.default.createElement(uploadInput_1.UploadInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, type: "multi", files: __assign(__assign({}, (!react_1.default.isValidElement(clonedSelectedData[eachAttribute.id])
|
|
1699
1708
|
? clonedSelectedData[eachAttribute.id]
|
|
1700
1709
|
: { upload: [], remove: [] })), { data: multipleDataUrl }), optional: isOptional, ref: isOptional
|
|
1701
1710
|
? null
|
|
1702
|
-
: formInputRef[(
|
|
1711
|
+
: formInputRef[(_7 = eachAttribute.refIndex) !== null && _7 !== void 0 ? _7 : index], id: eachAttribute.id, label: label, labelExtra: labelExtra, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, showModal: eachAttribute.showCameraGalleryOptionModal, accept: multiAccept, capture: eachAttribute.imageInputCapture, fileDescription: multiFileDescription, maxFileSize: fileProps === null || fileProps === void 0 ? void 0 : fileProps.maxFileSize, onChange: function (_a) {
|
|
1703
1712
|
var value = _a.value, action = _a.action;
|
|
1704
1713
|
updateMethod.handleOnChangeFiles(eachAttribute.id, value, action);
|
|
1705
|
-
}, lib: { axios: (
|
|
1714
|
+
}, lib: { axios: (_8 = props === null || props === void 0 ? void 0 : props.lib) === null || _8 === void 0 ? void 0 : _8.axios }, disabled: disabled, confirmOnRemove: eachAttribute.confirmOnRemove, noDuplicateFileName: eachAttribute.noDuplicateFileName, handleCustomDownloadFile: fileProps === null || fileProps === void 0 ? void 0 : fileProps.handleCustomDownloadFile, minFiles: eachAttribute.minNumberOfFiles, compress: eachAttribute.maxFileSize && eachAttribute.compressfileQuality
|
|
1706
1715
|
? {
|
|
1707
1716
|
maxFileSize: eachAttribute.maxFileSize,
|
|
1708
1717
|
fileQuality: eachAttribute.compressfileQuality,
|
|
@@ -1712,7 +1721,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1712
1721
|
case "number":
|
|
1713
1722
|
inputList[groupId].push(react_1.default.createElement(textInput_1.TextInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: isOptional
|
|
1714
1723
|
? null
|
|
1715
|
-
: formInputRef[(
|
|
1724
|
+
: formInputRef[(_9 = eachAttribute.refIndex) !== null && _9 !== void 0 ? _9 : index], type: "number", value: (_10 = clonedSelectedData[eachAttribute.id]) !== null && _10 !== void 0 ? _10 : "", placeholder: placeholder, label: label, labelExtra: labelExtra, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, optional: isOptional, onChange: updateMethod.handleOnChangeText, disabled: disabled, minNumber: eachAttribute.minNumber, maxNumber: eachAttribute.maxNumber, cellInput: {
|
|
1716
1725
|
active: cellInput === null || cellInput === void 0 ? void 0 : cellInput.active,
|
|
1717
1726
|
onBlur: cellInput === null || cellInput === void 0 ? void 0 : cellInput.onBlur,
|
|
1718
1727
|
}, customElement: selectInputCustomElement, mobileView: mobileView }));
|
|
@@ -1720,13 +1729,13 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1720
1729
|
case "reference":
|
|
1721
1730
|
case "listReference": {
|
|
1722
1731
|
var selectedReferenceOptions = (props === null || props === void 0 ? void 0 : props.isObject)
|
|
1723
|
-
? ((
|
|
1724
|
-
: ((
|
|
1732
|
+
? ((_11 = referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.referencesOptions[(objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectStructureId) + "." + eachAttribute.id]) !== null && _11 !== void 0 ? _11 : [])
|
|
1733
|
+
: ((_12 = referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.referencesOptions[eachAttribute.id]) !== null && _12 !== void 0 ? _12 : []);
|
|
1725
1734
|
if (eachAttribute.referenceMapColumnId) {
|
|
1726
1735
|
var referenceKey = (props === null || props === void 0 ? void 0 : props.isObject)
|
|
1727
1736
|
? "".concat(objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectStructureId, ".").concat(eachAttribute.id)
|
|
1728
1737
|
: eachAttribute.id;
|
|
1729
|
-
var referenceDocs = (
|
|
1738
|
+
var referenceDocs = (_14 = (_13 = referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.referencesDetails) === null || _13 === void 0 ? void 0 : _13[referenceKey]) !== null && _14 !== void 0 ? _14 : [];
|
|
1730
1739
|
var polygonList_1 = [];
|
|
1731
1740
|
if (referenceDocs.length > 0) {
|
|
1732
1741
|
referenceDocs.forEach(function (doc) {
|
|
@@ -1792,9 +1801,9 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1792
1801
|
: null;
|
|
1793
1802
|
var displayValue = "";
|
|
1794
1803
|
if (selectedOption) {
|
|
1795
|
-
displayValue = "".concat(selectedOption[(
|
|
1804
|
+
displayValue = "".concat(selectedOption[(_15 = eachAttribute.referenceLabel) !== null && _15 !== void 0 ? _15 : ""], " ");
|
|
1796
1805
|
if (eachAttribute.referenceMapLabelColumnId) {
|
|
1797
|
-
displayValue += "(".concat(selectedOption[(
|
|
1806
|
+
displayValue += "(".concat(selectedOption[(_16 = eachAttribute.referenceMapLabelColumnId) !== null && _16 !== void 0 ? _16 : ""], ")");
|
|
1798
1807
|
}
|
|
1799
1808
|
}
|
|
1800
1809
|
inputList[groupId].push(react_1.default.createElement("div", { id: eachAttribute.id, className: "flex flex-col gap-y-2" },
|
|
@@ -1810,7 +1819,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1810
1819
|
inputList[groupId].push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
1811
1820
|
react_1.default.createElement(select_1.Select, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
1812
1821
|
? null
|
|
1813
|
-
: formInputRef[(
|
|
1822
|
+
: formInputRef[(_17 = eachAttribute.refIndex) !== null && _17 !== void 0 ? _17 : index], id: eachAttribute.id, value: (_18 = clonedSelectedData[eachAttribute.id]) !== null && _18 !== void 0 ? _18 : (eachAttribute.type === "reference" ? "" : []), label: label, labelExtra: labelExtra, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, optional: isOptional, placeholder: placeholder !== eachAttribute.name
|
|
1814
1823
|
? placeholder
|
|
1815
1824
|
: "Select An Option", showTag: eachAttribute.showTagSelections, disableKeyboard: eachAttribute.disabledKeyboardSearch, options: selectedReferenceOptions, onChange: function (value) {
|
|
1816
1825
|
updateMethod.handleOnChangeSelect(eachAttribute.id, value);
|
|
@@ -1900,14 +1909,14 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1900
1909
|
}
|
|
1901
1910
|
inputList[groupId].push(react_1.default.createElement(textInput_1.TextInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: isOptional
|
|
1902
1911
|
? null
|
|
1903
|
-
: formInputRef[(
|
|
1912
|
+
: formInputRef[(_19 = eachAttribute.refIndex) !== null && _19 !== void 0 ? _19 : index], type: textType, value: (_20 = clonedSelectedData[eachAttribute.id]) !== null && _20 !== void 0 ? _20 : "", placeholder: placeholder, label: label, labelExtra: labelExtra, subLabel: subLabel, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, optional: isOptional, onChange: updateMethod.handleOnChangeText, disabled: disabled, cellInput: {
|
|
1904
1913
|
active: cellInput === null || cellInput === void 0 ? void 0 : cellInput.active,
|
|
1905
1914
|
onBlur: cellInput === null || cellInput === void 0 ? void 0 : cellInput.onBlur,
|
|
1906
1915
|
}, mobilePicker: true, mobileCountryEditable: eachAttribute.mobileCountryEditable, capitalize: eachAttribute.type === "string"
|
|
1907
1916
|
? eachAttribute.capitalize
|
|
1908
1917
|
: undefined, strSuggestions: eachAttribute.type === "string" &&
|
|
1909
1918
|
eachAttribute.stringSuggestions &&
|
|
1910
|
-
((
|
|
1919
|
+
((_21 = eachAttribute.stringSuggestions) === null || _21 === void 0 ? void 0 : _21.length) > 0
|
|
1911
1920
|
? eachAttribute.stringSuggestions
|
|
1912
1921
|
: undefined, customElement: selectInputCustomElement, mobileView: mobileView }));
|
|
1913
1922
|
break;
|
|
@@ -1919,8 +1928,8 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1919
1928
|
clonedSelectedData[eachAttribute.id] instanceof Date)
|
|
1920
1929
|
dateValue = clonedSelectedData[eachAttribute.id];
|
|
1921
1930
|
else if (typeof clonedSelectedData[eachAttribute.id] === "object")
|
|
1922
|
-
dateValue = ((
|
|
1923
|
-
? (0, dayjs_1.default)((
|
|
1931
|
+
dateValue = ((_22 = clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachAttribute.id]) === null || _22 === void 0 ? void 0 : _22["_seconds"])
|
|
1932
|
+
? (0, dayjs_1.default)((_23 = clonedSelectedData === null || clonedSelectedData === void 0 ? void 0 : clonedSelectedData[eachAttribute.id]) === null || _23 === void 0 ? void 0 : _23["_seconds"]).toDate()
|
|
1924
1933
|
: (0, dayjs_1.default)().toDate();
|
|
1925
1934
|
else if (clonedSelectedData[eachAttribute.id] === undefined)
|
|
1926
1935
|
dateValue = undefined;
|
|
@@ -1928,7 +1937,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1928
1937
|
var hideDate = eachAttribute.hideShowDate ? true : false;
|
|
1929
1938
|
inputList[groupId].push(react_1.default.createElement(datePicker_1.InputDatePicker, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, title: label, labelExtra: labelExtra, subLabel: subLabel, id: eachAttribute.id, optional: isOptional, ref: isOptional
|
|
1930
1939
|
? null
|
|
1931
|
-
: formInputRef[(
|
|
1940
|
+
: formInputRef[(_24 = eachAttribute.refIndex) !== null && _24 !== void 0 ? _24 : index], onChange: updateMethod.handleOnChangeDate, value: dateValue, disabled: disabled, cellInput: {
|
|
1932
1941
|
active: cellInput === null || cellInput === void 0 ? void 0 : cellInput.active,
|
|
1933
1942
|
onBlur: cellInput === null || cellInput === void 0 ? void 0 : cellInput.onBlur,
|
|
1934
1943
|
}, minDate: eachAttribute.minDate, maxDate: eachAttribute.maxDate, staticDropdown: modalInput, showTime: showTime, hideDate: hideDate, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, customElement: selectInputCustomElement, mobileView: mobileView }));
|
|
@@ -1938,11 +1947,11 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1938
1947
|
// editor per field (even read-only) freezes text-heavy records.
|
|
1939
1948
|
// MarkdownStatic reproduces the editor's exact output with no editor.
|
|
1940
1949
|
if ((props === null || props === void 0 ? void 0 : props.type) === "read") {
|
|
1941
|
-
inputList[groupId].push(react_1.default.createElement(markdown_1.MarkdownStatic, { key: eachAttribute.id, id: eachAttribute.id, label: label, labelExtra: labelExtra, subLabel: subLabel, value: (
|
|
1950
|
+
inputList[groupId].push(react_1.default.createElement(markdown_1.MarkdownStatic, { key: eachAttribute.id, id: eachAttribute.id, label: label, labelExtra: labelExtra, subLabel: subLabel, value: (_25 = clonedSelectedData[eachAttribute.id]) !== null && _25 !== void 0 ? _25 : "" }));
|
|
1942
1951
|
break;
|
|
1943
1952
|
}
|
|
1944
|
-
var markdownRef = formInputRef[(
|
|
1945
|
-
inputList[groupId].push(react_1.default.createElement(markdown_1.MarkdownInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: markdownRef, label: label, labelExtra: labelExtra, subLabel: subLabel, value: (
|
|
1953
|
+
var markdownRef = formInputRef[(_26 = eachAttribute.refIndex) !== null && _26 !== void 0 ? _26 : index];
|
|
1954
|
+
inputList[groupId].push(react_1.default.createElement(markdown_1.MarkdownInput, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: markdownRef, label: label, labelExtra: labelExtra, subLabel: subLabel, value: (_27 = clonedSelectedData[eachAttribute.id]) !== null && _27 !== void 0 ? _27 : "", placeholder: placeholder, optional: isOptional, onChange: updateMethod.handleOnChangeMarkdown, disabled: disabled, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, lib: ((_28 = props === null || props === void 0 ? void 0 : props.lib) === null || _28 === void 0 ? void 0 : _28.axios) ? { axios: props.lib.axios } : undefined, uploadEndpoint: ((_29 = referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.devSettings) === null || _29 === void 0 ? void 0 : _29.uploadEndpoint) ||
|
|
1946
1955
|
eachAttribute.uploadEndpoint, enableImageUpload: eachAttribute.enableImageUpload, enableVideoUpload: eachAttribute.enableVideoUpload, compress: eachAttribute.maxFileSize && eachAttribute.compressfileQuality
|
|
1947
1956
|
? {
|
|
1948
1957
|
maxFileSize: eachAttribute.maxFileSize,
|
|
@@ -1953,7 +1962,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1953
1962
|
case "textArea":
|
|
1954
1963
|
inputList[groupId].push(react_1.default.createElement(textArea_1.TextArea, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: isOptional
|
|
1955
1964
|
? null
|
|
1956
|
-
: formInputRef[(
|
|
1965
|
+
: formInputRef[(_30 = eachAttribute.refIndex) !== null && _30 !== void 0 ? _30 : index], label: label, labelExtra: labelExtra, subLabel: subLabel, placeholder: placeholder, value: (_31 = clonedSelectedData[eachAttribute.id]) !== null && _31 !== void 0 ? _31 : "", rows: 4, optional: isOptional, onChange: updateMethod.handleOnChangeText, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, disabled: disabled, customElement: selectInputCustomElement, cellInput: {
|
|
1957
1966
|
active: cellInput === null || cellInput === void 0 ? void 0 : cellInput.active,
|
|
1958
1967
|
onBlur: cellInput === null || cellInput === void 0 ? void 0 : cellInput.onBlur,
|
|
1959
1968
|
} }));
|
|
@@ -1966,7 +1975,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1966
1975
|
signatureUrl = (0, blobModule_1.renderImageUrlFromPath)(fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint, eachAttribute.imageCollectionName, props === null || props === void 0 ? void 0 : props.id, eachAttribute.imageFileName, clonedSelectedData[eachAttribute.id], fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName);
|
|
1967
1976
|
}
|
|
1968
1977
|
inputList[groupId].push(react_1.default.createElement("div", { className: eachAttribute.description ? "w-full min-h-72" : "w-full h-72" },
|
|
1969
|
-
react_1.default.createElement(signature_1.Signature, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: formInputRef[(
|
|
1978
|
+
react_1.default.createElement(signature_1.Signature, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, id: eachAttribute.id, ref: formInputRef[(_32 = eachAttribute.refIndex) !== null && _32 !== void 0 ? _32 : index], label: label, labelExtra: labelExtra, description: eachAttribute.description, subLabel: undefined, dataURL: signatureUrl, optional: isOptional, signing: signatureProps === null || signatureProps === void 0 ? void 0 : signatureProps.signing, onChange: signatureProps === null || signatureProps === void 0 ? void 0 : signatureProps.setSigning, onSubmit: function (_, dataURL) {
|
|
1970
1979
|
return updateMethod.handleSignatureComplete(dataURL, eachAttribute.id);
|
|
1971
1980
|
}, signatureClear: true, canvasContainerClassName: "shadow-none", infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, customElement: selectInputCustomElement })));
|
|
1972
1981
|
break;
|
|
@@ -1981,7 +1990,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1981
1990
|
flexTableRef = objectProps.flexTableRefs[flexTableRefIndex];
|
|
1982
1991
|
}
|
|
1983
1992
|
}
|
|
1984
|
-
inputList[groupId].push((0, exports.renderEachListObject)((
|
|
1993
|
+
inputList[groupId].push((0, exports.renderEachListObject)((_33 = props === null || props === void 0 ? void 0 : props.type) !== null && _33 !== void 0 ? _33 : "read", eachAttribute.id, model, data, (_34 = props === null || props === void 0 ? void 0 : props.id) !== null && _34 !== void 0 ? _34 : "", (props === null || props === void 0 ? void 0 : props.remainId) ? false : true, isForm ? false : true, (objectProps === null || objectProps === void 0 ? void 0 : objectProps.organiseListObjTableView) ? true : false, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.devSettings, objectProps === null || objectProps === void 0 ? void 0 : objectProps.handleSelectListObjectData, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.referencesOptions, objectProps === null || objectProps === void 0 ? void 0 : objectProps.setSelectedObjectStructureId, objectProps === null || objectProps === void 0 ? void 0 : objectProps.handlePopUpModal, objectProps === null || objectProps === void 0 ? void 0 : objectProps.setSelectedData, flexTableRef, undefined));
|
|
1985
1994
|
}
|
|
1986
1995
|
break;
|
|
1987
1996
|
case "canvas":
|
|
@@ -1997,20 +2006,20 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
1997
2006
|
normalizedDrawings = [];
|
|
1998
2007
|
}
|
|
1999
2008
|
else {
|
|
2000
|
-
normalizedTexts = (
|
|
2001
|
-
normalizedDrawings = (
|
|
2009
|
+
normalizedTexts = (_35 = canvasData.texts) !== null && _35 !== void 0 ? _35 : [];
|
|
2010
|
+
normalizedDrawings = (_36 = canvasData.drawings) !== null && _36 !== void 0 ? _36 : [];
|
|
2002
2011
|
}
|
|
2003
2012
|
}
|
|
2004
2013
|
else {
|
|
2005
2014
|
// Old format: expect texts[] array
|
|
2006
2015
|
normalizedTexts = Array.isArray(canvasData)
|
|
2007
2016
|
? canvasData
|
|
2008
|
-
: ((
|
|
2017
|
+
: ((_37 = canvasData === null || canvasData === void 0 ? void 0 : canvasData.texts) !== null && _37 !== void 0 ? _37 : []);
|
|
2009
2018
|
normalizedDrawings = [];
|
|
2010
2019
|
}
|
|
2011
2020
|
inputList[groupId].push(react_1.default.createElement(canvas_1.Canvas, { darkMode: props === null || props === void 0 ? void 0 : props.darkMode, ref: isOptional
|
|
2012
2021
|
? null
|
|
2013
|
-
: formInputRef[(
|
|
2022
|
+
: formInputRef[(_38 = eachAttribute.refIndex) !== null && _38 !== void 0 ? _38 : index], id: eachAttribute.id, label: label, labelExtra: labelExtra, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, customElement: selectInputCustomElement, optional: isOptional, enableDraw: (props === null || props === void 0 ? void 0 : props.type) === "update" ? eachAttribute.enableDraw : false, enableImageUpload: (props === null || props === void 0 ? void 0 : props.type) === "update" ? eachAttribute.enableImageUpload : false, readOnly: (props === null || props === void 0 ? void 0 : props.type) !== "update", texts: normalizedTexts, drawings: normalizedDrawings, backgroundImageUrl: eachAttribute.enableImageUpload &&
|
|
2014
2023
|
canvasData &&
|
|
2015
2024
|
!Array.isArray(canvasData) &&
|
|
2016
2025
|
canvasData.backgroundImage
|
|
@@ -2018,17 +2027,17 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
2018
2027
|
// If it has file but no token, create blob URL from File object
|
|
2019
2028
|
canvasData.backgroundImage.token
|
|
2020
2029
|
? (props === null || props === void 0 ? void 0 : props.isObjectList)
|
|
2021
|
-
? (0, blobModule_1.renderImageUrlFromPath)((
|
|
2030
|
+
? (0, blobModule_1.renderImageUrlFromPath)((_39 = fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint) !== null && _39 !== void 0 ? _39 : "", eachAttribute.imageCollectionName + "%2F" + props.id, (objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectStructureId) +
|
|
2022
2031
|
"%2F" +
|
|
2023
2032
|
(objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectId) +
|
|
2024
2033
|
"%2F" +
|
|
2025
2034
|
eachAttribute.id, canvasData.backgroundImage.fileName, canvasData.backgroundImage.token, fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName)
|
|
2026
2035
|
: (props === null || props === void 0 ? void 0 : props.isObject)
|
|
2027
|
-
? (0, blobModule_1.renderImageUrlFromPath)((
|
|
2036
|
+
? (0, blobModule_1.renderImageUrlFromPath)((_40 = fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint) !== null && _40 !== void 0 ? _40 : "", eachAttribute.imageCollectionName + "%2F" + props.id, (objectProps === null || objectProps === void 0 ? void 0 : objectProps.selectedObjectStructureId) +
|
|
2028
2037
|
"%2F" +
|
|
2029
2038
|
eachAttribute.id +
|
|
2030
2039
|
"%2FbaseCanvas", canvasData.backgroundImage.fileName, canvasData.backgroundImage.token, fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName)
|
|
2031
|
-
: (0, blobModule_1.renderImageUrlFromPath)((
|
|
2040
|
+
: (0, blobModule_1.renderImageUrlFromPath)((_41 = fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageEndpoint) !== null && _41 !== void 0 ? _41 : "", (_42 = eachAttribute.imageCollectionName) !== null && _42 !== void 0 ? _42 : "", ((_43 = props === null || props === void 0 ? void 0 : props.id) !== null && _43 !== void 0 ? _43 : "") + "%2FbaseCanvas", canvasData.backgroundImage.fileName, canvasData.backgroundImage.token, fileProps === null || fileProps === void 0 ? void 0 : fileProps.imageBucketName)
|
|
2032
2041
|
: canvasData.backgroundImage.file &&
|
|
2033
2042
|
canvasData.backgroundImage.file instanceof File
|
|
2034
2043
|
? // Image hasn't been uploaded yet - use cached blob URL from File object
|
|
@@ -2145,7 +2154,7 @@ var renderDataTemplateForm = function (data, model, formInputRef, updateMethod,
|
|
|
2145
2154
|
} }));
|
|
2146
2155
|
break;
|
|
2147
2156
|
case "ganttchart":
|
|
2148
|
-
inputList[groupId].push(react_1.default.createElement(ganttChart_1.GanttChart, { id: eachAttribute.id, title: label, label: label, labelExtra: labelExtra, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, tasks: (
|
|
2157
|
+
inputList[groupId].push(react_1.default.createElement(ganttChart_1.GanttChart, { id: eachAttribute.id, title: label, label: label, labelExtra: labelExtra, infoElement: (cellInput === null || cellInput === void 0 ? void 0 : cellInput.active) ? undefined : infoElement, tasks: (_44 = clonedSelectedData[eachAttribute.id]) !== null && _44 !== void 0 ? _44 : [], onTaskChange: function (tasks) {
|
|
2149
2158
|
updateMethod.handleOnChangeSelect(eachAttribute.id, tasks);
|
|
2150
2159
|
}, mode: "write", chartOnly: true }));
|
|
2151
2160
|
break;
|