@apexcura/ui-components 0.0.11-Beta225 → 0.0.11-Beta227
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 -5
- package/dist/index.mjs +9 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -633,12 +633,11 @@ var ModelBody = (props) => {
|
|
|
633
633
|
|
|
634
634
|
// src/Components/Model.tsx
|
|
635
635
|
var ModelElement = (props) => {
|
|
636
|
-
const { onCancel, model, selectedRecord } = props;
|
|
637
636
|
return /* @__PURE__ */ import_react20.default.createElement(
|
|
638
637
|
import_antd13.Modal,
|
|
639
638
|
{
|
|
640
|
-
open: model,
|
|
641
|
-
onCancel,
|
|
639
|
+
open: props.model,
|
|
640
|
+
onCancel: props.onCancel,
|
|
642
641
|
footer: null,
|
|
643
642
|
width: 850,
|
|
644
643
|
title: /* @__PURE__ */ import_react20.default.createElement(
|
|
@@ -652,7 +651,11 @@ var ModelElement = (props) => {
|
|
|
652
651
|
margin: "-10px"
|
|
653
652
|
}
|
|
654
653
|
},
|
|
655
|
-
Object.entries(selectedRecord).map(([key, value]) =>
|
|
654
|
+
Object.entries(props.selectedRecord).map(([key, value]) => {
|
|
655
|
+
let name = props.thead && props.thead.filter((eachColumn) => eachColumn.key === key);
|
|
656
|
+
console.log("name-------------", name);
|
|
657
|
+
return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ import_react20.default.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, name && name), String(value));
|
|
658
|
+
})
|
|
656
659
|
)
|
|
657
660
|
},
|
|
658
661
|
/* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
|
|
@@ -664,6 +667,7 @@ var TableElement = (props) => {
|
|
|
664
667
|
const { thead, tbody } = props;
|
|
665
668
|
const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
|
|
666
669
|
const [model, setModel] = (0, import_react21.useState)(false);
|
|
670
|
+
console.log(selectedRecord);
|
|
667
671
|
let columns = [];
|
|
668
672
|
if (thead) {
|
|
669
673
|
columns = [
|
|
@@ -708,7 +712,7 @@ var TableElement = (props) => {
|
|
|
708
712
|
};
|
|
709
713
|
}
|
|
710
714
|
}
|
|
711
|
-
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, {
|
|
715
|
+
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { ...props }));
|
|
712
716
|
};
|
|
713
717
|
|
|
714
718
|
// src/Components/DatePicker.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -582,12 +582,11 @@ var ModelBody = (props) => {
|
|
|
582
582
|
|
|
583
583
|
// src/Components/Model.tsx
|
|
584
584
|
var ModelElement = (props) => {
|
|
585
|
-
const { onCancel, model, selectedRecord } = props;
|
|
586
585
|
return /* @__PURE__ */ React19.createElement(
|
|
587
586
|
Modal,
|
|
588
587
|
{
|
|
589
|
-
open: model,
|
|
590
|
-
onCancel,
|
|
588
|
+
open: props.model,
|
|
589
|
+
onCancel: props.onCancel,
|
|
591
590
|
footer: null,
|
|
592
591
|
width: 850,
|
|
593
592
|
title: /* @__PURE__ */ React19.createElement(
|
|
@@ -601,7 +600,11 @@ var ModelElement = (props) => {
|
|
|
601
600
|
margin: "-10px"
|
|
602
601
|
}
|
|
603
602
|
},
|
|
604
|
-
Object.entries(selectedRecord).map(([key, value]) =>
|
|
603
|
+
Object.entries(props.selectedRecord).map(([key, value]) => {
|
|
604
|
+
let name = props.thead && props.thead.filter((eachColumn) => eachColumn.key === key);
|
|
605
|
+
console.log("name-------------", name);
|
|
606
|
+
return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, name && name), String(value));
|
|
607
|
+
})
|
|
605
608
|
)
|
|
606
609
|
},
|
|
607
610
|
/* @__PURE__ */ React19.createElement(ModelBody, { ...props })
|
|
@@ -613,6 +616,7 @@ var TableElement = (props) => {
|
|
|
613
616
|
const { thead, tbody } = props;
|
|
614
617
|
const [selectedRecord, setSelectedRecord] = useState5({});
|
|
615
618
|
const [model, setModel] = useState5(false);
|
|
619
|
+
console.log(selectedRecord);
|
|
616
620
|
let columns = [];
|
|
617
621
|
if (thead) {
|
|
618
622
|
columns = [
|
|
@@ -657,7 +661,7 @@ var TableElement = (props) => {
|
|
|
657
661
|
};
|
|
658
662
|
}
|
|
659
663
|
}
|
|
660
|
-
), model && /* @__PURE__ */ React20.createElement(ModelElement, {
|
|
664
|
+
), model && /* @__PURE__ */ React20.createElement(ModelElement, { ...props }));
|
|
661
665
|
};
|
|
662
666
|
|
|
663
667
|
// src/Components/DatePicker.tsx
|