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

package/dist/index.css

@@ -338,6 +338,9 @@ video {
 .fixed {
   position: fixed;
 }
+.m-10 {
+  margin: 2.5rem;
+}
 .m-\[10px\] {
   margin: 10px;
 }
@@ -350,6 +353,9 @@ video {
 .grid {
   display: grid;
 }
+.flex-col {
+  flex-direction: column;
+}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
@@ -372,12 +378,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity));
 }
+.p-10 {
+  padding: 2.5rem;
+}
 .p-\[6px\] {
   padding: 6px;
 }
 .text-center {
   text-align: center;
 }
+.font-semibold {
+  font-weight: 600;
+}
 .italic {
   font-style: italic;
 }

package/dist/index.js

@@ -208,7 +208,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ import_react5.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react5.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, 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" }, props.label), /* @__PURE__ */ import_react5.default.createElement(
     import_antd5.Select,
     {
       options: props.options,
@@ -761,6 +761,7 @@ 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",
@@ -1121,13 +1122,21 @@ var DropDownGroup = (props) => {
       return newValue;
     });
   };
+  const firstFilterOptions = (input, option) => {
+    return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
+  };
+  const secondFilterOptions = (input, option) => {
+    return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
+  };
   return /* @__PURE__ */ import_react26.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react26.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react26.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react26.default.createElement(
     import_antd18.Select,
     {
       onChange: handleFirstChange,
       variant: props.variant,
       options: props.firstOptions,
-      className: props.className
+      className: props.className,
+      filterOption: firstFilterOptions,
+      showSearch: true
     }
   ), /* @__PURE__ */ import_react26.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react26.default.createElement(
     import_antd18.Select,
@@ -1135,7 +1144,9 @@ var DropDownGroup = (props) => {
       onChange: handleSecondChange,
       variant: props.variant,
       options: props.secondOptions,
-      className: props.className
+      className: props.className,
+      filterOption: secondFilterOptions,
+      showSearch: true
     }
   )));
 };

package/dist/index.mjs

@@ -142,7 +142,7 @@ var SelectElement = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ React5.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React5.createElement("label", { htmlFor: props.name, className: props.labelClassName }, 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" }, props.label), /* @__PURE__ */ React5.createElement(
     Select,
     {
       options: props.options,
@@ -695,6 +695,7 @@ 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",
@@ -1055,13 +1056,21 @@ var DropDownGroup = (props) => {
       return newValue;
     });
   };
+  const firstFilterOptions = (input, option) => {
+    return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
+  };
+  const secondFilterOptions = (input, option) => {
+    return (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
+  };
   return /* @__PURE__ */ React26.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React26.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React26.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React26.createElement(
     Select4,
     {
       onChange: handleFirstChange,
       variant: props.variant,
       options: props.firstOptions,
-      className: props.className
+      className: props.className,
+      filterOption: firstFilterOptions,
+      showSearch: true
     }
   ), /* @__PURE__ */ React26.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React26.createElement(
     Select4,
@@ -1069,7 +1078,9 @@ var DropDownGroup = (props) => {
       onChange: handleSecondChange,
       variant: props.variant,
       options: props.secondOptions,
-      className: props.className
+      className: props.className,
+      filterOption: secondFilterOptions,
+      showSearch: true
     }
   )));
 };

package/package.json

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