@jobber/components 4.53.2-JOB-80005.0 → 4.54.0

package/dist/Banner/index.js

@@ -69,7 +69,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
         onDismiss && onDismiss();
     }
 }
-function BannerChildren({ children }) {
+function BannerChildren({ children, }) {
     if (!children)
         return React__default["default"].createElement(React__default["default"].Fragment, null);
     if (children && typeof children === "string") {

package/dist/DataList/DataList.d.ts

@@ -8,6 +8,7 @@ import { DataListAction } from "./components/DataListAction";
 import { DataListLayoutActions } from "./components/DataListLayoutActions";
 import { DataListBulkActionProps, DataListObject, DataListProps } from "./DataList.types";
 import { DataListBulkActions } from "./components/DataListBulkActions";
+import { DataListStatusBar } from "./components/DataListStatusBar";
 export declare function DataList<T extends DataListObject>({ selected, sorting, ...props }: DataListProps<T>): JSX.Element;
 export declare namespace DataList {
     var Layout: typeof DataListLayout;
@@ -19,4 +20,5 @@ export declare namespace DataList {
     var BulkActions: typeof DataListBulkActions;
     var ItemAction: typeof DataListAction;
     var BatchAction: (props: DataListBulkActionProps) => JSX.Element;
+    var StatusBar: typeof DataListStatusBar;
 }

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

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+interface DataListStatusBarProps {
+    readonly children: ReactElement | ReactElement[];
+}
+export declare function DataListStatusBar(_: DataListStatusBarProps): null;
+/**
+ * Renders the DataList.StatusBar component
+ */
+export declare function InternalDataListStatusBar(): JSX.Element | null;
+export {};

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

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

package/dist/DataList/index.js

@@ -987,6 +987,23 @@ function DataListLayoutActionsWrapper({ children }) {
     return React__default["default"].createElement("div", { className: styles.hidden }, children);
 }
 
+// This component is meant to capture the props of the DataList.Filters
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function DataListStatusBar(_) {
+    return null;
+}
+/**
+ * Renders the DataList.StatusBar component
+ */
+function InternalDataListStatusBar() {
+    const { children: parentChildren } = useDataListContext();
+    const component = getCompoundComponent(parentChildren, DataListStatusBar);
+    if (!component)
+        return null;
+    const children = component === null || component === void 0 ? void 0 : component.props.children;
+    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+}
+
 function DataList(_a) {
     var { selected = [], sorting } = _a, props = tslib_es6.__rest(_a, ["selected", "sorting"]);
     const [layoutBreakpoints, setLayoutBreakpoints] = React.useState([]);
@@ -1032,6 +1049,7 @@ function InternalDataList() {
             React__default["default"].createElement("div", { className: styles$e.headerFilters },
                 React__default["default"].createElement(InternalDataListFilters, null),
                 React__default["default"].createElement(InternalDataListSearch, null)),
+            React__default["default"].createElement(InternalDataListStatusBar, null),
             React__default["default"].createElement(DataListHeader, null)),
         initialLoading && React__default["default"].createElement(DataListLoadingState, null),
         showEmptyState && React__default["default"].createElement(InternalDataListEmptyState, null),
@@ -1098,5 +1116,9 @@ DataList.ItemAction = DataListAction;
 DataList.BatchAction = function DataListBatchAction(props) {
     return React__default["default"].createElement(DataListAction, Object.assign({}, props));
 };
+/**
+ * Defines a status bar that is rendered between the filters and the header.
+ */
+DataList.StatusBar = DataListStatusBar;
 
 exports.DataList = DataList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.53.2-JOB-80005.0+ab5885f0",
+  "version": "4.54.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -20,8 +20,8 @@
   ],
   "dependencies": {
     "@jobber/design": "^0.46.0",
-    "@jobber/formatters": "^0.2.2",
-    "@jobber/hooks": "^2.6.3-JOB-80005.6+ab5885f0",
+    "@jobber/formatters": "*",
+    "@jobber/hooks": "^2.6.2",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "ab5885f062104616051a48f43a4733f4eab74494"
+  "gitHead": "0c646dc6699e50aa74bc394e8f8dfe2f49e50835"
 }