@rehagro/ui 1.0.59 → 1.0.60

package/dist/index.d.mts

@@ -960,6 +960,10 @@ type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "chil
     rowClickable?: boolean;
     /** Callback invoked when a row is clicked: `(row, index, event)` */
     onRowClick?: (row: T, index: number, event?: React__default.MouseEvent<HTMLTableRowElement>) => void;
+    /** Disables all editable controls inside table cells ("select", "date", "textInput") */
+    disableEditableControls?: boolean;
+    /** @deprecated Use `disableEditableControls` instead */
+    disableEditableSelects?: boolean;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React__default.ForwardedRef<HTMLTableElement>;

package/dist/index.d.ts

@@ -960,6 +960,10 @@ type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "chil
     rowClickable?: boolean;
     /** Callback invoked when a row is clicked: `(row, index, event)` */
     onRowClick?: (row: T, index: number, event?: React__default.MouseEvent<HTMLTableRowElement>) => void;
+    /** Disables all editable controls inside table cells ("select", "date", "textInput") */
+    disableEditableControls?: boolean;
+    /** @deprecated Use `disableEditableControls` instead */
+    disableEditableSelects?: boolean;
 };
 declare const Table: <T>(props: TableProps<T> & {
     ref?: React__default.ForwardedRef<HTMLTableElement>;

package/dist/index.js

@@ -4573,7 +4573,8 @@ var CustomSelect = ({
   textColor,
   placeholderColor,
   backgroundColor,
-  type = "select"
+  type = "select",
+  disabled = false
 }) => {
   const [isOpen, setIsOpen] = React9.useState(false);
   const [dropdownStyle, setDropdownStyle] = React9.useState({});
@@ -4607,6 +4608,7 @@ var CustomSelect = ({
     };
   };
   const openDropdown = () => {
+    if (disabled) return;
     if (!isOpen) setDropdownStyle(calcPosition());
     setIsOpen((prev) => !prev);
   };
@@ -4655,6 +4657,7 @@ var CustomSelect = ({
         {
           ref: textAreaRef,
           value,
+          disabled,
           placeholder,
           rows: 1,
           onClick: (e) => e.stopPropagation(),
@@ -4666,7 +4669,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__ */ jsxRuntime.jsx("style", { children: `.rh-table-textarea::placeholder { color: ${inputPlaceholderColor}; }` })
@@ -4677,12 +4680,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__ */ jsxRuntime.jsx("div", { className: "rh-flex rh-items-center rh-gap-2 rh-flex-1 rh-px-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
@@ -4768,6 +4772,8 @@ function TableInner({
   rowKey,
   rowClickable = false,
   onRowClick,
+  disableEditableControls = false,
+  disableEditableSelects = false,
   size = "md",
   variant = "default",
   sort,
@@ -4787,6 +4793,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";
@@ -4879,7 +4886,7 @@ function TableInner({
     }
     return column.editablePlaceholderColor;
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rh-w-full rh-rounded rh-overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rh-w-full rh-rounded", children: /* @__PURE__ */ jsxRuntime.jsxs(
     "table",
     {
       ref,
@@ -4997,6 +5004,7 @@ function TableInner({
                       CustomSelect,
                       {
                         type: column.type ?? "select",
+                        disabled: shouldDisableEditableControls,
                         options: column.choices,
                         value: column.editableValue(row),
                         placeholder: column.editablePlaceholder,