@apexcura/ui-components 0.0.9-Beta6 → 0.0.9-Beta8

package/dist/index.d.mts

@@ -18,7 +18,7 @@ type ElementType = {
     maxLength?: number;
     fieldNames?: any[];
     onChange?: (value: string | number | boolean | any[]) => void;
-    dropDownOptions: any[];
+    dropDownOptions?: any[];
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -65,4 +65,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: () => 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,7 @@ type ElementType = {
     maxLength?: number;
     fieldNames?: any[];
     onChange?: (value: string | number | boolean | any[]) => void;
-    dropDownOptions: any[];
+    dropDownOptions?: any[];
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -65,4 +65,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: () => 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,
@@ -309,7 +310,7 @@ var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includ
 var SingleSelectElement = (props) => {
   const handleChange = (values) => {
     if (props.onChange) {
-      const option = props.dropDownOptions.find((option2) => String(option2.title) === values);
+      const option = props.dropDownOptions?.find((option2) => String(option2.title) === values);
       const selectedOption = { id: option?.id, value: values };
       props.onChange([selectedOption]);
     }
@@ -335,7 +336,7 @@ var MultipleSelectElement = (props) => {
   const handleChange = (values) => {
     if (props.onChange) {
       const selectedOptions = values.map((value) => {
-        const option = props.dropDownOptions.find((option2) => String(option2.title) === value);
+        const option = props.dropDownOptions?.find((option2) => String(option2.title) === value);
         return { id: option?.id, value };
       });
       props.onChange(selectedOptions);
@@ -356,8 +357,72 @@ 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 = () => {
+  const expandedRowRender = () => {
+    const data2 = [];
+    for (let i = 0; i < 3; ++i) {
+      data2.push({
+        key: i.toString(),
+        date: "2014-12-24 23:12:00",
+        name: "This is production name",
+        upgradeNum: "Upgraded: 56"
+      });
+    }
+    return /* @__PURE__ */ import_react13.default.createElement(import_antd11.Table, { dataSource: data2, pagination: false });
+  };
+  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: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data
+    }
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_antd11.Table,
+    {
+      columns,
+      expandable: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data,
+      size: "middle"
+    }
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    import_antd11.Table,
+    {
+      columns,
+      expandable: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data,
+      size: "small"
+    }
+  ));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AddMoreTable,
   ButtonElement,
   CheckboxElement,
   CkEditor,

package/dist/index.mjs

@@ -263,7 +263,7 @@ var filterOption = (input, option) => (option?.label ?? "").toLowerCase().includ
 var SingleSelectElement = (props) => {
   const handleChange = (values) => {
     if (props.onChange) {
-      const option = props.dropDownOptions.find((option2) => String(option2.title) === values);
+      const option = props.dropDownOptions?.find((option2) => String(option2.title) === values);
       const selectedOption = { id: option?.id, value: values };
       props.onChange([selectedOption]);
     }
@@ -289,7 +289,7 @@ var MultipleSelectElement = (props) => {
   const handleChange = (values) => {
     if (props.onChange) {
       const selectedOptions = values.map((value) => {
-        const option = props.dropDownOptions.find((option2) => String(option2.title) === value);
+        const option = props.dropDownOptions?.find((option2) => String(option2.title) === value);
         return { id: option?.id, value };
       });
       props.onChange(selectedOptions);
@@ -310,7 +310,71 @@ 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 = () => {
+  const expandedRowRender = () => {
+    const data2 = [];
+    for (let i = 0; i < 3; ++i) {
+      data2.push({
+        key: i.toString(),
+        date: "2014-12-24 23:12:00",
+        name: "This is production name",
+        upgradeNum: "Upgraded: 56"
+      });
+    }
+    return /* @__PURE__ */ React12.createElement(Table, { dataSource: data2, pagination: false });
+  };
+  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: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data
+    }
+  ), /* @__PURE__ */ React12.createElement(
+    Table,
+    {
+      columns,
+      expandable: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data,
+      size: "middle"
+    }
+  ), /* @__PURE__ */ React12.createElement(
+    Table,
+    {
+      columns,
+      expandable: { expandedRowRender, defaultExpandedRowKeys: ["0"] },
+      dataSource: data,
+      size: "small"
+    }
+  ));
+};
 export {
+  AddMoreTable,
   ButtonElement,
   CheckboxElement,
   CkEditor,

package/package.json

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