@luscii-healthtech/web-ui 30.10.0 → 30.10.2

package/dist/index.development.js

@@ -3875,11 +3875,20 @@ function TableBody(props) {
     ) },
     !props.isLoading && ((_a = props.items) === null || _a === void 0 ? void 0 : _a.map((item, index) => React__namespace.default.createElement(
       "tr",
-      { tabIndex: 0, className: classNames__default.default("ui-group", {
-        "ui-cursor-pointer ui-transition-colors ui-duration-300 ui-ease-in-out hover:ui-bg-blue-50 focus:ui-outline-primary": props.onRowClick,
-        "ui-cursor-default hover:ui-bg-white": !props.onRowClick,
-        "ui-bg-blue-100": isItemChecked(index)
-      }, props.className), onClick: generateRowClickHandler(item) },
+      {
+        /**
+         * Not the best, but I'm re-adding what it existed in the TableBodyRow:
+         * https://github.com/Luscii/web-ui/pull/820/files#diff-a4cc940bcb5cc070b340404e9d7fb626ab529bac099dba0cb0b8b2b0cbc274bfL67
+         */
+        key: JSON.stringify(item),
+        tabIndex: 0,
+        className: classNames__default.default("ui-group", {
+          "ui-cursor-pointer ui-transition-colors ui-duration-300 ui-ease-in-out hover:ui-bg-blue-50 focus:ui-outline-primary": props.onRowClick,
+          "ui-cursor-default hover:ui-bg-white": !props.onRowClick,
+          "ui-bg-blue-100": isItemChecked(index)
+        }, props.className),
+        onClick: generateRowClickHandler(item)
+      },
       props.isSelectable && React__namespace.default.createElement(
         "td",
         { className: "ui-px-2 first:ui-pl-6 last:ui-pr-6" },
@@ -6179,10 +6188,10 @@ const Actions = (props) => {
 };
 
 const Padding = (props) => {
-  const { children, className } = props, rest = __rest(props, ["children", "className"]);
+  const { children } = props, rest = __rest(props, ["children"]);
   return (
     // Using margin here, because adjacent margins collapse.
-    React__namespace.default.createElement("div", Object.assign({}, rest, { className: classNames__default.default("ui-m-4", className) }), children)
+    React__namespace.default.createElement(Box, Object.assign({ m: "l" }, rest), children)
   );
 };