@apexcura/ui-components 0.0.9-Beta0 → 0.0.9-Beta10

package/dist/index.d.mts

@@ -18,7 +18,8 @@ type ElementType = {
     maxLength?: number;
     fieldNames?: any[];
     onChange?: (value: string | number | boolean | any[]) => void;
-    dropDownOptions: any[];
+    dropDownOptions?: any[];
+    id?: number;
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -65,4 +66,6 @@ declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element
 
 declare const ButtonElement: () => React$1.JSX.Element;
 
-export { ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };
+declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };

package/dist/index.d.ts

@@ -18,7 +18,8 @@ type ElementType = {
     maxLength?: number;
     fieldNames?: any[];
     onChange?: (value: string | number | boolean | any[]) => void;
-    dropDownOptions: any[];
+    dropDownOptions?: any[];
+    id?: number;
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -65,4 +66,6 @@ declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element
 
 declare const ButtonElement: () => React$1.JSX.Element;
 
-export { ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };
+declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
+
+export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AddMoreTable: () => AddMoreTable,
   ButtonElement: () => ButtonElement,
   CheckboxElement: () => CheckboxElement,
   CkEditor: () => CkEditor,
@@ -188,8 +189,10 @@ var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
 var RadioElement = (props) => {
   const handleChange = (e) => {
-    if (props && props.onChange) {
-      props.onChange(e.target.value);
+    if (props.onChange) {
+      const selectedVal = e.target.value;
+      const selectedOptions = [{ id: selectedVal, value: selectedVal }];
+      props.onChange(selectedOptions);
     }
   };
   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: handleChange }, "A"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 2, onChange: handleChange }, "B"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 3, onChange: handleChange }, "C"), /* @__PURE__ */ import_react6.default.createElement(import_antd6.Radio, { value: 4, onChange: handleChange }, "D"));
@@ -207,7 +210,10 @@ var CheckboxElement = (props) => {
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      props.onChange(list);
+      const selectedOptions = list.map((value) => {
+        return { id: list.indexOf(value), value };
+      });
+      props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
@@ -302,9 +308,11 @@ var onSearch = (value) => {
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
 var SingleSelectElement = (props) => {
-  const handleChange = (value) => {
+  const handleChange = (values) => {
     if (props.onChange) {
-      props.onChange(value);
+      const option = props.dropDownOptions?.find((option2) => String(option2.title) === values);
+      const selectedOption = { id: option?.id, value: values };
+      props.onChange([selectedOption]);
     }
   };
   return /* @__PURE__ */ import_react10.default.createElement(
@@ -316,7 +324,7 @@ var SingleSelectElement = (props) => {
       onChange: handleChange,
       onSearch,
       filterOption,
-      options: props.dropDownOptions?.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title) }))
+      options: props.dropDownOptions?.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title), id: String(eachOption.id) }))
     }
   );
 };
