@apexcura/ui-components 0.0.13-Beta31 → 0.0.13-Beta33

package/dist/index.js

@@ -185,23 +185,17 @@ var TextareaElement = (props) => {
 // src/Components/SelectElement.tsx
 var import_react5 = __toESM(require("react"));
 var import_antd5 = require("antd");
-var labelRender = (props) => {
-  const { label, value } = props;
-  if (label) {
-    return value;
-  }
-  return /* @__PURE__ */ import_react5.default.createElement("span", null, "select gender");
-};
 var SelectElement = (props) => {
   const handleChange = (value) => {
+    console.log("sigleselectvalue----", value);
     if (props.onChange) {
-      props.onChange(value);
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange(filterOption2);
     }
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  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(
     import_antd5.Select,
     {
-      labelRender,
       options: props.options,
       placeholder: props.placeholder,
       allowClear: true,
@@ -214,7 +208,7 @@ var SelectElement = (props) => {
       variant: props.variant,
       onChange: handleChange
     }
-  );
+  ));
 };
 
 // src/Components/RadioElement.tsx
@@ -882,23 +876,27 @@ var SingleCheckbox = (props) => {
 var import_react27 = __toESM(require("react"));
 var import_antd19 = require("antd");
 var MultiSelect = (props) => {
-  const options = props.options;
-  const [selectedOptions, setSelectedOptions] = (0, import_react27.useState)([]);
-  for (let i = 10; i < 100; i++) {
-    options && options.push({
-      value: i,
-      label: i
-    });
-  }
-  console.log(options);
-  const handleChange = (e) => {
-    console.log(e);
-    setSelectedOptions((prev) => ({
-      ...prev,
-      [e.name]: e.value
-    }));
+  const [options, setOptions] = (0, import_react27.useState)([]);
+  const [selectedOptions, setSelectedOptions] = (0, import_react27.useState)({});
+  (0, import_react27.useEffect)(() => {
+    const newOptions = [];
+    for (let i = 1; i < 100; i++) {
+      newOptions.push({
+        value: i,
+        label: i
+      });
+    }
+    setOptions(newOptions);
+    console.log("options========", options);
+  }, []);
+  const handleChange = (value) => {
+    const filterOption2 = options.find((eachOption) => eachOption.value === value);
+    console.log(filterOption2);
+    if (filterOption2) {
+      setSelectedOptions((prev) => [...prev, filterOption2]);
+    }
   };
-  console.log(selectedOptions);
+  console.log("selectedOptions", selectedOptions);
   return /* @__PURE__ */ import_react27.default.createElement("div", { className: props.className, style: { display: "flex", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "200px" } }, /* @__PURE__ */ import_react27.default.createElement(
     import_antd19.Select,
     {

package/dist/index.mjs

@@ -129,23 +129,17 @@ var TextareaElement = (props) => {
 // src/Components/SelectElement.tsx
 import React5 from "react";
 import { Select } from "antd";
-var labelRender = (props) => {
-  const { label, value } = props;
-  if (label) {
-    return value;
-  }
-  return /* @__PURE__ */ React5.createElement("span", null, "select gender");
-};
 var SelectElement = (props) => {
   const handleChange = (value) => {
+    console.log("sigleselectvalue----", value);
     if (props.onChange) {
-      props.onChange(value);
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange(filterOption2);
     }
   };
-  return /* @__PURE__ */ React5.createElement(
+  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(
     Select,
     {
-      labelRender,
       options: props.options,
       placeholder: props.placeholder,
       allowClear: true,
@@ -158,7 +152,7 @@ var SelectElement = (props) => {
       variant: props.variant,
       onChange: handleChange
     }
-  );
+  ));
 };
 
 // src/Components/RadioElement.tsx
@@ -823,26 +817,30 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/MultiSelect.tsx
-import React26, { useState as useState7 } from "react";
+import React26, { useState as useState7, useEffect as useEffect2 } from "react";
 import { Select as Select4 } from "antd";
 var MultiSelect = (props) => {
-  const options = props.options;
-  const [selectedOptions, setSelectedOptions] = useState7([]);
-  for (let i = 10; i < 100; i++) {
-    options && options.push({
-      value: i,
-      label: i
-    });
-  }
-  console.log(options);
-  const handleChange = (e) => {
-    console.log(e);
-    setSelectedOptions((prev) => ({
-      ...prev,
-      [e.name]: e.value
-    }));
+  const [options, setOptions] = useState7([]);
+  const [selectedOptions, setSelectedOptions] = useState7({});
+  useEffect2(() => {
+    const newOptions = [];
+    for (let i = 1; i < 100; i++) {
+      newOptions.push({
+        value: i,
+        label: i
+      });
+    }
+    setOptions(newOptions);
+    console.log("options========", options);
+  }, []);
+  const handleChange = (value) => {
+    const filterOption2 = options.find((eachOption) => eachOption.value === value);
+    console.log(filterOption2);
+    if (filterOption2) {
+      setSelectedOptions((prev) => [...prev, filterOption2]);
+    }
   };
-  console.log(selectedOptions);
+  console.log("selectedOptions", selectedOptions);
   return /* @__PURE__ */ React26.createElement("div", { className: props.className, style: { display: "flex", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "200px" } }, /* @__PURE__ */ React26.createElement(
     Select4,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.13-Beta31",
+  "version": "0.0.13-Beta33",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",