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

package/dist/index.d.mts

@@ -26,6 +26,8 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
+    options1: any[];
+    options2: any[];
     onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
     onClick?: () => void;
     dropDownOptions?: any[];

package/dist/index.d.ts

@@ -26,6 +26,8 @@ type ElementType = {
     fields?: any[];
     schema?: any[];
     options?: any[];
+    options1: any[];
+    options2: any[];
     onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
     onClick?: () => void;
     dropDownOptions?: any[];

package/dist/index.js

@@ -464,9 +464,9 @@ var AddMoreTable = (props) => {
     if (!element) return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ import_react12.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
+      return /* @__PURE__ */ import_react12.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [] });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ import_react12.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
+      return /* @__PURE__ */ import_react12.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [] });
     } else {
       return null;
     }
@@ -670,7 +670,8 @@ var TableElement = (props) => {
       {
         title: "View",
         dataIndex: "View",
-        key: "View"
+        key: "View",
+        render: (_, record) => /* @__PURE__ */ import_react20.default.createElement(import_antd14.Button, null, "View")
       },
       ...thead.map((col, ind) => ({
         title: col.label,
@@ -691,8 +692,7 @@ var TableElement = (props) => {
   }
   const dataSource = tbody && tbody.map((row, index) => ({
     ...row,
-    [columns[0].key]: index + 1,
-    [columns[-1].key]: "View"
+    [columns[0].key]: index + 1
   }));
   const count = dataSource ? dataSource.length : 0;
   const onChangePage = (page, pageSize) => {
@@ -832,9 +832,14 @@ var SingleCheckbox = (props) => {
 var import_react25 = __toESM(require("react"));
 var import_antd18 = require("antd");
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({ firstValue: {}, secondValue: {} });
+  const [selectedValue, setSelectedValue] = (0, import_react25.useState)({
+    firstValue: {},
+    secondValue: {}
+  });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.options?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
       if (newValue.firstValue) {
@@ -844,7 +849,9 @@ var DropDownGroup = (props) => {
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.options?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
       if (newValue.secondValue) {
@@ -853,12 +860,12 @@ var DropDownGroup = (props) => {
       return selectedValue;
     });
   };
-  return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react25.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react25.default.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ import_react25.default.createElement(
     import_antd18.Select,
     {
       onChange: handleFirstChange,
       variant: props.variant,
-      options: props.options,
+      options: props.options1,
       className: props.className
     }
   ), /* @__PURE__ */ import_react25.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react25.default.createElement(
@@ -866,10 +873,10 @@ var DropDownGroup = (props) => {
     {
       onChange: handleSecondChange,
       variant: props.variant,
-      options: props.options,
+      options: props.options2,
       className: props.className
     }
-  ));
+  )));
 };
 
 // src/Components/FilesUpload.tsx

package/dist/index.mjs

@@ -407,9 +407,9 @@ var AddMoreTable = (props) => {
     if (!element) return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
+      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [] });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
+      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false, options1: [], options2: [] });
     } else {
       return null;
     }
@@ -536,7 +536,7 @@ var Navbar = (props) => {
 
 // src/Components/TableElement.tsx
 import React20, { useState as useState5 } from "react";
-import { Table as Table2 } from "antd";
+import { Button as Button3, Table as Table2 } from "antd";
 
 // src/Components/Model.tsx
 import React19 from "react";
@@ -613,7 +613,8 @@ var TableElement = (props) => {
       {
         title: "View",
         dataIndex: "View",
-        key: "View"
+        key: "View",
+        render: (_, record) => /* @__PURE__ */ React20.createElement(Button3, null, "View")
       },
       ...thead.map((col, ind) => ({
         title: col.label,
@@ -634,8 +635,7 @@ var TableElement = (props) => {
   }
   const dataSource = tbody && tbody.map((row, index) => ({
     ...row,
-    [columns[0].key]: index + 1,
-    [columns[-1].key]: "View"
+    [columns[0].key]: index + 1
   }));
   const count = dataSource ? dataSource.length : 0;
   const onChangePage = (page, pageSize) => {
@@ -775,9 +775,14 @@ var SingleCheckbox = (props) => {
 import React25, { useState as useState7 } from "react";
 import { Select as Select4 } from "antd";
 var DropDownGroup = (props) => {
-  const [selectedValue, setSelectedValue] = useState7({ firstValue: {}, secondValue: {} });
+  const [selectedValue, setSelectedValue] = useState7({
+    firstValue: {},
+    secondValue: {}
+  });
   const handleFirstChange = (value) => {
-    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.options?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, firstValue: filterOption2 };
       if (newValue.firstValue) {
@@ -787,7 +792,9 @@ var DropDownGroup = (props) => {
     });
   };
   const handleSecondChange = (value) => {
-    const filterOption2 = props.options?.find((eachOption) => eachOption.value === value);
+    const filterOption2 = props.options?.find(
+      (eachOption) => eachOption.value === value
+    );
     setSelectedValue((prev) => {
       const newValue = { ...prev, secondValue: filterOption2 };
       if (newValue.secondValue) {
@@ -796,12 +803,12 @@ var DropDownGroup = (props) => {
       return selectedValue;
     });
   };
-  return /* @__PURE__ */ React25.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React25.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React25.createElement("div", { className: props.subContainerClassName }, /* @__PURE__ */ React25.createElement(
     Select4,
     {
       onChange: handleFirstChange,
       variant: props.variant,
-      options: props.options,
+      options: props.options1,
       className: props.className
     }
   ), /* @__PURE__ */ React25.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React25.createElement(
@@ -809,10 +816,10 @@ var DropDownGroup = (props) => {
     {
       onChange: handleSecondChange,
       variant: props.variant,
-      options: props.options,
+      options: props.options2,
       className: props.className
     }
-  ));
+  )));
 };
 
 // src/Components/FilesUpload.tsx

package/package.json

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