@@ -325,9 +333,13 @@ var SingleSelectElement = (props) => {
 var import_react11 = __toESM(require("react"));
 var import_antd9 = require("antd");
 var MultipleSelectElement = (props) => {
-  const handleChange = (value) => {
+  const handleChange = (values) => {
     if (props.onChange) {
-      props.onChange(value);
+      const selectedOptions = values.map((value) => {
+        const option = props.dropDownOptions?.find((option2) => String(option2.title) === value);
+        return { id: option?.id, value };
+      });
+      props.onChange(selectedOptions);
     }
   };
   return /* @__PURE__ */ import_react11.default.createElement(
@@ -345,8 +357,44 @@ var MultipleSelectElement = (props) => {
 var import_react12 = __toESM(require("react"));
 var import_antd10 = require("antd");
 var ButtonElement = () => /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, { gap: "small" }, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { type: "primary" }, "Primary Button"));
+
+// src/Components/AddMoreTable.tsx
+var import_react13 = __toESM(require("react"));
+var import_antd11 = require("antd");
+var AddMoreTable = (props) => {
+  const columns = [
+    { title: "Name", dataIndex: "name", key: "name" },
+    { title: "Platform", dataIndex: "platform", key: "platform" },
+    { title: "Version", dataIndex: "version", key: "version" },
+    { title: "Upgraded", dataIndex: "upgradeNum", key: "upgradeNum" },
+    { title: "Creator", dataIndex: "creator", key: "creator" },
+    { title: "Date", dataIndex: "createdAt", key: "createdAt" },
+    { title: "Action", key: "operation", render: () => /* @__PURE__ */ import_react13.default.createElement("a", null, "Publish") }
+  ];
+  const data = [];
+  for (let i = 0; i < 3; ++i) {
+    data.push({
+      key: i.toString(),
+      name: "Screen",
+      platform: "iOS",
+      version: "10.3.4.5654",
+      upgradeNum: 500,
+      creator: "Jack",
+      createdAt: "2014-12-24 23:12:00"
+    });
+  }
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement(
+    import_antd11.Table,
+    {
+      columns,
+      expandable: { defaultExpandedRowKeys: ["0"] },
+      dataSource: data
+    }
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AddMoreTable,
   ButtonElement,
   CheckboxElement,
   CkEditor,

package/dist/index.mjs

@@ -142,8 +142,10 @@ import React6 from "react";
 import { Radio } from "antd";
 var RadioElement = (props) => {
   const handleChange = (e) => {
-    if (props && props.onChange) {
-      props.onChange(e.target.value);
+    if (props.onChange) {
+      const selectedVal = e.target.value;
+      const selectedOptions = [{ id: selectedVal, value: selectedVal }];
+      props.onChange(selectedOptions);
     }
   };
   return /* @__PURE__ */ React6.createElement(Radio.Group, { name: "radiogroup", defaultValue: 1 }, /* @__PURE__ */ React6.createElement(Radio, { value: 1, onChange: handleChange }, "A"), /* @__PURE__ */ React6.createElement(Radio, { value: 2, onChange: handleChange }, "B"), /* @__PURE__ */ React6.createElement(Radio, { value: 3, onChange: handleChange }, "C"), /* @__PURE__ */ React6.createElement(Radio, { value: 4, onChange: handleChange }, "D"));
@@ -161,7 +163,10 @@ var CheckboxElement = (props) => {
   const handleChange = (list) => {
     setCheckedList(list);
     if (props.onChange) {
-      props.onChange(list);
+      const selectedOptions = list.map((value) => {
+        return { id: list.indexOf(value), value };
+      });
+      props.onChange(selectedOptions);
     }
   };
   const onHandleAllChanges = (e) => {
@@ -256,9 +261,11 @@ var onSearch = (value) => {
 };
 var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includes(input.toLowerCase());
 var SingleSelectElement = (props) => {
-  const handleChange = (value) => {
+  const handleChange = (values) => {
     if (props.onChange) {
-      props.onChange(value);
+      const option = props.dropDownOptions?.find((option2) => String(option2.title) === values);
+      const selectedOption = { id: option?.id, value: values };
+      props.onChange([selectedOption]);
     }
   };
   return /* @__PURE__ */ React9.createElement(
@@ -270,7 +277,7 @@ var SingleSelectElement = (props) => {
       onChange: handleChange,
       onSearch,
       filterOption,
-      options: props.dropDownOptions?.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title) }))
+      options: props.dropDownOptions?.map((eachOption) => ({ label: String(eachOption.title), value: String(eachOption.title), id: String(eachOption.id) }))
     }
   );
 };
@@ -279,9 +286,13 @@ var SingleSelectElement = (props) => {
 import React10 from "react";
 import { Select as Select3 } from "antd";
 var MultipleSelectElement = (props) => {
-  const handleChange = (value) => {
+  const handleChange = (values) => {
     if (props.onChange) {
-      props.onChange(value);
+      const selectedOptions = values.map((value) => {
+        const option = props.dropDownOptions?.find((option2) => String(option2.title) === value);
+        return { id: option?.id, value };
+      });
+      props.onChange(selectedOptions);
     }
   };
   return /* @__PURE__ */ React10.createElement(
@@ -299,7 +310,43 @@ var MultipleSelectElement = (props) => {
 import React11 from "react";
 import { Button as Button2, Flex as Flex2 } from "antd";
 var ButtonElement = () => /* @__PURE__ */ React11.createElement(Flex2, { gap: "small" }, /* @__PURE__ */ React11.createElement(Button2, { type: "primary" }, "Primary Button"));
+
+// src/Components/AddMoreTable.tsx
+import React12 from "react";
+import { Table } from "antd";
+var AddMoreTable = (props) => {
+  const columns = [
+    { title: "Name", dataIndex: "name", key: "name" },
+    { title: "Platform", dataIndex: "platform", key: "platform" },
+    { title: "Version", dataIndex: "version", key: "version" },
+    { title: "Upgraded", dataIndex: "upgradeNum", key: "upgradeNum" },
+    { title: "Creator", dataIndex: "creator", key: "creator" },
+    { title: "Date", dataIndex: "createdAt", key: "createdAt" },
+    { title: "Action", key: "operation", render: () => /* @__PURE__ */ React12.createElement("a", null, "Publish") }
+  ];
+  const data = [];
+  for (let i = 0; i < 3; ++i) {
+    data.push({
+      key: i.toString(),
+      name: "Screen",
+      platform: "iOS",
+      version: "10.3.4.5654",
+      upgradeNum: 500,
+      creator: "Jack",
+      createdAt: "2014-12-24 23:12:00"
+    });
+  }
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+    Table,
+    {
+      columns,
+      expandable: { defaultExpandedRowKeys: ["0"] },
+      dataSource: data
+    }
+  ));
+};
 export {
+  AddMoreTable,
   ButtonElement,
   CheckboxElement,
   CkEditor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.9-Beta0",
+  "version": "0.0.9-Beta10",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",