@jobber/components 4.28.0 → 4.28.2

package/dist/DataList/components/DataListLayoutInternal/index.d.ts

@@ -1,2 +1,3 @@
 export { DataListItems } from "./DataListItems";
 export { DataListHeader } from "./DataListHeader";
+export { DataListLayoutInternal } from "./DataListLayoutInternal";

package/dist/DataList/components/DataListLoadingState/DataListLoadingState.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Breakpoints, DataListHeader, DataListObject } from "../../DataList.types";
+import { DataListLayoutProps } from "../DataListLayout";
+interface DataListLoadingStateProps<T extends DataListObject> {
+    readonly loading: boolean;
+    readonly headers: DataListHeader<T>;
+    readonly layouts: React.ReactElement<DataListLayoutProps<T>>[] | undefined;
+    readonly mediaMatches?: Record<Breakpoints, boolean>;
+}
+export declare const LOADING_STATE_LIMIT_ITEMS = 10;
+export declare const DATALIST_LOADINGSTATE_ROW_TEST_ID = "ATL-DataList-LoadingState-Row";
+export declare function DataListLoadingState<T extends DataListObject>({ loading, headers, layouts, mediaMatches, }: DataListLoadingStateProps<T>): JSX.Element | null;
+export {};

package/dist/DataList/components/DataListLoadingState/index.d.ts

@@ -0,0 +1 @@
+export * from "./DataListLoadingState";

package/dist/DataTable/index.js

@@ -69,20 +69,15 @@ function Body({ table, onRowClick, emptyState, loading, }) {
     if (loading) {
         return React__default["default"].createElement(BodyLoading, { table: table });
     }
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        "table.getRowModel().rows.length ? (",
-        React__default["default"].createElement("tbody", null, table.getRowModel().rows.map(row => {
-            return (React__default["default"].createElement("tr", { key: row.id, onClick: handleRowClick(row), className: bodyRowClasses }, row.getVisibleCells().map(cell => {
-                return (React__default["default"].createElement("td", { key: cell.id, style: {
-                        width: cell.column.getSize(),
-                        minWidth: cell.column.columnDef.minSize,
-                        maxWidth: cell.column.columnDef.maxSize,
-                    } }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())));
-            })));
-        })),
-        ") : (",
-        React__default["default"].createElement("div", { className: classnames__default["default"](styles$3.emptyState) }, emptyState),
-        ")"));
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, table.getRowModel().rows.length ? (React__default["default"].createElement("tbody", null, table.getRowModel().rows.map(row => {
+        return (React__default["default"].createElement("tr", { key: row.id, onClick: handleRowClick(row), className: bodyRowClasses }, row.getVisibleCells().map(cell => {
+            return (React__default["default"].createElement("td", { key: cell.id, style: {
+                    width: cell.column.getSize(),
+                    minWidth: cell.column.columnDef.minSize,
+                    maxWidth: cell.column.columnDef.maxSize,
+                } }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())));
+        })));
+    }))) : (React__default["default"].createElement("div", { className: classnames__default["default"](styles$3.emptyState) }, emptyState))));
 }
 
 function createTableSettings(data, columns, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.28.0",
+  "version": "4.28.2",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "d1f65a97649c0cebfb21f03d195d7f94d0afe46f"
+  "gitHead": "ed861032a2d9a617338a9e0a26a92a5dcc008a2f"
 }