blixify-ui-web 0.4.266 → 0.4.268
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.map +1 -1
- package/lib/components/data/dataTemplate/index.js +68 -5
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/lib/components/input/canvas/index.d.ts.map +1 -1
- package/lib/components/input/canvas/index.js +1 -1
- package/lib/components/input/canvas/index.js.map +1 -1
- package/lib/components/input/uploadInput/index.d.ts +10 -0
- package/lib/components/input/uploadInput/index.d.ts.map +1 -1
- package/lib/components/input/uploadInput/index.js +303 -21
- package/lib/components/input/uploadInput/index.js.map +1 -1
- package/package.json +6 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyEf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAoB1B,eAAO,MAAM,YAAY,mFA+7RvB,CAAC"}
|
|
@@ -4909,7 +4909,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
4909
4909
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
4910
4910
|
canvasElement.push(react_1.default.createElement("div", { key: eachCanvas.id, className: "w-full my-6" },
|
|
4911
4911
|
react_1.default.createElement("h3", { className: "text-lg font-medium text-gray-900 mb-4" }, eachCanvas.name),
|
|
4912
|
-
react_1.default.createElement(canvas_1.Canvas, { label: eachCanvas.name, texts: eachCanvas.enableDraw || eachCanvas.enableImageUpload
|
|
4912
|
+
react_1.default.createElement(canvas_1.Canvas, { id: eachCanvas.id, label: eachCanvas.name, texts: eachCanvas.enableDraw || eachCanvas.enableImageUpload
|
|
4913
4913
|
? Array.isArray(clonedSelectedData[eachCanvas.id]) ||
|
|
4914
4914
|
!clonedSelectedData[eachCanvas.id]
|
|
4915
4915
|
? (_a = clonedSelectedData[eachCanvas.id]) !== null && _a !== void 0 ? _a : []
|
|
@@ -6597,7 +6597,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6597
6597
|
return null;
|
|
6598
6598
|
};
|
|
6599
6599
|
var renderModalContent = function () {
|
|
6600
|
-
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;
|
|
6600
|
+
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;
|
|
6601
6601
|
if (loading) {
|
|
6602
6602
|
return (react_1.default.createElement("div", { className: "mt-5" },
|
|
6603
6603
|
react_1.default.createElement(loading_1.Loading, null),
|
|
@@ -6764,6 +6764,69 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6764
6764
|
return eachModel.id === selectedObjectStructureId;
|
|
6765
6765
|
});
|
|
6766
6766
|
if (filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) {
|
|
6767
|
+
var modalModel_1 = (_z = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _z !== void 0 ? _z : [];
|
|
6768
|
+
var handleOnFailValidation = function (refList) {
|
|
6769
|
+
var _a, _b;
|
|
6770
|
+
if ((refList === null || refList === void 0 ? void 0 : refList.length) > 0) {
|
|
6771
|
+
var uniqueTabIds = Array.from(new Set(modalModel_1
|
|
6772
|
+
.map(function (item) { return item.tabId; })
|
|
6773
|
+
.filter(function (id) { return id !== undefined; })));
|
|
6774
|
+
var errorFieldsWithTabs_2 = refList.map(function (errorId) {
|
|
6775
|
+
var _a;
|
|
6776
|
+
var errorModel = modalModel_1.find(function (eachModel) { return eachModel.id === errorId; });
|
|
6777
|
+
return {
|
|
6778
|
+
fieldId: errorId,
|
|
6779
|
+
tabId: (_a = errorModel === null || errorModel === void 0 ? void 0 : errorModel.tabId) !== null && _a !== void 0 ? _a : "",
|
|
6780
|
+
};
|
|
6781
|
+
});
|
|
6782
|
+
var firstTabWithErrors_2 = uniqueTabIds.find(function (tabId) {
|
|
6783
|
+
return errorFieldsWithTabs_2.some(function (error) { return error.tabId === tabId; });
|
|
6784
|
+
});
|
|
6785
|
+
// If no tabs, just use the first error field
|
|
6786
|
+
var foundId_2 = uniqueTabIds.length === 0
|
|
6787
|
+
? (_a = errorFieldsWithTabs_2[0]) === null || _a === void 0 ? void 0 : _a.fieldId
|
|
6788
|
+
: (_b = errorFieldsWithTabs_2.find(function (error) { return error.tabId === firstTabWithErrors_2; })) === null || _b === void 0 ? void 0 : _b.fieldId;
|
|
6789
|
+
var newTabId = firstTabWithErrors_2 !== null && firstTabWithErrors_2 !== void 0 ? firstTabWithErrors_2 : "";
|
|
6790
|
+
if (foundId_2) {
|
|
6791
|
+
handleUpdateTabId(newTabId);
|
|
6792
|
+
requestAnimationFrame(function () {
|
|
6793
|
+
setTimeout(function () {
|
|
6794
|
+
var _a;
|
|
6795
|
+
// Try to find element by various selectors
|
|
6796
|
+
var element = document.getElementById(foundId_2) ||
|
|
6797
|
+
document.querySelector("[name=\"".concat(foundId_2, "\"]")) ||
|
|
6798
|
+
document.querySelector("[data-field-id=\"".concat(foundId_2, "\"]")) ||
|
|
6799
|
+
document.querySelector("[id*=\"".concat(foundId_2, "\"]")) ||
|
|
6800
|
+
document.querySelector("div#".concat(foundId_2));
|
|
6801
|
+
// Try finding by label text as fallback
|
|
6802
|
+
if (!element) {
|
|
6803
|
+
var labels = Array.from(document.querySelectorAll("label"));
|
|
6804
|
+
for (var _i = 0, labels_1 = labels; _i < labels_1.length; _i++) {
|
|
6805
|
+
var labelEl = labels_1[_i];
|
|
6806
|
+
if ((_a = labelEl.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(foundId_2.toLowerCase())) {
|
|
6807
|
+
element = labelEl.closest("div") || labelEl;
|
|
6808
|
+
break;
|
|
6809
|
+
}
|
|
6810
|
+
}
|
|
6811
|
+
}
|
|
6812
|
+
if (element) {
|
|
6813
|
+
element.scrollIntoView({
|
|
6814
|
+
behavior: "smooth",
|
|
6815
|
+
block: "center",
|
|
6816
|
+
});
|
|
6817
|
+
var inputElement_2 = element.querySelector("input, textarea, select");
|
|
6818
|
+
if (inputElement_2 &&
|
|
6819
|
+
typeof inputElement_2.focus === "function") {
|
|
6820
|
+
setTimeout(function () {
|
|
6821
|
+
inputElement_2.focus();
|
|
6822
|
+
}, 300);
|
|
6823
|
+
}
|
|
6824
|
+
}
|
|
6825
|
+
}, 500);
|
|
6826
|
+
});
|
|
6827
|
+
}
|
|
6828
|
+
}
|
|
6829
|
+
};
|
|
6767
6830
|
var objectFormInputRefs = filterObjectModel.objectData.map(function () {
|
|
6768
6831
|
return (0, react_1.createRef)();
|
|
6769
6832
|
});
|
|
@@ -6773,16 +6836,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6773
6836
|
disabledOnEnter_2 = true;
|
|
6774
6837
|
return null;
|
|
6775
6838
|
});
|
|
6776
|
-
if ((
|
|
6839
|
+
if ((_0 = props.bareSettings) === null || _0 === void 0 ? void 0 : _0.bareListObjectHandleData) {
|
|
6777
6840
|
var listObjectViewType = props.type === "read"
|
|
6778
6841
|
? "read"
|
|
6779
6842
|
: selectedObjectId
|
|
6780
6843
|
? "update"
|
|
6781
6844
|
: "new";
|
|
6782
|
-
(
|
|
6845
|
+
(_2 = (_1 = props.bareSettings) === null || _1 === void 0 ? void 0 : _1.bareListObjectHandleData) === null || _2 === void 0 ? void 0 : _2.call(_1, listObjectViewType, selectedObjectData);
|
|
6783
6846
|
}
|
|
6784
6847
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
6785
|
-
react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " pb-32 mt-6 sm:pb-36"), ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType, disabledOnEnter: disabledOnEnter_2 }, renderDataTemplateFormContent(selectedObjectData, (
|
|
6848
|
+
react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " pb-32 mt-6 sm:pb-36"), ref: objectFormRef, refList: objectFormInputRefs, handleComplete: handleSubmitObjectDataType, disabledOnEnter: disabledOnEnter_2, handleOnFailValidation: handleOnFailValidation }, renderDataTemplateFormContent(selectedObjectData, (_3 = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _3 !== void 0 ? _3 : [], objectFormInputRefs, true, filterObjectModel.type === "listObject", undefined, filterObjectModel.type === "listObject"
|
|
6786
6849
|
? selectedData
|
|
6787
6850
|
: undefined)),
|
|
6788
6851
|
react_1.default.createElement("div", { className: "flex justify-end pt-8" },
|