react-better-html 1.1.108 → 1.1.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +5 -2
  2. package/dist/index.d.ts +5 -2
  3. package/dist/index.js +12 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +12 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -665,10 +665,13 @@ type ElementColumn<DataItem> = {
665
665
  type ImageColumn<DataItem> = {
666
666
  type: "image";
667
667
  keyName?: keyof DataItem;
668
- } & ImageProps;
668
+ getImageSrc?: (item: DataItem, index: number) => string;
669
+ imageProps?: ImageProps;
670
+ };
669
671
  type CheckboxColumn = {
670
672
  type: "checkbox";
671
- } & ToggleInputProps<boolean>;
673
+ toggleInputProps?: ToggleInputProps<boolean>;
674
+ };
672
675
  type NumberFilter<DataItem> = {
673
676
  filter?: "number";
674
677
  getValue?: (item: DataItem) => number;
package/dist/index.d.ts CHANGED
@@ -665,10 +665,13 @@ type ElementColumn<DataItem> = {
665
665
  type ImageColumn<DataItem> = {
666
666
  type: "image";
667
667
  keyName?: keyof DataItem;
668
- } & ImageProps;
668
+ getImageSrc?: (item: DataItem, index: number) => string;
669
+ imageProps?: ImageProps;
670
+ };
669
671
  type CheckboxColumn = {
670
672
  type: "checkbox";
671
- } & ToggleInputProps<boolean>;
673
+ toggleInputProps?: ToggleInputProps<boolean>;
674
+ };
672
675
  type NumberFilter<DataItem> = {
673
676
  filter?: "number";
674
677
  getValue?: (item: DataItem) => number;
package/dist/index.js CHANGED
@@ -7005,12 +7005,19 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
7005
7005
  return column.render?.(item, index) ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, {});
7006
7006
  }
7007
7007
  case "image": {
7008
- const { type, keyName, ...props2 } = column;
7009
- const src = keyName ? item[keyName] : void 0;
7010
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Image_default, { src, width: defaultImageWidth, borderRadius: theme2.styles.borderRadius / 2, ...props2 });
7008
+ const src = column.getImageSrc?.(item, index) ?? (column.keyName ? item[column.keyName] : void 0);
7009
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
7010
+ Image_default,
7011
+ {
7012
+ src,
7013
+ width: defaultImageWidth,
7014
+ borderRadius: theme2.styles.borderRadius / 2,
7015
+ ...column.imageProps
7016
+ }
7017
+ );
7011
7018
  }
7012
7019
  case "checkbox": {
7013
- const { type, onChange, ...props2 } = column;
7020
+ const { onChange, ...toggleInputProps } = column.toggleInputProps ?? {};
7014
7021
  const checkedValue = checkedItems[index];
7015
7022
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
7016
7023
  ToggleInput_default.checkbox,
@@ -7022,7 +7029,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
7022
7029
  );
7023
7030
  onChange?.(checked, value);
7024
7031
  },
7025
- ...props2
7032
+ ...toggleInputProps
7026
7033
  }
7027
7034
  );
7028
7035
  }