@rehagro/ui 1.0.54 → 1.0.56

package/dist/index.mjs

@@ -4083,6 +4083,7 @@ var CustomSelect = ({
           value,
           placeholder,
           rows: 1,
+          onClick: (e) => e.stopPropagation(),
           onInput: (e) => {
             onChange(e.currentTarget.value);
             resizeTextArea();
@@ -4091,7 +4092,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 focus:rh-border-primary focus:rh-ring-2 focus: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"
         }
       ),
       /* @__PURE__ */ jsx("style", { children: `.rh-table-textarea::placeholder { color: ${inputPlaceholderColor}; }` })
@@ -4102,13 +4103,16 @@ var CustomSelect = ({
       "button",
       {
         type: "button",
-        onClick: openDropdown,
+        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",
         children: /* @__PURE__ */ jsx("div", { className: "rh-flex rh-items-center rh-gap-2 rh-flex-1 rh-px-0.5", children: /* @__PURE__ */ jsx(
           "span",
           {
-            className: "rh-text-[14px] rh-px-2 rh-py-0.5 rh-rounded-xl rh-whitespace-normal rh-break-words",
+            className: "rh-text-[14px] rh-px-3.5 rh-py-0.5 rh-rounded-xl rh-whitespace-normal rh-break-words",
             style: { backgroundColor: displayBg || "transparent", fontFamily: "Inter, sans-serif", color: displayTextColor },
             children: displayLabel
           }
@@ -4127,6 +4131,7 @@ var CustomSelect = ({
               type: "button",
               onMouseDown: (e) => {
                 e.preventDefault();
+                e.stopPropagation();
                 onChange(option.value);
                 setIsOpen(false);
               },
@@ -4187,6 +4192,8 @@ function TableInner({
   columns,
   data,
   rowKey,
+  rowClickable = false,
+  onRowClick,
   size = "md",
   variant = "default",
   sort,
@@ -4322,6 +4329,7 @@ function TableInner({
                 style: {
                   width: column.width,
                   maxWidth: column.maxWidth,
+                  backgroundColor: column.headerBgColor ?? headerStyle?.backgroundColor,
                   ...rowPaddingStyle
                 },
                 className: [
@@ -4332,10 +4340,17 @@ function TableInner({
                   column.sortable ? "rh-cursor-pointer rh-select-none hover:rh-text-text" : ""
                 ].filter(Boolean).join(" "),
                 onClick: () => handleSort(column),
-                children: /* @__PURE__ */ jsxs("span", { className: "rh-inline-flex rh-items-center", style: headerTextStyleInline, children: [
-                  column.header,
-                  renderSortIcon(column)
-                ] })
+                children: /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: "rh-inline-flex rh-items-center",
+                    style: column.headerTextColor ? { ...headerTextStyleInline, color: column.headerTextColor } : headerTextStyleInline,
+                    children: [
+                      column.header,
+                      renderSortIcon(column)
+                    ]
+                  }
+                )
               },
               column.key
             ))
@@ -4382,9 +4397,18 @@ function TableInner({
               style: bodyStyleInline,
               className: [
                 "rh-border-b rh-border-border rh-transition-colors",
+                rowClickable ? "rh-cursor-pointer" : "",
                 "hover:rh-bg-background/50",
                 variant === "striped" && index % 2 === 1 ? "rh-bg-background/50" : ""
               ].filter(Boolean).join(" "),
+              onClick: (e) => {
+                if (!rowClickable || !onRowClick) return;
+                const target = e.target;
+                if (!target) return;
+                const interactiveSelector = 'button, a, input, select, textarea, label, [role="button"], [data-no-row-click]';
+                if (target.closest(interactiveSelector)) return;
+                onRowClick(row, index, e);
+              },
               children: columns.map((column) => /* @__PURE__ */ jsx(
                 "td",
                 {
@@ -4394,7 +4418,7 @@ function TableInner({
                     alignClasses[column.align || "left"],
                     "rh-text-text"
                   ].filter(Boolean).join(" "),
-                  children: /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-center rh-justify-between rh-gap-2", children: [
+                  children: /* @__PURE__ */ jsxs("div", { className: "rh-flex rh-items-stretch rh-justify-between rh-gap-2 rh-h-full", children: [
                     isEditableCell(column) ? /* @__PURE__ */ jsx(
                       CustomSelect,
                       {