@apexcura/ui-components 0.0.12-Beta26 → 0.0.12-Beta29

package/dist/index.d.mts

@@ -27,6 +27,7 @@ type ElementType = {
     variable_data?: any[];
     optionType?: string;
     selectedClassName?: string;
+    action?: React.MouseEventHandler<HTMLElement> | string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -71,7 +72,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: () => React$1.JSX.Element;
+declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -27,6 +27,7 @@ type ElementType = {
     variable_data?: any[];
     optionType?: string;
     selectedClassName?: string;
+    action?: React.MouseEventHandler<HTMLElement> | string;
 };
 
 interface ElementExecuterProps$3 extends ElementType {
@@ -71,7 +72,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: () => React$1.JSX.Element;
+declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.js

@@ -115,7 +115,6 @@ var NumberElement = (props) => {
       prefix: props.prefix,
       type: props.type,
       status: props.status,
-      style: props.styles,
       className: props.classNames,
       variant: props.variant,
       name: props.name,
@@ -203,17 +202,8 @@ var RadioElement = (props) => {
       props.onChange(selectedOptions);
     }
   };
-  const renderOptions = () => {
-    return props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
-      import_antd6.Radio.Button,
-      {
-        key: option.value,
-        value: option.value,
-        className: selectedValue === option.value ? option.selectedClassName : option.className,
-        disabled: isDisabled
-      },
-      option.label
-    ));
+  const getButtonStyle = (option) => {
+    return selectedValue === option.value ? option.selectedClassName : option.className;
   };
   return /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
@@ -223,7 +213,15 @@ var RadioElement = (props) => {
       optionType,
       className: props.className ? props.className : ""
     },
-    renderOptions()
+    props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
+      import_antd6.Radio,
+      {
+        key: option.value,
+        value: option.value,
+        className: `${getButtonStyle(option)} ${isDisabled ? "cursor-not-allowed" : ""}`
+      },
+      option.label
+    ))
   );
 };
 
@@ -385,7 +383,12 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 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"));
+var ButtonElement = (props) => {
+  const handleClick = typeof props.action === "string" ? () => {
+    console.log("Performing action:", props.action);
+  } : props.action;
+  return /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: handleClick, className: props.className }, props.name));
+};
 
 // src/Components/AddMoreTable.tsx
 var import_react13 = __toESM(require("react"));

package/dist/index.mjs

@@ -68,7 +68,6 @@ var NumberElement = (props) => {
       prefix: props.prefix,
       type: props.type,
       status: props.status,
-      style: props.styles,
       className: props.classNames,
       variant: props.variant,
       name: props.name,
@@ -156,17 +155,8 @@ var RadioElement = (props) => {
       props.onChange(selectedOptions);
     }
   };
-  const renderOptions = () => {
-    return props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
-      Radio.Button,
-      {
-        key: option.value,
-        value: option.value,
-        className: selectedValue === option.value ? option.selectedClassName : option.className,
-        disabled: isDisabled
-      },
-      option.label
-    ));
+  const getButtonStyle = (option) => {
+    return selectedValue === option.value ? option.selectedClassName : option.className;
   };
   return /* @__PURE__ */ React6.createElement(
     Radio.Group,
@@ -176,7 +166,15 @@ var RadioElement = (props) => {
       optionType,
       className: props.className ? props.className : ""
     },
-    renderOptions()
+    props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
+      Radio,
+      {
+        key: option.value,
+        value: option.value,
+        className: `${getButtonStyle(option)} ${isDisabled ? "cursor-not-allowed" : ""}`
+      },
+      option.label
+    ))
   );
 };
 
@@ -338,7 +336,12 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 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"));
+var ButtonElement = (props) => {
+  const handleClick = typeof props.action === "string" ? () => {
+    console.log("Performing action:", props.action);
+  } : props.action;
+  return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: props.className }, props.name));
+};
 
 // src/Components/AddMoreTable.tsx
 import React12, { useEffect, useState as useState4 } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta26",
+  "version": "0.0.12-Beta29",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",