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.
- package/dist/index.d.mts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +12 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -5
- package/dist/index.mjs.map +1 -1
- 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
|
-
|
|
668
|
+
getImageSrc?: (item: DataItem, index: number) => string;
|
|
669
|
+
imageProps?: ImageProps;
|
|
670
|
+
};
|
|
669
671
|
type CheckboxColumn = {
|
|
670
672
|
type: "checkbox";
|
|
671
|
-
|
|
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
|
-
|
|
668
|
+
getImageSrc?: (item: DataItem, index: number) => string;
|
|
669
|
+
imageProps?: ImageProps;
|
|
670
|
+
};
|
|
669
671
|
type CheckboxColumn = {
|
|
670
672
|
type: "checkbox";
|
|
671
|
-
|
|
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
|
|
7009
|
-
|
|
7010
|
-
|
|
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 {
|
|
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
|
-
...
|
|
7032
|
+
...toggleInputProps
|
|
7026
7033
|
}
|
|
7027
7034
|
);
|
|
7028
7035
|
}
|