@apexcura/ui-components 0.0.11-Beta103 → 0.0.11-Beta105

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import React$1 from 'react';
 
 type ElementType = {
+    className: string | undefined;
     placeholder?: string;
     addonBefore?: React.ReactNode;
     defaultValue?: string;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import React$1 from 'react';
 
 type ElementType = {
+    className: string | undefined;
     placeholder?: string;
     addonBefore?: React.ReactNode;
     defaultValue?: string;

package/dist/index.js

@@ -189,28 +189,34 @@ var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
+  const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
   let optionType;
   if (props.optionType === "button") {
     optionType = props.optionType;
   }
   const handleChange = (e) => {
+    const selectedVal = e.target.value;
+    const selectedOptions = [{ id: selectedVal, value: selectedVal }];
+    setSelectedValue(selectedVal);
+    setIsDisabled(true);
     if (props.onChange) {
-      const selectedVal = e.target.value;
-      const selectedOptions = [{ id: selectedVal, value: selectedVal }];
       props.onChange(selectedOptions);
-      setIsDisabled(true);
     }
   };
-  return /* @__PURE__ */ import_react6.default.createElement(
+  const radioOptions = props.options && props.options.map((option) => ({
+    ...option,
+    className: selectedValue === option.value ? option.selectedClassName : option.className,
+    disabled: isDisabled
+  }));
+  return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement("h6", null, "joikdf"), /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
-      options: props.options,
+      options: radioOptions,
       onChange: handleChange,
-      disabled: isDisabled,
       optionType,
-      className: props.classNames
+      className: props.className ? props.className : ""
     }
-  );
+  ));
 };
 
 // src/Components/Checkbox.tsx
@@ -451,9 +457,9 @@ var AddMoreTable = (props) => {
       return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "" });
+      return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "" });
+      return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
     } else {
       return null;
     }

package/dist/index.mjs

@@ -142,28 +142,34 @@ import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
+  const [selectedValue, setSelectedValue] = useState2(props.value);
   let optionType;
   if (props.optionType === "button") {
     optionType = props.optionType;
   }
   const handleChange = (e) => {
+    const selectedVal = e.target.value;
+    const selectedOptions = [{ id: selectedVal, value: selectedVal }];
+    setSelectedValue(selectedVal);
+    setIsDisabled(true);
     if (props.onChange) {
-      const selectedVal = e.target.value;
-      const selectedOptions = [{ id: selectedVal, value: selectedVal }];
       props.onChange(selectedOptions);
-      setIsDisabled(true);
     }
   };
-  return /* @__PURE__ */ React6.createElement(
+  const radioOptions = props.options && props.options.map((option) => ({
+    ...option,
+    className: selectedValue === option.value ? option.selectedClassName : option.className,
+    disabled: isDisabled
+  }));
+  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("h6", null, "joikdf"), /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
-      options: props.options,
+      options: radioOptions,
       onChange: handleChange,
-      disabled: isDisabled,
       optionType,
-      className: props.classNames
+      className: props.className ? props.className : ""
     }
-  );
+  ));
 };
 
 // src/Components/Checkbox.tsx
@@ -404,9 +410,9 @@ var AddMoreTable = (props) => {
       return null;
     const { element: type, label } = element;
     if (type === "single-select") {
-      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "" });
+      return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
     } else if (type === "textarea") {
-      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "" });
+      return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
     } else {
       return null;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.11-Beta103",
+  "version": "0.0.11-Beta105",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",