@rehagro/ui 1.0.59 → 1.0.61

package/dist/index.mjs

@@ -1580,17 +1580,21 @@ var CheckIcon2 = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
-var RadioIcon = ({ isSelected }) => /* @__PURE__ */ jsx(
-  "span",
+var RadioIcon = ({ isSelected }) => /* @__PURE__ */ jsxs(
+  "svg",
   {
-    className: [
-      "rh-inline-flex rh-items-center rh-justify-center",
-      "rh-w-4 rh-h-4 rh-shrink-0",
-      "rh-border rh-rounded-full rh-transition-colors rh-duration-150",
-      isSelected ? "rh-border-primary" : "rh-border-border rh-bg-surface"
-    ].filter(Boolean).join(" "),
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
     "aria-hidden": "true",
-    children: isSelected && /* @__PURE__ */ jsx("span", { className: "rh-w-2.5 rh-h-2.5 rh-rounded-full rh-bg-primary" })
+    className: [
+      "rh-shrink-0 rh-transition-colors rh-duration-150",
+      isSelected ? "rh-text-primary rh-fill-surface" : "rh-text-border rh-fill-surface"
+    ].join(" "),
+    children: [
+      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "7", stroke: "currentColor", strokeWidth: "1" }),
+      isSelected && /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "5", className: "rh-fill-primary", stroke: "none" })
+    ]
   }
 );
 var Select = forwardRef(function Select2(props, ref) {
@@ -4567,7 +4571,8 @@ var CustomSelect = ({
   textColor,
   placeholderColor,
   backgroundColor,
-  type = "select"
+  type = "select",
+  disabled = false
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [dropdownStyle, setDropdownStyle] = useState({});
@@ -4601,6 +4606,7 @@ var CustomSelect = ({
     };
   };
   const openDropdown = () => {
+    if (disabled) return;
     if (!isOpen) setDropdownStyle(calcPosition());
     setIsOpen((prev) => !prev);
   };
@@ -4649,6 +4655,7 @@ var CustomSelect = ({
         {
           ref: textAreaRef,
           value,
+          disabled,
           placeholder,
           rows: 1,
           onClick: (e) => e.stopPropagation(),
@@ -4660,7 +4667,7 @@ var CustomSelect = ({
             color: inputTextColor,
             backgroundColor: backgroundColor || "transparent"
           },
-          className: "rh-table-textarea rh-flex rh-items-center rh-leading-[20px] rh-py-[7px] rh-w-full rh-min-h-[40px] rh-text-sm rh-px-1 rh-border rh-bg-surface rh-rounded-xs rh-border-transparent rh-line-height-[20px] rh-outline-none rh-resize-none rh-overflow-hidden hover:rh-border-primary hover:rh-ring-2 hover:rh-ring-gray-200"
+          className: "rh-table-textarea rh-flex rh-items-center rh-leading-[20px] rh-py-[7px] rh-w-full rh-min-h-[40px] rh-text-sm rh-px-1 rh-border rh-bg-surface rh-rounded-xs rh-border-transparent rh-line-height-[20px] rh-outline-none rh-resize-none rh-overflow-hidden hover:rh-border-primary hover:rh-ring-2 hover:rh-ring-gray-200 disabled:rh-opacity-60 disabled:rh-cursor-not-allowed disabled:hover:rh-border-transparent disabled:hover:rh-ring-0"
         }
       ),
       /* @__PURE__ */ jsx("style", { children: `.rh-table-textarea::placeholder { color: ${inputPlaceholderColor}; }` })
@@ -4671,12 +4678,13 @@ var CustomSelect = ({
       "button",
       {
         type: "button",
+        disabled,
         onClick: (e) => {
           e.stopPropagation();
           openDropdown();
         },
         style: { backgroundColor: backgroundColor || void 0 },
-        className: "rh-w-full rh-min-h-[40px] rh-flex rh-items-center rh-border rh-bg-surface rh-rounded-sm rh-border-transparent rh-justify-between rh-py-2 hover:rh-border-primary hover:rh-ring-2 hover:rh-ring-gray-200 rh-cursor-pointer rh-text-left",
+        className: "rh-w-full rh-min-h-[40px] rh-flex rh-items-center rh-border rh-bg-surface rh-rounded-sm rh-border-transparent rh-justify-between rh-py-2 hover:rh-border-primary hover:rh-ring-2 hover:rh-ring-gray-200 rh-cursor-pointer rh-text-left disabled:rh-cursor-not-allowed disabled:rh-opacity-60 disabled:hover:rh-border-transparent disabled:hover:rh-ring-0",
         children: /* @__PURE__ */ jsx("div", { className: "rh-flex rh-items-center rh-gap-2 rh-flex-1 rh-px-0.5", children: /* @__PURE__ */ jsx(
           "span",
           {
@@ -4762,6 +4770,8 @@ function TableInner({
   rowKey,
   rowClickable = false,
   onRowClick,
+  disableEditableControls = false,
+  disableEditableSelects = false,
   size = "md",
   variant = "default",
   sort,
@@ -4781,6 +4791,7 @@ function TableInner({
   className = "",
   ...rest
 }, ref) {
+  const shouldDisableEditableControls = disableEditableControls || disableEditableSelects;
   const handleSort = (column) => {
     if (!column.sortable || !onSortChange) return;
     const newDirection = sort?.key === column.key ? sort.direction === "asc" ? "desc" : sort.direction === "desc" ? null : "asc" : "asc";
@@ -4873,7 +4884,7 @@ function TableInner({
     }
     return column.editablePlaceholderColor;
   };
-  return /* @__PURE__ */ jsx("div", { className: "rh-w-full rh-rounded rh-overflow-hidden", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { className: "rh-w-full rh-rounded", children: /* @__PURE__ */ jsxs(
     "table",
     {
       ref,
@@ -4991,6 +5002,7 @@ function TableInner({
                       CustomSelect,
                       {
                         type: column.type ?? "select",
+                        disabled: shouldDisableEditableControls,
                         options: column.choices,
                         value: column.editableValue(row),
                         placeholder: column.editablePlaceholder,