react-better-html 1.1.141 → 1.1.143

package/dist/index.d.mts

@@ -733,6 +733,7 @@ type TableProps<DataItem> = {
     pageSize?: number;
     pageCount?: number;
     isInsideTableExpandRow?: boolean;
+    getRowStyle?: (item: DataItem, index: number) => ComponentStyle;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;

package/dist/index.d.ts

@@ -733,6 +733,7 @@ type TableProps<DataItem> = {
     pageSize?: number;
     pageCount?: number;
     isInsideTableExpandRow?: boolean;
+    getRowStyle?: (item: DataItem, index: number) => ComponentStyle;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;

package/dist/index.js

@@ -6989,7 +6989,7 @@ var ToggleInputComponent = (0, import_react21.forwardRef)(function ToggleInput({
     onChange?.(newIsChecked, value);
   }, [checked, controlledChecked, onChange, value]);
   const readyId = id ?? internalId;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.column, { width: "100%", gap: theme2.styles.gap, ...styledComponentStylesWithExcluded, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.column, { gap: theme2.styles.gap, ...styledComponentStylesWithExcluded, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label_default, { text: label, color: labelColor, required, isError: !!errorText, htmlFor: readyId }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Div_default.row, { position: "relative", alignItems: "center", children: [
@@ -7233,24 +7233,16 @@ FormRowComponent.withTitle = (0, import_react23.forwardRef)(function WithTitle({
 }, ref) {
   const theme2 = useTheme();
   const mediaQuery = useMediaQuery();
+  const titleGap = theme2.styles.space;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FormRowComponent, { ...props, ref, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      Div_default.row,
-      {
-        width: "100%",
-        alignItems: "center",
-        gap: theme2.styles.space,
-        paddingRight: isLoading ? 26 : void 0,
-        transition: theme2.styles.transition,
-        children: [
-          icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: "h3", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { color: theme2.colors.textSecondary, children: description })
-          ] })
-        ]
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon_default, { name: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { as: "h3", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { color: theme2.colors.textSecondary, children: description })
+      ] }),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default, { width: 26 - titleGap })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       Div_default.row,
       {
@@ -7499,6 +7491,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   pageSize,
   pageCount,
   isInsideTableExpandRow,
+  getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
   onChangePage,
@@ -7927,6 +7920,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
                   "tr",
                   {
                     className: isInsideTableExpandRow && onClickRow === void 0 && expandColumn === void 0 ? "withoutHover" : void 0,
+                    style: getRowStyle?.(item, rowIndex),
                     onClick: () => onClickRowElement(item, rowIndex),
                     children: columns.map((column, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                       TdStyledComponent,