@apexcura/ui-components 0.0.11-Beta235 → 0.0.11-Beta237
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/dist/index.js +9 -7
- package/dist/index.mjs +9 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -622,18 +622,20 @@ var ModelBody = (props) => {
|
|
|
622
622
|
return /* @__PURE__ */ import_react19.default.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
|
|
623
623
|
console.log("eachField==========", eachField);
|
|
624
624
|
if (eachField.element === "div") {
|
|
625
|
-
/* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label);
|
|
625
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label);
|
|
626
626
|
} else if (eachField.element === "input-radio") {
|
|
627
|
-
/* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(RadioElement, { ...eachField }));
|
|
627
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(RadioElement, { ...eachField }));
|
|
628
628
|
} else if (eachField.element === "button") {
|
|
629
|
-
/* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(ButtonElement, { ...eachField }));
|
|
629
|
+
return /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, /* @__PURE__ */ import_react19.default.createElement(ButtonElement, { ...eachField }));
|
|
630
|
+
} else {
|
|
631
|
+
return null;
|
|
630
632
|
}
|
|
631
633
|
}));
|
|
632
634
|
};
|
|
633
635
|
|
|
634
636
|
// src/Components/Model.tsx
|
|
635
637
|
var ModelElement = (props) => {
|
|
636
|
-
const { model, onCancel, selectedRecord } = props;
|
|
638
|
+
const { model, onCancel, selectedRecord, columns } = props;
|
|
637
639
|
console.log("selectedRecord-----------", selectedRecord);
|
|
638
640
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
639
641
|
import_antd13.Modal,
|
|
@@ -654,9 +656,9 @@ var ModelElement = (props) => {
|
|
|
654
656
|
}
|
|
655
657
|
},
|
|
656
658
|
Object.entries(selectedRecord).map(([key, value]) => {
|
|
657
|
-
const name =
|
|
659
|
+
const name = columns.filter((eachColumn) => eachColumn.key === key);
|
|
658
660
|
console.log("name===================", name);
|
|
659
|
-
return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }
|
|
661
|
+
return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }), String(value));
|
|
660
662
|
})
|
|
661
663
|
)
|
|
662
664
|
},
|
|
@@ -713,7 +715,7 @@ var TableElement = (props) => {
|
|
|
713
715
|
};
|
|
714
716
|
}
|
|
715
717
|
}
|
|
716
|
-
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { selectedRecord, ...props, model, onCancel: () => setModel(false) }));
|
|
718
|
+
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
|
|
717
719
|
};
|
|
718
720
|
|
|
719
721
|
// src/Components/DatePicker.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -571,18 +571,20 @@ var ModelBody = (props) => {
|
|
|
571
571
|
return /* @__PURE__ */ React18.createElement("div", null, props.modalContent && props.modalContent.fields.map((eachField) => {
|
|
572
572
|
console.log("eachField==========", eachField);
|
|
573
573
|
if (eachField.element === "div") {
|
|
574
|
-
/* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label);
|
|
574
|
+
return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, eachField.label);
|
|
575
575
|
} else if (eachField.element === "input-radio") {
|
|
576
|
-
/* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField }));
|
|
576
|
+
return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(RadioElement, { ...eachField }));
|
|
577
577
|
} else if (eachField.element === "button") {
|
|
578
|
-
/* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField }));
|
|
578
|
+
return /* @__PURE__ */ React18.createElement("div", { className: eachField.className }, /* @__PURE__ */ React18.createElement(ButtonElement, { ...eachField }));
|
|
579
|
+
} else {
|
|
580
|
+
return null;
|
|
579
581
|
}
|
|
580
582
|
}));
|
|
581
583
|
};
|
|
582
584
|
|
|
583
585
|
// src/Components/Model.tsx
|
|
584
586
|
var ModelElement = (props) => {
|
|
585
|
-
const { model, onCancel, selectedRecord } = props;
|
|
587
|
+
const { model, onCancel, selectedRecord, columns } = props;
|
|
586
588
|
console.log("selectedRecord-----------", selectedRecord);
|
|
587
589
|
return /* @__PURE__ */ React19.createElement(
|
|
588
590
|
Modal,
|
|
@@ -603,9 +605,9 @@ var ModelElement = (props) => {
|
|
|
603
605
|
}
|
|
604
606
|
},
|
|
605
607
|
Object.entries(selectedRecord).map(([key, value]) => {
|
|
606
|
-
const name =
|
|
608
|
+
const name = columns.filter((eachColumn) => eachColumn.key === key);
|
|
607
609
|
console.log("name===================", name);
|
|
608
|
-
return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }
|
|
610
|
+
return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }), String(value));
|
|
609
611
|
})
|
|
610
612
|
)
|
|
611
613
|
},
|
|
@@ -662,7 +664,7 @@ var TableElement = (props) => {
|
|
|
662
664
|
};
|
|
663
665
|
}
|
|
664
666
|
}
|
|
665
|
-
), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, model, onCancel: () => setModel(false) }));
|
|
667
|
+
), model && /* @__PURE__ */ React20.createElement(ModelElement, { selectedRecord, ...props, columns, model, onCancel: () => setModel(false) }));
|
|
666
668
|
};
|
|
667
669
|
|
|
668
670
|
// src/Components/DatePicker.tsx
|