@trackunit/react-components 0.1.290 → 0.1.291
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/index.cjs.js +1 -1
- package/index.esm.js +1 -1
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -1281,7 +1281,7 @@ const SkeletonLines = React.memo(({ margin = "10px 0", lines = 1, height, width
|
|
|
1281
1281
|
return height;
|
|
1282
1282
|
};
|
|
1283
1283
|
for (let i = 0; i < lines; i++) {
|
|
1284
|
-
skeletonLines.push(jsxRuntime.jsx("div", { className: cvaSkeletonLine({ className }), "data-testid": dataTestId
|
|
1284
|
+
skeletonLines.push(jsxRuntime.jsx("div", { className: cvaSkeletonLine({ className }), "data-testid": dataTestId ? `${dataTestId}-${i}` : `skeleton-lines-${i}`, "data-type": "loading-skeleton-line", style: { height: getHeight(i), width: getWidth(i), margin: lines > 1 ? margin : "" }, children: lines > 1 && jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u00A0" }) }, i));
|
|
1285
1285
|
}
|
|
1286
1286
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
1287
1287
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: skeletonLines });
|
package/index.esm.js
CHANGED
|
@@ -1250,7 +1250,7 @@ const SkeletonLines = memo(({ margin = "10px 0", lines = 1, height, width = "100
|
|
|
1250
1250
|
return height;
|
|
1251
1251
|
};
|
|
1252
1252
|
for (let i = 0; i < lines; i++) {
|
|
1253
|
-
skeletonLines.push(jsx("div", { className: cvaSkeletonLine({ className }), "data-testid": dataTestId
|
|
1253
|
+
skeletonLines.push(jsx("div", { className: cvaSkeletonLine({ className }), "data-testid": dataTestId ? `${dataTestId}-${i}` : `skeleton-lines-${i}`, "data-type": "loading-skeleton-line", style: { height: getHeight(i), width: getWidth(i), margin: lines > 1 ? margin : "" }, children: lines > 1 && jsx(Fragment, { children: "\u00A0" }) }, i));
|
|
1254
1254
|
}
|
|
1255
1255
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
1256
1256
|
return jsx(Fragment, { children: skeletonLines });
|