@apexcura/ui-components 0.0.8-Beta4 → 0.0.8-Beta6

package/dist/index.js

@@ -159,7 +159,7 @@ var labelRender = (props) => {
   return /* @__PURE__ */ import_react5.default.createElement("span", null, "select gender");
 };
 var SelectElement = (props) => {
-  const handleChange3 = (value) => {
+  const handleChange2 = (value) => {
     if (props.onChange) {
       props.onChange(value);
     }
@@ -178,7 +178,7 @@ var SelectElement = (props) => {
       style: props.styles,
       className: props.classNames,
       variant: props.variant,
-      onChange: handleChange3
+      onChange: handleChange2
     }
   );
 };
@@ -187,12 +187,12 @@ var SelectElement = (props) => {
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
 var RadioElement = (props) => {
-  const handleChange3 = (e) => {
+  const handleChange2 = (e) => {
     if (props && props.onChange) {
       props.onChange(e.target.value);
     }
   };
-  return /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 1, onChange: handleChange3 }, "A"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 2, onChange: handleChange3 }, "B"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 3, onChange: handleChange3 }, "C"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 4, onChange: handleChange3 }, "D"));
+  return /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 1, onChange: handleChange2 }, "A"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 2, onChange: handleChange2 }, "B"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 3, onChange: handleChange2 }, "C"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 4, onChange: handleChange2 }, "D"));
 };
 
 // src/Components/Checkbox.tsx
@@ -204,7 +204,7 @@ var defaultCheckedList = [];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
   const checkAll = plainOptions.length === checkedList.length;
-  const handleChange3 = (list) => {
+  const handleChange2 = (list) => {
     setCheckedList(list);
     if (props.onChange) {
       props.onChange(list);
@@ -236,7 +236,7 @@ var CheckboxElement = (props) => {
       className: props.classNames,
       options: plainOptions,
       value: checkedList,
-      onChange: handleChange3
+      onChange: handleChange2
     }
   ));
 };
@@ -301,20 +301,22 @@ var onSearch = (value) => {
   console.log("search:", value);
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
-var handleChange = () => {
-};
 var SingleSelectElement = (props) => {
-  console.log("passedprops.................", props.options);
+  const handleChange2 = (value) => {
+    if (props.onChange) {
+      props.onChange(value);
+    }
+  };
   return /* @__PURE__ */ import_react10.default.createElement(
     import_antd8.Select,
     {
       showSearch: true,
       placeholder: props.placeholder,
       optionFilterProp: "children",
-      onChange: handleChange,
+      onChange: handleChange2,
       onSearch,
       filterOption,
-      options: props.options
+      options: props.options.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title) }))
     }
   );
 };
@@ -322,7 +324,7 @@ var SingleSelectElement = (props) => {
 // src/Components/Select/MultipleSelectElement.tsx
 var import_react11 = __toESM(require("react"));
 var import_antd9 = require("antd");
-var handleChange2 = (value) => {
+var handleChange = (value) => {
   console.log(`selected ${value}`);
 };
 var options = [
@@ -359,7 +361,7 @@ var MultipleSelectElement = () => {
       style: { width: "100%" },
       placeholder: "select one country",
       defaultValue: ["china"],
-      onChange: handleChange2,
+      onChange: handleChange,
       options,
       optionRender: (option) => /* @__PURE__ */ import_react11.default.createElement(import_antd9.Space, null, /* @__PURE__ */ import_react11.default.createElement("span", { role: "img", "aria-label": option.data.label }, option.data.emoji), option.data.desc)
     }

package/dist/index.mjs

@@ -113,7 +113,7 @@ var labelRender = (props) => {
   return /* @__PURE__ */ React5.createElement("span", null, "select gender");
 };
 var SelectElement = (props) => {
-  const handleChange3 = (value) => {
+  const handleChange2 = (value) => {
     if (props.onChange) {
       props.onChange(value);
     }
@@ -132,7 +132,7 @@ var SelectElement = (props) => {
       style: props.styles,
       className: props.classNames,
       variant: props.variant,
-      onChange: handleChange3
+      onChange: handleChange2
     }
   );
 };
@@ -141,12 +141,12 @@ var SelectElement = (props) => {
 import React6 from "react";
 import { Radio } from "antd";
 var RadioElement = (props) => {
-  const handleChange3 = (e) => {
+  const handleChange2 = (e) => {
     if (props && props.onChange) {
       props.onChange(e.target.value);
     }
   };
-  return /* @__PURE__ */ React6.createElement(Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ React6.createElement(Radio, { value: 1, onChange: handleChange3 }, "A"), /* @__PURE__ */ React6.createElement(Radio, { value: 2, onChange: handleChange3 }, "B"), /* @__PURE__ */ React6.createElement(Radio, { value: 3, onChange: handleChange3 }, "C"), /* @__PURE__ */ React6.createElement(Radio, { value: 4, onChange: handleChange3 }, "D"));
+  return /* @__PURE__ */ React6.createElement(Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ React6.createElement(Radio, { value: 1, onChange: handleChange2 }, "A"), /* @__PURE__ */ React6.createElement(Radio, { value: 2, onChange: handleChange2 }, "B"), /* @__PURE__ */ React6.createElement(Radio, { value: 3, onChange: handleChange2 }, "C"), /* @__PURE__ */ React6.createElement(Radio, { value: 4, onChange: handleChange2 }, "D"));
 };
 
 // src/Components/Checkbox.tsx
@@ -158,7 +158,7 @@ var defaultCheckedList = [];
 var CheckboxElement = (props) => {
   const [checkedList, setCheckedList] = useState2(defaultCheckedList);
   const checkAll = plainOptions.length === checkedList.length;
-  const handleChange3 = (list) => {
+  const handleChange2 = (list) => {
     setCheckedList(list);
     if (props.onChange) {
       props.onChange(list);
@@ -190,7 +190,7 @@ var CheckboxElement = (props) => {
       className: props.classNames,
       options: plainOptions,
       value: checkedList,
-      onChange: handleChange3
+      onChange: handleChange2
     }
   ));
 };
@@ -255,20 +255,22 @@ var onSearch = (value) => {
   console.log("search:", value);
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
-var handleChange = () => {
-};
 var SingleSelectElement = (props) => {
-  console.log("passedprops.................", props.options);
+  const handleChange2 = (value) => {
+    if (props.onChange) {
+      props.onChange(value);
+    }
+  };
   return /* @__PURE__ */ React9.createElement(
     Select2,
     {
       showSearch: true,
       placeholder: props.placeholder,
       optionFilterProp: "children",
-      onChange: handleChange,
+      onChange: handleChange2,
       onSearch,
       filterOption,
-      options: props.options
+      options: props.options.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title) }))
     }
   );
 };
@@ -276,7 +278,7 @@ var SingleSelectElement = (props) => {
 // src/Components/Select/MultipleSelectElement.tsx
 import React10 from "react";
 import { Select as Select3, Space as Space2 } from "antd";
-var handleChange2 = (value) => {
+var handleChange = (value) => {
   console.log(`selected ${value}`);
 };
 var options = [
@@ -313,7 +315,7 @@ var MultipleSelectElement = () => {
       style: { width: "100%" },
       placeholder: "select one country",
       defaultValue: ["china"],
-      onChange: handleChange2,
+      onChange: handleChange,
       options,
       optionRender: (option) => /* @__PURE__ */ React10.createElement(Space2, null, /* @__PURE__ */ React10.createElement("span", { role: "img", "aria-label": option.data.label }, option.data.emoji), option.data.desc)
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.8-Beta4",
+  "version": "0.0.8-Beta6",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",