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

package/dist/index.js

@@ -137,7 +137,6 @@ var TextareaElement = (props) => {
       disabled: props.disabled,
       id: props.name,
       status: props.status,
-      style: props.styles,
       className: props.classNames,
       variant: props.variant,
       name: props.name,
@@ -193,6 +192,9 @@ var RadioElement = (props) => {
   if (props.optionType === "button") {
     optionType = props.optionType;
   }
+  (0, import_react6.useEffect)(() => {
+    setIsDisabled(props.disabled);
+  }, [props.disabled]);
   const handleChange = (e) => {
     const selectedVal = e.target.value;
     const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -209,16 +211,18 @@ var RadioElement = (props) => {
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
-      disabled: isDisabled,
       optionType,
-      className: props.className ? props.className : ""
+      className: props.className ? props.className : "",
+      value: selectedValue
     },
     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" : ""}`
+        disabled: isDisabled && selectedValue !== option.value,
+        className: getButtonStyle(option),
+        style: { pointerEvents: isDisabled && selectedValue !== option.value ? "none" : "auto" }
       },
       option.label
     ))
@@ -387,7 +391,7 @@ 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));
+  return /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: handleClick, className: props.className }, props.label));
 };
 
 // src/Components/AddMoreTable.tsx

package/dist/index.mjs

@@ -90,7 +90,6 @@ var TextareaElement = (props) => {
       disabled: props.disabled,
       id: props.name,
       status: props.status,
-      style: props.styles,
       className: props.classNames,
       variant: props.variant,
       name: props.name,
@@ -137,7 +136,7 @@ var SelectElement = (props) => {
 };
 
 // src/Components/RadioElement.tsx
-import React6, { useState as useState2 } from "react";
+import React6, { useState as useState2, useEffect } from "react";
 import { Radio } from "antd";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
@@ -146,6 +145,9 @@ var RadioElement = (props) => {
   if (props.optionType === "button") {
     optionType = props.optionType;
   }
+  useEffect(() => {
+    setIsDisabled(props.disabled);
+  }, [props.disabled]);
   const handleChange = (e) => {
     const selectedVal = e.target.value;
     const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -162,16 +164,18 @@ var RadioElement = (props) => {
     Radio.Group,
     {
       onChange: handleChange,
-      disabled: isDisabled,
       optionType,
-      className: props.className ? props.className : ""
+      className: props.className ? props.className : "",
+      value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
       Radio,
       {
         key: option.value,
         value: option.value,
-        className: `${getButtonStyle(option)} ${isDisabled ? "cursor-not-allowed" : ""}`
+        disabled: isDisabled && selectedValue !== option.value,
+        className: getButtonStyle(option),
+        style: { pointerEvents: isDisabled && selectedValue !== option.value ? "none" : "auto" }
       },
       option.label
     ))
@@ -340,11 +344,11 @@ 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));
+  return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: props.className }, props.label));
 };
 
 // src/Components/AddMoreTable.tsx
-import React12, { useEffect, useState as useState4 } from "react";
+import React12, { useEffect as useEffect2, useState as useState4 } from "react";
 import { Table, Button as Button3 } from "antd";
 import { PlusOutlined, DeleteOutlined } from "@ant-design/icons";
 var AddMoreTable = (props) => {
@@ -413,7 +417,7 @@ var AddMoreTable = (props) => {
       });
     });
   };
-  useEffect(() => {
+  useEffect2(() => {
     console.log(rows);
   }, [rows]);
   const renderInputElement = (element, value) => {

package/package.json

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