@apexcura/ui-components 0.0.11-Beta228 → 0.0.11-Beta229
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.css +3 -0
- package/dist/index.js +19 -3
- package/dist/index.mjs +19 -3
- package/package.json +1 -1
package/dist/index.css
CHANGED
package/dist/index.js
CHANGED
|
@@ -640,7 +640,24 @@ var ModelElement = (props) => {
|
|
|
640
640
|
open: props.model,
|
|
641
641
|
onCancel: props.onCancel,
|
|
642
642
|
footer: null,
|
|
643
|
-
width: 850
|
|
643
|
+
width: 850,
|
|
644
|
+
title: /* @__PURE__ */ import_react20.default.createElement(
|
|
645
|
+
"div",
|
|
646
|
+
{
|
|
647
|
+
style: {
|
|
648
|
+
display: "flex",
|
|
649
|
+
flexWrap: "wrap",
|
|
650
|
+
padding: "20px",
|
|
651
|
+
width: "full",
|
|
652
|
+
margin: "-10px"
|
|
653
|
+
}
|
|
654
|
+
},
|
|
655
|
+
Object.entries(props.selectedRecord).map(([key, value]) => {
|
|
656
|
+
let name = props.thead && props.thead.filter((eachColumn) => eachColumn.key === key);
|
|
657
|
+
console.log("name-------------", name);
|
|
658
|
+
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));
|
|
659
|
+
})
|
|
660
|
+
)
|
|
644
661
|
},
|
|
645
662
|
/* @__PURE__ */ import_react20.default.createElement(ModelBody, { ...props })
|
|
646
663
|
);
|
|
@@ -651,7 +668,6 @@ var TableElement = (props) => {
|
|
|
651
668
|
const { thead, tbody } = props;
|
|
652
669
|
const [selectedRecord, setSelectedRecord] = (0, import_react21.useState)({});
|
|
653
670
|
const [model, setModel] = (0, import_react21.useState)(false);
|
|
654
|
-
console.log(selectedRecord);
|
|
655
671
|
let columns = [];
|
|
656
672
|
if (thead) {
|
|
657
673
|
columns = [
|
|
@@ -696,7 +712,7 @@ var TableElement = (props) => {
|
|
|
696
712
|
};
|
|
697
713
|
}
|
|
698
714
|
}
|
|
699
|
-
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { ...props }));
|
|
715
|
+
), model && /* @__PURE__ */ import_react21.default.createElement(ModelElement, { ...selectedRecord, ...props, model, onCancel: () => setModel(false) }));
|
|
700
716
|
};
|
|
701
717
|
|
|
702
718
|
// src/Components/DatePicker.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -589,7 +589,24 @@ var ModelElement = (props) => {
|
|
|
589
589
|
open: props.model,
|
|
590
590
|
onCancel: props.onCancel,
|
|
591
591
|
footer: null,
|
|
592
|
-
width: 850
|
|
592
|
+
width: 850,
|
|
593
|
+
title: /* @__PURE__ */ React19.createElement(
|
|
594
|
+
"div",
|
|
595
|
+
{
|
|
596
|
+
style: {
|
|
597
|
+
display: "flex",
|
|
598
|
+
flexWrap: "wrap",
|
|
599
|
+
padding: "20px",
|
|
600
|
+
width: "full",
|
|
601
|
+
margin: "-10px"
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
Object.entries(props.selectedRecord).map(([key, value]) => {
|
|
605
|
+
let name = props.thead && props.thead.filter((eachColumn) => eachColumn.key === key);
|
|
606
|
+
console.log("name-------------", name);
|
|
607
|
+
return /* @__PURE__ */ React19.createElement("p", { style: { fontWeight: "200", padding: "10px" }, key }, /* @__PURE__ */ React19.createElement("span", { style: { color: "gray", paddingRight: "10px" } }, name && name), String(value));
|
|
608
|
+
})
|
|
609
|
+
)
|
|
593
610
|
},
|
|
594
611
|
/* @__PURE__ */ React19.createElement(ModelBody, { ...props })
|
|
595
612
|
);
|
|
@@ -600,7 +617,6 @@ var TableElement = (props) => {
|
|
|
600
617
|
const { thead, tbody } = props;
|
|
601
618
|
const [selectedRecord, setSelectedRecord] = useState5({});
|
|
602
619
|
const [model, setModel] = useState5(false);
|
|
603
|
-
console.log(selectedRecord);
|
|
604
620
|
let columns = [];
|
|
605
621
|
if (thead) {
|
|
606
622
|
columns = [
|
|
@@ -645,7 +661,7 @@ var TableElement = (props) => {
|
|
|
645
661
|
};
|
|
646
662
|
}
|
|
647
663
|
}
|
|
648
|
-
), model && /* @__PURE__ */ React20.createElement(ModelElement, { ...props }));
|
|
664
|
+
), model && /* @__PURE__ */ React20.createElement(ModelElement, { ...selectedRecord, ...props, model, onCancel: () => setModel(false) }));
|
|
649
665
|
};
|
|
650
666
|
|
|
651
667
|
// src/Components/DatePicker.tsx
|