@apexcura/ui-components 0.0.13-Beta27 → 0.0.13-Beta29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +31 -1
- package/dist/index.mjs +33 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -882,7 +882,37 @@ var SingleCheckbox = (props) => {
|
|
|
882
882
|
var import_react27 = __toESM(require("react"));
|
|
883
883
|
var import_antd19 = require("antd");
|
|
884
884
|
var MultiSelect = (props) => {
|
|
885
|
-
|
|
885
|
+
const options = props.options;
|
|
886
|
+
const [selectedOptions, setSelectedOptions] = (0, import_react27.useState)([]);
|
|
887
|
+
for (let i = 10; i < 100; i++) {
|
|
888
|
+
options && options.push({
|
|
889
|
+
value: i,
|
|
890
|
+
label: i
|
|
891
|
+
});
|
|
892
|
+
}
|
|
893
|
+
const handleChange = (e) => {
|
|
894
|
+
console.log(e);
|
|
895
|
+
setSelectedOptions((prev) => ({
|
|
896
|
+
...prev,
|
|
897
|
+
[e.name]: e.value
|
|
898
|
+
}));
|
|
899
|
+
};
|
|
900
|
+
console.log(selectedOptions);
|
|
901
|
+
return /* @__PURE__ */ import_react27.default.createElement("div", { className: props.className, style: { display: "flex", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ import_react27.default.createElement(
|
|
902
|
+
import_antd19.Select,
|
|
903
|
+
{
|
|
904
|
+
onChange: handleChange,
|
|
905
|
+
variant: props.variant,
|
|
906
|
+
options
|
|
907
|
+
}
|
|
908
|
+
), /* @__PURE__ */ import_react27.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react27.default.createElement(
|
|
909
|
+
import_antd19.Select,
|
|
910
|
+
{
|
|
911
|
+
onChange: handleChange,
|
|
912
|
+
variant: props.variant,
|
|
913
|
+
options
|
|
914
|
+
}
|
|
915
|
+
));
|
|
886
916
|
};
|
|
887
917
|
// Annotate the CommonJS export names for ESM import in node:
|
|
888
918
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -823,10 +823,40 @@ var SingleCheckbox = (props) => {
|
|
|
823
823
|
};
|
|
824
824
|
|
|
825
825
|
// src/Components/MultiSelect.tsx
|
|
826
|
-
import React26 from "react";
|
|
827
|
-
import { Select as Select4
|
|
826
|
+
import React26, { useState as useState7 } from "react";
|
|
827
|
+
import { Select as Select4 } from "antd";
|
|
828
828
|
var MultiSelect = (props) => {
|
|
829
|
-
|
|
829
|
+
const options = props.options;
|
|
830
|
+
const [selectedOptions, setSelectedOptions] = useState7([]);
|
|
831
|
+
for (let i = 10; i < 100; i++) {
|
|
832
|
+
options && options.push({
|
|
833
|
+
value: i,
|
|
834
|
+
label: i
|
|
835
|
+
});
|
|
836
|
+
}
|
|
837
|
+
const handleChange = (e) => {
|
|
838
|
+
console.log(e);
|
|
839
|
+
setSelectedOptions((prev) => ({
|
|
840
|
+
...prev,
|
|
841
|
+
[e.name]: e.value
|
|
842
|
+
}));
|
|
843
|
+
};
|
|
844
|
+
console.log(selectedOptions);
|
|
845
|
+
return /* @__PURE__ */ React26.createElement("div", { className: props.className, style: { display: "flex", backgroundColor: "white", borderRadius: 10, border: "1px solid gray", width: "100px" } }, /* @__PURE__ */ React26.createElement(
|
|
846
|
+
Select4,
|
|
847
|
+
{
|
|
848
|
+
onChange: handleChange,
|
|
849
|
+
variant: props.variant,
|
|
850
|
+
options
|
|
851
|
+
}
|
|
852
|
+
), /* @__PURE__ */ React26.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React26.createElement(
|
|
853
|
+
Select4,
|
|
854
|
+
{
|
|
855
|
+
onChange: handleChange,
|
|
856
|
+
variant: props.variant,
|
|
857
|
+
options
|
|
858
|
+
}
|
|
859
|
+
));
|
|
830
860
|
};
|
|
831
861
|
export {
|
|
832
862
|
AddMoreTable,
|