@jobber/components 6.4.1 → 6.5.1

package/dist/DataList/DataList.types.d.ts

@@ -192,6 +192,13 @@ export interface DataListEmptyStateProps {
      * to the DataList component.
      */
     readonly type?: "filtered" | "empty";
+    /**
+     * Custom render function for the empty state.
+     *
+     * If provided, this function will be used to render the empty state instead
+     * of the default rendering logic.
+     */
+    readonly customRender?: (emptyState: Omit<DataListEmptyStateProps, "customRender">) => ReactNode;
 }
 export interface DataListContextProps<T extends DataListObject> extends DataListProps<T> {
     readonly filterComponent?: ReactElement<DataListFiltersProps>;

package/dist/DataList/components/DataListEmptyState/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var DataListEmptyState = require('../../../DataListEmptyState-cjs.js');
+require('../../../tslib.es6-cjs.js');
 require('react');
 require('../../../DataListContext-cjs.js');
 require('../../../noop-cjs.js');

package/dist/DataList/components/DataListEmptyState/index.mjs

@@ -1,4 +1,5 @@
 export { D as DataListEmptyState, I as InternalDataListEmptyState } from '../../../DataListEmptyState-es.js';
+import '../../../tslib.es6-es.js';
 import 'react';
 import '../../../DataListContext-es.js';
 import '../../../noop-es.js';

package/dist/DataList/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./DataList";
-export { DataListItemType, DataListObject, DataListSorting, DataListSortable, DataListSelectedType, DataListSelectedAllType, } from "./DataList.types";
+export { DataListItemType, DataListObject, DataListSorting, DataListSortable, DataListSelectedType, DataListSelectedAllType, DataListEmptyStateProps, } from "./DataList.types";

package/dist/DataListEmptyState-cjs.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var DataListContext = require('./DataListContext-cjs.js');
 var Text = require('./Text-cjs.js');
@@ -14,21 +15,23 @@ function DataListEmptyState(_) {
 }
 function InternalDataListEmptyState() {
     const { emptyStateComponents: components, filtered } = React.useContext(DataListContext.DataListContext);
-    const { message, action } = getMessages();
-    return (React.createElement("div", { className: styles.emptyStateWrapper },
-        React.createElement(Text.Text, { align: "center" }, message),
-        renderButton(action)));
-    function getMessages() {
+    const _a = getEmptyStateContent(), { customRender } = _a, contentProps = tslib_es6.__rest(_a, ["customRender"]);
+    return (React.createElement("div", { className: styles.emptyStateWrapper }, customRender ? (customRender(Object.assign({}, contentProps))) : (React.createElement(React.Fragment, null,
+        React.createElement(Text.Text, { align: "center" }, contentProps.message),
+        renderButton(contentProps.action)))));
+    function getEmptyStateContent() {
         const { defaultEmptyState, filteredEmptyState } = getEmptyStates(components);
         if (filtered) {
             return {
                 message: (filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.message) || DataList_const.EMPTY_FILTER_RESULTS_MESSAGE,
                 action: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.action,
+                customRender: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.customRender,
             };
         }
         return {
             message: (defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.message) || DataList_const.EMPTY_RESULTS_MESSAGE,
             action: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.action,
+            customRender: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.customRender,
         };
     }
 }

package/dist/DataListEmptyState-es.js

@@ -1,3 +1,4 @@
+import { _ as __rest } from './tslib.es6-es.js';
 import React, { useContext, cloneElement } from 'react';
 import { D as DataListContext } from './DataListContext-es.js';
 import { T as Text } from './Text-es.js';
@@ -12,21 +13,23 @@ function DataListEmptyState(_) {
 }
 function InternalDataListEmptyState() {
     const { emptyStateComponents: components, filtered } = useContext(DataListContext);
-    const { message, action } = getMessages();
-    return (React.createElement("div", { className: styles.emptyStateWrapper },
-        React.createElement(Text, { align: "center" }, message),
-        renderButton(action)));
-    function getMessages() {
+    const _a = getEmptyStateContent(), { customRender } = _a, contentProps = __rest(_a, ["customRender"]);
+    return (React.createElement("div", { className: styles.emptyStateWrapper }, customRender ? (customRender(Object.assign({}, contentProps))) : (React.createElement(React.Fragment, null,
+        React.createElement(Text, { align: "center" }, contentProps.message),
+        renderButton(contentProps.action)))));
+    function getEmptyStateContent() {
         const { defaultEmptyState, filteredEmptyState } = getEmptyStates(components);
         if (filtered) {
             return {
                 message: (filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.message) || EMPTY_FILTER_RESULTS_MESSAGE,
                 action: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.action,
+                customRender: filteredEmptyState === null || filteredEmptyState === void 0 ? void 0 : filteredEmptyState.props.customRender,
             };
         }
         return {
             message: (defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.message) || EMPTY_RESULTS_MESSAGE,
             action: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.action,
+            customRender: defaultEmptyState === null || defaultEmptyState === void 0 ? void 0 : defaultEmptyState.props.customRender,
         };
     }
 }

package/dist/List-cjs.js

@@ -161,7 +161,7 @@ function Description({ content }) {
     }
 }
 
-var sectionStyles = {"sectionHeader":"htH4y2JBFNQ-","greyBlue":"aQCYb4q1Y2g-","green":"_0S6pN7pW1zg-","blue":"daLL9qGMRGU-","archived":"hFsn3u9jLu4-","orange":"tXU2VmBjsDE-","red":"c1bF77gUkXI-","teal":"bi34KW-Aa0I-","spinning":"Y3FXizLWanA-"};
+var sectionStyles = {"sectionHeader":"htH4y2JBFNQ-","spinning":"Y3FXizLWanA-"};
 
 var styles = {"list":"sFlecO8-wnY-","item":"dbZy6dviEis-","section":"vz43PAcPYt0-","spinning":"gv8zs1Wo4EY-"};
 

package/dist/List-es.js

@@ -159,7 +159,7 @@ function Description({ content }) {
     }
 }
 
-var sectionStyles = {"sectionHeader":"htH4y2JBFNQ-","greyBlue":"aQCYb4q1Y2g-","green":"_0S6pN7pW1zg-","blue":"daLL9qGMRGU-","archived":"hFsn3u9jLu4-","orange":"tXU2VmBjsDE-","red":"c1bF77gUkXI-","teal":"bi34KW-Aa0I-","spinning":"Y3FXizLWanA-"};
+var sectionStyles = {"sectionHeader":"htH4y2JBFNQ-","spinning":"Y3FXizLWanA-"};
 
 var styles = {"list":"sFlecO8-wnY-","item":"dbZy6dviEis-","section":"vz43PAcPYt0-","spinning":"gv8zs1Wo4EY-"};
 

package/dist/styles.css

@@ -7667,52 +7667,7 @@ html.atlantisLightBoxActive {
   padding: 8px 16px;
   padding: var(--space-small) var(--space-base);
   border-bottom: 1px solid hsl(197, 90%, 12%);
-  border-bottom: 1px solid var(--color-border--section);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
-}
-
-.aQCYb4q1Y2g- {
-  border-bottom-color: hsl(198, 12%, 57%);
-  border-bottom-color: var(--color-greyBlue--light);
-  color: hsl(198, 12%, 57%);
-  color: var(--color-greyBlue--light);
-}
-
-._0S6pN7pW1zg- {
-  border-bottom-color: hsl(107, 58%, 33%);
-  border-bottom-color: var(--color-green);
-  color: hsl(107, 58%, 33%);
-  color: var(--color-green);
-}
-
-.daLL9qGMRGU-,
-.hFsn3u9jLu4- {
-  border-bottom-color: hsl(197, 90%, 12%);
-  border-bottom-color: var(--color-blue);
-  color: hsl(197, 90%, 12%);
-  color: var(--color-blue);
-}
-
-.tXU2VmBjsDE- {
-  border-bottom-color: hsl(31, 80%, 48%);
-  border-bottom-color: var(--color-orange);
-  color: hsl(31, 80%, 48%);
-  color: var(--color-orange);
-}
-
-.c1bF77gUkXI- {
-  border-bottom-color: hsl(6, 64%, 51%);
-  border-bottom-color: var(--color-red);
-  color: hsl(6, 64%, 51%);
-  color: var(--color-red);
-}
-
-.bi34KW-Aa0I- {
-  border-bottom-color: hsl(190, 80%, 42%);
-  border-bottom-color: var(--color-teal);
-  color: hsl(190, 80%, 42%);
-  color: var(--color-teal);
+  border-bottom: var(--border-base) solid var(--color-border--section);
 }
 
 .sFlecO8-wnY- {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.4.1",
+  "version": "6.5.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "0dad2a8677c6ca33378701ae75ab10fa386daed5"
+  "gitHead": "38ffa0cbeec13e12e9ec0fd0587c780d678ea54f"
 }