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

package/dist/index.d.mts

@@ -13,7 +13,7 @@ type ElementType = {
     prefix?: React.ReactNode;
     type?: string;
     size?: SizeType;
-    value?: string | number | boolean | any[] | null | undefined;
+    value?: string | number | boolean | any[] | null | object | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     variant?: "outlined" | "borderless" | "filled";

package/dist/index.d.ts

@@ -13,7 +13,7 @@ type ElementType = {
     prefix?: React.ReactNode;
     type?: string;
     size?: SizeType;
-    value?: string | number | boolean | any[] | null | undefined;
+    value?: string | number | boolean | any[] | null | object | undefined;
     status?: "error" | "warning";
     styles?: React.CSSProperties;
     variant?: "outlined" | "borderless" | "filled";

package/dist/index.js

@@ -876,40 +876,31 @@ var SingleCheckbox = (props) => {
 var import_react27 = __toESM(require("react"));
 var import_antd19 = require("antd");
 var MultiSelect = (props) => {
-  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
-      });
+  const handleFirstChange = (value) => {
+    if (props.onChange) {
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange({ firstvalue: filterOption2 });
     }
-    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]);
+  };
+  const handleSecondChange = (value) => {
+    if (props.onChange) {
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange({ secondValue: filterOption2 });
     }
   };
-  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(
+  return /* @__PURE__ */ import_react27.default.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ import_react27.default.createElement(
     import_antd19.Select,
     {
-      onChange: handleChange,
+      onChange: handleFirstChange,
       variant: props.variant,
-      options
+      options: props.options
     }
   ), /* @__PURE__ */ import_react27.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react27.default.createElement(
     import_antd19.Select,
     {
-      onChange: handleChange,
+      onChange: handleSecondChange,
       variant: props.variant,
-      options
+      options: props.options
     }
   ));
 };

package/dist/index.mjs

@@ -817,43 +817,34 @@ var SingleCheckbox = (props) => {
 };
 
 // src/Components/MultiSelect.tsx
-import React26, { useState as useState7, useEffect as useEffect2 } from "react";
+import React26 from "react";
 import { Select as Select4 } from "antd";
 var MultiSelect = (props) => {
-  const [options, setOptions] = useState7([]);
-  const [selectedOptions, setSelectedOptions] = useState7({});
-  useEffect2(() => {
-    const newOptions = [];
-    for (let i = 1; i < 100; i++) {
-      newOptions.push({
-        value: i,
-        label: i
-      });
+  const handleFirstChange = (value) => {
+    if (props.onChange) {
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange({ firstvalue: filterOption2 });
     }
-    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]);
+  };
+  const handleSecondChange = (value) => {
+    if (props.onChange) {
+      const filterOption2 = props.options && props.options.find((eachOption) => eachOption.value === value);
+      props.onChange({ secondValue: filterOption2 });
     }
   };
-  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(
+  return /* @__PURE__ */ React26.createElement("div", { className: props.className, style: { display: "flex", flexDirection: "row", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ React26.createElement(
     Select4,
     {
-      onChange: handleChange,
+      onChange: handleFirstChange,
       variant: props.variant,
-      options
+      options: props.options
     }
   ), /* @__PURE__ */ React26.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React26.createElement(
     Select4,
     {
-      onChange: handleChange,
+      onChange: handleSecondChange,
       variant: props.variant,
-      options
+      options: props.options
     }
   ));
 };

package/package.json

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