react-better-html 1.1.141 → 1.1.143
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 +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +12 -18
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +12 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6903,7 +6903,7 @@ var ToggleInputComponent = forwardRef12(function ToggleInput({
|
|
|
6903
6903
|
onChange?.(newIsChecked, value);
|
|
6904
6904
|
}, [checked, controlledChecked, onChange, value]);
|
|
6905
6905
|
const readyId = id ?? internalId;
|
|
6906
|
-
return /* @__PURE__ */ jsxs13(Div_default.column, {
|
|
6906
|
+
return /* @__PURE__ */ jsxs13(Div_default.column, { gap: theme2.styles.gap, ...styledComponentStylesWithExcluded, children: [
|
|
6907
6907
|
label && /* @__PURE__ */ jsx18(Label_default, { text: label, color: labelColor, required, isError: !!errorText, htmlFor: readyId }),
|
|
6908
6908
|
/* @__PURE__ */ jsxs13(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: [
|
|
6909
6909
|
/* @__PURE__ */ jsxs13(Div_default.row, { position: "relative", alignItems: "center", children: [
|
|
@@ -7147,24 +7147,16 @@ FormRowComponent.withTitle = forwardRef14(function WithTitle({
|
|
|
7147
7147
|
}, ref) {
|
|
7148
7148
|
const theme2 = useTheme();
|
|
7149
7149
|
const mediaQuery = useMediaQuery();
|
|
7150
|
+
const titleGap = theme2.styles.space;
|
|
7150
7151
|
return /* @__PURE__ */ jsxs15(FormRowComponent, { ...props, ref, children: [
|
|
7151
|
-
/* @__PURE__ */ jsxs15(
|
|
7152
|
-
|
|
7153
|
-
{
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
|
|
7159
|
-
children: [
|
|
7160
|
-
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7161
|
-
/* @__PURE__ */ jsxs15(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7162
|
-
/* @__PURE__ */ jsx20(Text_default, { as: "h3", children: title }),
|
|
7163
|
-
description && /* @__PURE__ */ jsx20(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7164
|
-
] })
|
|
7165
|
-
]
|
|
7166
|
-
}
|
|
7167
|
-
),
|
|
7152
|
+
/* @__PURE__ */ jsxs15(Div_default.row, { width: "100%", alignItems: "center", gap: titleGap, children: [
|
|
7153
|
+
icon && /* @__PURE__ */ jsx20(Icon_default, { name: icon }),
|
|
7154
|
+
/* @__PURE__ */ jsxs15(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
|
|
7155
|
+
/* @__PURE__ */ jsx20(Text_default, { as: "h3", children: title }),
|
|
7156
|
+
description && /* @__PURE__ */ jsx20(Text_default, { color: theme2.colors.textSecondary, children: description })
|
|
7157
|
+
] }),
|
|
7158
|
+
isLoading && /* @__PURE__ */ jsx20(Div_default, { width: 26 - titleGap })
|
|
7159
|
+
] }),
|
|
7168
7160
|
/* @__PURE__ */ jsxs15(
|
|
7169
7161
|
Div_default.row,
|
|
7170
7162
|
{
|
|
@@ -7423,6 +7415,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7423
7415
|
pageSize,
|
|
7424
7416
|
pageCount,
|
|
7425
7417
|
isInsideTableExpandRow,
|
|
7418
|
+
getRowStyle,
|
|
7426
7419
|
onClickRow,
|
|
7427
7420
|
onClickAllCheckboxes,
|
|
7428
7421
|
onChangePage,
|
|
@@ -7851,6 +7844,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7851
7844
|
"tr",
|
|
7852
7845
|
{
|
|
7853
7846
|
className: isInsideTableExpandRow && onClickRow === void 0 && expandColumn === void 0 ? "withoutHover" : void 0,
|
|
7847
|
+
style: getRowStyle?.(item, rowIndex),
|
|
7854
7848
|
onClick: () => onClickRowElement(item, rowIndex),
|
|
7855
7849
|
children: columns.map((column, colIndex) => /* @__PURE__ */ jsx22(
|
|
7856
7850
|
TdStyledComponent,
|