react-better-html 1.1.108 → 1.1.110

package/dist/index.mjs

@@ -6789,7 +6789,7 @@ import {
 } from "react";
 import styled10, { css as css2 } from "styled-components";
 import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
-var defaultImageWidth = 120;
+var defaultImageWidth = 160;
 var maximumVisiblePages = 11;
 var TableStyledComponent = styled10.table.withConfig({
   shouldForwardProp: (prop) => !["isStriped", "withHover", "withStickyHeader", "colorTheme", "theme"].includes(prop)
@@ -6934,12 +6934,11 @@ var TableComponent = forwardRef15(function Table({
           return column.render?.(item, index) ?? /* @__PURE__ */ jsx20(Fragment5, {});
         }
         case "image": {
-          const { type, keyName, ...props2 } = column;
-          const src = keyName ? item[keyName] : void 0;
-          return /* @__PURE__ */ jsx20(Image_default, { src, width: defaultImageWidth, borderRadius: theme2.styles.borderRadius / 2, ...props2 });
+          const src = column.getImageSrc?.(item, index) ?? (column.keyName ? item[column.keyName] : void 0);
+          return /* @__PURE__ */ jsx20(Image_default, { src, width: "100%", borderRadius: theme2.styles.borderRadius / 2, ...column.imageProps });
         }
         case "checkbox": {
-          const { type, onChange, ...props2 } = column;
+          const { onChange, ...toggleInputProps } = column.toggleInputProps ?? {};
           const checkedValue = checkedItems[index];
           return /* @__PURE__ */ jsx20(
             ToggleInput_default.checkbox,
@@ -6951,7 +6950,7 @@ var TableComponent = forwardRef15(function Table({
                 );
                 onChange?.(checked, value);
               },
-              ...props2
+              ...toggleInputProps
             }
           );
         }
@@ -7216,7 +7215,7 @@ var TableComponent = forwardRef15(function Table({
               /* @__PURE__ */ jsx20("thead", { children: /* @__PURE__ */ jsx20("tr", { className: "isHeader", children: columns.map((column, index) => /* @__PURE__ */ jsx20(
                 ThStyledComponent,
                 {
-                  width: column.type === "image" ? defaultImageWidth : column.type === "checkbox" ? 26 : column.width,
+                  width: column.width ?? (column.type === "image" ? defaultImageWidth : column.type === "checkbox" ? 26 : void 0),
                   minWidth: column.minWidth,
                   maxWidth: column.maxWidth,
                   textAlign: column.align,