@apexcura/ui-components 0.0.14-Beta246 → 0.0.14-Beta247

package/dist/index.css

@@ -362,6 +362,9 @@ video {
 .border {
   border-width: 1px;
 }
+.border-4 {
+  border-width: 4px;
+}
 .border-\[\#919191\] {
   --tw-border-opacity: 1;
   border-color: rgb(145 145 145 / var(--tw-border-opacity));
@@ -378,6 +381,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity));
 }
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+}
 .p-10 {
   padding: 2.5rem;
 }

package/dist/index.js

@@ -208,7 +208,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red" }, props.label), /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red bg-green-500 border-4" }, props.label), /* @__PURE__ */ import_react5.default.createElement(
     import_antd5.Select,
     {
       options: props.options,
@@ -761,7 +761,6 @@ var import_moment = __toESM(require("moment"));
 var ModelBody = (props) => {
   return /* @__PURE__ */ import_react19.default.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
     (eachField) => {
-      console.log(eachField);
       if (eachField.element === "div") {
         return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ import_react19.default.createElement(
           "p",
@@ -804,7 +803,7 @@ var ModelBody = (props) => {
 
 // src/Components/Model.tsx
 var ModelElement = (props) => {
-  const { model, onCancel, selectedRecord, columns } = props;
+  const { model, onCancel, selectedRecord, columns, modalContent } = props;
   return /* @__PURE__ */ import_react20.default.createElement(
     import_antd13.Modal,
     {
@@ -824,6 +823,9 @@ var ModelElement = (props) => {
             margin: "-10px"
           }
         },
+        modalContent.map((eachField) => {
+          console.log("eachField", eachField);
+        }),
         columns.map((eachColumn) => {
           if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
             return /* @__PURE__ */ import_react20.default.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ import_react20.default.createElement(

package/dist/index.mjs

@@ -142,7 +142,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red" }, props.label), /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col p-10 m-10" }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: "font-semibold text-default-400 text-red bg-green-500 border-4" }, props.label), /* @__PURE__ */ React5.createElement(
     Select,
     {
       options: props.options,
@@ -695,7 +695,6 @@ import moment from "moment";
 var ModelBody = (props) => {
   return /* @__PURE__ */ React19.createElement("div", { className: props.modalContent && props.modalContent.className }, props.modalContent && props.modalContent.fields.map(
     (eachField) => {
-      console.log(eachField);
       if (eachField.element === "div") {
         return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: eachField.className }, eachField.label), eachField.dateTime ? /* @__PURE__ */ React19.createElement(
           "p",
@@ -738,7 +737,7 @@ var ModelBody = (props) => {
 
 // src/Components/Model.tsx
 var ModelElement = (props) => {
-  const { model, onCancel, selectedRecord, columns } = props;
+  const { model, onCancel, selectedRecord, columns, modalContent } = props;
   return /* @__PURE__ */ React20.createElement(
     Modal,
     {
@@ -758,6 +757,9 @@ var ModelElement = (props) => {
             margin: "-10px"
           }
         },
+        modalContent.map((eachField) => {
+          console.log("eachField", eachField);
+        }),
         columns.map((eachColumn) => {
           if (!["index", "View"].includes(eachColumn.key) && eachColumn?.["is_detail"] !== false) {
             return /* @__PURE__ */ React20.createElement("p", { style: { fontWeight: "500", padding: "10px" } }, /* @__PURE__ */ React20.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.14-Beta246",
+  "version": "0.0.14-Beta247",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",